{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: BUSL-1.1
~}}

{{! template-lint-disable no-inline-styles}}
<svg
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  width="40px"
  height="40px"
  viewBox="0 0 40 40"
  version="1.1"
  id="vault-loading"
  role="alert"
  aria-label="Loading"
>
  <g id="vault-loading-animated">
    <g id="vault-loading-y1">
      <polygon class="vault-loading-order-4" points="0,0 5,10 10,0" style="transform-origin: 5px 5px"></polygon>
      <polygon class="vault-loading-order-2" points="5,10 10,0 15,10" style="transform-origin: 10px 5px"></polygon>
      <polygon class="vault-loading-order-3" points="10,0 15,10 20,0" style="transform-origin: 15px 5px"></polygon>
      <polygon class="vault-loading-order-1" points="15,10 20,0 25,10" style="transform-origin: 20px 5px"></polygon>
      <polygon class="vault-loading-order-3" points="20,0 25,10 30,0" style="transform-origin: 25px 5px"></polygon>
      <polygon class="vault-loading-order-2" points="25,10 30,0 35,10" style="transform-origin: 30px 5px"></polygon>
      <polygon class="vault-loading-order-4" points="30,0 35,10 40,0" style="transform-origin: 35px 5px"></polygon>
    </g>
    <g id="vault-loading-y2">
      <polygon class="vault-loading-order-3" points="5,10 10,20 15,10" style="transform-origin: 10px 15px"></polygon>
      <polygon class="vault-loading-order-1" points="10,20 15,10 20,20" style="transform-origin: 15px 15px"></polygon>
      <polygon class="vault-loading-order-2" points="15,10 20,20 25,10" style="transform-origin: 20px 15px"></polygon>
      <polygon class="vault-loading-order-1" points="20,20 25,10 30,20" style="transform-origin: 25px 15px"></polygon>
      <polygon class="vault-loading-order-3" points="25,10 30,20 35,10" style="transform-origin: 30px 15px"></polygon>
    </g>
    <g id="vault-loading-y3">
      <polygon class="vault-loading-order-3" points="10,20 15,30 20,20" style="transform-origin: 15px 25px"></polygon>
      <polygon class="vault-loading-order-2" points="15,30 20,20 25,30" style="transform-origin: 20px 25px"></polygon>
      <polygon class="vault-loading-order-3" points="20,20 25,30 30,20" style="transform-origin: 25px 25px"></polygon>
    </g>
    <g id="vault-loading-y4">
      <polygon class="vault-loading-order-4" points="15,30 20,40 25,30" style="transform-origin: 20px 35px"></polygon>
    </g>
  </g>

  <text id="vault-loading-static" x="20" y="20" text-anchor="middle">
    Loading...
  </text>
</svg>