DDAC/app/assets/svg/home/user4-tail.svg

<svg width="14" height="151" viewBox="0 0 14 151" fill="none" xmlns="http://www.w3.org/2000/svg">
<style>
  .flowCore,
  .flowGlow {
    fill-rule: evenodd;
  }

  .flowCore {
    fill: rgba(255, 255, 255, 0.9);
  }

  .flowGlow {
    fill: rgba(150, 215, 255, 0.34);
    filter: url(#flowBlur);
  }

  @media (prefers-reduced-motion: reduce) {
    .flowGroup {
      display: none;
    }
  }
</style>
<rect width="14" height="151" fill="url(#paint0_linear_3000_3)"/>
<g class="flowGroup" mask="url(#flowMaskY)">
<rect class="flowGlow" width="14" height="151"/>
<rect class="flowCore" width="14" height="151"/>
</g>
<defs>
<linearGradient id="flowSweepY" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="white" stop-opacity="0"/>
<stop offset="0.42" stop-color="white" stop-opacity="0"/>
<stop offset="0.5" stop-color="white" stop-opacity="1"/>
<stop offset="0.58" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<mask id="flowMaskY" maskUnits="userSpaceOnUse">
<rect x="0" y="-151" width="14" height="151" fill="url(#flowSweepY)">
<animate attributeName="y" from="-151" to="151" dur="1.2s" repeatCount="indefinite"/>
</rect>
</mask>
<filter id="flowBlur" x="-60%" y="-20%" width="220%" height="140%" color-interpolation-filters="sRGB">
<feGaussianBlur stdDeviation="1.4"/>
</filter>
<linearGradient id="paint0_linear_3000_3" x1="7" y1="0" x2="7" y2="151" gradientUnits="userSpaceOnUse">
<stop stop-color="#CCCCCC"/>
<stop offset="1" stop-color="#FFFFFF"/>
</linearGradient>
</defs>
</svg>