.view-demo.svelte-5vjr8c {
		display: block;
		width: 100%;
		font-size: calc(var(--vats-text-xl) * 0.85);
		font-weight: 600;
		line-height: 2.25rem;
		text-align: center;
	}

	.demo-button.svelte-5vjr8c {
		margin-top: 1rem;
		margin-right: auto;
		width: max-content;
		border-radius: 1rem;
		box-shadow: 0.25rem 0.5rem 2rem hsl(from var(--vats-text) h s l / 50%);
	}

	:root {
		--vats-fadein-timeout: 1s;
		--vats-root-shadowcolor: var(--vats-text3);
	}

	[data-theme='dark'] {
		--vats-root-shadowcolor: black;
	}

	:root {
		--vats-root-shadow: drop-shadow(1px 2px 3px var(--vats-root-shadowcolor));
	}

	.shaded.svelte-5vjr8c {
		-webkit-filter: var(--vats-root-shadow);
		filter: var(--vats-root-shadow);
	}

	.fade-in.svelte-5vjr8c {
		animation: svelte-5vjr8c-fadeIn ease var(--vats-fadein-timeout);
		-webkit-animation: svelte-5vjr8c-fadeIn ease var(--vats-fadein-timeout);
		-moz-animation: svelte-5vjr8c-fadeIn ease var(--vats-fadein-timeout);
		-o-animation: svelte-5vjr8c-fadeIn ease var(--vats-fadein-timeout);
		-ms-animation: svelte-5vjr8c-fadeIn ease var(--vats-fadein-timeout);
	}

	@keyframes svelte-5vjr8c-fadeIn {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	aside.svelte-5vjr8c {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 3rem;

		.title:where(.svelte-5vjr8c) {
			z-index: 10;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 2rem;

			& > div:where(.svelte-5vjr8c):nth-child(1) {
				width: 31rem;
				margin-bottom: 1rem;
			}

			.cyber:where(.svelte-5vjr8c) {
				font-size: 2.4rem;
				font-weight: 600;
				text-transform: uppercase;
				font-style: italic;
				word-spacing: 0.5rem;
				color: var(--vats-blue);
				width: 32rem;
				margin-left: 2rem;
				margin-bottom: 3rem;
				color: var(--vats-thx-h);
				line-height: 130%;

				emph:where(.svelte-5vjr8c) {
					color: var(--vats-coloredtext);
				}
			}
		}

		.ribcage:where(.svelte-5vjr8c) {
			position: relative;
			width: 85%;
			aspect-ratio: 237 / 114;

			.image:where(.svelte-5vjr8c) {
				width: 100%;
				height: 100%;
			}
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 3rem;
		}
	}

	main.svelte-5vjr8c {
		margin-left: auto;
		margin-right: auto;
		max-width: var(--vats-page-maxwidth);

		& > div:where(.svelte-5vjr8c) {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;
			gap: 3rem;

			& > div:where(.svelte-5vjr8c) {
				display: flex;
				max-width: 45rem;
				flex-direction: column;
				flex-grow: 1;
				font-size: 1.65rem;
				padding: 0 2rem;

				& > div:where(.svelte-5vjr8c):nth-child(1) {
					font-weight: 600;
					color: var(--vats-coloredtext);
					text-transform: uppercase;
					font-size: 1.9rem;
					padding-bottom: 0.5rem;
				}
			}
		}
	}

	@media (min-width: 745px) {
		.ribcage.m-top.svelte-5vjr8c {
			width: 604px;
		}

		main.svelte-5vjr8c {
			& > div:where(.svelte-5vjr8c) {
				gap: 0rem;

				& > div:where(.svelte-5vjr8c) {
					max-width: 33.5rem;
				}
			}
		}
	}