!-- https://feathericons.com/?query=sun -->
		<mask id="moon">
			<rect x="0" y="0" width="100%" height="100%" fill="white"></rect>
			<circle cx="40" cy="8" r="11" fill="black"></circle>
		</mask>
		<circle id="sun" cx="12" cy="12" r="11" mask="url(#moon)"></circle>
		<g id="sun-beams">
			<line x1="12" y1="1" x2="12" y2="3"></line>
			<line x1="12" y1="21" x2="12" y2="23"></line>
			<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
			<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
			<line 