ribbon.svg

<svg
  width="256"
  height="140"
  version="1.1"
  xmlns="http://www.w3.org/2000/svg"
>
  <style>
    /* <![CDATA[ */
    @property --progress {
      syntax: "<number>";
      inherits: true;
      initial-value: 0;
    }

    g {
      --size-x: 11px;
      --size-y: 6px;
      --viewport-x: 256px;
      --viewport-y: 140px;
      --radius-x: 120px;
      --radius-y: 35px;
      --weight-min: 15px;
      --weight-max: 30px;
      --pi2: 6.2831853072;
      animation: rotate 30s infinite linear;
    }

    use {
      --cos: cos((var(--progress) + var(--t)) * var(--pi2));
      --sin: sin((var(--progress) + var(--t)) * var(--pi2));
      --sin-wave: sin((var(--progress) * 15 + var(--t) * 3) * var(--pi2));
      transform:
        translate3d(
          calc(
            var(--cos) * var(--radius-x) +
            (var(--viewport-x) - var(--size-x)) / 2
          ),
          calc(
            var(--sin) * var(--radius-y) +
            (var(--viewport-y) - var(--size-y)) / 2 + (
              (var(--h) * var(--weight-min) * (1 - (var(--sin) + 1) / 2)) +
              (var(--h) * var(--weight-max) * (var(--sin) + 1) / 2)
            ) * (
              (var(--sin-wave) + 1) / 2 * 0.5 + 0.5
            )
          ),
          0
        )
        scale(calc((var(--sin) + 1) / 2 * 0.5 + 0.5));
    }

    @keyframes rotate {
      from {
        --progress: 0;
      }

      to {
        --progress: 1;
      }
    }
    /* ]]> */
  </style>

  <defs>
    <symbol id="wave">
      <image href="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGV4dCB4PSIxIiB5PSI3IiBmb250LXNpemU9IjE2cHgiIGZvbnQtZmFtaWx5PSJDb3VyaWVyIE5ldywgbW9ub3NwYWNlIiBmaWxsPSIjYWFhIj5+PC90ZXh0Pjwvc3ZnPgo=" x="0" y="0" width="11" height="6"/>
    </symbol>
  </defs>

  <g>
    <use href="#wave" style="--t:0;--s:.75;--h:-1"/>
    <use href="#wave" style="--t:0;--s:.75;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:0;--s:.75;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:0;--s:.75;--h:0"/>
    <use href="#wave" style="--t:0;--s:.75;--h:.33333333333333326"/>
    <use href="#wave" style="--t:0;--s:.75;--h:.6666666666666667"/>
    <use href="#wave" style="--t:0;--s:.75;--h:1"/>
    <use href="#wave" style="--t:.02040816326530612;--s:.7704081632653061;--h:-1"/>
    <use href="#wave" style="--t:.02040816326530612;--s:.7704081632653061;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.02040816326530612;--s:.7704081632653061;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.02040816326530612;--s:.7704081632653061;--h:0"/>
    <use href="#wave" style="--t:.02040816326530612;--s:.7704081632653061;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.02040816326530612;--s:.7704081632653061;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.02040816326530612;--s:.7704081632653061;--h:1"/>
    <use href="#wave" style="--t:.04081632653061224;--s:.7908163265306123;--h:-1"/>
    <use href="#wave" style="--t:.04081632653061224;--s:.7908163265306123;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.04081632653061224;--s:.7908163265306123;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.04081632653061224;--s:.7908163265306123;--h:0"/>
    <use href="#wave" style="--t:.04081632653061224;--s:.7908163265306123;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.04081632653061224;--s:.7908163265306123;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.04081632653061224;--s:.7908163265306123;--h:1"/>
    <use href="#wave" style="--t:.061224489795918366;--s:.8112244897959183;--h:-1"/>
    <use href="#wave" style="--t:.061224489795918366;--s:.8112244897959183;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.061224489795918366;--s:.8112244897959183;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.061224489795918366;--s:.8112244897959183;--h:0"/>
    <use href="#wave" style="--t:.061224489795918366;--s:.8112244897959183;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.061224489795918366;--s:.8112244897959183;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.061224489795918366;--s:.8112244897959183;--h:1"/>
    <use href="#wave" style="--t:.08163265306122448;--s:.8316326530612245;--h:-1"/>
    <use href="#wave" style="--t:.08163265306122448;--s:.8316326530612245;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.08163265306122448;--s:.8316326530612245;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.08163265306122448;--s:.8316326530612245;--h:0"/>
    <use href="#wave" style="--t:.08163265306122448;--s:.8316326530612245;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.08163265306122448;--s:.8316326530612245;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.08163265306122448;--s:.8316326530612245;--h:1"/>
    <use href="#wave" style="--t:.10204081632653061;--s:.8520408163265306;--h:-1"/>
    <use href="#wave" style="--t:.10204081632653061;--s:.8520408163265306;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.10204081632653061;--s:.8520408163265306;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.10204081632653061;--s:.8520408163265306;--h:0"/>
    <use href="#wave" style="--t:.10204081632653061;--s:.8520408163265306;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.10204081632653061;--s:.8520408163265306;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.10204081632653061;--s:.8520408163265306;--h:1"/>
    <use href="#wave" style="--t:.12244897959183673;--s:.8724489795918368;--h:-1"/>
    <use href="#wave" style="--t:.12244897959183673;--s:.8724489795918368;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.12244897959183673;--s:.8724489795918368;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.12244897959183673;--s:.8724489795918368;--h:0"/>
    <use href="#wave" style="--t:.12244897959183673;--s:.8724489795918368;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.12244897959183673;--s:.8724489795918368;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.12244897959183673;--s:.8724489795918368;--h:1"/>
    <use href="#wave" style="--t:.14285714285714285;--s:.8928571428571428;--h:-1"/>
    <use href="#wave" style="--t:.14285714285714285;--s:.8928571428571428;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.14285714285714285;--s:.8928571428571428;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.14285714285714285;--s:.8928571428571428;--h:0"/>
    <use href="#wave" style="--t:.14285714285714285;--s:.8928571428571428;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.14285714285714285;--s:.8928571428571428;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.14285714285714285;--s:.8928571428571428;--h:1"/>
    <use href="#wave" style="--t:.16326530612244897;--s:.9132653061224489;--h:-1"/>
    <use href="#wave" style="--t:.16326530612244897;--s:.9132653061224489;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.16326530612244897;--s:.9132653061224489;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.16326530612244897;--s:.9132653061224489;--h:0"/>
    <use href="#wave" style="--t:.16326530612244897;--s:.9132653061224489;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.16326530612244897;--s:.9132653061224489;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.16326530612244897;--s:.9132653061224489;--h:1"/>
    <use href="#wave" style="--t:.1836734693877551;--s:.9336734693877551;--h:-1"/>
    <use href="#wave" style="--t:.1836734693877551;--s:.9336734693877551;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.1836734693877551;--s:.9336734693877551;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.1836734693877551;--s:.9336734693877551;--h:0"/>
    <use href="#wave" style="--t:.1836734693877551;--s:.9336734693877551;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.1836734693877551;--s:.9336734693877551;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.1836734693877551;--s:.9336734693877551;--h:1"/>
    <use href="#wave" style="--t:.20408163265306123;--s:.9540816326530612;--h:-1"/>
    <use href="#wave" style="--t:.20408163265306123;--s:.9540816326530612;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.20408163265306123;--s:.9540816326530612;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.20408163265306123;--s:.9540816326530612;--h:0"/>
    <use href="#wave" style="--t:.20408163265306123;--s:.9540816326530612;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.20408163265306123;--s:.9540816326530612;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.20408163265306123;--s:.9540816326530612;--h:1"/>
    <use href="#wave" style="--t:.22448979591836735;--s:.9744897959183674;--h:-1"/>
    <use href="#wave" style="--t:.22448979591836735;--s:.9744897959183674;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.22448979591836735;--s:.9744897959183674;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.22448979591836735;--s:.9744897959183674;--h:0"/>
    <use href="#wave" style="--t:.22448979591836735;--s:.9744897959183674;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.22448979591836735;--s:.9744897959183674;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.22448979591836735;--s:.9744897959183674;--h:1"/>
    <use href="#wave" style="--t:.24489795918367346;--s:.9948979591836735;--h:-1"/>
    <use href="#wave" style="--t:.24489795918367346;--s:.9948979591836735;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.24489795918367346;--s:.9948979591836735;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.24489795918367346;--s:.9948979591836735;--h:0"/>
    <use href="#wave" style="--t:.24489795918367346;--s:.9948979591836735;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.24489795918367346;--s:.9948979591836735;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.24489795918367346;--s:.9948979591836735;--h:1"/>
    <use href="#wave" style="--t:.2653061224489796;--s:.015306122448979664;--h:-1"/>
    <use href="#wave" style="--t:.2653061224489796;--s:.015306122448979664;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.2653061224489796;--s:.015306122448979664;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.2653061224489796;--s:.015306122448979664;--h:0"/>
    <use href="#wave" style="--t:.2653061224489796;--s:.015306122448979664;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.2653061224489796;--s:.015306122448979664;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.2653061224489796;--s:.015306122448979664;--h:1"/>
    <use href="#wave" style="--t:.2857142857142857;--s:.03571428571428559;--h:-1"/>
    <use href="#wave" style="--t:.2857142857142857;--s:.03571428571428559;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.2857142857142857;--s:.03571428571428559;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.2857142857142857;--s:.03571428571428559;--h:0"/>
    <use href="#wave" style="--t:.2857142857142857;--s:.03571428571428559;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.2857142857142857;--s:.03571428571428559;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.2857142857142857;--s:.03571428571428559;--h:1"/>
    <use href="#wave" style="--t:.30612244897959184;--s:.056122448979591955;--h:-1"/>
    <use href="#wave" style="--t:.30612244897959184;--s:.056122448979591955;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.30612244897959184;--s:.056122448979591955;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.30612244897959184;--s:.056122448979591955;--h:0"/>
    <use href="#wave" style="--t:.30612244897959184;--s:.056122448979591955;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.30612244897959184;--s:.056122448979591955;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.30612244897959184;--s:.056122448979591955;--h:1"/>
    <use href="#wave" style="--t:.32653061224489793;--s:.07653061224489788;--h:-1"/>
    <use href="#wave" style="--t:.32653061224489793;--s:.07653061224489788;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.32653061224489793;--s:.07653061224489788;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.32653061224489793;--s:.07653061224489788;--h:0"/>
    <use href="#wave" style="--t:.32653061224489793;--s:.07653061224489788;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.32653061224489793;--s:.07653061224489788;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.32653061224489793;--s:.07653061224489788;--h:1"/>
    <use href="#wave" style="--t:.3469387755102041;--s:.09693877551020402;--h:-1"/>
    <use href="#wave" style="--t:.3469387755102041;--s:.09693877551020402;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.3469387755102041;--s:.09693877551020402;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.3469387755102041;--s:.09693877551020402;--h:0"/>
    <use href="#wave" style="--t:.3469387755102041;--s:.09693877551020402;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.3469387755102041;--s:.09693877551020402;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.3469387755102041;--s:.09693877551020402;--h:1"/>
    <use href="#wave" style="--t:.3673469387755102;--s:.11734693877551017;--h:-1"/>
    <use href="#wave" style="--t:.3673469387755102;--s:.11734693877551017;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.3673469387755102;--s:.11734693877551017;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.3673469387755102;--s:.11734693877551017;--h:0"/>
    <use href="#wave" style="--t:.3673469387755102;--s:.11734693877551017;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.3673469387755102;--s:.11734693877551017;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.3673469387755102;--s:.11734693877551017;--h:1"/>
    <use href="#wave" style="--t:.3877551020408163;--s:.1377551020408163;--h:-1"/>
    <use href="#wave" style="--t:.3877551020408163;--s:.1377551020408163;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.3877551020408163;--s:.1377551020408163;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.3877551020408163;--s:.1377551020408163;--h:0"/>
    <use href="#wave" style="--t:.3877551020408163;--s:.1377551020408163;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.3877551020408163;--s:.1377551020408163;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.3877551020408163;--s:.1377551020408163;--h:1"/>
    <use href="#wave" style="--t:.40816326530612246;--s:.15816326530612246;--h:-1"/>
    <use href="#wave" style="--t:.40816326530612246;--s:.15816326530612246;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.40816326530612246;--s:.15816326530612246;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.40816326530612246;--s:.15816326530612246;--h:0"/>
    <use href="#wave" style="--t:.40816326530612246;--s:.15816326530612246;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.40816326530612246;--s:.15816326530612246;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.40816326530612246;--s:.15816326530612246;--h:1"/>
    <use href="#wave" style="--t:.42857142857142855;--s:.1785714285714286;--h:-1"/>
    <use href="#wave" style="--t:.42857142857142855;--s:.1785714285714286;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.42857142857142855;--s:.1785714285714286;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.42857142857142855;--s:.1785714285714286;--h:0"/>
    <use href="#wave" style="--t:.42857142857142855;--s:.1785714285714286;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.42857142857142855;--s:.1785714285714286;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.42857142857142855;--s:.1785714285714286;--h:1"/>
    <use href="#wave" style="--t:.4489795918367347;--s:.19897959183673475;--h:-1"/>
    <use href="#wave" style="--t:.4489795918367347;--s:.19897959183673475;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.4489795918367347;--s:.19897959183673475;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.4489795918367347;--s:.19897959183673475;--h:0"/>
    <use href="#wave" style="--t:.4489795918367347;--s:.19897959183673475;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.4489795918367347;--s:.19897959183673475;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.4489795918367347;--s:.19897959183673475;--h:1"/>
    <use href="#wave" style="--t:.46938775510204084;--s:.2193877551020409;--h:-1"/>
    <use href="#wave" style="--t:.46938775510204084;--s:.2193877551020409;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.46938775510204084;--s:.2193877551020409;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.46938775510204084;--s:.2193877551020409;--h:0"/>
    <use href="#wave" style="--t:.46938775510204084;--s:.2193877551020409;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.46938775510204084;--s:.2193877551020409;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.46938775510204084;--s:.2193877551020409;--h:1"/>
    <use href="#wave" style="--t:.4897959183673469;--s:.23979591836734704;--h:-1"/>
    <use href="#wave" style="--t:.4897959183673469;--s:.23979591836734704;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.4897959183673469;--s:.23979591836734704;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.4897959183673469;--s:.23979591836734704;--h:0"/>
    <use href="#wave" style="--t:.4897959183673469;--s:.23979591836734704;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.4897959183673469;--s:.23979591836734704;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.4897959183673469;--s:.23979591836734704;--h:1"/>
    <use href="#wave" style="--t:.5102040816326531;--s:.26020408163265296;--h:-1"/>
    <use href="#wave" style="--t:.5102040816326531;--s:.26020408163265296;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.5102040816326531;--s:.26020408163265296;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.5102040816326531;--s:.26020408163265296;--h:0"/>
    <use href="#wave" style="--t:.5102040816326531;--s:.26020408163265296;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.5102040816326531;--s:.26020408163265296;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.5102040816326531;--s:.26020408163265296;--h:1"/>
    <use href="#wave" style="--t:.5306122448979592;--s:.28061224489795933;--h:-1"/>
    <use href="#wave" style="--t:.5306122448979592;--s:.28061224489795933;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.5306122448979592;--s:.28061224489795933;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.5306122448979592;--s:.28061224489795933;--h:0"/>
    <use href="#wave" style="--t:.5306122448979592;--s:.28061224489795933;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.5306122448979592;--s:.28061224489795933;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.5306122448979592;--s:.28061224489795933;--h:1"/>
    <use href="#wave" style="--t:.5510204081632653;--s:.30102040816326525;--h:-1"/>
    <use href="#wave" style="--t:.5510204081632653;--s:.30102040816326525;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.5510204081632653;--s:.30102040816326525;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.5510204081632653;--s:.30102040816326525;--h:0"/>
    <use href="#wave" style="--t:.5510204081632653;--s:.30102040816326525;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.5510204081632653;--s:.30102040816326525;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.5510204081632653;--s:.30102040816326525;--h:1"/>
    <use href="#wave" style="--t:.5714285714285714;--s:.3214285714285714;--h:-1"/>
    <use href="#wave" style="--t:.5714285714285714;--s:.3214285714285714;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.5714285714285714;--s:.3214285714285714;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.5714285714285714;--s:.3214285714285714;--h:0"/>
    <use href="#wave" style="--t:.5714285714285714;--s:.3214285714285714;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.5714285714285714;--s:.3214285714285714;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.5714285714285714;--s:.3214285714285714;--h:1"/>
    <use href="#wave" style="--t:.5918367346938775;--s:.34183673469387754;--h:-1"/>
    <use href="#wave" style="--t:.5918367346938775;--s:.34183673469387754;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.5918367346938775;--s:.34183673469387754;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.5918367346938775;--s:.34183673469387754;--h:0"/>
    <use href="#wave" style="--t:.5918367346938775;--s:.34183673469387754;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.5918367346938775;--s:.34183673469387754;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.5918367346938775;--s:.34183673469387754;--h:1"/>
    <use href="#wave" style="--t:.6122448979591837;--s:.3622448979591837;--h:-1"/>
    <use href="#wave" style="--t:.6122448979591837;--s:.3622448979591837;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.6122448979591837;--s:.3622448979591837;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.6122448979591837;--s:.3622448979591837;--h:0"/>
    <use href="#wave" style="--t:.6122448979591837;--s:.3622448979591837;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.6122448979591837;--s:.3622448979591837;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.6122448979591837;--s:.3622448979591837;--h:1"/>
    <use href="#wave" style="--t:.6326530612244898;--s:.38265306122448983;--h:-1"/>
    <use href="#wave" style="--t:.6326530612244898;--s:.38265306122448983;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.6326530612244898;--s:.38265306122448983;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.6326530612244898;--s:.38265306122448983;--h:0"/>
    <use href="#wave" style="--t:.6326530612244898;--s:.38265306122448983;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.6326530612244898;--s:.38265306122448983;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.6326530612244898;--s:.38265306122448983;--h:1"/>
    <use href="#wave" style="--t:.6530612244897959;--s:.40306122448979576;--h:-1"/>
    <use href="#wave" style="--t:.6530612244897959;--s:.40306122448979576;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.6530612244897959;--s:.40306122448979576;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.6530612244897959;--s:.40306122448979576;--h:0"/>
    <use href="#wave" style="--t:.6530612244897959;--s:.40306122448979576;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.6530612244897959;--s:.40306122448979576;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.6530612244897959;--s:.40306122448979576;--h:1"/>
    <use href="#wave" style="--t:.673469387755102;--s:.4234693877551021;--h:-1"/>
    <use href="#wave" style="--t:.673469387755102;--s:.4234693877551021;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.673469387755102;--s:.4234693877551021;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.673469387755102;--s:.4234693877551021;--h:0"/>
    <use href="#wave" style="--t:.673469387755102;--s:.4234693877551021;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.673469387755102;--s:.4234693877551021;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.673469387755102;--s:.4234693877551021;--h:1"/>
    <use href="#wave" style="--t:.6938775510204082;--s:.44387755102040805;--h:-1"/>
    <use href="#wave" style="--t:.6938775510204082;--s:.44387755102040805;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.6938775510204082;--s:.44387755102040805;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.6938775510204082;--s:.44387755102040805;--h:0"/>
    <use href="#wave" style="--t:.6938775510204082;--s:.44387755102040805;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.6938775510204082;--s:.44387755102040805;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.6938775510204082;--s:.44387755102040805;--h:1"/>
    <use href="#wave" style="--t:.7142857142857143;--s:.4642857142857144;--h:-1"/>
    <use href="#wave" style="--t:.7142857142857143;--s:.4642857142857144;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.7142857142857143;--s:.4642857142857144;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.7142857142857143;--s:.4642857142857144;--h:0"/>
    <use href="#wave" style="--t:.7142857142857143;--s:.4642857142857144;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.7142857142857143;--s:.4642857142857144;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.7142857142857143;--s:.4642857142857144;--h:1"/>
    <use href="#wave" style="--t:.7346938775510204;--s:.48469387755102034;--h:-1"/>
    <use href="#wave" style="--t:.7346938775510204;--s:.48469387755102034;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.7346938775510204;--s:.48469387755102034;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.7346938775510204;--s:.48469387755102034;--h:0"/>
    <use href="#wave" style="--t:.7346938775510204;--s:.48469387755102034;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.7346938775510204;--s:.48469387755102034;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.7346938775510204;--s:.48469387755102034;--h:1"/>
    <use href="#wave" style="--t:.7551020408163265;--s:.5051020408163265;--h:-1"/>
    <use href="#wave" style="--t:.7551020408163265;--s:.5051020408163265;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.7551020408163265;--s:.5051020408163265;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.7551020408163265;--s:.5051020408163265;--h:0"/>
    <use href="#wave" style="--t:.7551020408163265;--s:.5051020408163265;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.7551020408163265;--s:.5051020408163265;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.7551020408163265;--s:.5051020408163265;--h:1"/>
    <use href="#wave" style="--t:.7755102040816326;--s:.5255102040816326;--h:-1"/>
    <use href="#wave" style="--t:.7755102040816326;--s:.5255102040816326;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.7755102040816326;--s:.5255102040816326;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.7755102040816326;--s:.5255102040816326;--h:0"/>
    <use href="#wave" style="--t:.7755102040816326;--s:.5255102040816326;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.7755102040816326;--s:.5255102040816326;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.7755102040816326;--s:.5255102040816326;--h:1"/>
    <use href="#wave" style="--t:.7959183673469388;--s:.5459183673469388;--h:-1"/>
    <use href="#wave" style="--t:.7959183673469388;--s:.5459183673469388;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.7959183673469388;--s:.5459183673469388;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.7959183673469388;--s:.5459183673469388;--h:0"/>
    <use href="#wave" style="--t:.7959183673469388;--s:.5459183673469388;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.7959183673469388;--s:.5459183673469388;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.7959183673469388;--s:.5459183673469388;--h:1"/>
    <use href="#wave" style="--t:.8163265306122449;--s:.5663265306122449;--h:-1"/>
    <use href="#wave" style="--t:.8163265306122449;--s:.5663265306122449;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.8163265306122449;--s:.5663265306122449;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.8163265306122449;--s:.5663265306122449;--h:0"/>
    <use href="#wave" style="--t:.8163265306122449;--s:.5663265306122449;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.8163265306122449;--s:.5663265306122449;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.8163265306122449;--s:.5663265306122449;--h:1"/>
    <use href="#wave" style="--t:.8367346938775511;--s:.5867346938775511;--h:-1"/>
    <use href="#wave" style="--t:.8367346938775511;--s:.5867346938775511;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.8367346938775511;--s:.5867346938775511;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.8367346938775511;--s:.5867346938775511;--h:0"/>
    <use href="#wave" style="--t:.8367346938775511;--s:.5867346938775511;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.8367346938775511;--s:.5867346938775511;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.8367346938775511;--s:.5867346938775511;--h:1"/>
    <use href="#wave" style="--t:.8571428571428571;--s:.6071428571428572;--h:-1"/>
    <use href="#wave" style="--t:.8571428571428571;--s:.6071428571428572;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.8571428571428571;--s:.6071428571428572;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.8571428571428571;--s:.6071428571428572;--h:0"/>
    <use href="#wave" style="--t:.8571428571428571;--s:.6071428571428572;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.8571428571428571;--s:.6071428571428572;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.8571428571428571;--s:.6071428571428572;--h:1"/>
    <use href="#wave" style="--t:.8775510204081632;--s:.6275510204081631;--h:-1"/>
    <use href="#wave" style="--t:.8775510204081632;--s:.6275510204081631;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.8775510204081632;--s:.6275510204081631;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.8775510204081632;--s:.6275510204081631;--h:0"/>
    <use href="#wave" style="--t:.8775510204081632;--s:.6275510204081631;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.8775510204081632;--s:.6275510204081631;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.8775510204081632;--s:.6275510204081631;--h:1"/>
    <use href="#wave" style="--t:.8979591836734694;--s:.6479591836734695;--h:-1"/>
    <use href="#wave" style="--t:.8979591836734694;--s:.6479591836734695;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.8979591836734694;--s:.6479591836734695;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.8979591836734694;--s:.6479591836734695;--h:0"/>
    <use href="#wave" style="--t:.8979591836734694;--s:.6479591836734695;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.8979591836734694;--s:.6479591836734695;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.8979591836734694;--s:.6479591836734695;--h:1"/>
    <use href="#wave" style="--t:.9183673469387755;--s:.6683673469387754;--h:-1"/>
    <use href="#wave" style="--t:.9183673469387755;--s:.6683673469387754;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.9183673469387755;--s:.6683673469387754;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.9183673469387755;--s:.6683673469387754;--h:0"/>
    <use href="#wave" style="--t:.9183673469387755;--s:.6683673469387754;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.9183673469387755;--s:.6683673469387754;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.9183673469387755;--s:.6683673469387754;--h:1"/>
    <use href="#wave" style="--t:.9387755102040817;--s:.6887755102040818;--h:-1"/>
    <use href="#wave" style="--t:.9387755102040817;--s:.6887755102040818;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.9387755102040817;--s:.6887755102040818;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.9387755102040817;--s:.6887755102040818;--h:0"/>
    <use href="#wave" style="--t:.9387755102040817;--s:.6887755102040818;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.9387755102040817;--s:.6887755102040818;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.9387755102040817;--s:.6887755102040818;--h:1"/>
    <use href="#wave" style="--t:.9591836734693877;--s:.7091836734693877;--h:-1"/>
    <use href="#wave" style="--t:.9591836734693877;--s:.7091836734693877;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.9591836734693877;--s:.7091836734693877;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.9591836734693877;--s:.7091836734693877;--h:0"/>
    <use href="#wave" style="--t:.9591836734693877;--s:.7091836734693877;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.9591836734693877;--s:.7091836734693877;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.9591836734693877;--s:.7091836734693877;--h:1"/>
    <use href="#wave" style="--t:.9795918367346939;--s:.7295918367346939;--h:-1"/>
    <use href="#wave" style="--t:.9795918367346939;--s:.7295918367346939;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:.9795918367346939;--s:.7295918367346939;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:.9795918367346939;--s:.7295918367346939;--h:0"/>
    <use href="#wave" style="--t:.9795918367346939;--s:.7295918367346939;--h:.33333333333333326"/>
    <use href="#wave" style="--t:.9795918367346939;--s:.7295918367346939;--h:.6666666666666667"/>
    <use href="#wave" style="--t:.9795918367346939;--s:.7295918367346939;--h:1"/>
    <use href="#wave" style="--t:1;--s:.75;--h:-1"/>
    <use href="#wave" style="--t:1;--s:.75;--h:-0.6666666666666667"/>
    <use href="#wave" style="--t:1;--s:.75;--h:-0.33333333333333337"/>
    <use href="#wave" style="--t:1;--s:.75;--h:0"/>
    <use href="#wave" style="--t:1;--s:.75;--h:.33333333333333326"/>
    <use href="#wave" style="--t:1;--s:.75;--h:.6666666666666667"/>
    <use href="#wave" style="--t:1;--s:.75;--h:1"/>
  </g>
</svg>