
	svg.svelte-1ebupva {
		animation: svelte-1ebupva-flipHorizontal 1s infinite steps(1);
	}

	@keyframes svelte-1ebupva-flipHorizontal {
		0% {
			transform: scaleX(1);
		}
		50% {
			transform: scaleX(-1);
		}
		100% {
			transform: scaleX(1);
		}
	}

	/* (unused) .wrap {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 1em;
		width: fit-content;
		padding: 2em;
		/* background-color: rgba(0, 0, 0, 0.292); *\/
		position: relative;
		max-width: 350px;
	}*/

	.grid.svelte-1v6h0t {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--gap-medium-unrelated-blocks);
		align-items: center;
		justify-items: stretch;
		max-width: 300px;
	}

	.subject.svelte-1v6h0t {
		width: 50%;
		height: 50%;

		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		aspect-ratio: 1 / 1;
	}

	.canvas.svelte-1v6h0t {
		position: relative;
		background-color: white;
		/* padding: 1em; */
		display: flex;
		justify-content: center;
		/* min-width: 50px; */
		align-self: center;
		justify-self: center;
		aspect-ratio: 1 / 1;
		width: 100%;
		height: 100%;
	}

	:is(.tryitSignVisible) {
		opacity: 1;
	}

	@media screen and (max-width: 800px) {
		.desktop-only.svelte-18owizn {
			display: none;
		}
	}
