aside.svelte-1p7h1pf {
		position: absolute;
		z-index: 100;
		right: 2rem;
		top: 1.5rem;
		background-color: var(--vats-sidebar-background);
		border-radius: var(--vats-input-borderradius);
		border: 1px solid var(--vats-coloredtext);
		box-shadow: 0 0px 8px hsl(from var(--vats-coloredtext) h s l / 50%);
		padding: 0.5rem 1.25rem;
		box-sizing: border-box;
		width: 40rem;
		height: 7.5rem;

		div:where(.svelte-1p7h1pf) {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start;
			gap: 2rem;
			height: 100%;
			padding: 0;

			div:where(.svelte-1p7h1pf) {
				display: inline-block;
				padding-top: 1.1rem;
			}

			span:where(.svelte-1p7h1pf) {
				line-height: 5.75rem;
				overflow: hidden;

				span:where(.svelte-1p7h1pf) {
					font: 600 var(--vats-text-m) var(--vats-font);
					color: var(--vats-coloredtext);
					display: inline-block;
					vertical-align: middle;
				}

				p:where(.svelte-1p7h1pf) {
					color: var(--vats-text);
					font-size: var(--vats-text-s);
					line-height: 1.7rem;
					padding-top: 0.25rem;
					font-weight: 300;
				}
			}
		}
	}

	.container.svelte-rdkgm8 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;   
        height: 100vh; 
        display: flex;
        justify-content: center; 
        z-index: 9000;
    }

    .list.svelte-rdkgm8 {
        margin-left: 3rem;
    }

    aside.svelte-rdkgm8 {
        background-color: var(--vats-tour-background);
		color: var(--vats-tour-text);
		font-size: var(--vats-text-m);
        margin-top: 20rem;
        padding: 1rem 1rem 1.5rem 2rem;

		flex-direction: column;
		justify-content: space-inbetween;
		gap: 1rem;

		border-radius: var(--vats-input-borderradius);
		border: solid 2px var(--vats-tour-border);
		box-shadow: 0 0 3rem hsl(from var(--vats-tour-glow) h s l / 100%);

		box-sizing: border-box;
		width: max-content;
		height: max-content;
		max-width: 35rem;

		main:where(.svelte-rdkgm8) {
			color: var(--vats-tour-text2);
			font-weight: 600;
			padding-bottom: 2rem;
			font-size: var(--vats-text-l);
		}

		nav:where(.svelte-rdkgm8) {
			display: flex;
            justify-content: center;
			text-align: center;
            padding-top: 3rem;
			gap: 6rem;
			align-items: center;
		}
	}

	.bubble.svelte-ol6gpg {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, 50%);
		max-width: 35rem;
	}

	aside.svelte-ol6gpg {
		position: fixed;
		right: 2rem;
		bottom: 1.5rem;

		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 1rem 2rem 1rem 1rem;

		gap: 1rem;
		width: max-content;
		aspect-ratio: 1.41;
		background-color: var(--vats-tour-background);
		color: var(--vats-tour-text);
		font-size: var(--vats-text-m);
		z-index: 1000;

		border-radius: var(--vats-input-borderradius);
		border: solid 2px var(--vats-tour-border);
		box-shadow: 0 0 3rem hsl(from var(--vats-tour-glow) h s l / 100%);
		box-sizing: border-box;

		main:where(.svelte-ol6gpg) {
			font-weight: 600;
			color: var(--vats-tour-text2);
			font-size: var(--vats-text-l);
			text-align: center;
			white-space: nowrap;
		}

		nav:where(.svelte-ol6gpg) {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			gap: 2rem;
		}

		.restart:where(.svelte-ol6gpg) {
			justify-content: center;
		}
	}

	dialog.svelte-1rqo58f::backdrop {
		background-color: transparent;
	}

	dialog.svelte-1rqo58f {
		border: 0;
	}

	.demo.svelte-nxhsjn {
		position: absolute;
		bottom: 0rem;
		left: 0rem;
		z-index: 200;
		width: 100%;
		height: 2.5rem;
		background-color: var(--vats-coloredtext);
		font-weight: 600;
		color: white;
		overflow: hidden;
		letter-spacing: 0.1rem;
	}

	.top.svelte-nxhsjn {
		display: flex;
		flex-direction: column;
	}

	.grow.svelte-nxhsjn {
		flex-grow: 1;
	}

	.full.svelte-nxhsjn {
		display: flex;
		flex-direction: column;
		height: 100%;
		width: 100%;

		header:where(.svelte-nxhsjn) {
			display: none;
			width: 100%;
			top: 0;
			left: 0;
			right: 0;
			z-index: 50;
		}

		@media (min-width: 1024px) {
			.lg-flex:where(.svelte-nxhsjn) {
				display: flex;
			}

			.lg-sticky:where(.svelte-nxhsjn) {
				position: sticky;
			}
		}
	}

	.layout.svelte-nxhsjn {
		display: flex;
		flex-direction: row;
		height: 100%;
		position: relative;
	}

	@media print {
		/* (unused) body * {
			visibility: hidden;
			height: unset;
		}*/
		/* (unused) #printSection,
		#printSection * {
			visibility: visible;
		}*/
		/* (unused) #printSection {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
		}*/
	}