<script lang="ts">
	import maskenball from './maskenball.svg?raw';
</script>

<div>
	{@html maskenball}
</div>

<style>
	@import './maskenball.css';

	div {
		margin-top: 10px;
		position: relative;
		display: flex;
		z-index: 5;
		align-items: center;
		justify-content: center;
		filter: drop-shadow(0px 0px 40px #be8630aa) drop-shadow(0px 0px 5px black)
			drop-shadow(0px 0px 5px black) drop-shadow(0px 0px 5px black);
	}

	div :global(path) {
		animation-duration: 5s !important;
		animation-delay: 2s !important;
		animation-fill-mode: forwards !important;
		stroke: #d9c556;
	}
</style>
