svg/multiple-pātaka_css.svg

<svg id="multiple-pātaka"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     xmlns:dc="http://purl.org/dc/elements/1.1/"
     xmlns:cc="http://creativecommons.org/ns#"
     xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
     viewBox="0 0 1000 1020">

  <metadata>
    <rdf:RDF>
       <cc:Work>
          <dc:format>image/svg+xml</dc:format>
          <dc:type rdf:resource="http://purl.org/dc/dcmitype/MovingImage"/>
          <cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"/>
          <dc:creator>
             <cc:Agent>
                <dc:title>Sam Muirhead</dc:title>
             </cc:Agent>
          </dc:creator>
          <dc:source>https://github.com/ssbc/visual-docs/</dc:source>
       </cc:Work>
       <cc:License rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
          <cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/>
          <cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/>
          <cc:requires rdf:resource="http://creativecommons.org/ns#Notice"/>
          <cc:requires rdf:resource="http://creativecommons.org/ns#Attribution"/>
          <cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/>
          <cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike"/>
       </cc:License>
    </rdf:RDF>
  </metadata>

  <title>Multiple Pātaka</title>

  <style>
    /* <![CDATA[ */
    :root {
     --group-b-color: hsl(42, 74.9%, 56.3%);

     --icon-bg-color: hsl(180, 25.4%, 40%);
     --group-a-color: hsl(182, 25.5%, 50%);
     --group-a-highlight: hsl(182, 55%, 75%);

     --pātaka-color: hsl(360, 65.4%, 42%);
     --pātaka-label-color: hsl(360, 65.4%, 52%);

     --outline-color: hsl(0, 0%, 22%);
     --white: hsl(0, 0%, 100%);
     --mid-grey: hsl(0, 0%, 41.2%);
     --mid-light-grey: hsl(0, 0%, 60%);
     --encrypted-color: hsl(0, 0%, 80%);
     --light-grey: hsl(0, 0%, 90%);
     --devices-color: hsl(0, 0%, 29.8%);
     --pounamu: hsl(118, 100.0%, 9.4%);
    }

    /* animations */
    #connections, #mobile-a, #mobile-b, #mobile-c, #pātaka_laptop, #device_laptop, #text_connect-codes-laptop, #follow-lines_laptop, #connect-code_in-transit_laptop-b, #connect-code_in-transit_laptop-a, #connect-code_in-transit_laptop-c, #defocus-mobile-b, #invite-symbol_mobile-a, #invite-button_mobile-a, #invite-symbol_mobile, #invite-button_mobile, #invite-symbol_mobile-c, #invite-button_mobile-c, #text_accept-connect-codes-laptop, #connected-button_mobile, #follow-symbol_mobile, #follow-line_b-laptop_connected, #connected-button_mobile-a, #connected-button_mobile-c, #follow-symbol_mobile-a, #follow-symbol_mobile-c, #follow-line_a-laptop_connected, #follow-line_c-laptop_connected, #text_user-b-creates-record, #add-button_mobile-b, #kuia-b, #text_it-is-backed-up, #kuia-b_copy, #file_in-transit_b-laptop, #storage_laptop, #file_laptop_b, #text_record-replicated-ac, #file_laptop_b-copy, #file_in-transit_a-laptop, #file_in-transit_c-laptop, #kuia-copy_a, #kuia-copy_c, #defocus-mobile-a, #text_user-a-creates-record, #add-button_mobile-a, #koro_a, #koro_copy, #file_laptop_a, #text_record-replicated-bc, #file_laptop_a-copy, #koro-copy_b, #koro-copy_c, #text_new-pātaka-set-up, #pātaka-server, #pātaka-symbol_server, #text_new-pātaka-connect-code, #follow-line_laptop-server, #connect-code_in-transit_laptop-server, #invite-symbol_server, #invite-button_server, #connected-button_server, #follow-symbol_server, #follow-line_laptop-server_connected, #invite_server, #monitor-mask, #device_server, #text_laptop-content-replicated-to-server, #file_in-transit_laptop-server, #storage_server, #file_server_b, #file_server_a, #text_server-connected-to-abc, #follow-line_b-server_connected, #follow-line_a-server_connected, #follow-line_c-server_connected, #text_if-offline, #text_still-connected, #defocus-mobile-c, #add-button_mobile-c, #wahine-c, #wahine-c_copy, #file_in-transit_c-server, #file_server_c, #file_server_c-copy, #file_in-transit_a-server, #file_in-transit_b-server, #wahine-a, #wahine-b {
      animation-duration:40s;
      animation-iteration-count: infinite;
    }

    #connections, #mobile-a, #mobile-b, #mobile-c, #pātaka_laptop, #device_laptop, #text_connect-codes-laptop, #follow-lines_laptop, #connect-code_in-transit_laptop-b, #connect-code_in-transit_laptop-a, #connect-code_in-transit_laptop-c, #defocus-mobile-b, #invite-symbol_mobile-a, #invite-button_mobile-a, #invite-symbol_mobile, #invite-button_mobile, #invite-symbol_mobile-c, #invite-button_mobile-c, #text_accept-connect-codes-laptop, #connected-button_mobile, #follow-symbol_mobile, #follow-line_b-laptop_connected, #connected-button_mobile-a, #connected-button_mobile-c, #follow-symbol_mobile-a, #follow-symbol_mobile-c, #follow-line_a-laptop_connected, #follow-line_c-laptop_connected, #text_user-b-creates-record, #add-button_mobile-b, #text_it-is-backed-up, #kuia-b_copy, #file_in-transit_b-laptop, #storage_laptop, #file_laptop_b, #text_record-replicated-ac, #file_laptop_b-copy, #file_in-transit_a-laptop, #file_in-transit_c-laptop, #kuia-copy_a, #kuia-copy_c, #defocus-mobile-a, #text_user-a-creates-record, #add-button_mobile-a, #koro_copy, #file_laptop_a, #text_record-replicated-bc, #file_laptop_a-copy, #koro-copy_b, #koro-copy_c, #text_new-pātaka-set-up, #pātaka-server, #pātaka-symbol_server, #text_new-pātaka-connect-code, #follow-line_laptop-server, #connect-code_in-transit_laptop-server, #invite-symbol_server, #invite-button_server, #connected-button_server, #follow-symbol_server, #follow-line_laptop-server_connected, #invite_server, #monitor-mask, #device_server, #text_laptop-content-replicated-to-server, #file_in-transit_laptop-server, #storage_server, #file_server_b, #file_server_a, #text_server-connected-to-abc, #follow-line_b-server_connected, #follow-line_a-server_connected, #follow-line_c-server_connected, #text_if-offline, #text_still-connected, #defocus-mobile-c, #add-button_mobile-c, #wahine-c, #wahine-c_copy, #file_in-transit_c-server, #file_server_c, #file_server_c-copy, #file_in-transit_a-server, #file_in-transit_b-server, #wahine-a, #wahine-b {
     animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    }

    #kuia-b, #koro_a {
     animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    }

    #connections { animation-name: connections-anim; }
    @keyframes connections-anim {
      0% { opacity: 0; }
      0.42% { opacity: 1; }
      99.16% { opacity: 1; }
      100% { opacity: 0; }
    }

    #mobile-a { animation-name: mobile-a-anim; }
    @keyframes mobile-a-anim {
      0%, 0.84% { opacity: 0; transform: scale(0); }
      1.26% { opacity: 1; transform: scale(1.5); }
      33.17% { transform: scale(1.5); }
      33.58% { transform: scale(3); }
      42.92% { transform: scale(3); }
      43.17% { transform: scale(1.5); }
      99.16% { opacity: 1; }
      100% { opacity: 0; transform: scale(1.5); }
    }

    #mobile-b { animation-name: mobile-b-anim; }
    @keyframes mobile-b-anim {
      0%, 0.96% { opacity: 0; transform: scale(0); }
      1.38% { opacity: 1; transform: scale(1.5); }
      9.51% { transform: scale(1.5); }
      9.92% { transform: scale(3); }
      27.39% { transform: scale(3); }
      27.64% { transform: scale(1.5); }
      99.16% { opacity: 1; }
      100% { opacity: 0; transform: scale(1.5); }
    }

    #mobile-c { animation-name: mobile-c-anim; }
    @keyframes mobile-c-anim {
      0%, 1.09% { opacity: 0; transform: scale(0); }
      1.51% { opacity: 1; transform: scale(1.5); }
      85.05% { transform: scale(1.5); }
      85.47% { transform: scale(3); }
      91.25% { transform: scale(3); }
      91.5% { transform: scale(1.5); }
      99.16% { opacity: 1; }
      100% { opacity: 0; transform: scale(1.5); }
    }

    #pātaka_laptop { animation-name: pātaka_laptop-anim; }
    @keyframes pātaka_laptop-anim {
      0%, 2.35% { opacity: 0; transform: scale(0); }
      2.76% { opacity: 1; transform: scale(1); }
      78.56% { opacity: 1; }
      78.64% { opacity: 0; }
      78.81% { opacity: 0; }
      79.02% { opacity: 1; }
      79.1% { opacity: 1; }
      79.27% { opacity: 0; }
      79.36% { opacity: 0; }
      79.48% { opacity: 1; }
      79.56% { opacity: 1; }
      79.65%, 100% { opacity: 0; transform: scale(1); }
    }

    #device_laptop { animation-name: device_laptop-anim; }
    @keyframes device_laptop-anim {
      0%, 5.28% { opacity: 1; }
      5.7%, 100% { opacity: 0; }
    }

    #text_connect-codes-laptop { animation-name: text_connect-codes-laptop-anim; }
    @keyframes text_connect-codes-laptop-anim {
      0%, 5.7% { opacity: 0; }
      7.37% { opacity: 1; }
      9.92% { opacity: 1; }
      10.34%, 100% { opacity: 0; }
    }

    #follow-lines_laptop { animation-name: follow-lines_laptop-anim; }
    @keyframes follow-lines_laptop-anim {
      0%, 8.21% { opacity: 0; }
      8.63% { opacity: 1; }
      16.37% { opacity: 1; }
      16.79%, 100% { opacity: 0; }
    }

    #connect-code_in-transit_laptop-b { animation-name: connect-code_in-transit_laptop-b-anim; }
    @keyframes connect-code_in-transit_laptop-b-anim {
      0%, 8.6246% { opacity: 0; transform: translateX(0px) translateY(0px); }
      8.6255% { opacity: 1; transform: translateX(0px) translateY(0px); }
      9.463% { opacity: 1; transform: translateX(220px) translateY(-200px); }
      9.4638%, 100% { opacity: 0; transform: translateX(220px) translateY(-200px); }
    }

    #connect-code_in-transit_laptop-a { animation-name: connect-code_in-transit_laptop-a-anim; }
    @keyframes connect-code_in-transit_laptop-a-anim {
      0%, 8.7921% { opacity: 0; transform: translateX(0px) translateY(0px); }
      8.793% { opacity: 1; transform: translateX(0px) translateY(0px); }
      9.7142% { opacity: 1; transform: translateX(30px) translateY(-440px); }
      9.7151%, 100% { opacity: 0; transform: translateX(30px) translateY(-440px); }
    }

    #connect-code_in-transit_laptop-c { animation-name: connect-code_in-transit_laptop-c-anim; }
    @keyframes connect-code_in-transit_laptop-c-anim {
      0%, 8.9178% { opacity: 0; transform: translateX(0px) translateY(0px); }
      8.9186% { opacity: 1; transform: translateX(0px) translateY(0px); }
      9.7561% { opacity: 1; transform: translateX(340px) translateY(-20px); }
      9.757%, 100% { opacity: 0; transform: translateX(340px) translateY(-20px); }
    }

    #defocus-mobile-b { animation-name: defocus-mobile-b-anim; }
    @keyframes defocus-mobile-b-anim {
      0%, 9.42% { opacity: 0.3; }
      9.92% { opacity: 0; }
      27.35% { opacity: 0; }
      27.68%, 100% { opacity: 0.3; }
    }

    #invite-symbol_mobile-a { animation-name: invite-symbol_mobile-a-anim; }
    @keyframes invite-symbol_mobile-a-anim {
      0%, 8.96% { opacity: 0; transform: scale(0); }
      9.38% { opacity: 1; transform: scale(1); }
      17.63% { opacity: 1; }
      18.05%, 100% { opacity: 0; transform: scale(1); }
    }

    #invite-button_mobile-a { animation-name: invite-button_mobile-a-anim; }
    @keyframes invite-button_mobile-a-anim {
      0%, 8.9613% { opacity: 0; transform: scale(0); }
      9.3801% { opacity: 1; transform: scale(1); }
      15.2435% { opacity: 1; }
      15.5366% { opacity: 0.7; }
      15.7451% { opacity: 0.7; }
      15.746%, 100% { opacity: 0; transform: scale(1); }
    }

    #invite-symbol_mobile { animation-name: invite-symbol_mobile-anim; }
    @keyframes invite-symbol_mobile-anim {
      0%, 8.96% { opacity: 0; transform: scale(0); }
      9.38% { opacity: 1; transform: scale(1); }
      17.63% { opacity: 1; }
      18.05%, 100% { opacity: 0; transform: scale(1); }
    }

    #invite-button_mobile { animation-name: invite-button_mobile-anim; }
    @keyframes invite-button_mobile-anim {
      0%, 8.9613% { opacity: 0; transform: scale(0); }
      9.3801% { opacity: 1; transform: scale(1); }
      12.8557% { transform: scale(1); opacity: 1; }
      13.0651% { transform: scale(1.05); opacity: 1; }
      13.6932% { transform: scale(1.05); opacity: 1; }
      13.9864% { transform: scale(0.95); opacity: 0.7; }
      14.1957% { transform: scale(0.95); opacity: 0.7; }
      14.1966%, 100% { transform: scale(0.95); opacity: 0; }
    }

    #invite-symbol_mobile-c { animation-name: invite-symbol_mobile-c-anim; }
    @keyframes invite-symbol_mobile-c-anim {
      0%, 8.96% { opacity: 0; transform: scale(0); }
      9.38% { opacity: 1; transform: scale(1); }
      17.63% { opacity: 1; }
      18.05%, 100% { opacity: 0; transform: scale(1); }
    }

    #invite-button_mobile-c { animation-name: invite-button_mobile-c-anim; }
    @keyframes invite-button_mobile-c-anim {
      0%, 8.9613% { opacity: 0; transform: scale(0); }
      9.3801% { opacity: 1; transform: scale(1); }
      16.081% { opacity: 1; }
      16.3741% { opacity: 0.7; }
      16.5826% { opacity: 0.7; }
      16.5835%, 100% { opacity: 0; transform: scale(1); }
    }

    #text_accept-connect-codes-laptop { animation-name: text_accept-connect-codes-laptop-anim; }
    @keyframes text_accept-connect-codes-laptop-anim {
      0%, 10.34% { opacity: 0; }
      12.02% { opacity: 1; }
      18.05% { opacity: 1; }
      18.47%, 100% { opacity: 0; }
    }

    #connected-button_mobile { animation-name: connected-button_mobile-anim; }
    @keyframes connected-button_mobile-anim {
      0%, 14.1957% { transform: scale(0.95); opacity: 0; }
      14.1966% { transform: scale(0.95); opacity: 1; }
      14.4897% { transform: scale(1); opacity: 1; }
      17.6304% { opacity: 1; }
      18.0491%, 100% { opacity: 0; transform: scale(1); }
    }

    #follow-symbol_mobile { animation-name: follow-symbol_mobile-anim; }
    @keyframes follow-symbol_mobile-anim {
      0%, 14.2% { opacity: 0; transform: scale(0); }
      14.49% { opacity: 1; transform: scale(1.3); }
      17.63% { opacity: 1; }
      18.05%, 100% { opacity: 0; transform: scale(1.3); }
    }

    #follow-line_b-laptop_connected { animation-name: follow-line_b-laptop_connected-anim; }
    @keyframes follow-line_b-laptop_connected-anim {
      0%, 14.28% { opacity: 0; }
      14.7% { opacity: 1; }
      26.34% { stroke-dasharray: 8,12px; }
      26.63% { stroke-dasharray: 0,0px; }
      27.47% { stroke-dasharray: 0,0px; }
      27.68% { stroke-dasharray: 8,12px; }
      48.24% { stroke-dasharray: 8,12px; }
      48.53% { stroke-dasharray: 0,0px; }
      49.79% { stroke-dasharray: 0,0px; }
      50% { stroke-dasharray: 8,12px; }
      79.98% { opacity: 1; }
      80.4%, 100% { opacity: 0; }
    }

    #connected-button_mobile-a { animation-name: connected-button_mobile-a-anim; }
    @keyframes connected-button_mobile-a-anim {
      0%, 15.7451% { opacity: 0; }
      15.746% { opacity: 1; }
      17.6304% { opacity: 1; }
      18.0491%, 100% { opacity: 0; }
    }

    #connected-button_mobile-c { animation-name: connected-button_mobile-c-anim; }
    @keyframes connected-button_mobile-c-anim {
      0%, 16.5826% { opacity: 0; }
      16.5835% { opacity: 1; }
      17.6304% { opacity: 1; }
      18.0491%, 100% { opacity: 0; }
    }

    #follow-symbol_mobile-a { animation-name: follow-symbol_mobile-a-anim; }
    @keyframes follow-symbol_mobile-a-anim {
      0%, 15.45% { opacity: 0; transform: scale(0); }
      15.75% { opacity: 1; transform: scale(1.3); }
      17.63% { opacity: 1; }
      18.05%, 100% { opacity: 0; transform: scale(1.3); }
    }

    #follow-symbol_mobile-c { animation-name: follow-symbol_mobile-c-anim; }
    @keyframes follow-symbol_mobile-c-anim {
      0%, 16.29% { opacity: 0; transform: scale(0); }
      16.58% { opacity: 1; transform: scale(1.3); }
      17.63% { opacity: 1; }
      18.05%, 100% { opacity: 0; transform: scale(1.3); }
    }

    #follow-line_a-laptop_connected { animation-name: follow-line_a-laptop_connected-anim; }
    @keyframes follow-line_a-laptop_connected-anim {
      0%, 15.54% { opacity: 0; }
      15.96% { opacity: 1; }
      31.2% { stroke-dasharray: 8,12px; }
      31.49% { stroke-dasharray: 0,0px; }
      32.75% { stroke-dasharray: 0,0px; }
      32.96% { stroke-dasharray: 8,12px; }
      41.88% { stroke-dasharray: 8,12px; }
      42.17% { stroke-dasharray: 0,0px; }
      43.01% { stroke-dasharray: 0,0px; }
      43.22% { stroke-dasharray: 8,12px; }
      80.11% { opacity: 1; }
      80.53%, 100% { opacity: 0; }
    }

    #follow-line_c-laptop_connected { animation-name: follow-line_c-laptop_connected-anim; }
    @keyframes follow-line_c-laptop_connected-anim {
      0%, 16.37% { opacity: 0; }
      16.79% { opacity: 1; }
      31.2% { stroke-dasharray: 8,12px; }
      31.49% { stroke-dasharray: 0,0px; }
      32.75% { stroke-dasharray: 0,0px; }
      32.96% { stroke-dasharray: 8,12px; }
      48.24% { stroke-dasharray: 8,12px; }
      48.53% { stroke-dasharray: 0,0px; }
      49.79% { stroke-dasharray: 0,0px; }
      50% { stroke-dasharray: 8,12px; }
      80.23% { opacity: 1; }
      80.65%, 100% { opacity: 0; }
    }

    #text_user-b-creates-record { animation-name: text_user-b-creates-record-anim; }
    @keyframes text_user-b-creates-record-anim {
      0%, 18.47% { opacity: 0; }
      20.14% { opacity: 1; }
      28.27% { opacity: 1; }
      28.69%, 100% { opacity: 0; }
    }

    #add-button_mobile-b { animation-name: add-button_mobile-b-anim; }
    @keyframes add-button_mobile-b-anim {
      0%, 20.56% { transform: scale(0); opacity: 0; }
      21.19% { transform: scale(1); opacity: 1; }
      22.03% { transform: scale(1.05); opacity: 1; }
      22.53% { transform: scale(0.95); opacity: 0.7; }
      22.82% { transform: scale(1); opacity: 0.7; }
      23.03%, 100% { transform: scale(1); opacity: 0; }
    }

    #kuia-b { animation-name: kuia-b-anim; }
    @keyframes kuia-b-anim {
      0%, 22.95% { transform: scale(0); opacity: 0; }
      23.16%, 100% { transform: scale(1); opacity: 1; }
    }

    #text_it-is-backed-up { animation-name: text_it-is-backed-up-anim; }
    @keyframes text_it-is-backed-up-anim {
      0%, 23.16% { opacity: 0; }
      24.83% { opacity: 1; }
      28.27% { opacity: 1; }
      28.69% { opacity: 0; }
      38.69% { opacity: 0; }
      40.37% { opacity: 1; }
      44.05% { opacity: 1; }
      45.73%, 100% { opacity: 0; }
    }

    #kuia-b_copy { animation-name: kuia-b_copy-anim; }
    @keyframes kuia-b_copy-anim {
      0%, 25.67% { opacity: 0; transform: scale(1); }
      25.88% { opacity: 1; transform: scale(1); }
      26.3% { opacity: 1; transform: scale(1); }
      26.51%, 100% { opacity: 1; transform: scale(0); }
    }

    #file_in-transit_b-laptop { animation-name: file_in-transit_b-laptop-anim; }
    @keyframes file_in-transit_b-laptop-anim {
      0%, 26.6319% { opacity: 0; transform: translateX(0px) translateY(0px); }
      26.6327% { opacity: 1; transform: translateX(0px) translateY(0px); }
      27.4702% { opacity: 1; transform: translateX(-220px) translateY(200px); }
      27.4711% { opacity: 0; transform: translateX(-220px) translateY(200px); }
      48.5327% { opacity: 0; transform: translateX(-220px) translateY(200px); }
      48.5335% { opacity: 1; transform: translateX(-220px) translateY(200px); }
      49.371% { opacity: 1; transform: translateX(0px) translateY(0px); }
      49.3719%, 100% { opacity: 0; transform: translateX(0px) translateY(0px); }
    }

    #storage_laptop { animation-name: storage_laptop-anim; }
    @keyframes storage_laptop-anim {
      0%, 27.26% { transform: scale(0); opacity: 0; }
      27.68% { transform: scale(1); opacity: 1; }
      77.72% { opacity: 1; }
      78.14%, 100% { opacity: 0; transform: scale(1); }
    }

    #file_laptop_b { animation-name: file_laptop_b-anim; }
    @keyframes file_laptop_b-anim {
      0%, 27.85% { transform: scale(0); }
      28.27%, 100% { transform: scale(1); }
    }

    #text_record-replicated-ac { animation-name: text_record-replicated-ac-anim; }
    @keyframes text_record-replicated-ac-anim {
      0%, 28.69% { opacity: 0; }
      30.36% { opacity: 1; }
      33.58% { opacity: 1; }
      34%, 100% { opacity: 0; }
    }

    #file_laptop_b-copy { animation-name: file_laptop_b-copy-anim; }
    @keyframes file_laptop_b-copy-anim {
      0%, 30.7792% { opacity: 0; transform: scale(1); }
      30.7801% { opacity: 1; transform: scale(1); }
      31.1971% { opacity: 1; transform: scale(0); }
      31.198% { opacity: 0; transform: scale(0); }
      68.761% { transform: scale(1); }
      69.1797%, 100% { transform: scale(0); }
    }

    #file_in-transit_a-laptop { animation-name: file_in-transit_a-laptop-anim; }
    @keyframes file_in-transit_a-laptop-anim {
      0%, 31.4894% { opacity: 0; transform: translateX(0px) translateY(0px); }
      31.4903% { opacity: 1; transform: translateX(0px) translateY(0px); }
      32.3278% { opacity: 1; transform: translateX(30px) translateY(-440px); }
      32.3286% { opacity: 0; transform: translateX(30px) translateY(-440px); }
      42.1676% { opacity: 0; transform: translateX(30px) translateY(-440px); }
      42.1685% { opacity: 1; transform: translateX(30px) translateY(-440px); }
      43.006% { opacity: 1; transform: translateX(0px) translateY(0px); }
      43.0068%, 100% { opacity: 0; transform: translateX(0px) translateY(0px); }
    }

    #file_in-transit_c-laptop { animation-name: file_in-transit_c-laptop-anim; }
    @keyframes file_in-transit_c-laptop-anim {
      0%, 31.4894% { opacity: 0; transform: translateX(0px) translateY(0px); }
      31.4903% { opacity: 1; transform: translateX(0px) translateY(0px); }
      32.3278% { opacity: 1; transform: translateX(340px) translateY(-20px); }
      32.3286% { opacity: 0; transform: translateX(340px) translateY(-20px); }
      48.5327% { opacity: 0; transform: translateX(340px) translateY(-20px); }
      48.5335% { opacity: 1; transform: translateX(0px) translateY(0px); }
      49.371% { opacity: 1; transform: translateX(340px) translateY(-20px); }
      49.3719%, 100% { opacity: 0; transform: translateX(340px) translateY(-20px); }
    }

    #kuia-copy_a { animation-name: kuia-copy_a-anim; }
    @keyframes kuia-copy_a-anim {
      0%, 32.33% { opacity: 0; }
      32.75%, 100% { opacity: 1; }
    }

    #kuia-copy_c { animation-name: kuia-copy_c-anim; }
    @keyframes kuia-copy_c-anim {
      0%, 32.33% { opacity: 0; }
      32.75%, 100% { opacity: 1; }
    }

    #defocus-mobile-a { animation-name: defocus-mobile-a-anim; }
    @keyframes defocus-mobile-a-anim {
      0%, 33.29% { opacity: 0.3; }
      33.58% { opacity: 0; }
      42.92% { opacity: 0; }
      43.22%, 100% { opacity: 0.3; }
    }

    #text_user-a-creates-record { animation-name: text_user-a-creates-record-anim; }
    @keyframes text_user-a-creates-record-anim {
      0%, 34% { opacity: 0; }
      35.68% { opacity: 1; }
      44.05% { opacity: 1; }
      45.73%, 100% { opacity: 0; }
    }

    #add-button_mobile-a { animation-name: add-button_mobile-a-anim; }
    @keyframes add-button_mobile-a-anim {
      0%, 36.1% { transform: scale(0); opacity: 0; }
      36.73% { transform: scale(0.5); opacity: 1; }
      37.56% { transform: scale(0.55); opacity: 1; }
      38.07% { transform: scale(0.45); opacity: 0.7; }
      38.36% { transform: scale(0.5); opacity: 0.7; }
      38.57%, 100% { transform: scale(0.5); opacity: 0; }
    }

    #koro_a { animation-name: koro_a-anim; }
    @keyframes koro_a-anim {
      0%, 38.48% { transform: scale(0); opacity: 0; }
      38.69%, 100% { transform: scale(0.5); opacity: 1; }
    }

    #koro_copy { animation-name: koro_copy-anim; }
    @keyframes koro_copy-anim {
      0%, 41.21% { opacity: 0; transform: scale(1); }
      41.42% { opacity: 1; transform: scale(1); }
      41.83% { opacity: 1; transform: scale(0.5); }
      42.04%, 100% { opacity: 1; transform: scale(0); }
    }

    #file_laptop_a { animation-name: file_laptop_a-anim; }
    @keyframes file_laptop_a-anim {
      0%, 43.63% { transform: scale(0); }
      44.05%, 100% { transform: scale(1); }
    }

    #text_record-replicated-bc { animation-name: text_record-replicated-bc-anim; }
    @keyframes text_record-replicated-bc-anim {
      0%, 45.73% { opacity: 0; }
      47.4% { opacity: 1; }
      50% { opacity: 1; }
      50.42%, 100% { opacity: 0; }
    }

    #file_laptop_a-copy { animation-name: file_laptop_a-copy-anim; }
    @keyframes file_laptop_a-copy-anim {
      0%, 47.8225% { opacity: 0; transform: scale(1); }
      47.8233% { opacity: 1; transform: scale(1); }
      48.2404% { opacity: 1; transform: scale(0); }
      48.2412% { opacity: 0; transform: scale(0); }
      68.761% { transform: scale(1); }
      69.1797%, 100% { transform: scale(0); }
    }

    #koro-copy_b { animation-name: koro-copy_b-anim; }
    @keyframes koro-copy_b-anim {
      0%, 49.37% { opacity: 0; }
      49.79%, 100% { opacity: 1; }
    }

    #koro-copy_c { animation-name: koro-copy_c-anim; }
    @keyframes koro-copy_c-anim {
      0%, 49.37% { opacity: 0; }
      49.79%, 100% { opacity: 1; }
    }

    #text_new-pātaka-set-up { animation-name: text_new-pātaka-set-up-anim; }
    @keyframes text_new-pātaka-set-up-anim {
      0%, 50.42% { opacity: 0; }
      52.09% { opacity: 1; }
      54.61% { opacity: 1; }
      55.03%, 100% { opacity: 0; }
    }

    #pātaka-server { animation-name: pātaka-server-anim; }
    @keyframes pātaka-server-anim {
      0%, 52.93% { opacity: 0; }
      53.35% { opacity: 1; }
      99.16% { opacity: 1; }
      100% { opacity: 0; }
    }

    #pātaka-symbol_server { animation-name: pātaka-symbol_server-anim; }
    @keyframes pātaka-symbol_server-anim {
      0%, 54.19% { opacity: 1; }
      54.61% { opacity: 0; }
      64.15% { opacity: 0; }
      64.57%, 100% { opacity: 1; }
    }

    #text_new-pātaka-connect-code { animation-name: text_new-pātaka-connect-code-anim; }
    @keyframes text_new-pātaka-connect-code-anim {
      0%, 55.03% { opacity: 0; }
      56.7% { opacity: 1; }
      65.83% { opacity: 1; }
      66.25%, 100% { opacity: 0; }
    }

    #follow-line_laptop-server { animation-name: follow-line_laptop-server-anim; }
    @keyframes follow-line_laptop-server-anim {
      0%, 57.54% { opacity: 0; }
      57.96% { opacity: 1; }
      62.9% { opacity: 1; }
      63.32%, 100% { opacity: 0; }
    }

    #connect-code_in-transit_laptop-server { animation-name: connect-code_in-transit_laptop-server-anim; }
    @keyframes connect-code_in-transit_laptop-server-anim {
      0%, 57.9546% { opacity: 0; transform: translateX(0px) translateY(0px); }
      57.9555% { opacity: 1; transform: translateX(0px) translateY(0px); }
      58.793% { opacity: 1; transform: translateX(80px) translateY(270px); }
      58.7938%, 100% { opacity: 0; transform: translateX(80px) translateY(270px); }
    }

    #invite-symbol_server { animation-name: invite-symbol_server-anim; }
    @keyframes invite-symbol_server-anim {
      0%, 58.75% { opacity: 0; transform: scale(0); }
      59.17%, 100% { opacity: 1; transform: scale(1); }
    }

    #invite-button_server { animation-name: invite-button_server-anim; }
    @keyframes invite-button_server-anim {
      0%, 58.7519% { opacity: 0; transform: scale(0); }
      60.0082% { opacity: 1; transform: scale(1.6); }
      60.2176% { opacity: 1; transform: scale(1.65); }
      60.8457% { opacity: 1; transform: scale(1.65); }
      61.1388% { opacity: 0.7; transform: scale(1.55); }
      61.3482% { opacity: 0.7; transform: scale(1.55); }
      61.3491%, 100% { opacity: 0; transform: scale(1.55); }
    }

    #connected-button_server { animation-name: connected-button_server-anim; }
    @keyframes connected-button_server-anim {
      0%, 61.3482% { transform: scale(1.55); opacity: 0; }
      61.3491% { transform: scale(1.55); opacity: 1; }
      61.6422%, 100% { transform: scale(1.6); opacity: 1; }
    }

    #follow-symbol_server { animation-name: follow-symbol_server-anim; }
    @keyframes follow-symbol_server-anim {
      0%, 61.35% { opacity: 0; transform: scale(0); }
      61.64%, 100% { opacity: 1; transform: scale(1.3); }
    }

    #follow-line_laptop-server_connected { animation-name: follow-line_laptop-server_connected-anim; }
    @keyframes follow-line_laptop-server_connected-anim {
      0%, 61.64% { opacity: 0; }
      62.06% { opacity: 1; }
      69.18% { stroke-dasharray: 8,12px; }
      69.47% { stroke-dasharray: 0,0px; }
      71.06% { stroke-dasharray: 0,0px; }
      71.48% { stroke-dasharray: 8,12px; }
      79.86% { opacity: 1; }
      80.28%, 100% { opacity: 0; }
    }

    #invite_server { animation-name: invite_server-anim; }
    @keyframes invite_server-anim {
      0%, 62.9% { opacity: 1; }
      63.32%, 100% { opacity: 0; }
    }

    #monitor-mask { animation-name: monitor-mask-anim; }
    @keyframes monitor-mask-anim {
      0%, 65.41% { opacity: 1; }
      65.83%, 100% { opacity: 0; }
    }

    #device_server { animation-name: device_server-anim; }
    @keyframes device_server-anim {
      0%, 65.41% { opacity: 1; }
      65.83%, 100% { opacity: 0; }
    }

    #text_laptop-content-replicated-to-server { animation-name: text_laptop-content-replicated-to-server-anim; }
    @keyframes text_laptop-content-replicated-to-server-anim {
      0%, 66.25% { opacity: 0; }
      67.92% { opacity: 1; }
      71.48% { opacity: 1; }
      71.9%, 100% { opacity: 0; }
    }

    #file_in-transit_laptop-server { animation-name: file_in-transit_laptop-server-anim; }
    @keyframes file_in-transit_laptop-server-anim {
      0%, 69.4712% { opacity: 0; transform: translateX(0px) translateY(0px); }
      69.472% { opacity: 1; transform: translateX(0px) translateY(0px); }
      70.3095% { opacity: 1; transform: translateX(80px) translateY(270px); }
      70.3104%, 100% { opacity: 0; transform: translateX(80px) translateY(270px); }
    }

    #storage_server { animation-name: storage_server-anim; }
    @keyframes storage_server-anim {
      0%, 70.1% { transform: scale(0); opacity: 0; }
      70.52%, 100% { transform: scale(1); opacity: 1; }
    }

    #file_server_b { animation-name: file_server_b-anim; }
    @keyframes file_server_b-anim {
      0%, 70.52% { transform: scale(0); }
      70.94%, 100% { transform: scale(1); }
    }

    #file_server_a { animation-name: file_server_a-anim; }
    @keyframes file_server_a-anim {
      0%, 70.65% { transform: scale(0); }
      71.06%, 100% { transform: scale(1); }
    }

    #text_server-connected-to-abc { animation-name: text_server-connected-to-abc-anim; }
    @keyframes text_server-connected-to-abc-anim {
      0%, 71.9% { opacity: 0; }
      73.58% { opacity: 1; }
      74.79% { opacity: 1; }
      75.21%, 100% { opacity: 0; }
    }

    #follow-line_b-server_connected { animation-name: follow-line_b-server_connected-anim; }
    @keyframes follow-line_b-server_connected-anim {
      0%, 73.79% { opacity: 0; }
      74.2% { opacity: 1; }
      93.22% { stroke-dasharray: 8,12px; }
      93.51% { stroke-dasharray: 0,0px; }
      94.77% { stroke-dasharray: 0,0px; }
      94.97%, 100% { stroke-dasharray: 8,12px; opacity: 1; }
    }

    #follow-line_a-server_connected { animation-name: follow-line_a-server_connected-anim; }
    @keyframes follow-line_a-server_connected-anim {
      0%, 74.08% { opacity: 0; }
      74.5% { opacity: 1; }
      93.22% { stroke-dasharray: 8,12px; }
      93.51% { stroke-dasharray: 0,0px; }
      94.77% { stroke-dasharray: 0,0px; }
      94.97%, 100% { stroke-dasharray: 8,12px; opacity: 1; }
    }

    #follow-line_c-server_connected { animation-name: follow-line_c-server_connected-anim; }
    @keyframes follow-line_c-server_connected-anim {
      0%, 74.37% { opacity: 0; }
      74.79% { opacity: 1; }
      90.2% { stroke-dasharray: 8,12px; }
      90.49% { stroke-dasharray: 0,0px; }
      91.33% { stroke-dasharray: 0,0px; }
      91.54%, 100% { stroke-dasharray: 8,12px; opacity: 1; }
    }

    #text_if-offline { animation-name: text_if-offline-anim; }
    @keyframes text_if-offline-anim {
      0%, 75.21% { opacity: 0; }
      76.88% { opacity: 1; }
      80.65% { opacity: 1; }
      81.07%, 100% { opacity: 0; }
    }

    #text_still-connected { animation-name: text_still-connected-anim; }
    @keyframes text_still-connected-anim {
      0%, 81.07% { opacity: 0; }
      82.75% { opacity: 1; }
      84.42% { opacity: 1; }
      84.84%, 100% { opacity: 0; }
    }

    #defocus-mobile-c { animation-name: defocus-mobile-c-anim; }
    @keyframes defocus-mobile-c-anim {
      0%, 85.18% { opacity: 0.3; }
      85.47% { opacity: 0; }
      91.25% { opacity: 0; }
      91.54%, 100% { opacity: 0.3; }
    }

    #add-button_mobile-c { animation-name: add-button_mobile-c-anim; }
    @keyframes add-button_mobile-c-anim {
      0%, 85.89% { transform: scale(0); opacity: 0; }
      86.52% { transform: scale(0.5); opacity: 1; }
      87.35% { transform: scale(0.55); opacity: 1; }
      87.86% { transform: scale(0.45); opacity: 0.7; }
      88.15% { transform: scale(0.5); opacity: 0.7; }
      88.36%, 100% { transform: scale(0.5); opacity: 0; }
    }

    #wahine-c { animation-name: wahine-c-anim; }
    @keyframes wahine-c-anim {
      0%, 88.27% { opacity: 0; }
      88.69%, 100% { opacity: 1; }
    }

    #wahine-c_copy { animation-name: wahine-c_copy-anim; }
    @keyframes wahine-c_copy-anim {
      0%, 89.53% { opacity: 0; transform: scale(1); }
      89.74% { opacity: 1; transform: scale(1); }
      90.16% { opacity: 1; transform: scale(1); }
      90.37%, 100% { opacity: 1; transform: scale(0); }
    }

    #file_in-transit_c-server { animation-name: file_in-transit_c-server-anim; }
    @keyframes file_in-transit_c-server-anim {
      0%, 90.4926% { opacity: 0; transform: translateX(0px) translateY(0px); }
      90.4935% { opacity: 1; transform: translateX(0px) translateY(0px); }
      91.331% { opacity: 1; transform: translateX(-260px) translateY(290px); }
      91.3318%, 100% { opacity: 0; transform: translateX(-260px) translateY(290px); }
    }

    #file_server_c { animation-name: file_server_c-anim; }
    @keyframes file_server_c-anim {
      0%, 91.96% { transform: scale(0); }
      92.38%, 100% { transform: scale(1); }
    }

    #file_server_c-copy { animation-name: file_server_c-copy-anim; }
    @keyframes file_server_c-copy-anim {
      0%, 92.7974% { opacity: 0; transform: scale(1); }
      92.7983% { opacity: 1; transform: scale(1); }
      93.2162%, 100% { opacity: 1; transform: scale(0); }
    }

    #file_in-transit_a-server { animation-name: file_in-transit_a-server-anim; }
    @keyframes file_in-transit_a-server-anim {
      0%, 93.5076% { opacity: 0; transform: translateX(0px) translateY(0px); }
      93.5085% { opacity: 1; transform: translateX(0px) translateY(0px); }
      94.346% { opacity: 1; transform: translateX(-50px) translateY(-710px); }
      94.3468%, 100% { opacity: 0; transform: translateX(-50px) translateY(-710px); }
    }

    #file_in-transit_b-server { animation-name: file_in-transit_b-server-anim; }
    @keyframes file_in-transit_b-server-anim {
      0%, 93.5076% { opacity: 0; transform: translateX(0px) translateY(0px); }
      93.5085% { opacity: 1; transform: translateX(0px) translateY(0px); }
      94.346% { opacity: 1; transform: translateX(140px) translateY(-470px); }
      94.3468%, 100% { opacity: 0; transform: translateX(140px) translateY(-470px); }
    }

    #wahine-a { animation-name: wahine-a-anim; }
    @keyframes wahine-a-anim {
      0%, 94.35% { opacity: 0; }
      94.77%, 100% { opacity: 1; }
    }

    #wahine-b { animation-name: wahine-b-anim; }
    @keyframes wahine-b-anim {
      0%, 94.35% { opacity: 0; }
      94.77%, 100% { opacity: 1; }
    }

    /* embedded font */
    text { font-family: 'Dosis', sans-serif; }
    @font-face {
        font-family: 'Dosis';
        src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2');
        font-weight: normal;
        font-style: normal;
      }
    /* ]]> */
  </style>

  <defs>

    <g id="devices">

      <g id="mobile" stroke-linecap="butt" transform="scale(2)" stroke-width="0.5">
        <rect id="mobile_base" stroke-width="0.25" width="23" height="47" x="-11.5" y="-23.5" ry="2.4"/>
        <rect id="mobile_inner-edge" stroke-width="0.25" width="22.5" height="46.5" x="-11.25" y="-23.25" ry="2.2"/>
        <rect id="mobile_screen" fill="var(--white)" fill-opacity="0.95" stroke="none" width="22" height="40" x="-11" y="-21"/>
        <circle id="mobile_camera" fill="var(--light-grey)" fill-opacity="0.95" stroke="none" cx="9" cy="-22.5" r=".5"/>
        <path id="mobile_speaker" d="M-1 -22h2"/>
        <path id="mobile_microphone" d="M-3 21h6"/>

      </g>

      <g id="laptop" transform="scale(5)" stroke-width=".5" stroke-linejoin="round" stroke-linecap="butt">
        <path id="laptop-screen-bg" stroke="none" d="m 18.42,8.2 0,-21.84 a 0.29,0.29 0 0 0 -0.29,-0.29 h -36.26 a 0.29,0.29 0 0 0 -0.29,0.29 v21.84z"/>
        <path id="laptop-screen-bg-overlay" stroke="none" fill="var(--outline-color)" fill-opacity=".2" d="m 18.42,8.2 0,-21.84 a 0.29,0.29 0 0 0 -0.29,-0.29 h -36.26 a 0.29,0.29 0 0 0 -0.29,0.29 v 21.84z"/>
        <rect id="laptop-screen" fill="var(--white)" fill-opacity="0.95" stroke="none" x="-18" y="-11" width="36" height="17.67"/>
        <circle id="laptop-camera" fill="var(--mid-light-grey)" cx="0" cy="-12.5" r=".25"/>


        <rect id="laptop-keyboard" x="-24" y="8" width="48" height="2" stroke="none"/>

      </g>

      <g id="servers">
        <rect id="cabinet" x="-85" y="-70" width="170" height="220" fill="var(--devices-color)" stroke="none"/>

        <g id="template-server-face" stroke="none">
          <path id="template-server-faceplate" stroke-width="1" d="M79 121.7v20.8h-157.2v-20.8z"/>

          <g id="server-lights" fill="var(--light-grey)" fill-opacity="0.8" stroke-width=".5">
            <circle cx="-47.6" cy="132.1" r="2.6"/>
            <circle cx="-34.5" cy="132.1" r="2.6"/>
            <circle cx="-21.4" cy="132.1" r="2.6"/>
          </g>

          <g id="front-vents" fill="var(--devices-color)" stroke-linecap="round" stroke-width=".5">
            <rect width="1.6" height="11.7" x="51" y="126.3" ry=".8"/>
            <rect width="1.6" height="11.7" x="44.9" y="126.3" ry=".8"/>
            <rect width="1.6" height="11.7" x="38.9" y="126.3" ry=".8"/>
          </g>

        </g>

        <use href="#template-server-face" fill="var(--mid-grey)"/>
        <use href="#template-server-face" y="-30" fill="var(--mid-grey)"/>
        <use href="#template-server-face" y="-60" fill="var(--mid-grey)"/>
        <use href="#template-server-face" y="-90" fill="var(--mid-grey)"/>
        <use href="#template-server-face" y="-150" fill="var(--mid-grey)"/>
        <use href="#template-server-face" y="-180" fill="var(--mid-grey)"/>

        <g id="focused-server-face" class="focused-server">
          <use href="#template-server-face" y="-120" fill="var(--pātaka-color)"/>

          <g id="focused-server-lights" stroke="var(--white)" stroke-opacity="0.5" fill="var(--light-grey)" stroke-width="1.5">
            <circle id="light-a" cx="-47.6" cy="12.1" r="2.5"/>
            <circle id="light-b" cx="-34.5" cy="12.1" r="2.5"/>
            <circle id="light-c" cx="-21.4" cy="12.1" r="2.5"/>
          </g>

        </g>

      </g>

      <g id="server-monitor" stroke="none" stroke-linecap="round" stroke-width="1">

        <rect id="stand-front" fill="var(--devices-color)" x="-14" y="60" width="30" height="40"/>
        <rect id="baseplate" x="-39" y="95.1" width="80" height="5" rx="1" ry="1" style="transform-origin: 0px 93.8px 0px;" fill="var(--mid-grey)"/>
        <rect id="screen-frame" fill="var(--devices-color)" x="-144" y="-72" width="288" height="142.2" rx="2" ry="2"/>
        <rect id="pc-screen" fill="var(--white)" opacity="0.93" x="-139" y="-66" width="278" height="131"/>
      </g>

    </g>

    <g id="symbols">

      <g id="pātaka-symbol" stroke-linecap="round" stroke-linejoin="round" stroke-width=".4">
        <path d="M-17.3 15v-10.8l-4.4 4.3-4.3-4.3 25-25v-5.4h2.1v5.4l25 25-4.3 4.3-4.2-4.1-.2 10.6h-4.3v-15.2l-13-13-13 13v15.2z"/>
        <path d="M-13.4 25.9v-8.7h-8.7v-2.2h43.5v2.2h-8.7v8.7h-2.2v-8.7h-21.7v8.7z"/>
      </g>

      <use id="pātaka-symbol-small" xlink:href="#pātaka-symbol" transform="scale(0.6)"/>
      <use id="pātaka-symbol-medium" xlink:href="#pātaka-symbol" transform="scale(1.6)"/>
      <use id="pātaka-symbol-large" xlink:href="#pātaka-symbol" transform="scale(2.2)"/>
      <path id="pixel-pātaka" transform="scale(0.8)" fill="var(--pātaka-color)" stroke="none" d="m-26,2 h4v-4h4v-4h4v-4h4v-4h4v-4h4v-8h4v8h4v4h4v4h4v4h4v4h4v4h4v4h-8v8h4v4h-8v8h-4v-8h-20v8h-4v-8h-8v-4h4v-8h-8z            m12,-4v16h28v-16h-4v-4h-4v-4h-4v-4h-4v4h-4v4h-4v4z"/>

      <g id="icon_whakapapa-record">
        <clipPath id="outline-circle">
          <circle cx="242.4" cy="242.5" r="242.1"/>
        </clipPath>

        <circle id="whakapapa-bg" cx="242.4" cy="242.5" r="242.1" fill="var(--icon-bg-color)"/>
      </g>

      <circle id="file_in-transit" cx="0" cy="0" r="5" fill="var(--encrypted-color)" stroke="var(--group-a-color)" stroke-width="2"/>
      <circle id="connect-code_in-transit" cx="0" cy="0" r="5" stroke-width="2"/>

      <g id="kuia" transform="scale(0.08)">
        <use xlink:href="#whakapapa-bg"/>

        <g clip-path="url(#outline-circle)">
          <path id="skin" fill="var(--white)" d="M178.4 397.3l202-65s21.5 19.5 22.5 28.5c.9 8.4 10.9 46 12.3 51.4 4.4-4.5 8.7-9.2 12.7-14l-19.7-66.4-76.5-70s-3.2-86.2-3.2-92.6c0-6.5-30.2-70-30.2-70s-30.2-33.4-44.2-37.7c-14-4.3-34.5 5.4-34.5 5.4l-34.5 47.4L132.5 253 112 340.3l-40.6 64 107-7z"/>

          <g id="kākahu">
            <path d="M62.9 422.3l130.5-32 188.5-60.5 44 67v24l-139.5 86.5s-137.5-4.5-139-5.5-84.5-79.5-84.5-79.5z"/>
            <path fill="none" stroke="var(--white)" stroke-width="9" stroke-linecap="round" d="M232,369 l23 50 m3-55 l12 26 m24-35 l18 38 m25-17 l25 54 m-4-85 l25 54"/>
            <path d="M110.3 419.3l-18.5-58.4 293.4-92.7 18.5 58.4-293.4 92.7zm-8-53l13.4 42.5 277.5-87.6-13.4-42.5-277.5 87.6z"/>

            <clipPath id="c">
              <path id="b" d="M142.4 348.5l178.6-56 23.4.8 23.4 9.2 12 16 5.2 10.8-220.6 67.2-22.7-31.2z"/>
            </clipPath>

            <g clip-path="url(#c)">
              <path id="d" d="M154.1 412.6l-7.4-3.8 21-40.4-38.8-20.1 3.9-7.4 46.1 23.9z"/>

              <g fill="var(--pātaka-color)">
                <use xlink:href="#d" x="0" y="0"/>
                <use xlink:href="#d" x="35" y="-11"/>
                <use xlink:href="#d" x="70" y="-22"/>
                <use xlink:href="#d" x="105" y="-33"/>
                <use xlink:href="#d" x="140" y="-44"/>
                <use xlink:href="#d" x="175" y="-55"/>
                <use xlink:href="#d" x="210" y="-66"/>
              </g>

              <g>
                <use xlink:href="#d" x="-17.5" y="5.5"/>
                <use xlink:href="#d" x="17.5" y="-5.5"/>
                <use xlink:href="#d" x="52.5" y="-16.5"/>
                <use xlink:href="#d" x="87.5" y="-27.5"/>
                <use xlink:href="#d" x="122.5" y="-38.5"/>
                <use xlink:href="#d" x="157.5" y="-49.5"/>
                <use xlink:href="#d" x="192.5" y="-60.5"/>
              </g>

            </g>

          </g>

          <g id="hair" fill="var(--mid-grey)">
            <path d="M190.9 149c13-15.1-3-34.1 9.4-44.9 8-7 34.4-11.5 37.9-16 1.8-2.3 2.8-.4 2.5-17.7-.1-6.5.2-7.2-1.2-9.5s-13.7-7.9-40.1 4.2-46.4 68.6-51 82.6-14.8 30.6-26 37.6c-11.1 7-32 11.6-33.4 29.2s.5 26.4-10.2 34.3-23.5 9.9-20.4 29.2c4.4 27.4-6.1 40.3-11.6 48.7-36.4 55.6 30.4 90.9 30.4 90.9S33 366.1 159.4 298.8c24.1-12.8 36.7-8.8 51.5-25.7 6.5-7.4 5.6-28.8 2.8-36.6-2.4-6.9-12.1-9.3-19.9-39.9-5.2-20-9.9-39.4-2.9-47.6z"/>
            <path d="M294.8 149c-13-15.1 3-34.1-9.4-44.9-8-7-34.4-11.5-37.9-16-1.8-2.3-2.8-.4-2.5-17.7.1-6.5-.2-7.2 1.2-9.5s13.7-7.9 40.1 4.2 46.4 68.6 51 82.6c4.6 13.9 14.8 30.6 26 37.6 11.1 7 32 11.6 33.4 29.2s-.5 26.4 10.2 34.3 23.5 9.9 20.4 29.2c-4.4 27.4 6.1 40.3 11.6 48.7 36.4 55.6-26 86.5-26 86.5S389.7 295.5 326.2 296c-27.3.2-36.4-5.8-51.2-22.7-6.5-7.4-5.6-28.8-2.8-36.6 2.5-6.9 12.1-9.3 19.9-39.9 4.9-20.2 9.7-39.6 2.7-47.8zm-108 138.5s-48.2 10.1-37.6 61.2 55 56.1 55 56.1-98.4 69.8-159.1-16.6c-34.3-49.1 141.7-100.7 141.7-100.7z"/>
          </g>

          <path id="lips" d="M242.1 211.9 l3-1.8 s7.7-.8 12 .3 5.9 2.6 5.9 2.6-5 6-6.1 6.7 c-3 1.7-8.1 3.8-12.4 3.4L242.1 222.9 m0 -11l-3-1.8s-7.7-.8-12 .3-5.9 2.6-5.9 2.6 5 6 6.1 6.7c3 1.7 8.1 3.8 12.4 3.4L242.1 222.9"/>
        </g>

        <g id="moko-kauae" fill="none" stroke="var(--outline-color)" stroke-linecap="round" stroke-width="3">
          <path d="M245.5 221.5v22.3m4.4-22.3V237m-9-15.5v22.3m-4.4-22.3V237"/>
          <path d="m 249.9,236.6 c -0.014,1.39 -0.33,4.05 1.16,5.86 1.58,1.92 4.17,1.58 5.23,0.12 1.63,-2.23 0.28,-4.58 -1.33,-4.62"/>
          <path d="m 236.5,236.6 c 0.014,1.39 0.33,4.05 -1.16,5.86 -1.58,1.92 -4.17,1.58 -5.23,0.12 -1.63,-2.23 -0.28,-4.58 1.33,-4.62"/>
        </g>

        <path id="chin-outline" fill="none" stroke="var(--mid-grey)" stroke-width="6" d="M 275.6 235.8 c -3.6 5.6 -8.7 11.1 -14.1 15 c -4 3 -10.4 4.5 -17.5 4.5 c -7.4 0 -12.9 -1.4 -17.2 -4.5 c -5.8 -4.2 -10.6 -9.3 -16 -14.4"/>
      </g>

      <g id="koro" transform="scale(0.08)">
        <use xlink:href="#whakapapa-bg"/>

        <g clip-path="url(#outline-circle)">
          <path fill="var(--white)" d="M205.6 263.4l-3.3-23.3-24-49.3-1.3-27.4 1.3-44 24-44.7 42-2 38 2S295.6 97.4 299 100s2.7 46.7 2.7 46.7l3.4 19.8-.2 17.4-13.2 29.5-17.3 30-13.4 31.3-32.7 1.3-22.7-12.6z"/>
          <polygon fill="var(--white)" points="260 490 315 480 295 450 275 450"/>
          <polygon points="64.1 431.5 77.6 387.9 275.6 453 252.6 518 87.1 496.5 47.1 474.5"/>
          <polygon points="311.1 430 349.6 512.5 432.1 425.5 403.5 385.5"/>
          <polygon fill="var(--mid-grey)" points="271.7 452.9 294.9 383.4 315.3 430 405.8 382.4 374.5 318.7 283.4 389.2 100.1 321.6 78.6 387.3 271.6 452.9"/>
          <path d="M81.3 388.7a4.4 4.4 0 01-4.1-6L98.5 325a4.4 4.4 0 015.7-2.6c2.3.8 3.4 3.4 2.6 5.7l-21.3 57.7a4.6 4.6 0 01-4.2 2.9z"/>
          <path d="M71.5 413.9a4 4 0 01-1.5-.3 4.3 4.3 0 01-2.6-5.6l31.1-85.1a4.3 4.3 0 015.6-2.6c2.3.8 3.5 3.4 2.6 5.6L75.6 411a4.3 4.3 0 01-4.1 2.9z"/>
          <path fill="var(--white)" d="M372 325.5s-.5-9.8-19.1-18.6-55.4-9.8-60.3-12.7c-4.9-2.9-11.8-22-11.8-22V235l-3.5.8c-5.9 8.1-11.7 18.2-13.2 20.8-2.2 3.7-24.5 4.6-24.5 4.6s-23-1-25.2-4.6c-1.6-2.6-7.5-12.9-13.4-21.1l-2-.5v37.2s-6.9 19.1-11.8 22-41.7 3.9-60.3 12.7-18.9 18.6-18.9 18.6l186.2 65-3.9-1 81.7-64z"/>
          <path d="M293.3 394.1l-11.2-2.8 1-.8-178.9-62.4.1-2.8c.1-1.2 1.2-12.3 21.2-21.8 12.2-5.8 31.2-8.3 45.1-10.1 6.3-.8 13.5-1.8 14.9-2.5a61.7 61.7 0 009.9-19.5v-41.2l7.8 1.8.8 1.1c5.3 7.4 10.6 16.3 12.9 20.1l.5.9a79 79 0 0043.8 0l.6-1.1c2.2-3.7 7.4-12.5 12.6-19.6l.8-1.1 9.3-2.1v41.2c3.4 9.3 8 18.4 10 19.5 1.4.7 8.6 1.7 14.9 2.5 13.9 1.8 32.9 4.3 45 10.1 20 9.5 21.1 20.5 21.2 21.8l.1 1.9-81.7 63.9-.7 3zm-180.7-70.8l177.3 61.9 78-61c-1.2-2.7-4.9-8.4-16.5-13.9-11.1-5.3-29.5-7.7-42.9-9.4a63.8 63.8 0 01-17.7-3.5c-5.6-3.4-11.6-19.2-13.3-24l-.2-.6v-30.4c-3.8 5.7-7.3 11.6-9 14.5l-.9 1.4c-3.2 5.4-21.5 6.2-27.5 6.4h-.4c-25-1.1-27.4-5.1-28.2-6.4l-.8-1.3c-1.5-2.6-4.5-7.6-7.8-12.7v28.5l-.2.6c-1.7 4.8-7.7 20.6-13.3 24a63.8 63.8 0 01-17.7 3.5c-13.4 1.8-31.7 4.1-42.9 9.4-10.4 4.9-14.5 10-16 13z"/>
          <path d="M199.1 238.8c-.2-.4-22.3-35.8-24.3-48.7l-1.1-6.3c-1.2-6.1-2.1-11-.2-17.4 2.1-6.9 3.8-22.1 3.8-22.3l7.3.8c-.1.6-1.8 16-4.1 23.6-1.4 4.7-.7 8.3.4 13.9l1.2 6.5c1.2 8 14.3 31.6 23.3 45.9l-6.3 4zM279.5 238.8l-6.2-3.9c8.9-14.3 22-37.9 23.3-45.9l1.2-6.5c1.1-5.6 1.8-9.2.4-13.9-2.3-7.6-4-22.9-4-23.6l7.3-.8c0 .1 1.7 15.3 3.8 22.3 1.9 6.4 1 11.3-.2 17.4-.4 1.9-.8 3.9-1.1 6.3-2.2 12.8-24.3 48.2-24.5 48.6zM257.5 497.1a4 4 0 01-1.5-.3 4.4 4.4 0 01-2.6-5.7l31.1-85.1c.8-2.3 3.4-3.5 5.6-2.6s3.5 3.4 2.6 5.6l-31.1 85.1c-.6 1.9-2.3 3-4.1 3z"/>
          <path d="M268.9 455.9l-1.4-.2-187.2-62.3a4.4 4.4 0 01-2.8-5.6 4.4 4.4 0 015.6-2.8l187.2 62.2c2.3.8 3.6 3.3 2.8 5.6a4.4 4.4 0 01-4.2 3.1zM313.4 435.9l-22.9-45.2a4.4 4.4 0 011.9-5.9 4.4 4.4 0 015.9 1.9l18.9 37.3 84.4-44.1c2.2-1.1 4.8-.3 6 1.9s.3 4.8-1.9 6l-92.3 48.1z"/>
          <path d="M108.9 401.2a4.4 4.4 0 01-4.1-6l21.3-57.7a4.4 4.4 0 015.7-2.6c2.3.8 3.4 3.4 2.6 5.7l-21.3 57.7a4.5 4.5 0 01-4.2 2.9z"/>
          <path fill="var(--white)" d="M118.7 424.7a4.4 4.4 0 01-4.1-6l21.3-57.7a4.4 4.4 0 015.7-2.6c2.3.8 3.4 3.4 2.6 5.7l-21.3 57.7a4.5 4.5 0 01-4.2 2.9zM56.7 426.7a4.4 4.4 0 01-4.1-6L73.9 363a4.4 4.4 0 015.7-2.6c2.3.8 3.4 3.4 2.6 5.7l-21.3 57.7a4.5 4.5 0 01-4.2 2.9z"/>
          <path d="M157.9 417.9a4.4 4.4 0 01-4.1-6l21.3-57.7a4.4 4.4 0 015.7-2.6c2.3.8 3.4 3.4 2.6 5.7L162.1 415a4.5 4.5 0 01-4.2 2.9z"/>
          <path fill="var(--white)" d="M167.7 453.8a4.4 4.4 0 01-4.1-6l21.3-57.7a4.4 4.4 0 015.7-2.6c2.3.8 3.4 3.4 2.6 5.7l-21.3 57.7a4.5 4.5 0 01-4.2 2.9zM178.7 511.8a4.4 4.4 0 01-4.1-6l21.3-57.7a4.4 4.4 0 015.7-2.6c2.3.8 3.4 3.4 2.6 5.7l-21.3 57.7a4.5 4.5 0 01-4.2 2.9zM395.1 419.1c-1.7 0-3.3-1-4-2.6l-25.7-55.9c-1-2.2 0-4.8 2.2-5.9 2.2-1 4.8 0 5.9 2.2l25.7 55.9c1 2.2 0 4.8-2.2 5.9-.7.3-1.3.4-1.9.4zM440.1 448.1c-1.7 0-3.3-1-4-2.6l-25.7-55.9c-1-2.2 0-4.8 2.2-5.9 2.2-1 4.8 0 5.9 2.2l25.7 55.9c1 2.2 0 4.8-2.2 5.9-.7.3-1.3.4-1.9.4zM367.1 490.1c-1.7 0-3.3-1-4-2.6l-25.7-55.9c-1-2.2 0-4.8 2.2-5.9 2.2-1 4.8 0 5.9 2.2l25.7 55.9c1 2.2 0 4.8-2.2 5.8-.7.4-1.3.5-1.9.5z"/>
          <path d="M366.6 414.7c-1.7 0-3.3-1-4-2.6l-25.7-55.9c-1-2.2 0-4.8 2.2-5.9 2.2-1 4.8 0 5.9 2.2l25.7 55.9c1 2.2 0 4.8-2.2 5.9a4 4 0 01-1.9.4z"/>

          <g fill="none" stroke="var(--outline-color)" stroke-linecap="round" stroke-width="4">
            <path d="M238.8 189.7c-2.5-8.7 5.8-19.3 22.4-13.4 16.6 5.9 27 30.8 24.2 48"/>
            <path d="M239.6 192.4c-2.4-8.3 9.4-18.1 22.5-10.1 14.5 8.8 22 30.9 17.2 52.5"/>
            <path d="M240.2 193.9c-1.9-8 11-13.5 22.3-5.2 13 9.5 19 54.5 2.7 63.9"/>
          </g>

          <g fill="none" stroke="var(--outline-color)" stroke-linecap="round" stroke-width="4">
            <path d="M241 189.9c2.5-8.8-5.8-19.6-22.4-13.6s-27 31.3-24.2 48.6"/>
            <path d="M240.2 192.6c2.4-8.4-9.4-18.3-22.5-10.3-14.5 8.9-21.9 31.3-17.2 53.2"/>
            <path d="M239.6 194.1c1.9-8.1-11-13.7-22.3-5.3-13 9.6-19 55.2-2.7 64.7"/>
          </g>

          <path fill="var(--pounamu)" d="M301.7 191.9s-3.3 6.3-1.3 10.4 3 8.7 3 8.7 5.4 47.9 6.9 52.9c1.5 4.9 4.1 17.3 6.4 17.3s3-5.3 0-25.2-8.2-45.8-8.2-45.8 1.9-19.4-6.8-18.3z"/>

          <g stroke="var(--outline-color)">
            <path d="M242.1 158.5c-1 0-1.9-.6-2.3-1.6-.1-.3-2.8-7.1-2.6-21.9.1-5.6 3.8-15.2 11.9-23.3 7.2-7.3 20.6-15.9 43.4-15.9 1.4 0 2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5c-21.1 0-33.3 7.8-39.9 14.4a33.4 33.4 0 00-10.4 19.8c-.2 13.6 2.2 19.9 2.2 20 .5 1.3-.1 2.7-1.4 3.2-.3.3-.6.3-.9.3z"/>
            <path d="M240.9 152.5c-.6-.5-3.6-3.5-2.6-12.5.3-2.7 2-6.6 4.4-10.3 2.1-3.2 5.8-8 11.6-12.3 8-5.9 21.6-12.1 41.5-8.3 1.4.3 2.3 1.6 2 2.9-.3 1.4-1.6 2.3-2.9 2a46.6 46.6 0 00-37.6 7.4c-9.2 6.8-13.7 15.8-14 19.1-.7 6.3.9 8.2.9 8.2l-.1-.1-3.2 3.9z"/>
            <path d="M242 156.5c-.9 0-1.7-.4-2.2-1.3-.3-.5-2.7-5.2.1-13a38.3 38.3 0 0117.6-17.2 50 50 0 0141.5-1.7c1.3.5 2 1.9 1.5 3.2s-1.9 2-3.2 1.5a45 45 0 00-37.4 1.5 34.3 34.3 0 00-15.2 14.4c-2 5.6-.5 8.8-.4 8.8.7 1.2.3 2.7-.9 3.4-.5.2-.9.4-1.4.4z"/>
            <path d="M242.3 158.7c-1.1 0-2.1-.7-2.4-1.8-.2-.6-1.5-5.6 2.6-12.4 2.1-3.4 9-9.8 19.7-12.9 8.9-2.7 23-3.8 39.3 6a2.5 2.5 0 01-2.5 4.3c-27-16.2-48.7-.4-52.1 5.2-2.9 4.9-2.1 8.3-2.1 8.4.4 1.3-.4 2.7-1.7 3.1l-.8.1zM230.6 210.5c-1.5.2-2.7-.1-3.5-.4-2-.9-3.4-2.7-3.8-4.9-.4-2.2.5-4.6 2.3-6 1.4-1.1 3.1-1.5 4.6-.8.7.3 1 1.1.8 1.8-.3.7-1.1 1.1-1.8.8-.8-.3-1.5.1-1.9.4-1 .8-1.5 2.2-1.3 3.4.2 1.2 1 2.2 2.1 2.7 1.4.6 3 .2 4.7-1 4.1-3.1 6.5-13.8 5.1-23-.1-.8.4-1.5 1.1-1.6s1.4.4 1.6 1.2c1.6 10.4-1.1 21.9-6.1 25.7a8 8 0 01-3.9 1.7z"/>
            <path d="M248.9 210.5c1.5.2 2.7-.1 3.5-.4 2-.9 3.4-2.7 3.8-4.9.4-2.2-.5-4.6-2.3-6-1.4-1.1-3.1-1.5-4.6-.8-.7.3-1 1.1-.8 1.8.3.7 1.1 1.1 1.8.8.8-.3 1.5.1 1.9.4 1 .8 1.5 2.2 1.3 3.4-.2 1.2-1 2.2-2.1 2.7-1.4.6-3 .2-4.7-1-4.1-3.1-6.5-13.8-5.1-23 .1-.8-.4-1.5-1.1-1.6s-1.4.4-1.6 1.2c-1.6 10.4 1.1 21.9 6.1 25.7a8 8 0 003.9 1.7zM237.9 158.5l-.9-.2c-1.3-.5-1.9-2-1.4-3.2 0-.1 2.4-6.4 2.2-20 0-3.7-2.9-12.3-10.4-19.8-6.6-6.6-18.8-14.4-39.9-14.4-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5c22.8 0 36.2 8.6 43.4 15.9a38.2 38.2 0 0111.9 23.3c.2 14.8-2.5 21.6-2.6 21.9-.4.9-1.3 1.5-2.3 1.5z"/>
            <path d="M239.1 152.5l-3.2-3.9-.1.1s1.6-1.9.9-8.2a36 36 0 00-14-19.1 46.6 46.6 0 00-37.6-7.4c-1.4.3-2.7-.6-2.9-2-.3-1.4.6-2.7 2-2.9a51.1 51.1 0 0141.5 8.3c5.8 4.3 9.5 9 11.6 12.3 2.5 3.8 4.1 7.6 4.4 10.3 1 9-2 12-2.6 12.5z"/>
            <path d="M238 156.5l-1.2-.3a2.6 2.6 0 01-1-3.4c.1-.2 1.6-3.3-.4-8.9-2.4-6.5-21.5-27.1-52.6-15.9-1.3.5-2.7-.2-3.2-1.5s.2-2.7 1.5-3.2a50 50 0 0141.5 1.7 37.8 37.8 0 0117.6 17.2c2.8 7.8.4 12.5.1 13a3 3 0 01-2.3 1.3z"/>
            <path d="M237.7 158.7l-.7-.1c-1.3-.4-2-1.8-1.7-3.1 0-.2.9-3.5-2.1-8.4-3.4-5.7-25.1-21.4-52.1-5.2-1.2.7-2.7.3-3.4-.9s-.3-2.7.9-3.4a48 48 0 0139.3-6 37 37 0 0119.7 12.9c4.1 6.8 2.7 11.8 2.6 12.4a2.7 2.7 0 01-2.5 1.8z"/>
          </g>

          <line x1="239.8" x2="239.8" y1="108.2" y2="213.5" fill="none" stroke="var(--white)" stroke-width="5"/>
          <path fill="var(--pounamu)" stroke="var(--outline-color)" stroke-width="9" d="M346.9 482.6s-8.5 9-17.1 2.6c-8.7-6.5-21.7-31-41.5-34.3-19.7-3.3-22.6-21.3-22.6-21.3s-15.4.1-18-7.3.2-19.6.2-19.6-6-20.7-29.7-17.4c-11.5 1.6-14.9 3.1-14.9 3.1s-36.1-38 .4-67.3 73.6 22.9 80.6 32.2c22 28.9 24.2 71.5 37.2 92.6 12.5 20.4 15.3 19.1 19.7 20.5 4.5 1.4 14.4 8 5.7 16.2z"/>
          <path fill="var(--mid-grey)" d="M241.4 50.2c8.1 0 25.9 6.5 37.2 10.3 11.3 3.8 30.2 39.3 35.1 64.7 4.4 22.8-5.2 32.1-8 50.6l-6.9-2.1c-1.3-5.2-6.6-23.1-6.6-25.4 0-3.2 3.7-4.8 3.7-17.6s-13.5-36.2-16.3-41.1c-2.7-4.9-14.6-2.7-28.1-1.1-13.5 1.6-17.3-2.6-17.3-2.6l-1.1-35.7h8.3z"/>
          <path fill="var(--mid-grey)" d="M237.3 50.2c-8.1 0-25.9 6.5-37.2 10.3s-30.2 39.3-35.1 64.7c-4.4 22.8 5.2 32.1 8 50.6l6.3-1.3c1.3-5.2 6.6-23.1 6.6-25.4 0-3.2-3.1-5.6-3.1-18.5s13.6-36.2 16.3-41.1 14.6-2.7 28.1-1.1 17.3-2.6 17.3-2.6l1.1-35.7-8.3.1z"/>
          <path d="M414.3 411.8c-1.7 0-3.3-1-4-2.6l-40.2-86.8a4.4 4.4 0 018-3.6l40.2 86.8a4.4 4.4 0 01-4 6.2z"/>
        </g>

      </g>

      <g id="wahine" transform="scale(0.08)" fill="var(--outline-color)">
      	<circle id="wahine-bg" cx="0" cy="0" r="242.1" fill="var(--icon-bg-color)"/>

      	<clipPath id="wahine-circle-clip">
      		<circle cx="0" cy="0" r="242.1"/>
      	</clipPath>

      	<g clip-path="url(#wahine-circle-clip)">
      		<path id="wahine_body-face" fill="var(--white)" d="m -0.1 242.1 c 74.5 0 141.1 -33.7 185.5 -86.6 l -19.7 -66.4 l -76.5 -70 c 0 0 -3.2 -86.2 -3.2 -92.6 s -30.2 -70 -30.2 -70 s -30.2 -33.4 -44.2 -37.7 c -14 -4.3 -34.5 5.4 -34.5 5.4 l -34.5 47.4 l -52.6 138.9 l -20.5 87.2 l -44.4 69.9 c 44.1 45.9 106.1 74.5 174.8 74.5 z"/>

      		<g id="kakahu-wahine">

      			<g id="korowai-wahine" stroke="var(--outline-color)" stroke-width="8" stroke-linecap="round">
      					<line x1="12" y1="177" x2="-11" y2="127"/>
      					<line x1="27" y1="145" x2="4" y2="97.7"/>
      					<line x1="69" y1="151" x2="45" y2="99"/>
      					<line x1="117.5" y1="180" x2="93.1" y2="127"/>
      					<line x1="137" y1="150" x2="113" y2="99"/>
      			</g>

      			<g id="tāniko-wahine">
      				<path id="tāniko-fill" fill="var(--pātaka-color)" d="m -132.2 176.8 l -18.5 -58.4 l 293.4 -92.7 l 18.5 58.4 l -293.4 92.7 z"/>

      				<clipPath id="kaokao">
      					<path d="m -132.2 176.8 l -18.5 -58.4 l 293.4 -92.7 l 18.5 58.4 l -293.4 92.7 z"/>
      				</clipPath>

      				<g clip-path="url(#kaokao)">
      					<path d="m -158.4 192.3 l -7.4 -4 l 21 -40.3 l -38.7 -20.1 l 3.8 -7.4 l 46.1 23.9 z m 17.6 -5.7 l -7.5 -3.8 l 21 -40.3 l -38.7 -20.2 l 3.8 -7.4 l 46.1 24 z m 17.5 -5.5 l -7.5 -3.8 l 21.1 -40.4 l -38.8 -20.1 l 3.8 -7.4 l 46.1 24 z m 17.5 -5.5 l -7.4 -3.8 l 21 -40.4 l -38.8 -20.1 l 3.8 -7.4 l 46.1 24 z m 17.5 -5.5 l -7.4 -3.8 l 21 -40.4 l -38.9 -20.1 l 4 -7.4 l 46 23.9 z m 17.5 -5.6 l -7.4 -3.7 l 21 -40.4 l -38.9 -20.1 l 4 -7.5 l 46 24 z m 17.5 -5.5 l -7.4 -3.7 l 20.9 -40.5 l -38.8 -20 l 4 -7.5 l 46 24 z m 17.5 -5.5 l -7.4 -3.9 l 20.9 -40.3 l -38.8 -20 l 4 -7.5 l 46 24 z m 17.5 -5.5 l -7.4 -3.9 l 20.9 -40.3 l -38.8 -20 l 4 -7.5 l 46 24 z m 17.5 -5.6 l -7.4 -3.8 l 20.9 -40.3 l -38.8 -20.2 l 3.9 -7.3 l 46.1 24 z m 17.4 -5.5 l -7.3 -3.9 l 20.8 -40.2 l -38.7 -20.2 l 3.9 -7.3 l 46.1 24 z m 17.5 -5.5 l -7.5 -3.9 l 21 -40.2 l -38.7 -20.2 l 3.9 -7.3 l 46.1 24 z m 17.4 -5.5 l -7.4 -3.9 l 21 -40.2 l -38.7 -20.2 l 3.9 -7.5 l 46.1 24 z m 17.5 -5.6 l -7.4 -3.8 l 21 -40.2 l -38.7 -20.3 l 3.9 -7.4 l 46.1 24 z m 17.5 -5.5 l -7.4 -3.8 l 21 -40.4 l -38.7 -20.1 l 3.9 -7.4 l 46.1 24 z m 17.5 -5.5 l -7.4 -3.9 l 21 -40.3 l -38.7 -20.1 l 3.9 -7.4 l 46 23.9 z m 17.5 -5.5 l -7.4 -3.9 l 21 -40.3 l -38.7 -20.1 l 3.9 -7.5 l 46 24 z"/>
      					<path id="tāniko-outline" d="m -132.2 176.8 l -18.5 -58.4 l 293.4 -92.7 l 18.5 58.4 l -293.4 92.7 z m -8 -53 l 13.4 42.5 l 277.5 -87.6 l -13.4 -42.5 l -277.5 87.6 z"/>
              </g>
      			</g>

      			<g id="makawe-wahine">
      				<path d="m -42.2 -138.3 c 8 -7 34.4 -11.5 37.9 -16 c 1.8 -2.3 2.8 -0.4 2.5 -17.7 c -0.1 -6.5 0.2 -7.2 -1.2 -9.5 s -13.7 -7.9 -40.1 4.2 s -46.4 68.6 -51 82.6 s -14.8 30.6 -26 37.6 c -11.1 7 -32 11.6 -33.4 29.2 s 0.5 26.4 -10.2 34.3 s -23.5 9.9 -20.4 29.2 c 4.4 27.4 -6.1 40.3 -11.6 48.7 c -36.4 55.6 30.4 90.9 30.4 90.9 s -44.2 -51.6 82.2 -118.9 c 24.1 -12.8 36.7 -8.8 51.5 -25.7 c 6.5 -7.4 5.6 -28.8 2.8 -36.6 c -2.4 -6.9 -12.1 -9.3 -19.9 -39.9 c -5.2 -20 -5.9 -81.7 6.5 -92.4 z"/>
      				<path d="m -55.7 45 c 0 0 -48.2 10.1 -37.6 61.2 s 55 56.1 55 56.1 s -98.4 69.8 -159.1 -16.6 c -34.3 -49.1 141.7 -100.7 141.7 -100.7 z"/>
      				<path d="m 42.8 -138.3 c -8 -7 -34.4 -11.5 -37.9 -16 c -1.8 -2.3 -2.8 -0.4 -2.5 -17.7 c 0.1 -6.5 -0.2 -7.2 1.2 -9.5 s 13.7 -7.9 40.1 4.2 s 46.4 68.6 51 82.6 c 4.6 13.9 14.8 30.6 26 37.6 c 11.1 7 32 11.6 33.4 29.2 s -0.5 26.4 10.2 34.3 s 23.5 9.9 20.4 29.2 c -4.4 27.4 6.1 40.3 11.6 48.7 c 36.4 55.6 -26 86.5 -26 86.5 s -23.2 -117.8 -86.6 -117.3 c -27.3 0.2 -36.4 -5.8 -51.2 -22.7 c -6.5 -7.4 -5.6 -28.8 -2.8 -36.6 c 2.5 -6.9 12.1 -9.3 19.9 -39.9 c 4.9 -20.2 5.5 -81.9 -6.8 -92.6 z"/>
      			</g>

      			<g id="whakakai">
      				<path fill="var(--outline-color)" d="m -50.4 -55.2 l 1.6 9.3 l 0.6 33.5 l -2.2 0 z"/>
      				<path fill="var(--pounamu)" d="m -49.3 35.1 l 0 0 c -1.6 0 -6.1 -1.3 -6.1 -3 l 3.1 -46.8 c 0 -1.6 1.3 -3 2.9 -3 l 0 0 c 1.6 0 2.9 1.3 2.9 3 l 3.1 46.8 c 0.2 1.7 -4.3 3 -5.9 3 z"/>
      				<path fill="var(--outline-color)" d="m 48.8 -43.7 l 2.2 -11.1 l 0 42.4 l -2.2 0 z"/>
      				<path fill="var(--pounamu)" d="m 49.9 35.1 l 0 0 c 1.6 0 6.1 -1.3 6.1 -3 l -3.1 -46.8 c 0 -1.6 -1.3 -3 -3 -3 l 0 0 c -1.6 0 -3 1.3 -3 3 l -3.1 46.8 c 0 1.7 4.5 3 6.1 3 z"/>
      			</g>

      		</g>

      	</g>
      </g>

      <g id="plus-symbol" fill="var(--white)" stroke="none">
        <rect x="-8" y="-2" width="16" height="4"/>
        <rect x="-2" y="-8" width="4" height="16"/>
      </g>

      <g id="follow-symbol" stroke-linecap="round" stroke-width="1.5">
        <circle cx="-4" cy="4" r="0.5"/>
        <path fill="none" d="M-4.25,-0.25 A 4.5,4.5 0 0 1 0.25,4.25"/>
        <path fill="none" d="M-4.25,-4.25 A 8.5,8.5 0 0 1 4.25,4.25"/>
      </g>
      <g id="follow-symbol_small" transform="scale(0.7) translate(-0.5, -1.25)" stroke-linecap="round" stroke-width="1.5">
        <circle cx="-4" cy="4" r="0.5"/>
        <path fill="none" d="M-4.25,-0.25 A 4.5,4.5 0 0 1 0.25,4.25"/>
        <path fill="none" d="M-4.25,-4.25 A 8.5,8.5 0 0 1 4.25,4.25"/>
      </g>

    </g>

    <g id="masks-and-filters">

      <mask id="mask_all-pātaka">
        <rect width="100%" height="100%" fill="#fff"/>
        <use xlink:href="#pātaka-server_filled"/>
        <use xlink:href="#pātaka_laptop_filled"/>
        <rect id="monitor-mask" x="290" y="827.5" width="280" height="145" style="opacity: 1;"/>
      </mask>

      <mask id="mask_pātaka-server">
        <rect width="100%" height="100%" fill="#fff"/>
        <path id="pātaka-server_filled" transform="translate(430,900) scale(2.33)" stroke-linecap="round" stroke-linejoin="round" stroke-width=".4" d="M-17.3 15v-10.8l-4.4 4.3-4.3-4.3 25-25v-5.4h2.1v5.4l25 25-4.3 4.3-4.2-4.1-.2 10.6zM-13.4 25.9v-8.7h-8.7v-2.2h43.5v2.2h-8.7v8.7h-2.2v-8.7h-21.7v8.7z"/>
      </mask>

      <mask id="mask_pātaka_laptop">
        <rect width="100%" height="100%" fill="#fff"/>
        <path id="pātaka_laptop_filled" transform="translate(350,630)" stroke-linecap="round" stroke-linejoin="round" stroke-width=".4" d="M-17.3 15v-10.8l-4.4 4.3-4.3-4.3 25-25v-5.4h2.1v5.4l25 25-4.3 4.3-4.2-4.1-.2 10.6zM-13.4 25.9v-8.7h-8.7v-2.2h43.5v2.2h-8.7v8.7h-2.2v-8.7h-21.7v8.7z"/>
      </mask>

      <mask id="mask_pātaka-pi">
        <rect width="100%" height="100%" fill="#fff"/>
        <path id="pātaka-pi_filled" transform="translate(370, 176) scale(0.86)" d="m-26,2 h4v-4h4v-4h4v-4h4v-4h4v-4h4v-8h4v8h4v4h4v4h4v4h4v4h4v4h4v4h-8v8h4v4h-8v8h-4v-8h-20v8h-4v-8h-8v-4h4v-8h-8z"/>
      </mask>

      <filter id="caption-bg" x="-0.02" y="0" width="1.04" height="1">
        <feFlood flood-color="hsla(0, 0%, 100%, 0.8)" result="bg"/>

        <feMerge>
          <feMergeNode in="bg"/>
          <feMergeNode in="SourceGraphic"/>
        </feMerge>

      </filter>

      <filter id="storage-shadow" x="-35%" y="-35%" height="170%" width="170%">
        <feGaussianBlur in="SourceAlpha" stdDeviation="1.2"/>
        <feOffset dx="0.5" dy="1" result="offsetblur"/>

        <feComponentTransfer in="offsetblur" result="first">
          <feFuncA type="linear" slope="0.5"/>
        </feComponentTransfer>

        <feGaussianBlur in="SourceAlpha" stdDeviation="4"/>
        <feOffset dx="0.25" dy="0.75" result="offsetblurtwo"/>

        <feComponentTransfer in="offsetblurtwo" result="second">
          <feFuncA type="linear" slope="0.3"/>
        </feComponentTransfer>

        <feGaussianBlur in="SourceAlpha" stdDeviation="4"/>
        <feOffset dx="2" dy="3" result="offsetblurthree"/>

        <feComponentTransfer in="offsetblurthree" result="third">
          <feFuncA type="linear" slope="0.2"/>
        </feComponentTransfer>

        <feMerge>
          <feMergeNode in="third"/>
          <feMergeNode in="second"/>
          <feMergeNode in="first"/>
          <feMergeNode in="SourceGraphic"/>
        </feMerge>

      </filter>
      <filter id="map-shadow" x="-35%" y="-35%" height="170%" width="170%">
        <feGaussianBlur in="SourceAlpha" stdDeviation="1.5"/>
        <feOffset dx="1" dy="2" result="offsetblur"/>

        <feComponentTransfer in="offsetblur" result="first">
          <feFuncA type="linear" slope="0.4"/>
        </feComponentTransfer>

        <feGaussianBlur in="SourceAlpha" stdDeviation="4"/>
        <feOffset dx="0.25" dy="0.75" result="offsetblurtwo"/>

        <feComponentTransfer in="offsetblurtwo" result="second">
          <feFuncA type="linear" slope="0.3"/>
        </feComponentTransfer>

        <feMerge>
          <feMergeNode in="second"/>
          <feMergeNode in="first"/>
          <feMergeNode in="SourceGraphic"/>
        </feMerge>

      </filter>

    </g>

    <g id="files-and-buttons">

      <g id="encrypted-file" stroke-width="4" fill="var(--encrypted-color)">
        <path d="M-14 -16h28c1,0 2,1 2,2               v28c0 1-1 2-2 2               h-28c-1,0 -2,-1 -2-2               v-28c0-1 1-2 2-2z"/>
      </g>

      <g id="invite-button">
        <defs>
          <rect id="button-shape" x="-38" y="-12" width="76" height="24" rx="0" ry="1"/>
        </defs>
        <use xlink:href="#button-shape"/>
        <use xlink:href="#follow-symbol" x="-26" fill="var(--white)" stroke="var(--white)"/>

        <g id="join-pātaka-text" fill="var(--white)" font-size="10">
          <text x="6" y="4" text-anchor="middle">Join Pātaka</text>
        </g>

      </g>

      <g id="invite-button_icon">
        <rect x="-14" y="-8" width="28" height="16" rx="0" ry="1"/>
        <use xlink:href="#follow-symbol" fill="var(--white)" stroke="var(--white)"/>

      </g>

      <g id="connected-button">
        <use xlink:href="#button-shape"/>
        <use xlink:href="#follow-symbol" x="-26" fill="var(--white)" stroke="var(--white)"/>

        <g id="connected-pātaka-text" fill="var(--white)" font-size="10">
          <text x="6" y="4" text-anchor="middle">Connected</text>
        </g>

      </g>

      <g id="add-button">
        <use xlink:href="#button-shape"/>
        <use xlink:href="#plus-symbol"/>
      </g>

    </g>

  </defs>

  <g id="map" stroke="none" fill="var(--light-grey)" filter="url(#map-shadow)">
    <path id="te-ika-a-māui" d="m 186.48 17.64 c 29.96 25.2 52.36 60.76 51.52 78.96 c -0.56 13.44 -8.4 6.72 -12.04 7.56 c -4.2 1.12 1.12 6.44 1.96 7.56 c 7.56 9.8 16.8 22.96 26.6 36.4 c 5.6 7.56 6.44 -11.48 22.4 -18.76 c 5.32 -1.96 3.64 1.4 -1.12 4.2 c -13.16 8.96 -15.68 23.52 -15.4 24.08 c 28.84 40.32 67.2 84.84 68.88 104.44 c 0.84 8.12 15.96 11.2 18.48 2.8 c 2.8 -9.24 -9.24 -16.24 -21.28 -33.04 c -3.36 -4.76 14.56 6.72 26.32 19.32 c 1.4 1.68 2.24 -6.44 12.6 -7.28 c 3.64 -0.56 -12.32 13.72 -10.08 22.4 c 1.96 7 18.2 -1.12 19.6 5.88 c 0.28 1.96 -2.8 5.32 -2.24 9.8 c 0.84 6.72 4.48 14.84 2.8 16.24 c -9.52 6.16 -21.56 -40.32 -29.68 -17.08 c -2.24 5.88 14.56 14 28 43.96 c 7.56 18.2 4.48 29.4 9.24 30.8 c 7.84 2.8 10.36 -9.52 22.4 -14.84 c 4.2 -2.24 2.8 -1.12 7 -0.28 c 11.2 1.68 -7 1.4 -0.84 12.88 c 1.4 2.52 17.36 2.8 17.92 5.32 c 1.12 3.92 -13.72 -0.84 -22.4 8.4 c -5.6 5.32 7.84 15.96 1.4 15.96 c -11.2 0 -1.68 -35.56 -19.04 -24.64 c -2.8 1.68 0.84 10.36 5.6 21.56 c 2.8 5.6 5.6 17.36 7.84 18.48 c 5.88 2.24 9.8 -4.2 10.92 -2.24 c 0.84 1.96 -7.84 7.84 -8.96 14.28 c -0.56 2.8 3.92 9.52 7.28 22.4 c 2.24 8.68 3.36 2.8 7.56 24.92 c 0.84 4.48 8.12 -6.72 12.04 -4.48 c 2.52 1.4 1.96 6.16 0 8.12 c -2.8 2.52 -10.08 0.84 -13.72 1.96 c -11.2 3.36 -6.16 18.48 -3.92 22.96 c 1.68 3.64 1.96 -1.96 4.2 -4.76 c 2.52 -3.08 4.48 -2.8 6.72 0.84 c 2.8 3.36 -7.56 6.44 -9.8 10.08 c -1.4 2.8 -3.64 4.48 -1.68 6.72 c 3.08 3.64 14 -5.6 14.56 -0.84 c 0 2.24 -6.16 3.08 -8.4 4.76 c -1.96 1.96 0 4.48 -2.52 5.04 c -1.68 0.28 -3.92 -4.2 -7 -6.16 c -2.8 -1.68 -0.84 3.92 -4.76 1.68 c -6.44 -3.92 1.12 4.2 1.12 15.12 c 0 17.08 -7.84 17.36 -9.24 22.4 c -4.2 17.36 0.28 38.36 -5.32 55.44 c -3.64 11.48 -7.56 16.8 -16.24 24.64 c -3.92 3.64 -18.2 2.8 -23.8 3.36 c -5.32 0.56 -12.6 8.4 -19.04 9.24 c -6.16 0.56 -2.8 7.56 -10.64 8.68 c -9.8 1.4 -21 12.88 -21.56 23.24 c -0.56 17.92 7 19.88 12.6 26.04 c 4.2 4.48 6.72 10.36 13.16 12.32 c 7.28 2.8 18.48 2.8 25.2 5.6 c 18.76 7.84 23.52 24.36 37.24 31.64 c 8.4 4.2 17.36 4.76 26.32 5.6 c 21 2.52 53.76 42 45.64 88.2 c -4.48 24.64 -11.2 45.92 -22.96 55.72 c -3.92 3.36 -1.68 14.28 -7.28 19.6 c -2.8 2.8 -9.24 4.2 -10.36 8.4 c -1.12 3.64 8.12 5.6 0 10.36 c -1.96 1.12 -0.28 -4.76 -1.96 -3.64 c -5.32 3.64 -7.28 10.36 -12.32 16.52 c -2.24 2.8 -15.12 3.64 -8.4 14 c 7 11.2 14.84 -0.28 17.92 1.68 c 2.8 1.96 4.76 -2.8 3.92 -4.76 c -0.84 -1.96 -5.88 1.68 -6.16 -1.12 c -0.56 -5.04 11.2 -13.44 14.28 -4.2 c 1.4 3.36 -6.44 9.52 -5.88 15.12 c 0 4.48 0.56 6.44 4.76 8.12 c 5.04 1.68 9.24 -7.56 15.4 -6.72 c 6.16 1.12 10.64 -2.8 11.2 0.84 c 0.28 3.36 -0.56 -0.56 5.88 6.72 c 3.92 4.2 -1.68 22.68 4.2 25.2 c 11.48 4.48 11.2 -3.92 17.92 -3.92 c 5.6 0 25.48 -20.44 29.96 -22.96 c 15.96 -8.96 25.2 -18.2 30.8 -25.2 c 4.76 -6.44 10.08 -17.92 12.32 -21 c 4.76 -6.72 1.68 -11.76 7.84 -19.6 c 2.8 -2.8 4.48 -3.64 7.28 -6.72 c 8.4 -9.24 1.12 -20.16 14.56 -31.64 c 3.36 -3.08 5.6 -10.36 10.08 -14 c 3.64 -3.08 5.6 -7.56 8.68 -10.36 c 4.48 -4.2 8.96 -1.96 10.64 -5.04 c 1.68 -2.8 -0.28 -5.6 1.12 -8.4 c 8.4 -15.68 3.36 -19.88 6.44 -22.96 c 14 -14 8.4 -1.68 13.44 -9.24 c 14.28 -19.88 5.04 -15.4 10.08 -26.6 c 3.36 -7 6.44 -14.56 10.36 -21.28 c 3.64 -5.6 -0.84 -10.64 1.4 -16.24 c 1.96 -4.76 13.16 -13.44 10.08 -14.84 c -8.96 -4.48 -15.96 5.6 -19.04 -21 c -0.56 -3.36 -5.04 1.96 -5.32 -6.16 c -0.56 -14.84 11.2 -18.76 15.96 -26.32 c 3.64 -5.88 1.4 -9.24 7.56 -13.16 c 22.12 -14.56 58.52 -21.56 79.52 -13.44 c 1.68 0.56 1.4 -2.8 2.8 -1.96 c 7.28 4.48 -5.6 19.6 2.24 29.12 c 3.92 4.76 3.64 -5.88 7 -14 c 1.68 -4.2 7.28 -5.6 8.4 -8.4 c 1.96 -4.76 -11.76 3.36 -12.88 -12.6 c -0.28 -5.6 1.12 -15.12 2.8 -26.6 c 0.84 -7.28 8.68 -10.36 6.44 -10.08 c -9.8 1.12 -0.84 -10.08 1.68 -12.04 c 4.2 -2.8 7.28 9.24 8.96 5.6 c 3.64 -9.8 14.56 -15.4 21.84 -23.24 c 4.48 -4.76 -3.36 -10.64 4.48 -15.12 c 6.44 -3.64 -1.12 -21.28 4.76 -35.56 c 1.4 -3.08 -7.28 -3.36 -1.12 -8.4 c 9.52 -8.4 -4.2 -11.2 -0.84 -14.56 c 10.08 -10.36 1.96 -10.64 7.28 -17.36 c 5.6 -7.84 19.32 -24.64 13.16 -30.52 c -7 -6.44 -14.84 -0.84 -24.36 -9.52 c -3.64 -3.08 5.04 -4.48 1.96 -5.32 c -9.52 -1.96 -27.16 -6.16 -36.4 -2.8 c -3.92 1.68 6.16 7.28 -3.64 11.2 c -7.56 2.8 -21.28 5.88 -26.6 12.6 c -9.52 12.32 -9.8 29.96 -24.08 33.6 c -11.2 2.8 -23.52 7.56 -34.72 5.6 c -1.68 -0.56 2.8 6.44 -5.6 3.64 c -8.4 -3.08 -1.12 -4.48 -2.8 -5.6 c -11.2 -5.32 -8.68 -6.72 -37.8 -12.32 c -12.04 -2.52 -23.52 -13.44 -28 -18.2 c -4.2 -4.2 -4.48 1.96 -8.4 0 c -11.2 -6.44 -17.64 -12.6 -25.2 -16.24 c -4.2 -1.96 4.2 7 0.56 9.52 c -2.52 1.4 -3.36 -5.32 -7.28 -5.04 c -4.76 0.56 -16.8 1.68 -20.72 -24.08 c -1.68 -11.2 9.24 -0.28 6.72 -4.2 c -8.12 -12.32 -3.64 -13.16 -6.72 -19.32 c -3.36 -6.44 -6.72 -12.04 -7.84 -17.92 c -1.4 -8.4 4.48 2.8 3.64 0.28 c -2.8 -7.84 0.56 -16.8 -0.28 -21.28 c -1.68 -7.84 -6.16 3.64 -6.44 0 c 0 -3.08 2.8 -6.44 2.8 -9.8 c 0.28 -9.24 -2.52 -17.36 -10.36 -19.32 c -3.64 -0.84 -4.48 10.36 -7.28 7.84 c -2.24 -1.96 -1.68 -7.56 0.84 -10.08 c 4.2 -5.04 12.88 -7.84 10.36 -12.32 c -2.24 -4.2 -7.28 1.96 -14.28 1.12 c -3.64 0 0.84 5.04 -6.16 3.92 c -2.24 -0.28 0.84 -3.92 0.56 -8.12 c 0 -2.52 -5.6 0 -6.16 -1.12 c -2.8 -3.92 3.92 -3.92 2.24 -8.96 c -0.56 -2.24 -5.88 -1.96 -7.28 -3.64 c -1.12 -1.68 4.76 -5.88 -0.28 -9.8 c -2.24 -1.68 -9.24 0 -9.8 -3.36 c -0.84 -5.6 -8.96 -5.6 -9.8 -1.96 c -2.8 8.96 4.76 7.84 11.76 17.92 c 2.52 3.36 -0.56 10.64 -0.56 14 c -0.28 3.92 8.68 1.12 8.12 9.8 c -0.28 2.8 -2.24 2.24 -5.6 2.52 c -2.24 0 -5.32 4.48 -5.32 6.44 c -0.28 5.32 5.04 9.24 10.08 16.52 c 3.64 4.76 3.36 8.96 2.24 14 c -1.4 7.84 5.6 10.36 2.24 12.6 c -5.04 3.36 -20.16 8.68 -23.8 0.28 c -4.48 -10.36 1.96 -25.76 -14 -33.32 c -2.8 -1.12 -7 3.64 -9.8 2.24 c -3.64 -1.96 -4.48 -10.92 -9.24 -9.8 c -3.36 0.84 -4.48 7.84 -9.8 1.68 c -1.68 -1.96 -3.36 1.4 -5.6 1.12 c -2.8 -0.28 4.76 -4.76 -3.36 -6.44 c -1.12 0 -3.92 3.36 -6.16 2.8 c -2.52 0 -2.8 -4.48 -6.16 -3.64 c -2.8 0.84 -3.92 6.44 -4.76 5.6 c -4.2 -4.48 -7.84 -14 -2.8 -17.08 c 1.96 -1.12 0.84 7 3.64 7.28 c 4.48 0.84 3.92 -1.12 8.96 1.4 c 5.88 2.8 -5.32 -6.44 -2.8 -15.96 c 0.84 -3.08 -2.8 -2.8 -1.96 -5.04 c 2.24 -5.6 9.24 -3.36 10.64 -8.4 c 0.56 -2.8 -7.28 1.4 -10.64 1.68 c -3.08 0.28 -5.32 -5.88 -3.64 -8.4 c 2.8 -5.6 -2.52 -10.08 -0.56 -13.72 c 1.96 -2.8 3.08 6.72 8.4 -1.12 c 1.12 -1.68 -9.8 -5.6 -2.24 -7 l 8.12 -1.96 c 4.48 -1.96 -7 -2.8 -5.6 -7.84 c 1.12 -4.2 11.2 -5.04 0.28 -8.12 c -12.88 -3.36 -15.12 -11.76 -19.04 -24.08 c -4.2 -12.04 -6.72 4.48 -14.84 -15.68 c -2.24 -5.6 7 -17.36 -1.12 -18.2 c -7 -0.84 -12.88 1.68 -13.72 -6.16 c -0.56 -4.76 6.72 -1.96 12.04 -1.4 c 6.44 0.84 10.08 12.04 14.84 11.2 c 5.6 -0.56 -7 -5.6 -1.68 -14.84 c 2.8 -5.04 -10.64 -3.92 -2.8 -14 c 6.44 -8.4 -7 -11.2 -7.84 -12.04 c -3.36 -2.24 2.52 -7.28 -1.4 -11.2 c -5.32 -4.76 -14.84 -8.68 -12.32 -13.44 c 0.56 -1.4 3.64 0.56 4.48 -0.56 c 5.04 -7 -15.4 -2.24 -7 -21 c 1.68 -4.2 2.24 -12.04 -4.76 2.8 c -2.24 4.76 -6.44 7.84 -15.12 2.8 c -2.24 -1.12 2.8 12.6 -3.64 7.84 c -2.8 -2.24 -0.84 -9.24 -3.64 -11.2 c -2.52 -1.96 -12.88 0 -10.36 -1.68 c 7.84 -3.92 0.28 -6.16 3.36 -7.56 c 3.92 -1.68 7 9.24 12.88 2.8 c 4.2 -4.48 -5.6 -7.84 -13.44 -7 c -9.24 1.12 -3.92 -8.96 -15.96 -15.4 c -9.8 -5.6 -10.08 12.6 -14.56 9.52 c -4.2 -3.08 5.04 -5.04 -0.84 -13.72 c -1.68 -2.52 -3.64 0 -7.56 -0.56 c -2.8 -0.56 -6.72 -5.04 -9.52 -3.92 c -5.6 2.52 0.56 11.2 -13.44 6.44 c -9.24 -3.08 -6.16 -14.56 3.92 -18.2 c 3.92 -1.4 -8.68 -11.2 -8.4 -6.16 c 0 5.6 -3.36 7 -7.84 7 c -7.84 -0.56 8.4 16.24 -4.2 18.2 c -10.08 1.68 -4.76 -5.6 -1.12 -10.92 c 4.76 -6.72 -22.4 -2.8 -18.48 -18.76 c 0.84 -3.08 4.2 8.12 7 6.16 c 4.2 -2.52 -5.32 -10.08 -9.8 -12.88 c -9.24 -5.6 -4.48 -21.28 -9.52 -23.8 c -1.96 -0.84 -3.08 0 -3.08 2.52 c 0 1.68 -8.4 0.56 -8.12 -3.08 c 1.4 -12.88 7.84 0 11.76 -3.64 c 1.96 -1.68 -0.84 -5.6 0.28 -8.4 c 0.84 -1.68 7 -2.24 5.6 -3.64 c -3.92 -5.6 -5.6 0.28 -10.64 1.4 c -3.08 0.56 -7.56 -1.96 -10.36 -1.4 c -2.52 0.56 -3.64 7.28 -9.24 3.92 c -10.92 -6.72 -19.04 -0.56 -7.56 8.96 z m 268.52 393.68 c -4.2 -1.12 2.52 -7 5.6 -2.8 c 3.64 5.04 1.96 6.44 -0.28 6.72 c -4.48 0.56 -1.4 -2.8 -5.6 -3.92 z m 124.88 83.72 c 6.16 0.28 1.4 7.84 -0.56 9.8 c -4.48 4.76 -3.08 0.56 -5.88 -2.8 c -4.76 -6.16 1.4 -7.28 6.44 -7 z m 12.32 -1.68 c 6.72 0.56 15.96 6.72 -0.84 3.92 c -10.92 -1.68 -4.48 -4.48 0.84 -3.92 z m 1.4 10.36 c 2.8 -3.64 3.92 -2.52 2.8 1.12 c -1.12 5.6 -9.24 6.72 -2.8 -1.12 z m 3.36 8.68 c 5.04 -0.56 3.64 3.08 2.8 5.32 c -3.92 8.96 -3.36 1.96 -8.12 1.4 c -7.84 -0.84 -3.08 -5.6 5.32 -6.72 z m 75.6 80.64 c -5.6 3.36 2.8 9.8 -1.12 7.28 c -12.6 -8.4 -15.4 6.44 -14.28 -2.8 c 1.12 -10.64 9.24 -1.12 7.56 -5.88 c -2.52 -8.12 8.96 0.56 7.84 1.4 z m -133 -9.52 c 3.92 8.12 9.8 -3.36 13.44 3.08 c 4.2 7.84 -3.36 16.52 -11.76 22.68 a 53.192 53.192 0 0 1 -18.2 10.08 c -12.6 2.8 -3.08 -9.24 -1.12 -14 c 7.84 -18.48 -5.04 -1.96 -7.28 -10.36 c -2.24 -10.36 8.12 -13.72 10.92 -14.84 c 3.64 -1.4 11.76 -1.4 14 3.36 z m -76.72 350.28 c -8.12 0.84 -13.16 13.44 -10.64 3.64 c 1.96 -7.28 4.2 -4.76 7.28 -8.68 c 7.28 -8.96 11.76 3.92 3.36 5.04 z"/>
    <path id="aotea" d="M474.6 227.64c0 1.96 1.96 5.88 1.4 9.8-.56 3.08-4.76 2.24-4.76 5.88 0 5.04 12.88 5.32 14 6.44 2.24 1.96-2.24 7.84 6.44 10.64 10.08 3.36 6.16-9.24-.56-10.08-4.2-.56.84-4.2.28-10.08-.28-3.92-7.56-3.08-7.84-12.32 0-6.72-8.96-7.56-8.96-.28z"/>
    <path id="hauturu" d="M442.96 242.2c-.84 3.92 7.56 5.04 6.44-.84-1.4-7.84-5.88-1.68-6.44.84z"/>
    <path id="kawau" d="M418.32 270.48c-1.4 3.64 3.92 7 5.6 3.08 2.52-6.72-5.04-4.48-5.6-3.08z"/>
    <path id="rangitoto-motutapu" d="M419.72 320.88c-1.4 3.64 8.4 5.6 9.8-1.68 1.4-7-1.96-5.6-3.36-2.24-1.4 2.8-4.76 0-6.44 3.92z"/>
    <path id="waiheke" d="M436.8 321.16c-1.68 3.64 1.4-1.4 13.16 8.12 8.4 6.44 11.76-17.64.56-11.2-7.28 5.32-13.16-1.68-14 2.8z"/>
    <path id="matakana" d="M546.28 418.04c-.56 3.36 4.48 8.96 5.04 10.36.56 2.24-2.52 1.4-.84 3.64 2.8 3.92 2.8-.84 4.48.56 1.68 1.96 4.2 4.76 7 4.48.84-.28 1.4-2.24 0-3.08a42.84 42.84 90 01-12.6-16.24c-.56-1.12-2.8-.84-2.8.28z"/>
    <path id="kāpiti" d="M426.16 888.16c-5.04 10.08.28 6.72 3.64 1.96 4.2-6.72-.56-7.84-3.64-1.96z"/>
  </g>

  <g id="connections" style="opacity: 1;">

    <g id="lines" opacity="1" stroke="var(--mid-grey)" stroke-width="4">

      <g id="follow-lines_pātaka-laptop" opacity="1" mask="url(#mask_all-pātaka)">
          <line id="follow-line_laptop-server" stroke-width="2" stroke-dasharray="8,12" x1="430" y1="900" x2="350" y2="630" style="opacity: 0;"/>
          <line id="follow-line_laptop-server_connected" opacity="0" stroke="var(--pātaka-color)" stroke-dasharray="8,12" x1="430" y1="900" x2="350" y2="630" style="stroke-dasharray: 8px, 12px;"/>
      </g>

      <g id="follow-lines_server" stroke="var(--group-b-color)" mask="url(#mask_pātaka-server)">
        <line id="follow-line_b-server_connected" stroke-dasharray="8,12" x1="570" y1="430" x2="430" y2="900" style="opacity: 0; stroke-dasharray: 8px, 12px;"/>
        <line id="follow-line_a-server_connected" stroke-dasharray="8,12" x1="380" y1="190" x2="430" y2="900" style="opacity: 0; stroke-dasharray: 8px, 12px;"/>
        <line id="follow-line_c-server_connected" stroke-dasharray="8,12" x1="690" y1="610" x2="430" y2="900" style="opacity: 0; stroke-dasharray: 8px, 12px;"/>
      </g>

      <g id="follow-lines_laptop" opacity="0" stroke-width="2" stroke-dasharray="8,12" mask="url(#mask_pātaka_laptop)">
        <line id="b-to-laptop" x1="570" y1="430" x2="350" y2="630"/>
        <line id="a-to-laptop" x1="380" y1="190" x2="350" y2="630"/>
        <line id="c-to-laptop" x1="690" y1="610" x2="350" y2="630"/>
      </g>

      <g id="follow-lines_laptop_connected" opacity="1" stroke="var(--group-b-color)" mask="url(#mask_pātaka_laptop)">
        <line id="follow-line_b-laptop_connected" stroke-dasharray="8,12" x1="570" y1="430" x2="350" y2="630" style="opacity: 1; stroke-dasharray: 8px, 12px;"/>
        <line id="follow-line_a-laptop_connected" stroke-dasharray="8,12" x1="380" y1="190" x2="350" y2="630" style="opacity: 1; stroke-dasharray: 8px, 12px;"/>
        <line id="follow-line_c-laptop_connected" stroke-dasharray="8,12" x1="690" y1="610" x2="350" y2="630" style="opacity: 1; stroke-dasharray: 8px, 12px;"/>
      </g>

    </g>

    <g id="files_in-transit" mask="url(#mask_all-pātaka)">
      <use id="file_in-transit_b-laptop" x="570" y="430" xlink:href="#file_in-transit" style="opacity: 0; transform: translateX(0px) translateY(0px);"/>
      <use id="file_in-transit_a-laptop" x="350" y="630" xlink:href="#file_in-transit" style="opacity: 0; transform: translateX(0px) translateY(0px);"/>
      <use id="file_in-transit_c-laptop" x="350" y="630" xlink:href="#file_in-transit" style="opacity: 0; transform: translateX(0px) translateY(0px);"/>
      <use id="file_in-transit_laptop-server" x="350" y="630" xlink:href="#file_in-transit" style="opacity: 0; transform: translateX(0px) translateY(0px);"/>
      <use id="file_in-transit_b-server" x="430" y="900" xlink:href="#file_in-transit" style="opacity: 0; transform: translateX(0px) translateY(0px);"/>
      <use id="file_in-transit_a-server" x="430" y="900" xlink:href="#file_in-transit" style="opacity: 0; transform: translateX(0px) translateY(0px);"/>
      <use id="file_in-transit_c-server" x="690" y="610" xlink:href="#file_in-transit" style="opacity: 0; transform: translateX(0px) translateY(0px);"/>
    </g>

    <g id="connect-codes_in-transit" mask="url(#mask_all-pātaka)">
      <use id="connect-code_in-transit_laptop-a" x="350" y="630" fill="var(--mid-light-grey)" stroke="var(--group-b-color)" xlink:href="#connect-code_in-transit" style="opacity: 0; transform: translateX(30px) translateY(-440px);"/>
      <use id="connect-code_in-transit_laptop-b" x="350" y="630" fill="var(--mid-light-grey)" stroke="var(--group-b-color)" xlink:href="#connect-code_in-transit" style="opacity: 0; transform: translateX(220px) translateY(-200px);"/>
      <use id="connect-code_in-transit_laptop-c" x="350" y="630" fill="var(--mid-light-grey)" stroke="var(--group-b-color)" xlink:href="#connect-code_in-transit" style="opacity: 0; transform: translateX(340px) translateY(-20px);"/>
      <use id="connect-code_in-transit_laptop-server" x="350" y="630" fill="var(--pātaka-label-color)" stroke="var(--group-b-color)" xlink:href="#connect-code_in-transit" style="opacity: 0; transform: translateX(0px) translateY(0px);"/>

    </g>

  </g>

  <g id="pātaka_laptop" opacity="1" style="transform-origin: 350px 636px 0px; transform: scale(1);">

    <use id="device_laptop" xlink:href="#laptop" opacity="0" x="350" y="636" fill="var(--devices-color)" stroke="var(--outline-color)"/>

    <g id="onscreen_laptop">
      <use id="pātaka-symbol_laptop" xlink:href="#pātaka-symbol" x="350" y="630" fill="var(--pātaka-color)" stroke="var(--outline-color)"/>
    </g>

    <g id="storage_laptop" opacity="0" style="transform-origin: 345px 630px 0px; transform: scale(0);">
      <path id="storage-bubble_laptop" opacity="0.7" filter="url(#storage-shadow)" fill="var(--white)" stroke="none" d="M345,630 l-30,-20 v-96 h-295 v160 h295 v-24 z"/>
      <use id="file_laptop_b-copy" opacity="0" style="transform-origin: 345px 630px 0px; transform: scale(1);" xlink:href="#encrypted-file" x="60" y="554" stroke="var(--group-a-color)"/>
      <use id="file_laptop_a-copy" opacity="0" style="transform-origin: 345px 630px 0px; transform: scale(1);" xlink:href="#encrypted-file" x="100" y="554" stroke="var(--group-a-color)"/>
      <use id="file_laptop_c-copy" opacity="0" style="transform-origin: 345px 630px 0px;" xlink:href="#encrypted-file" x="140" y="554" stroke="var(--group-a-color)"/>
      <use id="file_laptop_b" style="transform-origin: 345px 630px 0px; transform: scale(0);" xlink:href="#encrypted-file" x="60" y="554" stroke="var(--group-a-color)"/>
      <use id="file_laptop_a" style="transform-origin: 345px 630px 0px; transform: scale(0);" xlink:href="#encrypted-file" x="100" y="554" stroke="var(--group-a-color)"/>
      <use id="file_laptop_c" opacity="0" style="transform-origin: 345px 630px 0px;" xlink:href="#encrypted-file" x="140" y="554" stroke="var(--group-a-color)"/>
    </g>

  </g>

  <g id="pātaka-server" style="opacity: 0;">

    <g id="device_server" style="opacity: 1;">
      <use xlink:href="#servers" x="670" y="852"/>
      <use xlink:href="#server-monitor" x="430" y="900"/>
    </g>

    <use id="pātaka-symbol_server" xlink:href="#pātaka-symbol-large" x="430" y="900" fill="var(--pātaka-color)" stroke="var(--outline-color)" style="opacity: 1;"/>

    <g id="invite_server" style="opacity: 1;">
      <g id="invite-symbol_server" style="transform-origin: 430px 879px 0px; opacity: 0; transform: scale(0);">
        <use xlink:href="#laptop" fill="var(--mid-grey)" x="430" y="879" style="transform-origin: 430px 879px 0px;" transform="scale(0.5)"/>
        <use xlink:href="#pātaka-symbol" style="transform-origin: 430px 874px 0px;" transform="scale(0.8)" x="430" y="874" fill="var(--pātaka-color)"/>
      </g>
      <use id="invite-button_server" fill="var(--devices-color)" xlink:href="#invite-button" style="transform-origin: 430px 935px 0px; opacity: 0; transform: scale(0);" transform="scale(1.6)" x="430" y="935"/>
      <use id="connected-button_server" fill="var(--pātaka-color)" xlink:href="#connected-button" style="transform-origin: 430px 935px 0px; transform: scale(1.55); opacity: 0;" transform="scale(1.6)" x="430" y="935"/>
      <use id="follow-symbol_server" opacity="0" style="transform-origin: 430px 879px 0px; transform: scale(0);" xlink:href="#follow-symbol_small" x="430" y="879" fill="var(--pātaka-color)" stroke="var(--pātaka-color)"/>
    </g>

    <g id="storage_server" opacity="0" style="transform-origin: 464px 920px 0px; transform: scale(0);">
      <rect opacity="0" x="20" y="580" width="370" height="400" fill="var(--white)" stroke="var(--pātaka-color)"/>
      <path id="storage-bubble_server" opacity="0.7" filter="url(#storage-shadow)" fill="var(--white)" stroke="none" d="M464,920 l30,-20 v-160 h486 v260 h-486 v-60 z"/>
      <use id="file_server_b-copy" opacity="0" style="transform-origin: 490px 920px 0px;" xlink:href="#encrypted-file" x="534" y="780" stroke="var(--group-a-color)"/>
      <use id="file_server_a-copy" opacity="0" style="transform-origin: 490px 920px 0px;" xlink:href="#encrypted-file" x="574" y="780" stroke="var(--group-a-color)"/>
      <use id="file_server_c-copy" opacity="0" style="transform-origin: 490px 920px 0px; transform: scale(1);" xlink:href="#encrypted-file" x="614" y="780" stroke="var(--group-a-color)"/>
      <use id="file_server_b" style="transform-origin: 490px 920px 0px; transform: scale(0);" xlink:href="#encrypted-file" x="534" y="780" stroke="var(--group-a-color)"/>
      <use id="file_server_a" style="transform-origin: 490px 920px 0px; transform: scale(0);" xlink:href="#encrypted-file" x="574" y="780" stroke="var(--group-a-color)"/>
      <use id="file_server_c" style="transform-origin: 490px 920px 0px; transform: scale(0);" xlink:href="#encrypted-file" x="614" y="780" stroke="var(--group-a-color)"/>
    </g>

  </g>

  <g id="mobile-a" opacity="1" style="transform-origin: 380px 180px 0px; transform: scale(1.5);" transform="scale(1)">
    <use xlink:href="#mobile" x="380" y="190" fill="var(--devices-color)" stroke="var(--outline-color)"/>

    <circle id="koro_copy" opacity="0" style="transform-origin: 377px 228px 0px; transform: scale(1);" cx="390.75" cy="181.75" r="10" stroke-width="2" fill="var(--encrypted-color)" stroke="var(--group-a-highlight)"/>
    <use id="kuia-copy_a" xlink:href="#kuia" x="360" y="172" style="transform-origin: 360px 172px 0px; opacity: 0;" transform="scale(0.5)"/>
    <use id="koro_a" opacity="0" xlink:href="#koro" x="371" y="162.8" style="transform-origin: 390.75px 181.75px 0px; transform: scale(0);" transform="scale(0.5)"/>
    <use id="wahine-a" opacity="0" xlink:href="#wahine" x="380" y="205" style="transform-origin: 380px 205px 0px;" transform="scale(0.5)"/>

    <use id="invite-symbol_mobile-a" opacity="0" style="transform-origin: 380px 185px 0px; transform: scale(0);" xlink:href="#pātaka-symbol-small" x="380" y="185" fill="var(--pātaka-color)"/>
    <use id="follow-symbol_mobile-a" opacity="0" style="transform-origin: 381px 189px 0px; transform: scale(0);" xlink:href="#follow-symbol_small" x="381" y="189" fill="var(--group-b-color)" stroke="var(--group-b-color)"/>
    <use id="invite-button_mobile-a" opacity="0" style="transform-origin: 380px 214px 0px; transform: scale(0);" fill="var(--devices-color)" xlink:href="#invite-button_icon" x="380" y="214"/>
    <use id="connected-button_mobile-a" opacity="0" style="transform-origin: 380px 214px 0px;" fill="var(--group-b-color)" xlink:href="#invite-button_icon" x="380" y="214"/>
    <use id="add-button_mobile-a" opacity="0" style="transform-origin: 380px 214px 0px; transform: scale(0);" fill="var(--group-a-color)" xlink:href="#add-button" x="380" y="214"/>
    <use id="defocus-mobile-a" opacity="0.3" xlink:href="#mobile" x="380" y="190" fill="var(--mid-light-grey)" stroke="var(--mid-light-grey)"/>
  </g>

  <g id="mobile-b" opacity="1" style="transform-origin: 550px 460px 0px; transform: scale(1.5);">
    <use id="device_mobile-b" xlink:href="#mobile" x="570" y="430" fill="var(--devices-color)" stroke="var(--outline-color)"/>

    <g id="on-screen_mobile-b" style="transform-origin: 570px 460px 0px;" transform="scale(0.5)">
      <circle id="kuia-b_copy" opacity="0" style="transform-origin: 526px 450px 0px; transform: scale(1);" cx="548.5" cy="389.5" r="20" stroke-width="4" fill="var(--encrypted-color)" stroke="var(--group-a-highlight)"/>
      <use id="kuia-b" opacity="0" style="transform-origin: 548.5px 389.5px 0px; transform: scale(0);" xlink:href="#kuia" x="529" y="370"/>
      <use id="koro-copy_b" opacity="0" xlink:href="#koro" x="572" y="370"/>
      <use id="wahine-b" opacity="0" xlink:href="#wahine" x="570" y="430"/>

      <use id="invite-symbol_mobile" opacity="0" style="transform-origin: 570px 395px 0px; transform: scale(0);" xlink:href="#pātaka-symbol" transform="scale(1)" x="570" y="395" fill="var(--pātaka-color)"/>
      <use id="follow-symbol_mobile" opacity="0" style="transform-origin: 571px 399px 0px; transform: scale(0);" xlink:href="#follow-symbol" x="571" y="399" fill="var(--group-b-color)" stroke="var(--group-b-color)"/>
      <use id="invite-button_mobile" opacity="0" style="transform-origin: 570px 450px 0px; transform: scale(0);" fill="var(--devices-color)" xlink:href="#invite-button" x="570" y="450"/>
      <use id="connected-button_mobile" opacity="0" style="transform-origin: 570px 450px 0px; transform: scale(0.95);" fill="var(--group-b-color)" xlink:href="#connected-button" x="570" y="450"/>
      <use id="add-button_mobile-b" opacity="0" style="transform-origin: 570px 450px 0px; transform: scale(0);" fill="var(--group-a-color)" xlink:href="#add-button" x="570" y="450"/>
    </g>

    <use id="defocus-mobile-b" opacity="0.3" xlink:href="#mobile" x="570" y="430" fill="var(--mid-light-grey)" stroke="var(--mid-light-grey)"/>
  </g>

  <g id="mobile-c" opacity="1" style="transform-origin: 690px 620px 0px; transform: scale(1.5);" transform="scale(1)">
    <use xlink:href="#mobile" x="690" y="610" fill="var(--devices-color)" stroke="var(--outline-color)"/>
    <use id="kuia-copy_c" xlink:href="#kuia" x="670" y="592" style="transform-origin: 670px 592px 0px; opacity: 0;" transform="scale(0.5)"/>
    <use id="koro-copy_c" xlink:href="#koro" x="691" y="592" style="transform-origin: 691px 592px 0px; opacity: 0;" transform="scale(0.5)"/>
    <circle id="wahine-c_copy" opacity="0" style="transform-origin: 670px 639px 0px; transform: scale(1);" cx="690" cy="625" r="10" stroke-width="4" fill="var(--encrypted-color)" stroke="var(--group-a-highlight)"/>
    <use id="wahine-c" opacity="0" xlink:href="#wahine" x="690" y="625" style="transform-origin: 690px 625px 0px;" transform="scale(0.5)"/>

    <use id="invite-symbol_mobile-c" opacity="0" style="transform-origin: 690px 605px 0px; transform: scale(0);" xlink:href="#pātaka-symbol-small" x="690" y="605" fill="var(--pātaka-color)"/>
    <use id="follow-symbol_mobile-c" opacity="0" style="transform-origin: 691px 609px 0px; transform: scale(0);" xlink:href="#follow-symbol_small" x="691" y="609" fill="var(--group-b-color)" stroke="var(--group-b-color)"/>
    <use id="invite-button_mobile-c" opacity="0" style="transform-origin: 690px 634px 0px; transform: scale(0);" fill="var(--devices-color)" xlink:href="#invite-button_icon" x="690" y="634"/>
    <use id="connected-button_mobile-c" opacity="0" style="transform-origin: 690px 634px 0px;" fill="var(--group-b-color)" xlink:href="#invite-button_icon" x="690" y="634"/>
    <use id="add-button_mobile-c" style="transform-origin: 690px 634px 0px; transform: scale(0); opacity: 0;" fill="var(--group-a-color)" xlink:href="#add-button" x="690" y="634"/>
    <use id="defocus-mobile-c" opacity="0.3" xlink:href="#mobile" x="690" y="610" fill="var(--mid-light-grey)" stroke="var(--mid-light-grey)"/>
  </g>

  <g id="text"
     font-size="2em"
     fill="var(--outline-color)"
     text-anchor="middle"
     style="transform: translate(0, 1em);">
    <text id="text_connect-codes-laptop"
          filter="url(#caption-bg)"
          x="500" y="0" >Whānau members receive connect codes from a Pātaka</text>
    <text id="text_accept-connect-codes-laptop"
          filter="url(#caption-bg)"
          x="500" y="0">Whānau members accept invitation and connect to the Pātaka</text>
    <text id="text_it-is-backed-up"
          filter="url(#caption-bg)"
          x="500" y="0" style="transform: translate(0, 1.3em);">it is backed up to the Pātaka</text>
    <text id="text_user-b-creates-record"
          filter="url(#caption-bg)"
          x="500" y="0">Whānau member B creates a new whakapapa record</text>
    <text id="text_record-replicated-ac"
          filter="url(#caption-bg)"
          x="500" y="0">The Pātaka replicates the whakapapa record to A and C</text>
    <text id="text_user-a-creates-record"
          filter="url(#caption-bg)"
          x="500" y="0">Whānau member A creates a new whakapapa record</text>
    <text id="text_record-replicated-bc"
          filter="url(#caption-bg)"
          x="500" y="0">The Pātaka replicates the whakapapa record to B and C</text>
    <text id="text_new-pātaka-set-up"
          filter="url(#caption-bg)"
          x="500" y="0">A second Pātaka is set up</text>
    <text id="text_new-pātaka-connect-code"
          filter="url(#caption-bg)"
          x="500" y="0">The new Pātaka receives a connect code from the existing Pātaka</text>
    <text id="text_laptop-content-replicated-to-server"
          filter="url(#caption-bg)"
          x="500" y="0">The existing Pātaka's content is replicated to the new Pātaka</text>
    <text id="text_server-connected-to-abc"
          filter="url(#caption-bg)"
          x="500" y="0">The new Pātaka is now connected to whānau members A, B, and C</text>
    <text id="text_if-offline"
          filter="url(#caption-bg)"
          x="500" y="0">If the original Pātaka goes offline</text>
    <text id="text_still-connected"
          filter="url(#caption-bg)"
          x="500" y="0">The whānau members are still connected via the new Pātaka</text>
  </g>

</svg>