
	: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-1azb3qo {
		-webkit-filter: var(--vats-root-shadow);
		filter: var(--vats-root-shadow);
	}

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

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

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

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

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

				/* (unused) .button {
					position: relative;
					height: 0;
					top: -2rem;
				}*/
			}

			.cyber:where(.svelte-1azb3qo) {
				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-1azb3qo) {
					color: var(--vats-coloredtext);
				}
			}
		}

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

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

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

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

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

				& > div:where(.svelte-1azb3qo):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-1azb3qo {
			width: 604px;
		}

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

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