frontend/src/lib/badges/fifty.svelte

<script lang="ts">
	export let classNames = '';
</script>

<svg
	xmlns="http://www.w3.org/2000/svg"
	fill="none"
	viewBox="0 0 385 450"
	width="385"
	height="450"
	class={classNames}
>
	<path
		fill="#3F7B73"
		d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
	/>
	<mask
		id="a"
		width="385"
		height="443"
		x="0"
		y="4"
		maskUnits="userSpaceOnUse"
		style="mask-type:alpha"
	>
		<path
			fill="#D3720A"
			d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
		/>
	</mask>
	<g mask="url(#a)">
		<path
			fill="#468A7D"
			d="M177.5 322c-25 59-49.7 120.7-138.5 83s-182.7-151-157.6-210c25.1-59.1 116.3-93.2 205.1-55.5s116 123.4 91 182.5Z"
		/>
		<path
			fill="#184F4F"
			d="M9 328.5c-9-17-15-206-15-206L-14.5 357 190 486l202-133V126.5s-7.5 187.5-15 202c-3.5 6.8-39.3 28.2-78 52-43.2 26.6-90.5 55.5-109 55.5-18.2 0-63-26.6-104-52.5-37.9-23.9-72.7-46.8-77-55Z"
		/>
		<path
			fill="#F5FFFF"
			d="M166 379h48c-9.3 31-9.3 47.8 0 77h-48c8.3-30 7.2-47 0-77Zm165-78.8 30-23.2c8.1 32.4 18.3 45.8 47.1 61l-30 23.2c-4.2-35-15.9-47.2-47.1-61Z"
			opacity=".3"
		/>
		<path
			fill="#C89435"
			d="M330 111.8 342.6 76c25.7 20.2 41.6 26 72.7 25.6l-12.7 35.8c-24.7-20.3-41-25-72.6-25.6Z"
			opacity=".3"
		/>
		<path
			fill="#F5FFFF"
			d="m22 273 29 24.7c-29.7 14.9-40.7 27.7-50 58.6l-29-24.7c30.4-13.8 40.9-27 50-58.6Z"
			opacity=".3"
		/>
	</g>
	<path
		fill="#80EBE2"
		d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
	/>
	<mask
		id="b"
		width="375"
		height="428"
		x="4"
		y="4"
		maskUnits="userSpaceOnUse"
		style="mask-type:alpha"
	>
		<path
			fill="#C4D6D6"
			d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v184l-.1.4L4 326.5l12.5-17.7a1 1 0 0 1 1.3-.3L186 408l2.5 22.2c.1 1.2 1.9 1.2 2 0L193 408l171.7-98.5a1 1 0 0 1 1.3.3l13 19.2-10.9-22.3a1 1 0 0 1-.1-.4V119a25 25 0 0 0-12.4-21.6Z"
		/>
	</mask>
	<g mask="url(#b)">
		<path
			fill="url(#c)"
			d="M235.2 360.7c46.5-71.6-249.6-263-249.6-263L-40 122s211.6 114.9 176.5 163.3c-35 48.4-217-78.3-217-78.3L-52 325.7s240.7 106.5 287.3 35Z"
			opacity=".7"
		/>
		<path fill="#ECFFFD" d="M246-47h177L226 459H49L246-47Z" opacity=".6" />
		<path fill="#ECFFFD" d="M441.5-49H457L278.5 421H263L441.5-49Z" opacity=".8" />
		<path
			fill="#F5FFFF"
			d="M359.5 120c9.5 27 0 162.5 10 162.5S388 99 388 99L193-27 9 82.5s-6 202.5 3.5 203 8-162 16-175 120-111 161-92S350 93 359.5 120Z"
		/>
		<path
			fill="#E9FFFF"
			d="M21.5 296c-14-17-8-34-8-38l-24 59 195 126 201-111.5L372 246s-7.5 39.5-15.5 52.5-124 113-165 94-156-79.5-170-96.5Z"
			opacity=".7"
		/>
	</g>
	<path
		fill="#34776E"
		d="M192.6 299.8a5 5 0 0 1-.5 2.1 34.5 34.5 0 0 1-30.6 19.1h-52.6a34.5 34.5 0 0 1-30.8-19c-.4-.6-.5-1.4-.5-2v-78a5 5 0 0 1 5-5h38.8a5 5 0 0 1 5 5v42a5 5 0 0 0 5 5h7.4a5 5 0 0 0 5-5v-59a5 5 0 0 0-5-5H82.6a5 5 0 0 1-5-5V53a5 5 0 0 1 5-5h97.7a5 5 0 0 1 5 5v37.9a5 5 0 0 1-5 5h-48.9a5 5 0 0 0-5 5v42a5 5 0 0 0 5 5h30c6.9 0 13.1 1.9 18.7 5.6a33 33 0 0 1 12 13.6c.3.6.5 1.3.5 2v130.7Zm126.4 0a4 4 0 0 1-.6 2.1c-2.8 5.5-6.9 10-12.1 13.6a32.3 32.3 0 0 1-18.7 5.5h-52.5a33 33 0 0 1-18.8-5.5c-5.2-3.6-9.2-8-11.9-13.6-.3-.6-.4-1.4-.4-2V65.4c0-.7.1-1.4.4-2 3.2-6.6 8-11.5 14.3-15a6 6 0 0 1 2.3-.5h80.7a6 6 0 0 1 2.3.5 34 34 0 0 1 14.5 14.9c.3.7.4 1.4.4 2.1v234.3ZM265 269a5 5 0 0 0 5-5V101a5 5 0 0 0-5-5h-7.3a5 5 0 0 0-5 5v163a5 5 0 0 0 5 5h7.3Z"
	/>
	<path
		fill="#fff"
		d="M192.6 287.8c0 .7-.2 1.4-.5 2a34.5 34.5 0 0 1-30.6 19.2h-52.6a34.5 34.5 0 0 1-30.8-19.1 4 4 0 0 1-.5-2.1V210a5 5 0 0 1 5-5h38.8a5 5 0 0 1 5 5v42a5 5 0 0 0 5 5h7.4a5 5 0 0 0 5-5v-59.1a5 5 0 0 0-5-5H82.6a5 5 0 0 1-5-5v-142a5 5 0 0 1 5-5h97.7a5 5 0 0 1 5 5v38a5 5 0 0 1-5 5h-48.9a5 5 0 0 0-5 5v42a5 5 0 0 0 5 5h30a33 33 0 0 1 18.7 5.5 33 33 0 0 1 12 13.6c.3.6.5 1.3.5 2v130.8Zm126.4-.1c0 .8-.2 1.5-.6 2.2-2.8 5.5-6.9 10-12.1 13.5a32.3 32.3 0 0 1-18.7 5.6h-52.5a34.4 34.4 0 0 1-30.7-19.1c-.3-.7-.4-1.4-.4-2.1V53.4c0-.7.1-1.4.4-2 3.2-6.5 8-11.5 14.3-14.9.7-.4 1.5-.5 2.3-.5h80.7c.8 0 1.6.1 2.3.5a34 34 0 0 1 14.5 14.8c.3.7.4 1.4.4 2.2v234.2ZM265 257a5 5 0 0 0 5-5V88.9a5 5 0 0 0-5-5h-7.3a5 5 0 0 0-5 5V252a5 5 0 0 0 5 5h7.3Z"
	/>
	<defs>
		<linearGradient id="c" x1="242" x2="-4.5" y1="378" y2="154" gradientUnits="userSpaceOnUse">
			<stop stop-color="#3F866C" />
			<stop offset="1" stop-color="#48967A" stop-opacity="0" />
		</linearGradient>
	</defs>
</svg>