<% include ./index.ejs %>
<% include ./round.ejs %>
<svg xmlns='http://www.w3.org/2000/svg'
     xmlns:xlink='http://www.w3.org/1999/xlink'
     width='<%= getSvgSizeInProcentage('width') %>'
     height='<%= getSvgSizeInProcentage('height') %>'
     style='<%=`overflow: visible; filter: ${+layer.settings.generalSettings.shadow ? `url(#shadow${currentSlide.position}${layer.position})` : 'none'}; transform: translate(${getSvgTranslate()}em, ${getSvgTranslate()}em); width: calc(100% - ${(layer.settings.layerSettings.shapeStyles.thickness / 16).toFixed(3)}em); height: calc(100% - ${(layer.settings.layerSettings.shapeStyles.thickness / 16).toFixed(3)}em);`%>'
     viewBox='0 0 900 900'
     preserveAspectRatio='none'>
  <% include ./defs.ejs %>
  <g>
    <g>
      <path
        d='<%= roundShape('M450 0 L 300 300 L 0 325 L 225 600 L 150 900 L 450 750 L 750 900 L 675 600 L 900 325 L 600 300 Z', layer.settings.generalSettings.round || 0) %>'
        stroke='<%= setColor('borderColor') %>'
        fill='<%= setColor('fillColor') %>'
        stroke-width='<%= layer.settings.layerSettings.shapeStyles.thickness && +layer.settings.layerSettings.shapeStyles.thickness >= 0 ? `${(layer.settings.layerSettings.shapeStyles.thickness / 16).toFixed(3)}em` : 0 %>'
        vector-effect='non-scaling-stroke'/>
    </g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
  <g>
  </g>
</svg>
