<% include ./index.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 33 33'
    preserveAspectRatio='none'
>
    <% include ./defs.ejs %>
    <g>
        <g transform='translate(-1059 -228.25)'>
            <use fill='transparent'/>
            <path
                    d='M1059 244.75a16.5 16.5 0 1 1 33 0 16.5 16.5 0 0 1-33 0z'
                    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'>
            </path>
        </g>
    </g>
</svg>
