.main-interaction-pane.svelte-11d6df8 {
		touch-action: none;
		user-select: none;
	}

	.logo-frame.svelte-11d6df8 {
		transform: perspective(900px) rotateX(var(--app-logo-frame-rotate-x, 0deg))
			rotateY(var(--app-logo-frame-rotate-y, 0deg));
		transform-origin: center;
		transform-style: preserve-3d;
		touch-action: none;
		user-select: none;
		will-change: transform;
	}

	.logo-base.svelte-11d6df8 {
		opacity: 0.2;
		mix-blend-mode: normal;
		touch-action: none;
		filter: none;
	}

	@media (prefers-color-scheme: dark) {
		.logo-base.svelte-11d6df8 {
			opacity: 0.1;
			mix-blend-mode: normal;
			filter: none;
		}
	}

	html.dark .logo-base.svelte-11d6df8 {
		opacity: 0.1;
		mix-blend-mode: normal;
		filter: none;
	}

	html.light .logo-base.svelte-11d6df8 {
		opacity: 0.2;
		mix-blend-mode: normal;
		filter: none;
	}