<svg width="144" height="20" viewBox="0 0 144 20" xmlns="http://www.w3.org/2000/svg">
  <linearGradient id="a" x2="0" y2="100%">
    <stop offset="0" stop-opacity=".1" stop-color="#EEE"/>
    <stop offset="1" stop-opacity=".1"/>
  </linearGradient>
  <mask id="m"><rect width="144" height="20" rx="{{ roundedPixels }}" fill="#FFF"/></mask>
  <g mask="url(#m)">
    <rect width="84" height="20" fill="#555"/>
    <rect width="60" height="20" fill="#357abd" x="84"/>
  </g>
  <g fill="#fff" text-anchor="start" font-family="sans-serif" font-size="11">
    <text x="6" y="15" fill="#000" opacity="0.25">dependencies</text>
    <text x="5" y="14">dependencies</text>
    <text x="91" y="15" fill="#000" opacity="0.25">no vulns</text>
    <text x="90" y="14">no vulns</text>
  </g>
</svg>
