patternDefs = html`
<svg height="${patternSize}" width="${patternSize}" xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<pattern id="diagonalHatch" width="${patternSize}" height="${patternSize}" patternTransform="rotate(45 0 0)" patternUnits="userSpaceOnUse">
<line x1="0" y1="-1" x2="0" y2="${patternSize + 1}" style="stroke: red; stroke-width:1" />
</pattern>
</defs>
</svg>
`