export const blueGlow = `
<filter id="blue-glow" filterUnits="userSpaceOnUse" x="-50%" y="-50%" width="200%" height="200%">
    <feGaussianBlur in="SourceGraphic" stdDeviation="5" result="blur5"/>
    <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur10"/>
    <feGaussianBlur in="SourceGraphic" stdDeviation="20" result="blur20"/>
    <feGaussianBlur in="SourceGraphic" stdDeviation="30" result="blur30"/>
    <feGaussianBlur in="SourceGraphic" stdDeviation="50" result="blur50"/>
    <feGaussianBlur in="SourceGraphic" stdDeviation="100" result="blur100"/>
    <feGaussianBlur in="SourceGraphic" stdDeviation="300" result="blur300"/>
    <feMerge result="blur-merged">
        <feMergeNode in="blur10"/>
        <feMergeNode in="blur20"/>
        <feMergeNode in="blur30"/>
        <feMergeNode in="blur50"/>
        <feMergeNode in="blur100"/>
    </feMerge>
    <feColorMatrix result="blue-blur" in="blur-merged" type="matrix"
                    values="0.01 0 0 0 0
                            0 0.44 0 0 0
                            0 0 1 0 0
                            0 0 0 1 0" />
    <feMerge>
        <feMergeNode in="blur300"/>
        <feMergeNode in="blur300"/>
        <feMergeNode in="blur300"/>
        <feMergeNode in="blur100"/>
        <feMergeNode in="blue-blur"/>
        <feMergeNode in="blur5"/>
        <feMergeNode in="SourceGraphic"/>
    </feMerge>
</filter>
`;
