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

export default function HybridMultiRegionLandingZoneOnAWS(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="1276" height="2744" viewBox="0 0 1276 2744" 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`}>
        Hybrid multi-Region landing zone on AWS
      </title>
      <desc id={`${uid}-sdw-desc`}>
        Hybrid multi-Region landing zone on AWS. 24 components in 19 groups. Connections: Employees to Corporate identity provider (sign in); Corporate identity provider to AWS IAM Identity Center (SAML 2.0 and SCIM); Customer router to AWS Direct Connect (BGP); AWS Direct Connect to Direct Connect gateway (transit VIF); Direct Connect gateway to AWS Transit Gateway (association); Direct Connect gateway to AWS Transit Gateway (association); Customer router to AWS Site-to-Site VPN (IPsec); AWS Site-to-Site VPN to AWS Transit Gateway (VPN attachment); AWS Transit Gateway to AWS Transit Gateway (inter-Region peering); AWS Transit Gateway to AWS Network Firewall (inspection); AWS Transit Gateway to Amazon Route 53 VPC Resolver; AWS Transit Gateway to AWS Network Firewall (inspection); AWS Transit Gateway to VPC 10.1.0.0/16 (VPC attachment); AWS Transit Gateway to VPC 10.2.0.0/16 (VPC attachment); AWS Transit Gateway to VPC 10.9.0.0/16 (VPC attachment); Corporate DNS to Amazon Route 53 VPC Resolver (conditional forwarding); AWS Control Tower to AWS Organizations (applies controls); AWS Organizations to Security OU (SCPs); AWS Organizations to Infrastructure OU (SCPs); AWS Organizations to Workloads OU (SCPs); AWS Organizations to Security Tooling account (delegated administrator); AWS CloudTrail to Amazon Simple Storage Service (all accounts); AWS Config to Amazon Simple Storage Service (configuration snapshots); AWS CloudTrail to AWS Key Management Service (SSE-KMS); and more.
      </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="29" height="29" patternUnits="userSpaceOnUse">
          <path d="M0 0.73H29M0.73 0V29" fill="none" stroke="#ffffff" strokeOpacity="0.045" strokeWidth="1.45" />
        </pattern>
        <radialGradient id={`${uid}-wash`} gradientUnits="userSpaceOnUse" cx="509.5" cy="548" r="1395.56">
          <stop offset="0" stopColor="#60a5fa" stopOpacity="0.12" />
          <stop offset="1" stopColor="#60a5fa" stopOpacity="0" />
        </radialGradient>
        <mask id={`${uid}-m-e1`} maskUnits="userSpaceOnUse" x="0" y="0" width="1276" height="2744">
          <path d="M568 225 L568 321.27" fill="none" stroke="#ffffff" strokeWidth="10.44" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1">
            <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.2968;0.3918;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="4.211s" repeatCount="indefinite" />
          </path>
        </mask>
        <mask id={`${uid}-m-e2`} maskUnits="userSpaceOnUse" x="0" y="0" width="1276" height="2744">
          <path d="M568 427 L568 454 Q568 462 560 462 L459 462 Q451 462 451 470 L451 870.28" fill="none" stroke="#ffffff" strokeWidth="10.44" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1">
            <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.4488;0.6863;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="4.211s" repeatCount="indefinite" />
          </path>
        </mask>
        <symbol id={`${uid}-s1`} viewBox="0 0 40 40" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="40" height="40" fill="#7d8998" />
            <path fill="#fff" d="M12 17h3.5a.5.5 0 0 0 .5-.5V7h7v9.5a.5.5 0 0 0 .5.5H27v16H12zm16 16.5v-17a.5.5 0 0 0-.5-.5H24V6.5a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5V16h-3.5a.5.5 0 0 0-.5.5v17a.5.5 0 0 0 .5.5h16a.5.5 0 0 0 .5-.5M24 31h1v-2h-1zm-5 0h1v-2h-1zm-5 0h1v-2h-1zm10-4h1v-3h-1zm-5 0h1v-3h-1zm-5 0h1v-3h-1zm10-5h1v-3h-1zm-5-10h1V9h-1zm0 5h1v-3h-1zm0 5h1v-3h-1zm-5 0h1v-3h-1z" />
          </g>
        </symbol>
        <filter id={`${uid}-f1`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.8929 3.0038 0.3032 0 -2.604" result="a" />
          <feFlood floodColor="#b6b7b8" />
          <feComposite in2="a" operator="in" />
        </filter>
        <filter id={`${uid}-f2`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.8929 3.0038 0.3032 0 -2.604" result="a" />
          <feFlood floodColor="#0b1012" />
          <feComposite in2="a" operator="in" />
        </filter>
        <symbol id={`${uid}-s2`} viewBox="0 0 40 40" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="40" height="40" fill="#fff" />
            <path fill="#232f3e" d="M32.698 23.9c.361.47-.4 2.4-.74 3.264-.105.262.117.365.35.168 1.512-1.284 1.904-3.975 1.593-4.363-.307-.386-2.95-.717-4.563.432-.249.177-.206.42.07.389.907-.112 2.93-.357 3.29.11m-.842 2.01c.518-.378.074-.941-.454-.72-3.513 1.464-7.327 2.173-10.8 2.173-5.143 0-10.127-1.39-14.156-3.695-.352-.202-.613.155-.319.414 3.733 3.316 8.67 5.309 14.147 5.309 3.91 0 8.451-1.208 11.582-3.481m-2.144-5.215a6.6 6.6 0 0 1-1.459-.161q-.714-.163-1.093-.373-.233-.128-.29-.258a.7.7 0 0 1-.059-.26v-.47q0-.29.216-.292.083.002.173.033.091.034.241.098.48.21 1.044.324.564.113 1.126.113.895 0 1.384-.308a.97.97 0 0 0 .49-.873.88.88 0 0 0-.258-.65q-.256-.258-.952-.484l-1.375-.421q-1.045-.325-1.517-.938a2.17 2.17 0 0 1-.472-1.347q0-.581.258-1.027.255-.445.676-.761.427-.314.99-.478a4.3 4.3 0 0 1 1.19-.162q.315 0 .64.04a6.3 6.3 0 0 1 1.15.252q.248.082.4.162a.9.9 0 0 1 .28.227.5.5 0 0 1 .083.308v.436q0 .291-.217.29-.114.002-.364-.111c-.54-.24-1.15-.356-1.82-.356q-.815 0-1.262.258-.448.26-.448.827 0 .388.283.655.281.267 1.044.51l1.342.423q1.028.322 1.466.888.441.568.441 1.295 0 .6-.25 1.078-.248.477-.689.817a3.1 3.1 0 0 1-1.05.518q-.615.179-1.343.178m-12.165-.244q-.248.002-.365-.087-.117-.09-.199-.365l-2.222-7.157a1.8 1.8 0 0 1-.082-.371q0-.227.233-.227h.927q.265 0 .374.09.106.086.19.364l1.59 6.12 1.477-6.12q.066-.278.181-.364.116-.09.38-.09h.765q.263 0 .38.09.116.086.182.364l1.493 6.2 1.64-6.2q.082-.278.19-.364.109-.09.373-.09h.878q.233 0 .233.227a1 1 0 0 1-.016.144 2 2 0 0 1-.068.227l-2.286 7.157q-.083.275-.2.365-.116.088-.364.087h-.813q-.264.001-.38-.094-.116-.099-.182-.373l-1.476-5.96-1.457 5.96q-.067.274-.183.373-.116.095-.38.094zM9.94 19.449q.465 0 .98-.17.513-.17.893-.592.232-.259.324-.591.09-.33.09-.801v-.388a8 8 0 0 0-1.757-.211q-.945 0-1.408.373-.464.37-.465 1.07 0 .645.35.978.347.332.993.332m3.846-1.408q0 .517.107.825.11.31.307.664a.4.4 0 0 1 .066.209q0 .148-.182.276l-.597.39a.5.5 0 0 1-.248.08.4.4 0 0 1-.282-.128 2 2 0 0 1-.339-.43 6 6 0 0 1-.29-.544q-1.112 1.28-2.785 1.28-1.194.001-1.89-.664-.696-.664-.696-1.78 0-1.182.863-1.903.86-.72 2.32-.721.48 0 1.002.073t1.084.203v-.68q.001-1.052-.446-1.482-.446-.428-1.54-.428a4.5 4.5 0 0 0-1.02.12 7.5 7.5 0 0 0-1.02.315 3 3 0 0 1-.33.122.7.7 0 0 1-.15.024q-.199.001-.2-.292v-.452q.001-.228.068-.323.066-.099.265-.195a6 6 0 0 1 1.192-.421 6 6 0 0 1 1.476-.18c1.126 0 1.952.254 2.477.754q.787.753.788 2.275z" />
          </g>
        </symbol>
        <filter id={`${uid}-f3`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.8504 -2.8608 -0.2888 0 2.4" result="a" />
          <feFlood floodColor="#b6b7b8" />
          <feComposite in2="a" operator="in" />
          <feComposite in2="SourceAlpha" operator="in" />
        </filter>
        <filter id={`${uid}-f4`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.8504 -2.8608 -0.2888 0 2.4" result="a" />
          <feFlood floodColor="#0b1012" />
          <feComposite in2="a" operator="in" />
          <feComposite in2="SourceAlpha" operator="in" />
        </filter>
        <symbol id={`${uid}-s3`} viewBox="0 0 40 40" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="40" height="40" fill="#e7157b" />
            <path fill="#fff" d="M24.5 22c1.93 0 3.5 1.57 3.5 3.5S26.43 29 24.5 29 21 27.43 21 25.5s1.57-3.5 3.5-3.5m0 8c2.481 0 4.5-2.019 4.5-4.5S26.981 21 24.5 21a4.505 4.505 0 0 0-4.5 4.5c0 2.481 2.019 4.5 4.5 4.5m1.523-19.12L29.084 17h-6.121zM22.154 18h7.739a.502.502 0 0 0 .447-.724l-3.869-7.738c-.17-.338-.725-.338-.895 0l-3.869 7.738a.503.503 0 0 0 .447.724M11 23h7v-7h-7zm-.5 1h8a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5M8 32h24V8H8zM32.5 7h-25a.5.5 0 0 0-.5.5v25a.5.5 0 0 0 .5.5h25a.5.5 0 0 0 .5-.5v-25a.5.5 0 0 0-.5-.5" />
          </g>
        </symbol>
        <symbol id={`${uid}-s4`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#e7157b" fillRule="evenodd" d="M34 30c2.757 0 5 2.243 5 5s-2.243 5-5 5-5-2.243-5-5 2.243-5 5-5m0 12c3.859 0 7-3.14 7-7s-3.141-7-7-7-7 3.14-7 7 3.141 7 7 7m1.831-26.497L39.579 23h-7.496zM30.465 25h10.732a1 1 0 0 0 .895-1.447L36.726 12.82c-.34-.677-1.45-.677-1.789 0L29.57 23.553A1 1 0 0 0 30.465 25M14 32h9v-9h-9zm-1 2h11a1 1 0 0 0 1-1V22a1 1 0 0 0-1-1H13a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1m-9 4h2v2H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h36a1 1 0 0 1 1 1v3h-2V4H4zm6 6h34V10H10zM45 8H9a1 1 0 0 0-1 1v36a1 1 0 0 0 1 1h36a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1" />
        </symbol>
        <filter id={`${uid}-f5`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feFlood floodColor="#b6b7b8" />
          <feComposite in2="SourceAlpha" operator="in" />
        </filter>
        <filter id={`${uid}-f6`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feFlood floodColor="#0b1012" />
          <feComposite in2="SourceAlpha" operator="in" />
        </filter>
        <symbol id={`${uid}-s5`} viewBox="0 0 40 40" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="40" height="40" fill="#00a4a6" />
            <path fill="#fff" d="M14 20.026v-9h15.293l-4.147 4.146a.5.5 0 0 0 0 .708l4.147 4.146zm12.207-4.5 4.647-4.646a.5.5 0 0 0-.354-.854H14V8.97A1.528 1.528 0 0 0 13.495 6c-.845 0-1.532.687-1.532 1.531 0 .67.435 1.235 1.037 1.442v24.053h-3v1h7v-1h-3v-12h16.5a.5.5 0 0 0 .354-.854z" />
          </g>
        </symbol>
        <symbol id={`${uid}-s6`} viewBox="0 0 40 40" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="40" height="40" fill="#8c4fff" />
            <path fill="#fff" d="m30.97 21.03-2.943-1.264v10.49c2.545-.353 2.932-2.969 2.948-3.088zm-3.943 9.24V19.76l-3.035 1.272v6.201c.013.054.445 2.767 3.035 3.036m.306-11.723a.5.5 0 0 1 .39.001l3.945 1.692a.5.5 0 0 1 .303.46v6.533c-.183 1.447-1.357 4.063-4.527 4.063-3.075 0-4.254-2.612-4.448-3.994l-.004-6.603c0-.2.12-.383.306-.46zm5.65.637-5.461-2.406-5.53 2.327v7.128c-.001.042-.054 2.868 1.657 4.623.917.941 2.194 1.42 3.795 1.42 1.602 0 2.887-.48 3.819-1.423 1.735-1.758 1.72-4.585 1.72-4.613zM31.98 31.55c-1.127 1.144-2.654 1.725-4.536 1.725-1.884 0-3.404-.58-4.517-1.727-2.005-2.063-1.94-5.197-1.935-5.329v-7.446a.5.5 0 0 1 .305-.46l6.035-2.54a.5.5 0 0 1 .396.003l5.956 2.625a.5.5 0 0 1 .299.457v7.375c.002.125.027 3.255-2.003 5.317m-20.988-7.314h8v1h-8c-2.811 0-4.811-2.016-4.98-5.016A4 4 0 0 1 6 19.841c0-2.509 1.318-4.223 3.817-4.979a8 8 0 0 1-.032-.647c0-2.916 1.577-5.445 4.017-6.445 3.298-1.348 7.042-.894 9.106 1.104a8.2 8.2 0 0 1 1.76 2.485c.609-.45 1.4-.66 2.349-.614 1.78.09 3.149 1.713 3.433 4.007 1.498.124 2.485.883 3.01 2.308l-.937.346c-.428-1.157-1.208-1.673-2.531-1.673a.5.5 0 0 1-.5-.47c-.138-2.338-1.406-3.463-2.526-3.519-.945-.053-1.645.22-2.08.791a.5.5 0 0 1-.472.193.5.5 0 0 1-.395-.323 7.4 7.4 0 0 0-1.807-2.814c-1.788-1.73-5.09-2.099-8.031-.895-2.063.845-3.396 3.011-3.396 5.52 0 .272.035.695.066.958a.5.5 0 0 1-.376.544C8.169 16.29 7 17.678 7 19.841c0 .101-.001.201.009.302.14 2.495 1.703 4.093 3.983 4.093" />
          </g>
        </symbol>
        <symbol id={`${uid}-s7`} viewBox="0 0 48 48" overflow="visible">
          <g fill="#919394">
            <path fill="#919394" fillRule="evenodd" d="M28.639 9.286c0-2.915 2.413-5.286 5.38-5.286s5.378 2.371 5.378 5.286-2.412 5.286-5.378 5.286-5.38-2.371-5.38-5.286m11.524 7.048a11.7 11.7 0 0 0-2.035-1.001c1.97-1.31 3.269-3.531 3.269-6.047 0-4.017-3.31-7.286-7.378-7.286-4.069 0-7.38 3.269-7.38 7.286 0 2.51 1.293 4.728 3.256 6.039a11.9 11.9 0 0 0-3.546 2.1l1.303 1.518A9.77 9.77 0 0 1 34 16.572c1.802 0 3.569.505 5.109 1.461 2.74 1.702 4.538 4.692 4.844 7.967H34v2h11a1 1 0 0 0 1-1c0-4.343-2.236-8.43-5.837-10.666M8.639 9.286C8.639 6.371 11.052 4 14.019 4s5.378 2.371 5.378 5.286-2.412 5.286-5.378 5.286-5.38-2.371-5.38-5.286M14 26H4.046C4.53 20.717 8.81 16.572 14 16.572c1.802 0 3.569.505 5.109 1.461.432.269.849.575 1.24.91l1.303-1.517a11.7 11.7 0 0 0-3.524-2.093c1.97-1.31 3.269-3.531 3.269-6.047 0-4.017-3.31-7.286-7.378-7.286-4.069 0-7.38 3.269-7.38 7.286 0 2.515 1.298 4.737 3.268 6.046C5.302 17.071 2 21.638 2 27a1 1 0 0 0 1 1h11zm.046 18c.484-5.283 4.764-9.428 9.954-9.428 1.802 0 3.569.505 5.109 1.461 2.74 1.702 4.538 4.692 4.844 7.967zm4.593-16.714c0-2.915 2.413-5.286 5.38-5.286s5.378 2.371 5.378 5.286-2.412 5.286-5.378 5.286-5.38-2.371-5.38-5.286m11.524 7.048a11.7 11.7 0 0 0-2.035-1.001c1.97-1.31 3.269-3.531 3.269-6.047 0-4.017-3.31-7.286-7.378-7.286-4.069 0-7.38 3.269-7.38 7.286 0 2.515 1.298 4.737 3.268 6.046C15.302 35.071 12 39.638 12 45a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1c0-4.343-2.236-8.43-5.837-10.666" />
          </g>
        </symbol>
        <symbol id={`${uid}-s8`} viewBox="0 0 48 48" overflow="visible">
          <g fill="#919394">
            <path fill="#919394" fillRule="evenodd" d="M23.886 24.573a1 1 0 0 0-.175 1.18c1.068 1.994.728 4.39-.845 5.963a5.07 5.07 0 0 1-7.16 0 5.03 5.03 0 0 1-1.481-3.58c0-1.352.526-2.623 1.482-3.579a4.97 4.97 0 0 1 3.53-1.462c.824 0 1.66.203 2.435.617.388.206.866.136 1.179-.175l1.322-1.323a1 1 0 0 0 .292-.742l-.042-1.245 1.246.042a.95.95 0 0 0 .74-.292l.747-.745c.196-.196.3-.465.292-.74l-.043-1.247 1.246.043c.26.01.545-.097.74-.292l.866-.865 1.31-.128.04.85zm9.287-10.425a1 1 0 0 0-.752-.239l-2.716.267a1 1 0 0 0-.61.288l-.81.81-1.882-.064c-.255-.032-.546.095-.742.292a1 1 0 0 0-.292.741l.065 1.883-.131.13-1.882-.064a.94.94 0 0 0-.741.292 1 1 0 0 0-.292.741l.063 1.882-.518.52c-2.628-1.076-5.616-.507-7.64 1.516a7 7 0 0 0-2.068 4.993c0 1.886.734 3.66 2.068 4.994a7.04 7.04 0 0 0 4.994 2.065 7.04 7.04 0 0 0 4.994-2.065c2.022-2.023 2.59-5.012 1.515-7.639l7.536-7.536a1 1 0 0 0 .292-.752l-.106-2.344a1 1 0 0 0-.345-.71M18.579 30.04a.845.845 0 1 1-1.192-1.196.845.845 0 0 1 1.192 1.196m-2.608-2.61a2.85 2.85 0 0 0 0 4.024 2.84 2.84 0 0 0 2.012.832c.727 0 1.456-.277 2.01-.832a2.85 2.85 0 0 0 0-4.024c-1.075-1.075-2.95-1.072-4.022 0m22.57-15.604a1.777 1.777 0 0 1-2.51 0l-.001-.002a1.76 1.76 0 0 1-.516-1.255 1.766 1.766 0 0 1 1.772-1.77h.002a1.76 1.76 0 0 1 1.77 1.773c0 .476-.184.922-.517 1.254m-3.922-3.928a3.75 3.75 0 0 0-1.106 2.67 3.75 3.75 0 0 0 1.102 2.67 3.76 3.76 0 0 0 2.67 1.106c.966 0 1.932-.368 2.668-1.102a3.78 3.78 0 0 0 .005-5.339 3.78 3.78 0 0 0-5.34-.005M20.255 43.574 4.414 27.706 28.139 4.02l15.134.733.708 15.133zM45.228 3.751a1 1 0 0 0-.95-.952l-16.484-.798a.97.97 0 0 0-.755.291L2.294 26.997a1 1 0 0 0-.002 1.414l17.254 17.283a.997.997 0 0 0 1.414.002L45.706 20.99a1 1 0 0 0 .293-.755z" />
          </g>
        </symbol>
        <symbol id={`${uid}-s9`} viewBox="0 0 48 48" overflow="visible">
          <g fill="#919394">
            <path fill="#919394" fillRule="evenodd" d="M8.999 40h2v-2h-2zm0-15.001h2v-2h-2zm0-14.999h2V8h-2zm2 7.999H37V16H10.999zM4 29h40v-9.001H4zm6.999 4h26.002v-2H10.999zM4 43.999h40V35H4zM4 14h40V5H4zm41 2a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h5.999v1.999H3a1 1 0 0 0-1 1V30a1 1 0 0 0 1 1h5.999v2H3a1 1 0 0 0-1 1v10.999a1 1 0 0 0 1 1h42a1 1 0 0 0 1-1V34a1 1 0 0 0-1-1h-5.999v-2H45a1 1 0 0 0 1-1V18.999a1 1 0 0 0-1-1h-6V16z" />
          </g>
        </symbol>
        <symbol id={`${uid}-s10`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#8c4fff" fillRule="evenodd" d="m42.208 24.707-4.375 4.375-1.414-1.414L39.087 25H25v14.086l2.668-2.668 1.414 1.414-4.375 4.375a.997.997 0 0 1-1.414 0l-4.375-4.375 1.414-1.414L23 39.086V25H8.915l2.668 2.668-1.414 1.414-4.375-4.375a1 1 0 0 1 0-1.414l4.375-4.376 1.414 1.414L8.915 23H23V8.913l-2.668 2.668-1.414-1.414 4.375-4.375a1 1 0 0 1 1.414 0l4.375 4.375-1.414 1.414L25 8.913V23h14.087l-2.668-2.669 1.414-1.414 4.375 4.376a1 1 0 0 1 0 1.414M24 44C12.972 44 4 35.028 4 24S12.972 4 24 4s20 8.972 20 20-8.972 20-20 20m0-42C11.87 2 2 11.869 2 24s9.87 22 22 22 22-9.869 22-22S36.131 2 24 2" />
        </symbol>
        <filter id={`${uid}-f7`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feFlood floodColor="#919394" />
          <feComposite in2="SourceAlpha" operator="in" />
        </filter>
        <symbol id={`${uid}-s11`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#8c4fff" />
            <path fill="#fff" d="M29.97 60.66h17.86v-5.873c0-.517-.566-.953-1.236-.953H31.206c-.67 0-1.236.436-1.236.953zm23.172 3.335V68h-2v-4.005c0-.786-.458-1.334-.868-1.334H27.527c-.41 0-.867.548-.867 1.334V68h-2v-4.005c0-1.838 1.287-3.335 2.867-3.335h.443v-5.873c0-1.628 1.451-2.954 3.236-2.954h15.388c1.785 0 3.238 1.326 3.238 2.954v5.873h.442c1.581 0 2.868 1.497 2.868 3.335M45.52 38.594a2.313 2.313 0 0 0 2.31-2.31 2.313 2.313 0 0 0-2.31-2.31 2.313 2.313 0 0 0-2.31 2.31 2.313 2.313 0 0 0 2.31 2.31m-1 12.034V40.465c-1.895-.454-3.311-2.15-3.311-4.181a4.316 4.316 0 0 1 4.31-4.31 4.316 4.316 0 0 1 4.312 4.31c0 2.031-1.417 3.727-3.31 4.181v10.163zM41.137 28.56a2.31 2.31 0 0 0-2.31-2.31 2.31 2.31 0 0 0-2.309 2.31 2.31 2.31 0 0 0 2.309 2.309 2.31 2.31 0 0 0 2.31-2.309m2 0c0 2.005-1.38 3.678-3.237 4.158v17.909h-2V32.765a4.31 4.31 0 0 1-3.383-4.204 4.315 4.315 0 0 1 4.31-4.31 4.316 4.316 0 0 1 4.31 4.31M32.28 33.974a2.31 2.31 0 0 0-2.31 2.31 2.31 2.31 0 0 0 2.31 2.31 2.31 2.31 0 0 0 2.31-2.31 2.31 2.31 0 0 0-2.31-2.31m0-2a4.315 4.315 0 0 1 4.31 4.31c0 2.031-1.416 3.727-3.31 4.181v10.163h-2V40.465c-1.894-.454-3.31-2.15-3.31-4.181a4.316 4.316 0 0 1 4.31-4.31M68 37.365c0 7.653-5.81 10.38-11.247 10.38h-7.816v-2h7.816c2.17 0 9.246-.605 9.246-8.38 0-5.626-4.407-7.69-8.102-8.432a1 1 0 0 1-.802-.922c-.263-4.44-2.857-6.014-4.999-6.014-1.448 0-2.807.69-3.726 1.895a1 1 0 0 1-1.735-.262c-.634-1.724-1.76-4.136-3.518-5.839-3.882-3.773-9.193-4.798-14.213-2.74-4.097 1.677-7.43 6.804-7.43 11.427 0 .51.03 1.02.093 1.519a1 1 0 0 1-.755 1.094c-2.048.5-6.811 2.302-6.811 8.196q.002.308.022.617c.242 4.322 4.309 7.84 9.064 7.84h5.75v2h-5.75c-5.799 0-10.762-4.365-11.062-9.73a13 13 0 0 1-.025-.727c0-4.796 2.785-8.446 7.501-9.908q-.027-.45-.028-.9c0-4.782 3.243-11.058 8.673-13.28 5.778-2.368 11.897-1.187 16.363 3.156 1.558 1.506 2.666 3.447 3.417 5.136a6.57 6.57 0 0 1 4.17-1.495c3.095 0 6.347 2.214 6.93 7.137C64.82 28.525 68 32.137 68 37.366" />
          </g>
        </symbol>
        <filter id={`${uid}-f8`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.8929 3.0038 0.3032 0 -2.604" result="a" />
          <feFlood floodColor="#919394" />
          <feComposite in2="a" operator="in" />
        </filter>
        <symbol id={`${uid}-s12`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#8c4fff" />
            <path fill="#fff" d="M31.014 24c0-5.514 4.486-10 10-10s10 4.486 10 10v1h2v-1c0-6.617-5.383-12-12-12s-12 5.383-12 12v1h2zm7 26c0 1.654 1.346 3 3 3s3-1.346 3-3-1.346-3-3-3-3 1.346-3 3m-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5a5.01 5.01 0 0 1-4 4.899V61h-2v-6.101a5.01 5.01 0 0 1-4-4.899m-11 16h32V40h-32zm28-28h6v30h-36V38h6v-6h2v6h20v-6h2zm14.414-9-6.707 6.707-1.414-1.414L63.6 30H18.428l4.293 4.293-1.414 1.414L14.6 29l6.707-6.707 1.414 1.414L18.428 28H63.6l-4.293-4.293 1.414-1.414z" />
          </g>
        </symbol>
        <symbol id={`${uid}-s13`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#e7157b" />
            <path fill="#fff" d="m37.197 58.85-1.419 1.419-2.837-2.838 1.419-1.418zM23.009 44.664l2.84 2.838-1.42 1.418-2.838-2.838zm5.676 5.675 2.837 2.837-1.419 1.418-2.836-2.837zm24.56-18.799-2.844-2.829 1.414-1.422 2.845 2.829zm5.692 5.659-2.845-2.83 1.414-1.422 2.845 2.83zM44.71 23.05l1.415-1.421 2.844 2.829-1.414 1.422zm13.322 21.651 1.414 1.422-2.845 2.83-1.414-1.423zm-5.691 5.659 1.414 1.422-2.844 2.83-1.415-1.423zm-5.69 5.659 1.414 1.422-2.845 2.829-1.415-1.423zM22.15 37.197l-1.419-1.419 2.837-2.838 1.418 1.419zm11.348-11.349L32.08 24.43l2.839-2.838 1.418 1.418zm-5.674 5.674-1.418-1.419 2.837-2.836 1.418 1.418zm8.97 5.271a5.2 5.2 0 0 1 2.703-1.436v4.14h-4.14a5.2 5.2 0 0 1 1.436-2.704m7.413 0a5.2 5.2 0 0 1 1.436 2.704h-4.14v-4.14a5.2 5.2 0 0 1 2.704 1.436m0 7.414a5.2 5.2 0 0 1-2.704 1.436v-4.14h4.14a5.2 5.2 0 0 1-1.436 2.704m-7.414 0a5.2 5.2 0 0 1-1.436-2.704h4.14v4.14a5.2 5.2 0 0 1-2.704-1.436m-5.615-.404-2.3-2.3h4.455a7.2 7.2 0 0 0 2.042 4.122 7.2 7.2 0 0 0 4.122 2.042v4.455l-2.3-2.3-1.419 1.419 4.722 4.721 4.722-4.721-1.419-1.419-2.3 2.3v-4.455a7.2 7.2 0 0 0 4.122-2.042 7.2 7.2 0 0 0 2.042-4.122h4.455l-2.3 2.3 1.419 1.419 4.721-4.722-4.721-4.722-1.419 1.419 2.3 2.3h-4.455a7.196 7.196 0 0 0-6.164-6.163v-4.456l2.3 2.3 1.419-1.419-4.722-4.721-4.722 4.721 1.419 1.419 2.3-2.3v4.456a7.196 7.196 0 0 0-6.164 6.163h-4.455l2.3-2.3-1.419-1.419-4.721 4.722 4.721 4.722zm9.322 21.36-1.591-1.59L40.5 61.98l1.591 1.591zm-4.428-1.59L40.5 68l4.428-4.428-4.428-4.428zM15.837 40.5l1.59-1.591L19.02 40.5l-1.591 1.591zm1.59-4.428L13 40.5l4.428 4.428 4.428-4.428zM61.982 40.5l1.591-1.591 1.591 1.591-1.59 1.591zm1.591-4.428L59.144 40.5l4.428 4.428L68 40.5zM40.5 15.837l1.591 1.59L40.5 19.02l-1.591-1.591zm4.428 1.59L40.5 13l-4.428 4.428 4.428 4.428z" />
          </g>
        </symbol>
        <symbol id={`${uid}-s14`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#e7157b" />
            <path fill="#fff" d="M55 63h8v-8h-8zm-19 0h8v-8h-8zm-19 0h8v-8h-8zm47-10h-4v-5a1 1 0 0 0-1-1H41v-3h-2v3H21a1 1 0 0 0-1 1v5h-4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V54a1 1 0 0 0-1-1h-4v-4h17v4h-4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V54a1 1 0 0 0-1-1h-4v-4h17v4h-4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V54a1 1 0 0 0-1-1M40 17.155l9 5.196-9 5.196-9-5.196zm1 22.516V29.28l9-5.196v10.393zM30 24.083l9 5.196v10.392l-9-5.195zM28.5 35.92l11 6.351a1 1 0 0 0 1 0l11-6.35c.309-.18.5-.51.5-.867V22.351c0-.357-.191-.687-.5-.866l-11-6.35a1 1 0 0 0-1 0l-11 6.35a1 1 0 0 0-.5.866v12.702a1 1 0 0 0 .5.866" />
          </g>
        </symbol>
        <symbol id={`${uid}-s15`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#dd344c" />
            <path fill="#fff" d="M67.438 62.325 52.56 47.447a1 1 0 0 1-.181-1.167c2.078-4.003 1.28-9.048-1.94-12.268a10.45 10.45 0 0 0-8.691-3c-3.23.392-6.078 2.256-7.812 5.117-2.038 3.359-1.947 7.668.23 10.979 3.021 4.595 8.91 6.184 13.698 3.7.387-.2.858-.127 1.168.182l2.468 2.468a1 1 0 0 1 .292.707v3.243h3.243c.264 0 .519.105.707.292l1.415 1.414c.187.188.293.442.293.708v3.242h3.242c.266 0 .519.106.707.293l1.855 1.856 3.942.263zm2.029-.305-.353 4.596a1 1 0 0 1-.996.923l-.068-.002-5.303-.354a1 1 0 0 1-.641-.29l-1.828-1.83H56.45a1 1 0 0 1-1-1v-3.827l-.829-.828h-3.829a1 1 0 0 1-1-1v-3.83l-1.672-1.672c-5.574 2.486-12.179.544-15.626-4.7-2.598-3.951-2.703-9.1-.269-13.114 2.056-3.39 5.44-5.6 9.282-6.064a12.44 12.44 0 0 1 10.346 3.57c3.653 3.653 4.683 9.286 2.622 13.936l14.702 14.702a1 1 0 0 1 .29.784M45.423 41.346a2.48 2.48 0 0 0-.733-1.768 2.48 2.48 0 0 0-1.768-.733c-.667 0-1.295.26-1.767.732a2.503 2.503 0 0 0 0 3.536 2.502 2.502 0 0 0 4.268-1.767m.681-3.183a4.47 4.47 0 0 1 1.319 3.183 4.47 4.47 0 0 1-1.319 3.18v.002a4.5 4.5 0 0 1-3.182 1.315 4.48 4.48 0 0 1-3.181-1.316 4.506 4.506 0 0 1 0-6.364 4.47 4.47 0 0 1 3.181-1.318c1.203 0 2.332.468 3.182 1.318m-24.103 6.759H28v2h-6c-5.854-.013-10.674-4.165-10.976-9.454-.013-.25-.024-.481-.024-.713 0-6.524 4.627-8.95 7.351-9.81a14 14 0 0 1-.027-.875c0-5.35 3.757-10.888 8.739-12.881 5.807-2.344 11.965-1.178 16.463 3.118 1.187 1.12 2.705 2.794 3.769 4.835 1.136-.998 2.419-1.487 3.888-1.487 2.903 0 6.157 2.336 6.748 7.442C63.95 28.472 67 31.775 67 36.922c0 5.427-3.222 9.068-8.839 9.987l-.323-1.974C61.105 44.4 65 42.575 65 36.922c0-4.381-2.603-6.93-8.192-8.018a1 1 0 0 1-.807-.922c-.224-3.725-2.206-6.327-4.818-6.327-1.335 0-2.382.58-3.394 1.88-.223.287-.58.429-.941.376a1 1 0 0 1-.785-.638c-.872-2.33-2.609-4.285-3.913-5.515-3.919-3.742-9.278-4.754-14.342-2.713-4.198 1.679-7.484 6.522-7.484 11.025 0 .505.03.99.093 1.485q.006.056.007.113v.014c0 .505-.374.927-.86.996-2.499.634-6.564 2.52-6.564 8.077 0 .197.01.394.02.583.242 4.249 4.188 7.574 8.981 7.584" />
          </g>
        </symbol>
        <symbol id={`${uid}-s16`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#e7157b" />
            <path fill="#fff" d="M25 52.996h4v-2.002h-4zm34.971-14.833c-.225-3.037-1.71-5.273-4.069-6.063-1.899-.633-3.991-.186-5.584 1.113-.966-1.905-2.418-3.771-3.616-4.953-4.296-4.24-9.034-5.322-14.086-3.215C28.106 26.922 24 33.087 24 37.981v.19c-2.707.915-4.891 2.903-5.926 5.438l1.852.757c1.319-3.23 4.406-4.244 5.321-4.477a1 1 0 0 0 .753-.97v-.938c0-4.045 3.657-9.536 7.385-11.088 4.295-1.79 8.193-.882 11.913 2.792 1.582 1.56 3.129 3.876 3.762 5.633a.999.999 0 0 0 1.739.262c1.105-1.47 2.897-2.106 4.47-1.58 1.735.58 2.731 2.397 2.731 4.982a1 1 0 0 0 .836.987c.733.122 7.164 1.383 7.164 8.022 0 6.877-6.719 7.005-7 7.007H36V57h23.002C62.114 56.994 68 55.104 68 47.991c0-6.207-4.721-9.002-8.029-9.828M31 52.996h14v-2.002H31zM27 57h6v-2.002h-6zm-15 0h3v-2.002h-3zm3-8.008h9V46.99h-9zm-2 4.004h10v-2.002H13zm14-4.004h7V46.99h-7zM17 57h8v-2.002h-8z" />
          </g>
        </symbol>
        <symbol id={`${uid}-s17`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#e7157b" />
            <path fill="#fff" d="m58.54 47.05 1.882.651-1.187 3.429a.994.994 0 0 1-1.063.661l-3.832-.477.247-1.975 2.165.271c-.851-1.342-2.457-2.18-4.377-2.18-2.514 0-4.42 1.376-4.855 3.505l-1.948-.398c.632-3.095 3.303-5.095 6.803-5.095 2.454 0 4.532 1.039 5.782 2.72zm-1.31 6.74 1.948.4c-.63 3.073-3.364 5.137-6.803 5.137-2.239 0-4.212-.964-5.487-2.512l-.198.934-1.947-.413.79-3.722a.99.99 0 0 1 1.164-.77l3.617.709-.382 1.952-1.823-.357c.873 1.339 2.452 2.19 4.266 2.19 2.507 0 4.412-1.393 4.855-3.549m7.78.31-1.196-.068a1 1 0 0 0-1.026.775 10.5 10.5 0 0 1-1.367 3.3.99.99 0 0 0 .178 1.272l.894.797-2.316 2.317-.794-.889a.994.994 0 0 0-1.274-.179 10.5 10.5 0 0 1-3.304 1.37.99.99 0 0 0-.773 1.026l.068 1.19h-3.28l.07-1.19a.995.995 0 0 0-.775-1.028 10.5 10.5 0 0 1-3.302-1.37.99.99 0 0 0-1.273.18l-.796.89-2.317-2.317.891-.795a.99.99 0 0 0 .18-1.272 10.5 10.5 0 0 1-1.367-3.303 1 1 0 0 0-1.026-.774l-1.195.068v-3.278l1.199.068c.44.02.918-.298 1.026-.773.265-1.17.726-2.278 1.369-3.296a.995.995 0 0 0-.179-1.273l-.898-.802 2.317-2.318.802.897a.994.994 0 0 0 1.272.18 10.5 10.5 0 0 1 3.297-1.365.995.995 0 0 0 .774-1.027l-.069-1.202h3.28l-.068 1.204c-.029.485.3.919.773 1.026 1.17.265 2.278.725 3.294 1.366a1 1 0 0 0 1.273-.179l.804-.9 2.317 2.318-.896.799a.995.995 0 0 0-.178 1.273 10.5 10.5 0 0 1 1.368 3.3c.107.474.568.792 1.026.772l1.198-.068zm1.678-5.054a1 1 0 0 0-.74-.27l-1.436.082a12.5 12.5 0 0 0-.982-2.37l1.074-.959a.997.997 0 0 0 .04-1.445l-3.806-3.807a.95.95 0 0 0-.732-.29 1 1 0 0 0-.714.33l-.962 1.08a12.4 12.4 0 0 0-2.366-.981l.082-1.443a.993.993 0 0 0-.993-1.05H49.77a.993.993 0 0 0-.992 1.05l.081 1.44q-1.234.369-2.368.981l-.96-1.076a1 1 0 0 0-.715-.332.97.97 0 0 0-.731.29l-3.807 3.808a.99.99 0 0 0 .04 1.445l1.077.962a12.5 12.5 0 0 0-.983 2.367l-1.438-.082a.995.995 0 0 0-1.05.994v5.383a.996.996 0 0 0 1.05.993l1.433-.082q.369 1.237.982 2.374l-1.07.954a1 1 0 0 0-.041 1.446l3.807 3.807a.995.995 0 0 0 1.445-.04l.955-1.071q1.137.616 2.374.984l-.081 1.43A.993.993 0 0 0 49.769 67h5.384a.994.994 0 0 0 .993-1.051l-.082-1.429c.825-.245 1.62-.574 2.375-.984l.953 1.068c.182.205.44.324.714.332a.96.96 0 0 0 .732-.291l3.807-3.807a.995.995 0 0 0-.04-1.445l-1.073-.957c.409-.756.738-1.55.982-2.372l1.435.082A.993.993 0 0 0 67 55.153V49.77a1 1 0 0 0-.312-.723m-51.699 5.728h19.893v1.99H13.995A.994.994 0 0 1 13 55.77V13.995c0-.55.445-.995.995-.995h45.752c.55 0 .995.446.995.995v21.881h-1.99V14.99H14.99zm32.823-27.85h-.995v-1.989h5.968v1.99h-4.973m.994-3.978h1.99V18.97h-1.99zm3.979 12.93v-6.962h.994c.55 0 .995-.446.995-.995v-3.978a.994.994 0 0 0-.995-.995h-.994v-4.973a.994.994 0 0 0-.995-.995h-3.978a.994.994 0 0 0-.995.995v4.973h-.994a.994.994 0 0 0-.995.995v3.978c0 .55.444.995.995.995h.994v6.962h1.99v-6.962h1.989v6.962zm-18.898 1.99h-.995v-1.99h5.968v1.99zm.995-3.979h1.989v-14.92h-1.99zm3.978 7.957v-1.99h.995c.55 0 .994-.445.994-.994v-3.978a.994.994 0 0 0-.994-.995h-.995V17.973a.994.994 0 0 0-.994-.995h-3.979a.994.994 0 0 0-.995.995v15.914h-.994a.994.994 0 0 0-.995.995v3.978c0 .55.445.995.995.995h.994v10.94h1.99v-10.94h1.989v1.989zM18.968 27.919h5.967v1.99h-5.967zm1.989-1.989h1.99v-6.962h-1.99zm0 22.876h1.99V31.898h-1.99zm-.995 1.99h3.979c.55 0 .994-.446.994-.995V31.898h.995c.55 0 .995-.446.995-.995v-3.978a.994.994 0 0 0-.995-.995h-.995v-7.957a.994.994 0 0 0-.994-.995h-3.979a.994.994 0 0 0-.994.995v7.957h-.995a.994.994 0 0 0-.995.995v3.978c0 .55.445.995.995.995h.995V49.8c0 .549.444.995.994.995" />
          </g>
        </symbol>
        <symbol id={`${uid}-s18`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#dd344c" />
            <path fill="#fff" d="M47 42.815c-.021 1.814-.538 7.5-6 8.123V29.036l6 2.556zm-14-.05V31.593l6-2.556v21.902c-5.463-.627-5.979-6.355-6-8.172m6.608-16.162-8 3.408a1 1 0 0 0-.608.92v11.846C31.054 47.493 33.443 53 40 53c6.556 0 8.945-5.475 9-10.174V30.93a1 1 0 0 0-.608-.92l-8-3.408a1 1 0 0 0-.784 0M51 42.825C50.999 43.322 50.843 55 40 55S29.001 43.286 29 42.788V28.949l11-4.687 11 4.687zm1.392-15.457-12-5.113a1 1 0 0 0-.784 0l-12 5.113a1 1 0 0 0-.608.92v14.5C27 42.93 27.148 57 40 57s13-14.033 13-14.174V28.288a1 1 0 0 0-.608-.92M66 44.308l-3.423-.196a1.02 1.02 0 0 0-1.032.779 21.9 21.9 0 0 1-2.852 6.887c-.26.414-.184.955.18 1.28l2.558 2.282-6.092 6.09-2.275-2.55a1 1 0 0 0-1.28-.178 21.9 21.9 0 0 1-6.894 2.856 1 1 0 0 0-.778 1.033L44.308 66h-8.616l.196-3.412a1 1 0 0 0-.778-1.033 21.9 21.9 0 0 1-6.89-2.858 1 1 0 0 0-1.281.18l-2.278 2.554-6.092-6.091 2.554-2.277c.364-.326.44-.867.18-1.28a21.9 21.9 0 0 1-2.851-6.891 1.01 1.01 0 0 0-1.032-.78l-3.42.196v-8.616l3.428.195c.461.016.923-.3 1.032-.777a22 22 0 0 1 2.856-6.879 1 1 0 0 0-.179-1.28l-2.568-2.29 6.092-6.092 2.289 2.565a1 1 0 0 0 1.279.18 21.9 21.9 0 0 1 6.88-2.847 1 1 0 0 0 .779-1.032L35.692 14h8.616l-.196 3.437a1 1 0 0 0 .778 1.032 22 22 0 0 1 6.876 2.85 1 1 0 0 0 1.279-.18l2.294-2.57 6.092 6.092-2.564 2.286a1 1 0 0 0-.179 1.28 22 22 0 0 1 2.854 6.882c.107.478.577.794 1.032.778L66 35.692zm1.687-10.402a1 1 0 0 0-.744-.27l-3.652.207a24 24 0 0 0-2.471-5.958l2.733-2.437a1 1 0 0 0 .041-1.453l-7.589-7.589a1 1 0 0 0-1.453.041l-2.446 2.74a24 24 0 0 0-5.95-2.467l.208-3.664A1 1 0 0 0 45.366 12H34.634a1 1 0 0 0-.998 1.056l.208 3.661a24 24 0 0 0-5.955 2.465l-2.441-2.735a1 1 0 0 0-1.453-.04l-7.589 7.588a1 1 0 0 0 .041 1.453l2.737 2.442a24 24 0 0 0-2.472 5.953l-3.655-.208a1 1 0 0 0-1.057.998v10.733a1 1 0 0 0 1.057.999l3.645-.208a23.8 23.8 0 0 0 2.469 5.967l-2.724 2.428a1 1 0 0 0-.041 1.453l7.589 7.589c.194.195.474.303.735.292a1 1 0 0 0 .718-.334l2.43-2.723a24 24 0 0 0 5.966 2.475l-.208 3.639A1 1 0 0 0 34.634 68h10.732a1 1 0 0 0 .998-1.057l-.208-3.636a24 24 0 0 0 5.97-2.473l2.426 2.718a1 1 0 0 0 .718.334 1 1 0 0 0 .735-.292l7.589-7.59a1 1 0 0 0-.041-1.452l-2.728-2.433a24 24 0 0 0 2.47-5.962l3.648.208c.27.01.544-.083.744-.272a1 1 0 0 0 .313-.727V34.633a1 1 0 0 0-.313-.727" />
          </g>
        </symbol>
        <symbol id={`${uid}-s19`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#dd344c" />
            <path fill="#fff" d="M44.17 41.245c0 .172-.048 3.839-3 4.526V34.786l3 1.3zm-8-.016v-5.143l3-1.3v10.988c-2.875-.66-2.997-4.115-3-4.545m9.397-6.717-5-2.167a1 1 0 0 0-.794 0l-5 2.167a1 1 0 0 0-.603.918v5.799c0 2.305 1.254 6.663 6 6.663s6-4.348 6-6.647V35.43a1 1 0 0 0-.603-.918M58.99 54.174a3.225 3.225 0 0 1-3.222-3.222 3.226 3.226 0 0 1 3.222-3.223 3.226 3.226 0 0 1 3.223 3.223 3.225 3.225 0 0 1-3.223 3.222m-18.723-4.222c-5.527 0-10.023-4.496-10.023-10.022 0-5.527 4.496-10.023 10.023-10.023s10.022 4.496 10.022 10.023-4.496 10.022-10.022 10.022m3.241 11.857a3.226 3.226 0 0 1-3.223 3.223 3.226 3.226 0 0 1-3.222-3.223 3.226 3.226 0 0 1 3.222-3.222 3.226 3.226 0 0 1 3.223 3.222m-6.383-44.587A3.225 3.225 0 0 1 40.348 14a3.225 3.225 0 0 1 3.221 3.222 3.226 3.226 0 0 1-3.221 3.223 3.226 3.226 0 0 1-3.223-3.223M21.223 52.956A3.225 3.225 0 0 1 18 49.734a3.225 3.225 0 0 1 3.223-3.222 3.225 3.225 0 0 1 3.221 3.222 3.225 3.225 0 0 1-3.221 3.222M22.32 31.87a3.225 3.225 0 0 1-3.222-3.222 3.226 3.226 0 0 1 3.222-3.223 3.226 3.226 0 0 1 3.222 3.223 3.225 3.225 0 0 1-3.222 3.222m36.797-7.237a3.225 3.225 0 0 1 3.223 3.222 3.226 3.226 0 0 1-3.223 3.223 3.226 3.226 0 0 1-3.221-3.223 3.225 3.225 0 0 1 3.221-3.222m-.127 21.096a5.2 5.2 0 0 0-3.701 1.544l-3.966-2.628a11.96 11.96 0 0 0-.657-10.72l4.538-2.649c.958 1.095 2.348 1.802 3.913 1.802a5.23 5.23 0 0 0 5.223-5.223 5.23 5.23 0 0 0-5.223-5.222 5.227 5.227 0 0 0-5.221 5.222c0 .595.121 1.158.305 1.691l-4.673 2.727a12 12 0 0 0-8.261-4.315v-5.606c2.44-.437 4.302-2.565 4.302-5.13A5.23 5.23 0 0 0 40.348 12a5.23 5.23 0 0 0-5.223 5.222 5.23 5.23 0 0 0 4.142 5.107v5.629c-3.55.294-6.659 2.137-8.663 4.849l-3.438-2.241a5.2 5.2 0 0 0 .376-1.918 5.23 5.23 0 0 0-5.222-5.223 5.23 5.23 0 0 0-5.222 5.223 5.23 5.23 0 0 0 5.222 5.222 5.2 5.2 0 0 0 3.765-1.621l3.466 2.26a11.9 11.9 0 0 0-1.307 5.421c0 1.486.284 2.904.78 4.22l-3.861 2.196c-.958-1.113-2.36-1.834-3.94-1.834A5.23 5.23 0 0 0 16 49.734a5.23 5.23 0 0 0 5.223 5.222 5.227 5.227 0 0 0 5.221-5.222c0-.58-.117-1.128-.292-1.65l3.732-2.123c1.929 3.309 5.386 5.615 9.401 5.941v4.786a5.23 5.23 0 0 0-4.222 5.121 5.23 5.23 0 0 0 5.222 5.223 5.23 5.23 0 0 0 5.223-5.223 5.23 5.23 0 0 0-4.223-5.121V51.9a12.02 12.02 0 0 0 9.089-5.485l3.801 2.519a5.2 5.2 0 0 0-.407 2.018 5.23 5.23 0 0 0 5.222 5.222 5.23 5.23 0 0 0 5.223-5.222 5.23 5.23 0 0 0-5.223-5.223" />
          </g>
        </symbol>
        <symbol id={`${uid}-s20`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#dd344c" />
            <path fill="#fff" d="M51.997 52.496h7v-2h-7zm-9 0h7v-2h-7zm-9 0h7v-2h-7zm11-8c0-1.103.898-2 2-2 1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2m6 0c0-2.206-1.793-4-4-4s-4 1.794-4 4 1.794 4 4 4 4-1.794 4-4m-14-2c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .898-2 2-2m0 6c2.207 0 4-1.794 4-4s-1.793-4-4-4-4 1.794-4 4 1.794 4 4 4m29-15v23a1 1 0 0 1-1 1h-31v-2h30v-21h-22v-2h23a1 1 0 0 1 1 1m-35.301 5.047a1 1 0 0 0-.7.953v21.04l-2.398 2.057-2.601-2.973v-2.624a1 1 0 0 0-.293-.707l-2.292-2.293 2.292-2.293a1 1 0 0 0 .293-.707v-2a1 1 0 0 0-.293-.707l-2.292-2.293 2.292-2.293a1 1 0 0 0 .293-.707v-3.49a1 1 0 0 0-.698-.953c-5.142-1.63-8.182-6.919-7.07-12.304.803-3.88 3.787-6.99 7.602-7.926 3.249-.797 6.58-.1 9.14 1.907a10.45 10.45 0 0 1 4.026 8.266c0 4.553-3.002 8.685-7.301 10.047m9.3-10.047c0-3.864-1.745-7.45-4.79-9.84s-6.997-3.22-10.851-2.275c-4.561 1.117-8.126 4.832-9.084 9.463v.001C14 31.99 17.3 38.035 22.997 40.215v2.367L20.29 45.29a1 1 0 0 0 0 1.414l2.707 2.707v1.172L20.29 53.29a1 1 0 0 0 0 1.414l2.707 2.707v2.586c0 .242.088.476.248.66l3.5 4a1 1 0 0 0 1.403.1l3.5-3a1 1 0 0 0 .349-.76V40.204c4.746-1.832 8-6.542 8-11.708m-12.5 2.37a2.503 2.503 0 0 1-2.5-2.5c0-1.378 1.123-2.5 2.5-2.5a2.5 2.5 0 0 1 0 5m0-7a4.505 4.505 0 0 0-4.5 4.5c0 2.482 2.02 4.5 4.5 4.5 2.483 0 4.5-2.018 4.5-4.5 0-2.48-2.017-4.5-4.5-4.5" />
          </g>
        </symbol>
        <symbol id={`${uid}-s21`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#7aa116" fillRule="evenodd" d="m40.504 26.16.224-1.666c1.784 1.087 2.335 1.715 2.495 1.98-.473.143-1.428.017-2.72-.314m-17.702-6.049c0-.053.043-.096.096-.096.015 0 .026.01.039.017l-.073.147c-.033-.01-.062-.03-.062-.068m13.712 20.687a1 1 0 0 0-.01.133c0 .155-.378.744-2.063 1.41-.751.296-1.638.562-2.638.792-2.575.596-5.74.924-8.907.924-8.466 0-13.607-2.17-13.607-3.126q0-.066-.01-.133L5.442 12.285q.372.215.79.415c.079.038.165.074.247.112a16 16 0 0 0 1.089.453q.413.156.856.3c.087.03.17.06.258.086a27 27 0 0 0 1.522.427 30 30 0 0 0 1.378.32q.548.116 1.117.22l.244.046q.688.12 1.403.224.201.028.406.054.54.075 1.093.14l.453.051q.666.07 1.343.13l.162.013q.756.06 1.519.104l.436.021q.576.029 1.152.047l.45.014q.77.018 1.537.02a72 72 0 0 0 1.987-.034q.577-.019 1.15-.047l.439-.02q.764-.044 1.518-.105l.166-.014q.675-.058 1.338-.129l.457-.052q.55-.065 1.089-.138.207-.027.41-.056a50 50 0 0 0 1.402-.223q.123-.022.247-.047a38 38 0 0 0 2.493-.539l.344-.086q.61-.163 1.178-.34c.087-.028.169-.057.254-.086a19 19 0 0 0 1.954-.756c.079-.037.163-.072.24-.109q.42-.2.792-.416l-1.792 13.306c-3.637-1.167-8.745-3.284-13.58-5.583a2.09 2.09 0 0 0-2.084-1.993 2.1 2.1 0 0 0-2.096 2.096c0 1.155.94 2.095 2.096 2.095.454 0 .872-.149 1.215-.396 4.332 2.08 9.863 4.532 14.18 5.778zM22.896 4c10.419 0 17.76 3.228 17.896 5.021l-.026.208c-.018.062-.057.125-.09.19-.027.051-.047.101-.084.154-.044.062-.11.125-.166.188-.051.055-.094.11-.155.166-.068.061-.155.124-.236.186-.075.058-.141.115-.227.174-.091.06-.2.122-.302.184-.1.06-.19.12-.301.178-.11.06-.24.118-.36.178-.124.061-.24.121-.376.182-.13.057-.276.114-.414.171-.15.06-.291.122-.451.181-.148.056-.314.11-.471.164-.171.06-.335.12-.517.177-.17.054-.355.104-.534.157-.19.056-.373.113-.573.167-.192.052-.4.1-.6.15-.206.051-.406.104-.623.154s-.448.094-.674.141c-.218.045-.43.093-.658.136-.24.046-.497.087-.747.13-.23.04-.453.081-.692.118-.26.04-.536.076-.806.113-.244.033-.482.07-.734.1-.293.036-.602.066-.905.097-.244.026-.48.055-.73.077-.336.031-.688.054-1.034.078-.233.018-.458.038-.696.053-.38.022-.776.036-1.17.053-.215.008-.425.021-.646.028a65 65 0 0 1-3.797 0c-.222-.007-.434-.02-.654-.029-.39-.016-.783-.03-1.161-.052-.25-.016-.488-.037-.733-.055-.333-.024-.673-.046-.996-.076-.251-.022-.487-.052-.732-.077-.303-.03-.612-.06-.904-.097-.25-.03-.487-.066-.73-.1-.27-.037-.548-.072-.81-.113-.247-.038-.48-.082-.718-.123-.241-.042-.488-.08-.72-.125-.231-.044-.446-.092-.67-.138-.222-.047-.45-.09-.663-.14-.216-.049-.415-.102-.622-.153-.2-.05-.408-.098-.6-.15-.202-.054-.387-.112-.58-.169-.176-.05-.36-.102-.526-.155-.185-.059-.351-.119-.524-.18-.155-.053-.318-.106-.463-.16-.162-.06-.303-.123-.453-.183-.138-.057-.285-.114-.413-.17-.134-.06-.251-.12-.375-.182-.121-.06-.251-.118-.361-.179-.11-.059-.202-.119-.302-.179-.101-.06-.21-.122-.3-.182-.087-.06-.155-.118-.231-.177-.08-.06-.165-.123-.231-.183-.063-.057-.107-.114-.16-.169-.055-.062-.118-.124-.162-.185-.038-.054-.057-.106-.085-.16-.032-.062-.071-.124-.088-.184l-.028-.209C5.14 7.227 12.48 4 22.896 4m22.359 22.257c-.213-1.15-1.538-2.368-4.237-3.91l1.716-12.752v-.004l.05-.39a1 1 0 0 0 .01-.13c0-4.167-10.486-7.07-19.898-7.07S3 4.903 3 9.07q0 .066.009.132l.052.39v.002L7.29 41.01c.13 3.676 9.613 5.048 15.606 5.048 3.315 0 6.638-.346 9.357-.975a21 21 0 0 0 2.922-.882c2.166-.855 3.285-1.929 3.329-3.19l1.74-12.93c.953.202 1.818.325 2.537.325.969 0 1.694-.205 2.086-.673.35-.416.488-.94.388-1.475" />
        </symbol>
        <symbol id={`${uid}-s22`} viewBox="0 0 48 48" overflow="visible">
          <polygon fill="#8c4fff" fillRule="evenodd" points="24.279 2 5.779 12.68 6.778 14.413 23.278 4.886 23.278 22.938 7.328 22.938 11.485 18.781 10.072 17.367 3 24.437 10.072 31.507 11.485 30.094 6.328 24.937 23.278 24.937 23.278 42.992 6.778 33.466 5.779 35.198 24.279 45.879 42.778 35.198 41.779 33.466 25.279 42.992 25.279 24.937 41.999 24.937 37.402 29.536 38.816 30.949 45.886 23.879 38.816 16.808 37.402 18.222 42.116 22.938 25.279 22.938 25.279 4.886 41.779 14.413 42.778 12.68" />
        </symbol>
        <symbol id={`${uid}-s23`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#8c4fff" />
            <path fill="#fff" d="M43.23 64.784C44.303 63.866 45 62.519 45 61a5.01 5.01 0 0 0-4-4.899V47.93A8.01 8.01 0 0 0 47.93 41h8.171A5.01 5.01 0 0 0 61 45c1.519 0 2.866-.696 3.784-1.77-1.453 11.205-10.349 20.101-21.554 21.554M15.215 43.23C16.133 44.304 17.48 45 19 45a5.01 5.01 0 0 0 4.898-4h8.171A8.01 8.01 0 0 0 39 47.93v8.171c-2.28.465-4 2.484-4 4.899 0 1.519.696 2.866 1.769 3.784-11.205-1.453-20.101-10.349-21.554-21.554M22 40c0 1.654-1.346 3-3 3-1.655 0-3-1.346-3-3s1.345-3 3-3c1.654 0 3 1.346 3 3m14.769-24.784C35.696 16.134 35 17.48 35 19a5.01 5.01 0 0 0 4 4.899v8.17A8.01 8.01 0 0 0 32.069 39h-8.171A5.01 5.01 0 0 0 19 35c-1.52 0-2.867.696-3.785 1.769 1.453-11.205 10.349-20.1 21.554-21.553M40 16c1.654 0 3 1.346 3 3s-1.346 3-3 3c-1.655 0-3-1.346-3-3s1.345-3 3-3m0 30c-3.309 0-6-2.692-6-6 0-3.309 2.691-6 6-6 3.308 0 6 2.691 6 6 0 3.308-2.692 6-6 6m0 18c-1.655 0-3-1.346-3-3s1.345-3 3-3c1.654 0 3 1.346 3 3s-1.346 3-3 3m24-24c0 1.654-1.346 3-3 3-1.655 0-3-1.346-3-3s1.345-3 3-3c1.654 0 3 1.346 3 3m.784-3.231C63.866 35.696 62.519 35 61 35a5.01 5.01 0 0 0-4.899 4H47.93A8.01 8.01 0 0 0 41 32.069v-8.17A5.01 5.01 0 0 0 45 19c0-1.52-.697-2.866-1.77-3.784 11.205 1.453 20.101 10.348 21.554 21.553M40 13c-14.888 0-27 12.112-27 27s12.112 27 27 27 27-12.112 27-27-12.113-27-27-27" />
          </g>
        </symbol>
        <symbol id={`${uid}-s24`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#dd344c" fillRule="evenodd" d="m45.412 23.293-3.438-3.438-1.415 1.414L42.291 23h-6.463v2h6.463l-1.732 1.731 1.415 1.415 3.438-3.439a1 1 0 0 0 0-1.414m-38.29-2-1.415-1.414-3.414 3.414a1 1 0 0 0 0 1.414l3.414 3.414 1.414-1.414L5.414 25h6.414v-2H5.414zM31.827 25h-7v3h7zm-3 5h-7v3h7zm-13-2h7v-3h-7zm1.802-5h12.304c-.022-1.261-.335-2.158-.687-2.759-.664 1.244-1.754 1.66-2.394 1.688a1.04 1.04 0 0 1-.734-.277 1 1 0 0 1-.309-.722c0-3.738-2.323-5.635-4.253-6.567.456 1.263.627 2.973-.148 5.103a1.002 1.002 0 0 1-1.813.144 7.7 7.7 0 0 0-1.005-1.366c.182 1.292.151 2.891-.686 4.162a5 5 0 0 0-.275.594m16.198 1v5a1 1 0 0 1-1 1h-2v4a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-4h-5a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h.714c.142-.542.333-1.07.613-1.561l.07-.118c.905-1.374.247-3.82-.084-4.647a1.004 1.004 0 0 1 .93-1.372c1.132 0 2.121.694 2.862 1.451.05-2.213-1.317-3.375-1.39-3.436a1.005 1.005 0 0 1-.279-1.183.99.99 0 0 1 1.06-.582c2.616.4 7.31 2.459 8.3 7.427.071-.211.13-.467.162-.78a.998.998 0 0 1 1.48-.77c.108.061 2.616 1.507 2.671 5.571h.891a1 1 0 0 1 1 1M4.75 18C7.306 9.895 14.89 4 23.828 4S40.35 9.895 42.906 18h2.083C42.371 8.777 33.88 2 23.83 2 13.776 2 5.284 8.777 2.666 18zm40.24 12c-2.619 9.223-11.11 16-21.162 16-10.05 0-18.543-6.777-21.16-16H4.75c2.556 8.105 10.14 14 19.078 14s16.522-5.895 19.078-14z" />
        </symbol>
        <symbol id={`${uid}-s25`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#8c4fff" fillRule="evenodd" d="M32.978 32.012c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3m-12-15c0-1.654 1.346-3 3-3s3 1.346 3 3-1.346 3-3 3-3-1.346-3-3m-6 15c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3m18-8c-.748 0-1.451.177-2.089.472l-3.172-4.187c.775-.881 1.261-2.022 1.261-3.285 0-2.757-2.243-5-5-5s-5 2.243-5 5c0 1.192.437 2.274 1.137 3.135l-3.22 4.25a5 5 0 0 0-1.917-.385c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5a4.98 4.98 0 0 0-1.429-3.488l3.113-4.108a4.9 4.9 0 0 0 2.316.596c.771 0 1.494-.19 2.147-.504l3.157 4.167a4.96 4.96 0 0 0-1.304 3.337c0 2.757 2.243 5 5 5s5-2.243 5-5-2.243-5-5-5m1.077 15.435c-4.663.837-8.595 3.294-10.062 4.305-1.468-1.011-5.401-3.468-10.064-4.305C11.6 39.028 4 37.17 4 30.821c0-2.653 1.004-4.382 2.067-6.213.998-1.719 2.029-3.496 2.029-5.928 0-3.663-2.025-6.296-3.155-7.48 1.154-1.403 3.693-4.501 5.086-6.283 2.121 1.933 4.568 2.985 6.992 2.985 2.7 0 4.941-1.065 6.974-3.333 2.031 2.268 4.272 3.333 6.972 3.333 2.424 0 4.871-1.052 6.992-2.985 1.393 1.782 3.932 4.88 5.086 6.283-1.129 1.184-3.155 3.817-3.155 7.48 0 2.432 1.031 4.209 2.029 5.928 1.063 1.831 2.067 3.56 2.067 6.213 0 6.349-7.6 8.207-9.929 8.626m9.592-15.843c-.943-1.626-1.759-3.03-1.759-4.924 0-3.998 3.119-6.595 3.149-6.619a1.003 1.003 0 0 0 .142-1.415c-.052-.062-5.144-6.233-6.307-7.828a1.002 1.002 0 0 0-1.539-.094c-1.917 2.05-4.178 3.178-6.368 3.178-2.416 0-4.321-1.082-6.178-3.51a1.002 1.002 0 0 0-1.588 0c-1.859 2.428-3.765 3.51-6.18 3.51-2.189 0-4.451-1.128-6.368-3.178a1 1 0 0 0-1.538.094c-1.163 1.595-6.256 7.766-6.308 7.828-.169.205-.248.47-.223.735.027.265.158.509.364.678.031.026 3.15 2.623 3.15 6.621 0 1.894-.815 3.298-1.759 4.924C3.242 25.491 2 27.63 2 30.821c0 5.332 4.328 9.292 11.576 10.594 5.313.954 9.763 4.328 9.808 4.362a1 1 0 0 0 1.217 0c.045-.034 4.495-3.408 9.808-4.362 7.248-1.302 11.575-5.262 11.575-10.594 0-3.191-1.241-5.33-2.337-7.217" />
        </symbol>
        <symbol id={`${uid}-s26`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#ed7100" />
            <path fill="#fff" d="m64 48.234-8-4.801V32a1 1 0 0 0-.496-.864L44 24.426v-9.674l20 11.819zm1.509-23.095-22-13a1 1 0 0 0-1.005-.008c-.311.178-.504.51-.504.869v12c0 .355.189.684.496.864L54 32.574V44a1 1 0 0 0 .486.857l10 6A.997.997 0 0 0 66 50V26a1 1 0 0 0-.491-.861M40.445 66.863 17 54.399V26.571l20-11.819v9.699l-10.537 6.705A1 1 0 0 0 26 32v17a1 1 0 0 0 .538.887l13.453 7c.289.15.633.151.921.001l13.052-6.744 8.032 4.82zm24.07-12.721-10-6a1 1 0 0 0-.974-.03l-13.086 6.761L28 48.393V32.549l10.537-6.705c.288-.184.463-.502.463-.844V13a1 1 0 0 0-1.509-.861l-22 13A1 1 0 0 0 15 26v29c0 .369.204.709.53.883l24.454 13a1 1 0 0 0 .953-.008l23.547-13a1.002 1.002 0 0 0 .031-1.733" />
          </g>
        </symbol>
      </defs>
      <rect width="1276" height="2744" fill={`url(#${uid}-bg)`} />
      <rect width="1276" height="2744" fill={`url(#${uid}-grid)`} />
      <rect width="1276" height="2744" fill={`url(#${uid}-wash)`} />
      <text fontSize="18" fontWeight="700" letterSpacing="1.08" fill="#dadbdb">
        <tspan x="28" y="42.89">
          HYBRID MULTI-REGION LANDING ZONE ON AWS
        </tspan>
      </text>
      <text fontSize="11.5" fontWeight="400" fill="#9d9fa0">
        <tspan x="28" y="65.25">
          Security, Infrastructure and Workloads OUs in AWS Organizations; Direct Connect with VPN backup into two Regions; central inspection, logging and threat detection
        </tspan>
      </text>
      <g id={`${uid}-g-dc`}>
        <rect x="492" y="96" width="421" height="351" rx="2.9" fill="#ffffff" fillOpacity="0.03" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="492" y="96" width="421" height="351" rx="2.9" fill="#60a5fa" fillOpacity="0.03" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-cloud`}>
        <rect x="28" y="755" width="1220" height="1860" rx="2.9" fill="#ffffff" fillOpacity="0.03" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="28" y="755" width="1220" height="1860" rx="2.9" fill="#60a5fa" fillOpacity="0.03" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-mgmt`}>
        <rect x="231" y="813" width="294" height="383" rx="2.9" fill="#ffffff" fillOpacity="0.03" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="231" y="813" width="294" height="383" rx="2.9" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-sec-ou`}>
        <rect x="119" y="1299" width="491" height="747" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
        <g opacity="0">
          <rect x="119" y="1299" width="491" height="747" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-infra-ou`}>
        <rect x="634" y="1299" width="594" height="764" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
        <g opacity="0">
          <rect x="634" y="1299" width="594" height="764" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-wl-ou`}>
        <rect x="245" y="2172" width="983" height="423" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
        <g opacity="0">
          <rect x="245" y="2172" width="983" height="423" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-log`}>
        <rect x="139" y="1828" width="424" height="198" rx="2.9" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="139" y="1828" width="424" height="198" rx="2.9" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-tooling`}>
        <rect x="139" y="1357" width="424" height="368" rx="2.9" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="139" y="1357" width="424" height="368" rx="2.9" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-network`}>
        <rect x="654" y="1360" width="554" height="683" rx="2.9" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="654" y="1360" width="554" height="683" rx="2.9" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-nonprod`}>
        <rect x="265" y="2236" width="418" height="339" rx="2.9" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="265" y="2236" width="418" height="339" rx="2.9" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-prod`}>
        <rect x="707" y="2236" width="473" height="322" rx="2.9" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="707" y="2236" width="473" height="322" rx="2.9" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-net-east`}>
        <rect x="674" y="1623" width="304" height="400" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
        <g opacity="0">
          <rect x="674" y="1623" width="304" height="400" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-net-west`}>
        <rect x="1002" y="1623" width="186" height="385" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
        <g opacity="0">
          <rect x="1002" y="1623" width="186" height="385" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-np-east`}>
        <rect x="371" y="2294" width="206" height="261" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
        <g opacity="0">
          <rect x="371" y="2294" width="206" height="261" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-prod-east`}>
        <rect x="727" y="2294" width="203" height="244" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
        <g opacity="0">
          <rect x="727" y="2294" width="203" height="244" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-prod-west`}>
        <rect x="954" y="2294" width="206" height="244" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
        <g opacity="0">
          <rect x="954" y="2294" width="206" height="244" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.45" strokeDasharray="4.35 4.35" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-np-vpc`}>
        <rect x="391" y="2352" width="166" height="183" rx="2.9" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="391" y="2352" width="166" height="183" rx="2.9" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-prod-vpc-east`}>
        <rect x="747" y="2352" width="163" height="166" rx="2.9" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="747" y="2352" width="163" height="166" rx="2.9" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-prod-vpc-west`}>
        <rect x="974" y="2352" width="166" height="166" rx="2.9" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="974" y="2352" width="166" height="166" rx="2.9" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e1`}>
        <path d="M568 225 L568 321.27" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
        <path d="M562.2 313.3 L568 322 L573.8 313.3" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
        <g mask={`url(#${uid}-m-e1)`} opacity="0">
          <path d="M568 225 L568 321.27" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.74" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2968;0.3396;0.9;0.9427;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <g opacity="0">
          <path d="M562.2 313.3 L568 322 L573.8 313.3" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3918;0.4346;0.9;0.9427;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e2`}>
        <path d="M568 427 L568 454 Q568 462 560 462 L459 462 Q451 462 451 470 L451 870.28" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
        <path d="M445.2 862.3 L451 871 L456.8 862.3" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
        <g mask={`url(#${uid}-m-e2)`} opacity="0">
          <path d="M568 427 L568 454 Q568 462 560 462 L459 462 Q451 462 451 470 L451 870.28" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.74" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4488;0.4916;0.9;0.9427;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <g opacity="0">
          <path d="M445.2 862.3 L451 871 L456.8 862.3" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6863;0.729;0.9;0.9427;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e3`}>
        <path d="M850 418.5 L850 454 Q850 462 858 462 L1074 462 Q1082 462 1082 470 L1082 555.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="2.61" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e4`}>
        <path d="M1082 643.5 L1082 1418" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="2.61" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e5`}>
        <path d="M1082 1523 L1082 1529 Q1082 1535 1076 1535 L857 1535 Q849 1535 849 1543 L849 1681" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="2.61" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e6`}>
        <path d="M1082 1523 L1082 1681" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="2.61" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e7`}>
        <path d="M808 418.5 L808 547" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="5.8 4.35" />
      </g>
      <g id={`${uid}-e-e8`}>
        <path d="M808 652 L808 1681" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="5.8 4.35" />
      </g>
      <g id={`${uid}-e-e9`}>
        <path d="M891 1733.5 L1022 1733.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e10`}>
        <path d="M829 1786 L829 1792 Q829 1798 835 1798 L876 1798 Q884 1798 884 1806 L884 1890.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e11`}>
        <path d="M829 1786 L829 1792 Q829 1798 823 1798 L785 1798 Q777 1798 777 1806 L777 1883" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e12`}>
        <path d="M1082 1786 L1082 1883" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e13`}>
        <path d="M829 1786 L829 2352" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e14`}>
        <path d="M1082 1786 L1082 1792 Q1082 1798 1088 1798 L1159 1798 Q1167 1798 1167 1806 L1167 2076 Q1167 2084 1159 2084 L1065 2084 Q1057 2084 1057 2092 L1057 2352" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e15`}>
        <path d="M829 1786 L829 2076 Q829 2084 821 2084 L482 2084 Q474 2084 474 2092 L474 2352" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e16`}>
        <path d="M694 410.73 L694 454 Q694 462 686 462 L599 462 Q591 462 591 470 L591 715 Q591 723 599 723 L727 723 Q735 723 735 731 L735 1882.28" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
        <path d="M729.2 1874.3 L735 1883 L740.8 1874.3" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M699.8 418.7 L694 410 L688.2 418.7" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e17`}>
        <path d="M312 975 L312 1087.28" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
        <path d="M306.2 1079.3 L312 1088 L317.8 1079.3" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e18`}>
        <path d="M312 1176 L312 1203 Q312 1211 320 1211 L357 1211 Q365 1211 365 1219 L365 1262 Q365 1270 357 1270 L177 1270 Q169 1270 169 1278 L169 1298.28" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
        <path d="M163.2 1290.3 L169 1299 L174.8 1290.3" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e19`}>
        <path d="M312 1176 L312 1268 Q312 1276 320 1276 L717 1276 Q725 1276 725 1284 L725 1298.28" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
        <path d="M719.2 1290.3 L725 1299 L730.8 1290.3" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e20`}>
        <path d="M312 1176 L312 1203 Q312 1211 304 1211 L56 1211 Q48 1211 48 1219 L48 2135 Q48 2143 56 2143 L456 2143 Q464 2143 464 2151 L464 2171.28" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
        <path d="M458.2 2163.3 L464 2172 L469.8 2163.3" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e21`}>
        <path d="M312 1176 L312 1203 Q312 1211 304 1211 L167 1211 Q159 1211 159 1219 L159 1356.28" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
        <path d="M153.2 1348.3 L159 1357 L164.8 1348.3" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e22`}>
        <path d="M412 1503 L412 1509 Q412 1515 406 1515 L406 1515 Q400 1515 400 1521 L400 1732 Q400 1740 408 1740 L499 1740 Q507 1740 507 1748 L507 1791 Q507 1799 499 1799 L360 1799 Q352 1799 352 1807 L352 1885.28" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
        <path d="M346.2 1877.3 L352 1886 L357.8 1877.3" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e23`}>
        <path d="M352 1704 L352 1885.28" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
        <path d="M346.2 1877.3 L352 1886 L357.8 1877.3" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e24`}>
        <path d="M412 1503 L412 1509 Q412 1515 418 1515 L470 1515 Q478 1515 478 1523 L478 1599.28" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
        <path d="M472.2 1591.3 L478 1600 L483.8 1591.3" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e25`}>
        <path d="M225 1503 L225 1607.78" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.45 3.63" />
        <path d="M219.2 1599.8 L225 1608.5 L230.8 1599.8" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-el-e1`}>
        <rect x="573" y="263" width="48" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="597.26" y="276.61">
            SIGN IN
          </tspan>
        </text>
        <g opacity="0">
          <rect x="573" y="263" width="48" height="21" rx="3" fill="#0b1012" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.45" />
          <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#60a5fa" textAnchor="middle">
            <tspan x="597.26" y="276.61">
              SIGN IN
            </tspan>
          </text>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2968;0.3396;0.9;0.9427;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-el-e2`}>
        <rect x="456" y="589" width="122" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="517.26" y="602.61">
            SAML 2.0 AND SCIM
          </tspan>
        </text>
        <g opacity="0">
          <rect x="456" y="589" width="122" height="21" rx="3" fill="#0b1012" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.45" />
          <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#60a5fa" textAnchor="middle">
            <tspan x="517.26" y="602.61">
              SAML 2.0 AND SCIM
            </tspan>
          </text>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4488;0.4916;0.9;0.9427;1" dur="4.211s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-el-e3`}>
        <rect x="1087" y="488" width="36" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="1105.26" y="501.61">
            BGP
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e4`}>
        <rect x="1087" y="690" width="68" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.25" fontWeight="700" letterSpacing="0.5" fill="#979899" textAnchor="middle">
          <tspan x="1121.25" y="703.43">
            TRANSIT VIF
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e5`}>
        <rect x="854" y="1561" width="74" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="891.26" y="1574.61">
            ASSOCIATION
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e6`}>
        <rect x="1087" y="1561" width="74" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="1124.26" y="1574.61">
            ASSOCIATION
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e7`}>
        <rect x="813" y="488" width="42" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="834.26" y="501.61">
            IPSEC
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e8`}>
        <rect x="813" y="690" width="101" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="863.76" y="703.61">
            VPN ATTACHMENT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e9`}>
        <rect x="894.5" y="1709.5" width="124" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="956.76" y="1723.11">
            INTER-REGION PEERING
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e10`}>
        <rect x="889" y="1824" width="69" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="923.76" y="1837.61">
            INSPECTION
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e12`}>
        <rect x="1087" y="1824" width="69" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="1121.76" y="1837.61">
            INSPECTION
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e13`}>
        <rect x="834" y="2110" width="101" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="884.76" y="2123.61">
            VPC ATTACHMENT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e14`}>
        <rect x="1062" y="2110" width="101" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="1112.76" y="2123.61">
            VPC ATTACHMENT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e15`}>
        <rect x="479" y="2110" width="101" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="529.76" y="2123.61">
            VPC ATTACHMENT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e16`}>
        <rect x="596" y="589" width="135" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="663.76" y="602.61">
            CONDITIONAL FORWARDING
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e17`}>
        <rect x="317" y="1029" width="99" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.5" fontWeight="700" letterSpacing="0.51" fill="#979899" textAnchor="middle">
          <tspan x="366.76" y="1042.52">
            APPLIES CONTROLS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e18`}>
        <rect x="370" y="1237" width="42" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="391.26" y="1250.61">
            SCPS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e19`}>
        <rect x="317" y="1237" width="42" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="338.26" y="1250.61">
            SCPS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e20`}>
        <rect x="53" y="1673.5" width="42" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="74.26" y="1687.11">
            SCPS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e21`}>
        <rect x="164" y="1237" width="142" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="235.26" y="1250.61">
            DELEGATED ADMINISTRATOR
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e22`}>
        <rect x="512" y="1766" width="78" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="551.26" y="1779.61">
            ALL ACCOUNTS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e23`}>
        <rect x="357" y="1766" width="144" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="429.26" y="1779.61">
            CONFIGURATION SNAPSHOTS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e24`}>
        <rect x="483" y="1541" width="65" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="515.76" y="1554.61">
            SSE-KMS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e25`}>
        <rect x="230" y="1541" width="56" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="258.26" y="1554.61">
            FINDINGS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-dc`}>
        <rect x="492" y="96" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s1`} x="497.38" y="101.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="492" y="96" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s1`} x="497.38" y="101.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#649adb">
          <tspan x="540" y="119.91">
            CORPORATE DATA CENTER
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-cloud`}>
        <rect x="28" y="755" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s2`} x="33.38" y="760.38" width="29.24" height="29.24" filter={`url(#${uid}-f3)`} />
        <g opacity="0">
          <rect x="28" y="755" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s2`} x="33.38" y="760.38" width="29.24" height="29.24" filter={`url(#${uid}-f4)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#649adb">
          <tspan x="76" y="778.91">
            AWS CLOUD
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-mgmt`}>
        <rect x="231" y="813" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s3`} x="236.38" y="818.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="231" y="813" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s3`} x="236.38" y="818.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="279" y="836.91">
            MANAGEMENT ACCOUNT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-sec-ou`}>
        <rect x="119" y="1299" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s4`} x="129.14" y="1309.14" width="19.72" height="19.72" filter={`url(#${uid}-f5)`} />
        <g opacity="0">
          <rect x="119" y="1299" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s4`} x="129.14" y="1309.14" width="19.72" height="19.72" filter={`url(#${uid}-f6)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="326.85" y="1322.91">
            SECURITY OU
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-infra-ou`}>
        <rect x="634" y="1299" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s4`} x="644.14" y="1309.14" width="19.72" height="19.72" filter={`url(#${uid}-f5)`} />
        <g opacity="0">
          <rect x="634" y="1299" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s4`} x="644.14" y="1309.14" width="19.72" height="19.72" filter={`url(#${uid}-f6)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="876.06" y="1322.91">
            INFRASTRUCTURE OU
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-wl-ou`}>
        <rect x="245" y="2172" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s4`} x="255.14" y="2182.14" width="19.72" height="19.72" filter={`url(#${uid}-f5)`} />
        <g opacity="0">
          <rect x="245" y="2172" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s4`} x="255.14" y="2182.14" width="19.72" height="19.72" filter={`url(#${uid}-f6)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="691.2" y="2195.91">
            WORKLOADS OU
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-log`}>
        <rect x="139" y="1828" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s3`} x="144.38" y="1833.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="139" y="1828" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s3`} x="144.38" y="1833.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="187" y="1851.91">
            LOG ARCHIVE ACCOUNT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-tooling`}>
        <rect x="139" y="1357" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s3`} x="144.38" y="1362.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="139" y="1357" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s3`} x="144.38" y="1362.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="187" y="1380.91">
            SECURITY TOOLING ACCOUNT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-network`}>
        <rect x="654" y="1360" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s3`} x="659.38" y="1365.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="654" y="1360" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s3`} x="659.38" y="1365.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="814" y="1383.91">
            NETWORK ACCOUNT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-nonprod`}>
        <rect x="265" y="2236" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s3`} x="270.38" y="2241.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="265" y="2236" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s3`} x="270.38" y="2241.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <rect x="309" y="2246.55" width="176.3" height="18.9" rx="3" fill="#0b1012" />
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="313" y="2259.91">
            NON-PRODUCTION ACCOUNT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-prod`}>
        <rect x="707" y="2236" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s3`} x="712.38" y="2241.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="707" y="2236" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s3`} x="712.38" y="2241.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="835" y="2259.91">
            PRODUCTION ACCOUNT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-net-east`}>
        <rect x="674" y="1623" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s5`} x="679.38" y="1628.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="674" y="1623" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s5`} x="679.38" y="1628.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <rect x="737" y="1633.55" width="76.2" height="18.9" rx="3" fill="#0b1012" />
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="741" y="1646.91">
            US-EAST-1
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-net-west`}>
        <rect x="1002" y="1623" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s5`} x="1007.38" y="1628.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="1002" y="1623" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s5`} x="1007.38" y="1628.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="1088" y="1646.91">
            US-WEST-2
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-np-east`}>
        <rect x="371" y="2294" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s5`} x="376.38" y="2299.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="371" y="2294" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s5`} x="376.38" y="2299.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="480" y="2317.91">
            US-EAST-1
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-prod-east`}>
        <rect x="727" y="2294" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s5`} x="732.38" y="2299.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="727" y="2294" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s5`} x="732.38" y="2299.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="835" y="2317.91">
            US-EAST-1
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-prod-west`}>
        <rect x="954" y="2294" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s5`} x="959.38" y="2299.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="954" y="2294" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s5`} x="959.38" y="2299.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="1063" y="2317.91">
            US-WEST-2
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-np-vpc`}>
        <rect x="391" y="2352" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s6`} x="396.38" y="2357.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="391" y="2352" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s6`} x="396.38" y="2357.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="9.75" fontWeight="700" letterSpacing="0.98" fill="#9d9fa0">
          <tspan x="439" y="2375.46">
            VPC 10.9.0.0/16
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-prod-vpc-east`}>
        <rect x="747" y="2352" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s6`} x="752.38" y="2357.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="747" y="2352" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s6`} x="752.38" y="2357.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="9.5" fontWeight="700" letterSpacing="0.95" fill="#9d9fa0">
          <tspan x="795" y="2375.37">
            VPC 10.1.0.0/16
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-prod-vpc-west`}>
        <rect x="974" y="2352" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s6`} x="979.38" y="2357.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="974" y="2352" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s6`} x="979.38" y="2357.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0831;0.1259;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <text fontSize="9.75" fontWeight="700" letterSpacing="0.98" fill="#9d9fa0">
          <tspan x="1022" y="2375.46">
            VPC 10.2.0.0/16
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-staff`}>
        <rect x="544" y="154" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="544" y="154" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s7`} x="553.6" y="163.6" width="28.8" height="28.8" />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="568.45" y="220.44">
            EMPLOYEES
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-idp`}>
        <rect x="543.5" y="322" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="543.5" y="322" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s8`} x="553.1" y="331.6" width="28.8" height="28.8" />
        <text fontSize="10.25" fontWeight="700" letterSpacing="0.82" fill="#9d9fa0" textAnchor="middle">
          <tspan x="567.91" y="388.09">
            CORPORATE IDENTITY
          </tspan>
          <tspan x="567.91" y="404.99">
            PROVIDER
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="567.5" y="422.6">
            Workforce directory
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-corp-dns`}>
        <rect x="670" y="339" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="670" y="339" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s9`} x="679.6" y="348.6" width="28.8" height="28.8" />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="694.45" y="405.44">
            CORPORATE DNS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-router`}>
        <rect x="805" y="330.5" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="805" y="330.5" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s10`} x="815.08" y="340.58" width="27.84" height="27.84" filter={`url(#${uid}-f7)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="829.45" y="396.94">
            CUSTOMER ROUTER
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="829" y="414.2">
            VPN customer gateway
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-dx`}>
        <rect x="1057.5" y="555.5" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="1057.5" y="555.5" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s11`} x="1060.86" y="558.86" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="1081.96" y="621.94">
            AWS DIRECT CONNECT
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="1081.5" y="639.2">
            Dedicated connection
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-vpn`}>
        <rect x="783.5" y="547" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="783.5" y="547" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s12`} x="786.86" y="550.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="807.95" y="613.36">
            AWS SITE-TO-SITE
          </tspan>
          <tspan x="807.95" y="630.26">
            VPN
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="807.5" y="647.6">
            Over the internet
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-ct`}>
        <rect x="288" y="887" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="288" y="887" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s13`} x="291.36" y="890.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="312.45" y="953.44">
            AWS CONTROL TOWER
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="312" y="970.7">
            Landing zone
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-org`}>
        <rect x="287.5" y="1088" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="287.5" y="1088" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s14`} x="290.86" y="1091.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="311.96" y="1154.44">
            AWS ORGANIZATIONS
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="311.51" y="1171.7">
            SCPs on each OU
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-sso`}>
        <rect x="427" y="871" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="427" y="871" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s15`} x="430.36" y="874.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="451.46" y="937.44">
            AWS IAM IDENTITY
          </tspan>
          <tspan x="451.46" y="954.34">
            CENTER
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="451.01" y="971.6">
            Permission sets in
          </tspan>
          <tspan x="451.01" y="986.6">
            every account
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-trail`}>
        <rect x="387.5" y="1415" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="387.5" y="1415" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s16`} x="390.86" y="1418.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="411.95" y="1481.44">
            AWS CLOUDTRAIL
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="411.51" y="1498.7">
            Organization trail
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-config`}>
        <rect x="327.5" y="1601" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="327.5" y="1601" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s17`} x="330.86" y="1604.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="351.95" y="1667.44">
            AWS CONFIG
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="351.5" y="1684.7">
            Organization
          </tspan>
          <tspan x="351.5" y="1699.7">
            aggregator
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-guardduty`}>
        <rect x="200.5" y="1415" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="200.5" y="1415" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s18`} x="203.86" y="1418.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="224.95" y="1481.44">
            AMAZON GUARDDUTY
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="224.5" y="1498.7">
            Delegated administrator
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-hub`}>
        <rect x="200.5" y="1608.5" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="200.5" y="1608.5" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s19`} x="203.86" y="1611.86" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="224.95" y="1674.94">
            AWS SECURITY HUB
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="224.5" y="1692.2">
            Delegated administrator
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-kms`}>
        <rect x="453.5" y="1600" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="453.5" y="1600" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s20`} x="456.86" y="1603.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="477.96" y="1666.44">
            AWS KEY
          </tspan>
          <tspan x="477.96" y="1683.34">
            MANAGEMENT SERVICE
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="477.5" y="1700.6">
            Log encryption key
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-bucket`}>
        <rect x="328" y="1886" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="328" y="1886" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s21`} x="338.08" y="1896.08" width="27.84" height="27.84" filter={`url(#${uid}-f7)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="352.45" y="1952.44">
            AMAZON SIMPLE
          </tspan>
          <tspan x="352.45" y="1969.34">
            STORAGE SERVICE
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="352.01" y="1986.6">
            Log bucket, SSE-KMS,
          </tspan>
          <tspan x="352.01" y="2001.6">
            Object Lock
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-dxgw`}>
        <rect x="1057.5" y="1418" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="1057.5" y="1418" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s22`} x="1067.58" y="1428.08" width="27.84" height="27.84" filter={`url(#${uid}-f7)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="1081.95" y="1484.44">
            DIRECT CONNECT
          </tspan>
          <tspan x="1081.95" y="1501.34">
            GATEWAY
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="1081.49" y="1518.6">
            Global resource
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-tgw-east`}>
        <rect x="804.5" y="1681" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="804.5" y="1681" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s23`} x="807.86" y="1684.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="828.96" y="1747.44">
            AWS TRANSIT
          </tspan>
          <tspan x="828.96" y="1764.34">
            GATEWAY
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="828.51" y="1781.6">
            Peered with us-west-2
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-nfw-east`}>
        <rect x="860" y="1890.5" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="860" y="1890.5" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s24`} x="870.08" y="1900.58" width="27.84" height="27.84" filter={`url(#${uid}-f7)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="884.45" y="1956.94">
            AWS NETWORK
          </tspan>
          <tspan x="884.45" y="1973.84">
            FIREWALL
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="884" y="1991.1">
            Inspection VPC
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-dns-east`}>
        <rect x="732" y="1883" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="732" y="1883" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s25`} x="742.08" y="1893.08" width="27.84" height="27.84" filter={`url(#${uid}-f7)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="756.46" y="1949.44">
            AMAZON ROUTE 53
          </tspan>
          <tspan x="756.46" y="1966.34">
            VPC RESOLVER
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="756.01" y="1983.6">
            Inbound and outbound
          </tspan>
          <tspan x="756.01" y="1998.6">
            endpoints
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-tgw-west`}>
        <rect x="1058" y="1681" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="1058" y="1681" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s23`} x="1061.36" y="1684.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="1082.46" y="1747.44">
            AWS TRANSIT
          </tspan>
          <tspan x="1082.46" y="1764.34">
            GATEWAY
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="1082" y="1781.6">
            Peered with us-east-1
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-nfw-west`}>
        <rect x="1058" y="1883" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="1058" y="1883" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s24`} x="1068.08" y="1893.08" width="27.84" height="27.84" filter={`url(#${uid}-f7)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="1082.45" y="1949.44">
            AWS NETWORK
          </tspan>
          <tspan x="1082.45" y="1966.34">
            FIREWALL
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="1082" y="1983.6">
            Inspection VPC
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-app-east`}>
        <rect x="804.5" y="2410" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="804.5" y="2410" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s26`} x="807.86" y="2413.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="828.95" y="2476.44">
            AMAZON ECS
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="828.5" y="2493.7">
            App tier
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-app-west`}>
        <rect x="1033" y="2410" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="1033" y="2410" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s26`} x="1036.36" y="2413.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="1057.45" y="2476.44">
            AMAZON ECS
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="1056.99" y="2493.7">
            App tier
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-app-np`}>
        <rect x="450" y="2410" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.45" />
        <g opacity="0">
          <rect x="450" y="2410" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.45" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1662;0.209;0.8973;0.94;1" dur="4.211s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s26`} x="453.36" y="2413.36" width="41.28" height="41.28" filter={`url(#${uid}-f8)`} />
        <text fontSize="10.75" fontWeight="700" letterSpacing="0.86" fill="#9d9fa0" textAnchor="middle">
          <tspan x="474.43" y="2476.27">
            AMAZON ELASTIC
          </tspan>
          <tspan x="474.43" y="2493.17">
            CONTAINER SERVICE
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="474" y="2510.6">
            Staging app tier
          </tspan>
        </text>
      </g>
      <g id={`${uid}-story`}>
        <path d="M568 225 L568 321.27" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="3.48" pathLength="1" strokeDasharray="0.39 2" strokeDashoffset="0.39" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.39;0.39;-0.61;-1;-1" keyTimes="0;0.2968;0.3918;0.429;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="4.211s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2968;0.2992;0.429;0.4314;1" dur="4.211s" repeatCount="indefinite" />
        </path>
        <circle r="3.63" fill="#60a5fa" opacity="0">
          <animateMotion path="M568 225 L568 321.27" dur="4.211s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.2968;0.3918;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.2612;0.2968;0.4488;0.4844;1" dur="4.211s" repeatCount="indefinite" />
        </circle>
        <path d="M568 427 L568 454 Q568 462 560 462 L459 462 Q451 462 451 470 L451 870.28" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="3.48" pathLength="1" strokeDasharray="0.07 2" strokeDashoffset="0.07" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.07;0.07;-0.93;-1;-1" keyTimes="0;0.4488;0.6863;0.7023;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="4.211s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4488;0.4512;0.7023;0.7046;1" dur="4.211s" repeatCount="indefinite" />
        </path>
        <circle r="3.63" fill="#60a5fa" opacity="0">
          <animateMotion path="M568 427 L568 454 Q568 462 560 462 L459 462 Q451 462 451 470 L451 870.28" dur="4.211s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.4488;0.6863;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.4132;0.4488;0.6863;0.7219;1" dur="4.211s" repeatCount="indefinite" />
        </circle>
        <circle r="2.9" fill="#60a5fa" opacity="0">
          <animateMotion path="M694 410.73 L694 454 Q694 462 686 462 L599 462 Q591 462 591 470 L591 715 Q591 723 599 723 L727 723 Q735 723 735 731 L735 1882.28" dur="4.211s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.4721;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.4365;0.4721;0.7096;0.7452;1" dur="4.211s" repeatCount="indefinite" />
        </circle>
        <circle r="2.9" fill="#60a5fa" opacity="0">
          <animateMotion path="M312 975 L312 1087.28" dur="4.211s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5889;0.6839;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.5533;0.5889;0.6839;0.7195;1" dur="4.211s" repeatCount="indefinite" />
        </circle>
      </g>
      <g id={`${uid}-legend`}>
        <rect x="954" y="2627" width="294" height="89" rx="6" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.45" />
        <path d="M964 2644.5 H992" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#9d9fa0">
          <tspan x="1000" y="2647.61">
            NETWORK ATTACHMENT OR PEERING (BOTH WAYS)
          </tspan>
        </text>
        <path d="M964 2662.5 H992" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="2.61" strokeLinecap="round" />
        <text fontSize="9.5" fontWeight="700" letterSpacing="0.57" fill="#9d9fa0">
          <tspan x="1000" y="2665.87">
            AWS DIRECT CONNECT, PRIMARY PATH
          </tspan>
        </text>
        <path d="M964 2680.5 H992" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeDasharray="5.8 4.35" />
        <text fontSize="9.5" fontWeight="700" letterSpacing="0.57" fill="#9d9fa0">
          <tspan x="1000" y="2683.87">
            AWS SITE-TO-SITE VPN, BACKUP PATH
          </tspan>
        </text>
        <path d="M964 2698.5 H992" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.45" strokeLinecap="round" strokeDasharray="1.45 3.63" />
        <text fontSize="9" fontWeight="700" letterSpacing="0.54" fill="#9d9fa0">
          <tspan x="1000" y="2701.7">
            IDENTITY, POLICY, DNS, LOGS AND FINDINGS
          </tspan>
        </text>
      </g>
    </svg>
  );
}
