.loader.svelte-rd7g18 {
		width: 40px;
		height: 20px;
		background: var(--on-surface);
		position: relative;
		animation: svelte-rd7g18-l19-0 0.5s infinite ease-in-out;
		position: absolute;
		scale: 0.25;
		opacity: 0.25;
		z-index: 0;
	}
	.loader.svelte-rd7g18:before,
	.loader.svelte-rd7g18:after {
		content: "";
		position: absolute;
		background: inherit;
		bottom: 100%;
		width: 50%;
		height: 100%;
		animation: inherit;
		animation-name: svelte-rd7g18-l19-1;
	}
	.loader.svelte-rd7g18:before {
		left: 0;
		--s: -1, 1;
	}
	.loader.svelte-rd7g18:after {
		right: 0;
	}
	@keyframes svelte-rd7g18-l19-0 {
		0%,
		30% {
			transform: translateY(0) scaleY(1);
		}
		49.99% {
			transform: translateY(-50%) scaleY(1);
		}
		50% {
			transform: translateY(-50%) scaleY(-1);
		}
		70%,
		100% {
			transform: translateY(-100%) scaleY(-1);
		}
	}
	@keyframes svelte-rd7g18-l19-1 {
		0%,
		10%,
		90%,
		100% {
			transform: scale(var(--s, 1)) translate(0);
		}
		30%,
		70% {
			transform: scale(var(--s, 1)) translate(20px);
		}
		50% {
			transform: scale(var(--s, 1)) translate(20px, 20px);
		}
	}

	.bg.svelte-9ebti7 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #252525;
		/* background-color: #ffc500; */
		/* background-color: #ff8662; */

		z-index: -1;
	}

	.ffvideo.svelte-9ebti7 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 5;
	}

	/* (unused) .hero {
		border-radius: 1em;
		/* box-shadow: 0 2em 50px -30px rgba(0, 0, 0, 0.5); *\/
	}*/

	/* (unused) .stars {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
	}*/

	/* (unused) .mars {
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		height: 30px;
		z-index: -1;
	}*/

	/* (unused) .aliensShip {
		width: 25px;
		height: 25px;
		z-index: 1;
	}*/

	/* (unused) .aliensBox {
		position: relative;
		animation: aliensFloat 2s linear infinite;
		align-items: center;
		justify-content: center;
		position: relative;
		display: flex;
		left: 0;
		gap: 1em;
		padding: 1em;
	}*/

	/* (unused) .fullscreen {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: end;
	}*/

	@keyframes svelte-9ebti7-aliensPassBy {
		0% {
			transform: translateX(-30%);
		}
		100% {
			transform: translateX(130%);
		}
	}

	@keyframes svelte-9ebti7-aliensFloat {
		0% {
			transform: translateY(0%);
		}
		50% {
			transform: translateY(-20%);
		}
		100% {
			transform: translateY(0%);
		}
	}

	.wrap.svelte-1qfxv0o {
		position: relative;
		height: 100%;
		width: 100%;

		display: flex;
		flex-direction: column;

		text-align: center;
		justify-content: center;
		/* background: rgb(218, 107, 254); */
		background: var(--bg-color-lighter);
	}

	/* (unused) .demo {
		position: absolute;
		min-width: 150px;
		aspect-ratio: 1 / 1;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		/* height: 100%; *\/
	}*/

	/* (unused) .keystroke {
		position: absolute;
		background: var(--bg-color);
		font-size: 0.8rem;
		padding: 0.5rem 0.8rem;
		border-radius: 5px;
		margin: 5px;
		white-space: nowrap;
		flex-wrap: nowrap;
		/* transform: translate(-50%, -50%); *\/
		animation: keyanim 2s both;
		transform-origin: center;
		pointer-events: none;
	}*/

	@keyframes svelte-1qfxv0o-keyanim {
		0% {
			scale: 1.1;
		}
		5% {
			scale: 0.98;
		}
		10% {
			scale: 1.05;
		}
		15% {
			scale: 1;
		}
	}

	/* (unused) .bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		object-fit: cover;
		z-index: 0;
		object-fit: cover;
	}*/

	/* (unused) .index {
		position: absolute;
		color: black;
		font-size: 0.5rem;
		transform: translate(0%, -50%);

		/* animation: blink 4s infinite; *\/
		/* left: 0; *\/
	}*/

	@keyframes svelte-1qfxv0o-blink {
		0%,
		100% {
			opacity: 1;
		}
		50% {
			opacity: 0;
			/* translate: 0 5px; */
		}
	}

	/* (unused) .balls {
		display: flex;
		flex-direction: row;

		display: grid;
		grid-template-columns: repeat(5, 1fr);

		gap: 0.5rem;
		padding: 0.5rem;
		width: 100%;
		height: 100%;

		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;

		align-items: center;
		justify-items: center;
	}*/

	/* (unused) .ball {
		position: relative;
		all: unset;
		width: 70%;
		height: 100%;
		overflow: hidden;
		/* filter: hue-rotate(130deg); *\/
	}*/

	/* (unused) .ball :global(svg) {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}*/

	/* (empty) .ball:not(:first-child) :global(rect) {
		/* fill: rgb(92, 127, 255); *\/
		/* opacity: 0.2; *\/
	}*/

	@keyframes svelte-1qfxv0o-test {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(90deg);
		}
	}

	.tool.svelte-1qfxv0o {
		position: absolute;
		top: 50%;
		left: 50%;
		object-fit: contain;
		width: 100%;
		max-width: 180px;
		transform: translate(-50%, -50%);

		border-radius: 10px;
		overflow: hidden;
	}

	/* (unused) h1 {
		position: absolute;
		z-index: 10;
	}*/