<defs>
  <filter id='<%=`shadow${currentSlide.position}${layer.position}`%>' width='200%' height='200%' x='-40%' y='-40%'>
    <feGaussianBlur in="SourceAlpha" stdDeviation='<%= layer.settings.generalSettings.shadow / 10 %>'/>
    <feOffset dx="0" dy="0" result="offsetblur"/>
    <feMerge>
      <feMergeNode/>
      <feMergeNode in="SourceGraphic"/>
    </feMerge>
  </filter>

  <linearGradient id='<%=`linearfillColor${currentSlide.position}${layer.position}`%>' x1="<%= setCoordinates('x1', 'fillColor') %>" y1="<%= setCoordinates('y1', 'fillColor') %>" x2="<%= setCoordinates('x2', 'fillColor') %>" y2="<%= setCoordinates('y2', 'fillColor') %>">
    <stop offset="<%=`${layer.settings.layerSettings.shapeStyles.fillColor.leftColorPercent || 0}%`%>" style="stop-color:<%=`${layer.settings.layerSettings.shapeStyles.fillColor.leftColor || 'rgba(255, 255, 255, 1)'};stop-opacity:1`%>"/>
    <stop offset="<%=`${layer.settings.layerSettings.shapeStyles.fillColor.rightColorPercent || 0}%`%>" style="stop-color:<%=`${layer.settings.layerSettings.shapeStyles.fillColor.rightColor || 'rgba(255, 255, 255, 1)'};stop-opacity:1`%>"/>
  </linearGradient>

  <radialGradient id='<%=`radialfillColor${currentSlide.position}${layer.position}`%>' cx="50%" cy="50%" r="100%" fx="<%=`${layer.settings.layerSettings.shapeStyles.fillColor.horizontalDirection || 0}%`%>" fy="<%=`${layer.settings.layerSettings.shapeStyles.fillColor.verticalDirection || 0}%`%>">
    <stop offset="<%=`${layer.settings.layerSettings.shapeStyles.fillColor.leftColorPercent || 0}%`%>" style="stop-color:<%=`${layer.settings.layerSettings.shapeStyles.fillColor.leftColor || 'rgba(255, 255, 255, 1)'};stop-opacity:1`%>"/>
    <stop offset="<%=`${layer.settings.layerSettings.shapeStyles.fillColor.rightColorPercent || 0}%`%>" style="stop-color:<%=`${layer.settings.layerSettings.shapeStyles.fillColor.rightColor || 'rgba(255, 255, 255, 1)'};stop-opacity:1`%>"/>
  </radialGradient>

  <linearGradient id='<%=`linearborderColor${currentSlide.position}${layer.position}`%>' x1="<%= setCoordinates('x1', 'borderColor') %>" y1="<%= setCoordinates('y1', 'borderColor') %>" x2="<%= setCoordinates('x2', 'borderColor') %>" y2="<%= setCoordinates('y2', 'borderColor') %>">
    <stop offset="<%=`${layer.settings.layerSettings.shapeStyles.borderColor.leftColorPercent || 0}%`%>" style="stop-color:<%=`${layer.settings.layerSettings.shapeStyles.borderColor.leftColor || 'rgba(255, 255, 255, 1)'};stop-opacity:1`%>"/>
    <stop offset="<%=`${layer.settings.layerSettings.shapeStyles.borderColor.rightColorPercent || 0}%`%>" style="stop-color:<%=`${layer.settings.layerSettings.shapeStyles.borderColor.rightColor || 'rgba(255, 255, 255, 1)'};stop-opacity:1`%>"/>
  </linearGradient>

  <radialGradient id='<%=`radialborderColor${currentSlide.position}${layer.position}`%>' cx="50%" cy="50%" r="100%" fx="<%=`${layer.settings.layerSettings.shapeStyles.borderColor.horizontalDirection || 0}%`%>" fy="<%=`${layer.settings.layerSettings.shapeStyles.borderColor.verticalDirection || 0}%`%>">
    <stop offset="<%=`${layer.settings.layerSettings.shapeStyles.borderColor.leftColorPercent || 0}%`%>" style="stop-color:<%=`${layer.settings.layerSettings.shapeStyles.borderColor.leftColor || 'rgba(255, 255, 255, 1)'};stop-opacity:1`%>"/>
    <stop offset="<%=`${layer.settings.layerSettings.shapeStyles.borderColor.rightColorPercent || 0}%`%>" style="stop-color:<%=`${layer.settings.layerSettings.shapeStyles.borderColor.rightColor || 'rgba(255, 255, 255, 1)'};stop-opacity:1`%>"/>
  </radialGradient>
</defs>

<% include ./index.ejs %>
