<script lang="ts">
	interface Props {
		classNames?: string;
	}

	let { classNames = "" }: Props = $props();
</script>

<svg
	width="49"
	height="49"
	viewBox="0 0 49 49"
	fill="none"
	xmlns="http://www.w3.org/2000/svg"
	class={classNames}
>
	<mask
		id="mask0_3607_32"
		style="mask-type:alpha"
		maskUnits="userSpaceOnUse"
		x="6"
		y="6"
		width="37"
		height="37"
	>
		<path
			d="M24.5 42.5C19.4667 42.5 15.2087 40.758 11.726 37.274C8.24333 33.79 6.50133 29.532 6.5 24.5C6.5 19.9 8 15.908 11 12.524C14 9.13996 17.8333 7.16529 22.5 6.59996C22.9333 6.53329 23.3167 6.59196 23.65 6.77596C23.9833 6.95996 24.25 7.20129 24.45 7.49996C24.65 7.79863 24.7587 8.14863 24.776 8.54996C24.7933 8.95129 24.668 9.33463 24.4 9.69996C23.8333 10.5666 23.408 11.4833 23.124 12.45C22.84 13.4166 22.6987 14.4333 22.7 15.5C22.7 18.5 23.75 21.05 25.85 23.15C27.95 25.25 30.5 26.3 33.5 26.3C34.5333 26.3 35.5587 26.15 36.576 25.85C37.5933 25.55 38.5013 25.1333 39.3 24.6C39.6667 24.3666 40.042 24.2586 40.426 24.276C40.81 24.2933 41.1513 24.3846 41.45 24.55C41.7833 24.7166 42.042 24.9666 42.226 25.3C42.41 25.6333 42.468 26.0333 42.4 26.5C41.9333 31.1 39.9753 34.9166 36.526 37.95C33.0767 40.9833 29.068 42.5 24.5 42.5Z"
			fill="black"
		/>
	</mask>
	<g mask="url(#mask0_3607_32)">
		<path
			d="M24.5 42.5C19.4667 42.5 15.2087 40.758 11.726 37.274C8.24333 33.79 6.50133 29.532 6.5 24.5C6.5 19.9 8 15.908 11 12.524C14 9.13996 17.8333 7.16529 22.5 6.59996C22.9333 6.53329 23.3167 6.59196 23.65 6.77596C23.9833 6.95996 24.25 7.20129 24.45 7.49996C24.65 7.79863 24.7587 8.14863 24.776 8.54996C24.7933 8.95129 24.668 9.33463 24.4 9.69996C23.8333 10.5666 23.408 11.4833 23.124 12.45C22.84 13.4166 22.6987 14.4333 22.7 15.5C22.7 18.5 23.75 21.05 25.85 23.15C27.95 25.25 30.5 26.3 33.5 26.3C34.5333 26.3 35.5587 26.15 36.576 25.85C37.5933 25.55 38.5013 25.1333 39.3 24.6C39.6667 24.3666 40.042 24.2586 40.426 24.276C40.81 24.2933 41.1513 24.3846 41.45 24.55C41.7833 24.7166 42.042 24.9666 42.226 25.3C42.41 25.6333 42.468 26.0333 42.4 26.5C41.9333 31.1 39.9753 34.9166 36.526 37.95C33.0767 40.9833 29.068 42.5 24.5 42.5Z"
			fill="black"
		/>
		<path
			d="M24.5 42.5C19.4667 42.5 15.2087 40.758 11.726 37.274C8.24333 33.79 6.50133 29.532 6.5 24.5C6.5 19.9 8 15.908 11 12.524C14 9.13996 17.8333 7.16529 22.5 6.59996C22.9333 6.53329 23.3167 6.59196 23.65 6.77596C23.9833 6.95996 24.25 7.20129 24.45 7.49996C24.65 7.79863 24.7587 8.14863 24.776 8.54996C24.7933 8.95129 24.668 9.33463 24.4 9.69996C23.8333 10.5666 23.408 11.4833 23.124 12.45C22.84 13.4166 22.6987 14.4333 22.7 15.5C22.7 18.5 23.75 21.05 25.85 23.15C27.95 25.25 30.5 26.3 33.5 26.3C34.5333 26.3 35.5587 26.15 36.576 25.85C37.5933 25.55 38.5013 25.1333 39.3 24.6C39.6667 24.3666 40.042 24.2586 40.426 24.276C40.81 24.2933 41.1513 24.3846 41.45 24.55C41.7833 24.7166 42.042 24.9666 42.226 25.3C42.41 25.6333 42.468 26.0333 42.4 26.5C41.9333 31.1 39.9753 34.9166 36.526 37.95C33.0767 40.9833 29.068 42.5 24.5 42.5Z"
			fill="url(#paint0_radial_3607_32)"
		/>
		<g filter="url(#filter0_f_3607_32)">
			<path
				d="M19.9248 7.07642C18.9863 7.73469 18.1188 8.51292 17.3223 9.41138C14.8404 12.2109 13.5986 15.5131 13.5986 19.3186C13.5997 23.4815 15.0417 27.0038 17.9229 29.886C20.804 32.7682 24.3263 34.2092 28.4902 34.2092C32.269 34.2092 35.585 32.9548 38.4385 30.4456C40.1338 28.9547 41.3934 27.2347 42.2178 25.2864C42.2203 25.2909 42.223 25.2954 42.2256 25.3C42.4096 25.6334 42.4684 26.0336 42.4004 26.5002C41.9337 31.0999 39.9754 34.9163 36.5264 37.9495C33.077 40.9828 29.068 42.5002 24.5 42.5002C19.4667 42.5002 15.2083 40.7577 11.7256 37.2737C8.24321 33.7898 6.50141 29.5319 6.5 24.5002C6.5 19.9002 8 15.9077 11 12.5237C13.4287 9.78414 16.4038 7.96861 19.9248 7.07642Z"
				fill="#89969F"
			/>
		</g>
	</g>
	<defs>
		<filter
			id="filter0_f_3607_32"
			x="-0.130445"
			y="0.445971"
			width="49.1886"
			height="48.6847"
			filterUnits="userSpaceOnUse"
			color-interpolation-filters="sRGB"
		>
			<feFlood flood-opacity="0" result="BackgroundImageFix" />
			<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
			<feGaussianBlur stdDeviation="3.31522" result="effect1_foregroundBlur_3607_32" />
		</filter>
		<radialGradient
			id="paint0_radial_3607_32"
			cx="0"
			cy="0"
			r="1"
			gradientTransform="matrix(-10.7245 16.294 -16.2944 -10.7241 28.8768 19.7027)"
			gradientUnits="userSpaceOnUse"
		>
			<stop offset="0.228187" stop-color="white" />
			<stop offset="1" stop-color="#F8FAFC" />
		</radialGradient>
	</defs>
</svg>
