aside.svelte-1rcayj1 {
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 100;
		right: 2rem;
		bottom: 1.5rem;
		background-color: transparent;
		border-radius: var(--vats-input-borderradius);
		box-shadow: 0 0 1rem hsl(from var(--vats-coloredtext) h s l / 50%);
		padding: 0.2rem;
		box-sizing: border-box;
		width: max-content;
		height: max-content;
	}

	/* (unused) #tour-bubble {
		position: absolute;
		background: var(--vats-bubble-background);
		color: var(--vats-bubble-text);
		border-radius: 1rem;
		padding: 1rem 1.5rem;
		box-shadow: 0 0rem 3rem rgb(255, 255, 255);
		border: 1px solid #ec2526;
		max-width: 20rem;
		text-align: center;
		z-index: 1000;
	}*/

	/* (unused) #tour-bubble:after {
		content: '';
		position: absolute;
		border-style: solid;
	}*/

	/* (empty) :root {
		.right:after {
			left: -2rem;
			top: calc(50% - 1rem);
			border-width: 1rem;
			border-color: transparent rgb(207, 11, 11) transparent transparent;
		}

		.left:after {
			right: -2rem;
			top: calc(50% - 1rem);
			border-width: 1rem;
			border-color: transparent transparent transparent rgb(207, 11, 11);
		}

		.under:after {
			left: calc(50% - 1rem);
			top: -2rem;
			border-width: 1rem;
			border-color: transparent transparent rgb(207, 11, 11) transparent;
		}

		.above:after {
			left: calc(50% - 1rem);
			bottom: -2rem;
			border-width: 1rem;
			border-color: rgb(207, 11, 11) transparent transparent transparent;
		}
	}*/

	/* (unused) .hidden {
		display: none;
	}*/

	button.svelte-142wtfy {
		border: 0;
		background-color: transparent;
		padding: 0;
		margin: 0;
		height: max-content;
		color: var(--vats-text3);
		cursor: pointer;
		padding-top: 0.5rem;
	}

	button.svelte-142wtfy:hover {
		color: var(--vats-coloredtext);
	}

	.search.svelte-nrhz3h {
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: var(--vats-text3);
		font-size: var(--vats-text-m);
		height: 3rem;
		width: 9rem;
		border-radius: 0.75rem;
		padding: 0.5rem 1rem 0.5rem 0.5rem;
		border: 1px solid hsl(from var(--vats-text2) h s l / 30%);
		background-color: transparent;
		cursor: text;
		margin-right: 1rem;
		z-index: 100;

		div:where(.svelte-nrhz3h) {
			display: flex;
			align-items: center;
			gap: 0.25rem;
		}

		& > div:where(.svelte-nrhz3h):nth-child(2) {
			display: none;
		}

		&:focus {
			outline: none;
		}
	}

	.search.svelte-nrhz3h:hover {
		color: var(--vats-coloredtext);
		border: 1px solid var(--vats-coloredtext);
	}

	@media (min-width: 640px) {
		.search.svelte-nrhz3h {
			width: 14rem;

			& > div:where(.svelte-nrhz3h):nth-child(2) {
				display: flex;
			}
		}
	}

	dialog.svelte-nrhz3h {
		width: 100%;
		max-width: 58rem;
		height: 85dvh;
		margin: 0 auto;
		top: 15vh;
		border-radius: 0rem;
		border-top-left-radius: 1rem;
		border-top-right-radius: 1rem;
		border: 1px solid var(--vats-topbar-bordercolor);

		&:focus {
			outline: none;
		}

		& > div:where(.svelte-nrhz3h) {
			display: flex;
			flex-direction: column;
			width: calc(100% - 1.25rem);
			height: 100%;
			margin-right: 1.25rem;
			border-right: 1px solid var(--vats-topbar-bordercolor);
		}

		input:where(.svelte-nrhz3h) {
			height: 3rem;
			line-height: 1.5;
			padding: 1.75rem 1rem;
			width: 100%;
			border: 2px solid transparent;
			background-color: transparent;
			font-size: var(--vats-text-m);

			&:focus {
				box-shadow: none;
			}
		}

		.query:where(.svelte-nrhz3h) {
			display: flex;
			border-bottom: 1px solid var(--vats-topbar-bordercolor);
			align-items: center;
			padding: 1rem;
		}

		.results:where(.svelte-nrhz3h) {
			width: 100%;
			height: 100%;
			overflow-x: hidden;
			overflow-y: auto;
			padding: 0.5rem 0;

			ul:where(.svelte-nrhz3h) {
				border-left: 1px solid var(--vats-text3);
				margin-left: 2rem;
				list-style: none;
				padding-left: 0rem;
			}

			& > ul:where(.svelte-nrhz3h) {
				border-width: 0;
				margin-left: 0;
			}
		}

		.result:where(.svelte-nrhz3h) {
			display: flex;
			flex-direction: column;
			text-wrap: nowrap;
			line-height: 120%;
			padding: 0.5rem 1rem 0.25rem;
			cursor: pointer;
			justify-content: center;
			text-decoration: none;
			color: var(--vats-text);

			strong:where(.svelte-nrhz3h) {
				font-weight: 600;
				padding: 0;
				margin: 0;
			}

			span:where(.svelte-nrhz3h) {
				height: 2rem;
				font-size: var(--vats-text-s);
			}
		}

		.result:where(.svelte-nrhz3h):hover {
			background-color: var(--vats-sidebar-background);

			strong:where(.svelte-nrhz3h) {
				color: var(--vats-coloredtext);
			}
		}

		@media (min-width: 768px) {
			max-height: 500px;
			border-radius: 1rem;
		}
	}

	.tree.svelte-nrhz3h {
		background-color: transparent;
	}

	dialog.svelte-nrhz3h::backdrop {
		background-color: rgba(0, 0, 0, 0.4);
		backdrop-filter: blur(4px);
	}

	dialog.svelte-15uocmx,
	dialog.svelte-15uocmx:focus {
		width: max-content;
		height: max-content;
		margin: 0 auto;
		top: 20dvh;
		border-radius: 1rem;
		border: 2px solid var(--vats-coloredtext);
		overflow: hidden;
		background-color: var(--vats-background);
		line-height: 0;

		img:where(.svelte-15uocmx) {
			min-height: 20rem;
			height: 60dvh;
			max-height: 80dvw;
		}

		button:where(.svelte-15uocmx),
		button:where(.svelte-15uocmx):focus {
			position: absolute;
			top: 0rem;
			left: 0.25rem;
			background: none;
			border: none;
			font-size: 2.5rem;
			font-weight: bold;
			cursor: pointer;
			color: var(--vats-coloredtext);
			z-index: 100;
		}
	}

	dialog.svelte-15uocmx::backdrop {
		background-color: hsl(from black h s l / 50%);
		backdrop-filter: blur(4px);
	}

	.dialog-frame.svelte-1192uop {
		line-height: 1.25;
		width: 30rem;
		min-height: 35rem;
		max-height: 80vh;
		display: flex;
		flex-direction: column;

		& > div:where(.svelte-1192uop):first-child {
			flex-shrink: 0;
			font-size: var(--vats-text-l);
			font-weight: 600;
			text-align: center;
			padding-top: 1.5rem;
		}
	}

	ul.svelte-1192uop {
		text-transform: none;
		list-style-type: none;
		padding: 1rem 1rem 1rem 1rem;
		overflow-y: auto;

		li:where(.svelte-1192uop) {
			padding: 0.5rem 1rem;
		}

		li:where(.svelte-1192uop):hover {
			background-color: hsl(from var(--vats-coloredtext) h s l / 50%);
			border-radius: 2rem;
			cursor: pointer;
		}
	}

	button.svelte-1192uop {
		background-color: transparent;
		border: none;
		cursor: pointer;
		width: 100%;
		height: 100%;

		span:where(.svelte-1192uop) {
			font-size: var(--vats-text-xs);
		}
	}

	.new-chat.svelte-1192uop {
		font-style: italic;
		color: var(--vats-coloredtext);
		font-weight: 600;
	}

	.size.svelte-1l4q85o {
		font-size: var(--vats-text-xs);
		margin-left: auto;
		text-align: right;
		text-transform: none;
	}

	.info.svelte-1l4q85o {
		display: flex;
		flex-direction: column;
		gap: 1rem;;
		text-transform: none;
		font-size: var(--vats-text-s);
		font-style: italic;
		color: var(--vats-text);
		/* font-family: var(--vats-font-blog); */

		& > div:where(.svelte-1l4q85o) {
			padding-bottom: 2rem;
		}

		ul:where(.svelte-1l4q85o) {
			list-style: disc;
			font-size: var(--vats-text-m);
		}

		li:where(.svelte-1l4q85o) {
			margin-left: 4rem;
			padding: 0.25rem 0 0.25rem 0;
		}
	}

	.context.svelte-1l4q85o {
		font-size: var(--vats-text-s);
		color: var(--vats-coloredtext);
		padding-top: 0.5rem;
	}

	.prompt.svelte-1l4q85o {
		display: flex;
		text-transform: none;
		flex-direction: row;
		font-size: var(--vats-text-m);
		color: var(--vats-text);

		& > div:where(.svelte-1l4q85o):first-child {
			margin-left: auto;
			padding-right: 1rem;
		}

		& > div:where(.svelte-1l4q85o):nth-child(2) {
			min-width: 20rem;
			padding: 1rem;
			background-color: hsl(from var(--vats-text2) h s l / 20%);
			border-radius: 1rem 0rem 1rem 1rem;
		}
	}
	.response.svelte-1l4q85o {
		text-align: left;
		text-transform: none;
		color: var(--vats-text);
		font-size: var(--vats-text-m);
		padding: 0.5rem 0rem 2rem 0;
	}

	.response ul,
	.response ol {
		padding: 0.5rem 0 0.5rem 5rem;
	}
	.response li {
		padding: 0.15rem 0 0.15rem 0rem;
	}

	.dialog-frame.svelte-1l4q85o {
		line-height: 1.25;
		width: 90vw;
		max-width: 60rem;
		height: 90vh;
		display: flex;
		flex-direction: column;
	}

	.dialog-content-wrapper.svelte-1l4q85o {
		margin: 1rem;
		width: calc(100% - 2rem);
		height: calc(100% - 2rem);
		display: flex;
		flex-direction: column;
		gap: 1rem;
		flex-grow: 1;
	}

	.title-section.svelte-1l4q85o {
		flex-shrink: 0;
		font-size: var(--vats-text-xl);
		color: var(--vats-text);
		font-weight: 600;
		text-align: center;
	}

	.top-section.svelte-1l4q85o {
		flex-grow: 1;
		width: 100%;
		background-color: var(--vats-sidebar-background);
		padding: 1rem;
		box-sizing: border-box;
		overflow: auto;
		border-radius: 1rem;
	}

	.bottom-section.svelte-1l4q85o {
		flex-shrink: 0;
		height: 12rem;
		width: 100%;
		background-color: var(--vats-sidebar-background);
		padding: 1rem;
		box-sizing: border-box;
		overflow: hidden;
		border-radius: 1rem;

		display: flex;
		flex-direction: row;
		gap: 1rem;

		& > textarea:where(.svelte-1l4q85o) {
			width: 100%;
			height: 100%;
			border-radius: 1rem;
			padding: 0.5rem;
			font-size: var(--vats-text-m);
		}
	}

	nav.svelte-1l4q85o {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	nav.svelte-dcykn {
		width: 100%;
		z-index: 40;

		> div.top-bar:where(.svelte-dcykn) {
			background-color: var(--vats-topbar-background);
			padding: 0 2rem;
			border-bottom: solid 1px var(--vats-topbar-bordercolor);

			> ul:where(.svelte-dcykn) {
				display: flex;
				list-style: none;
				width: 100%;
				height: calc(var(--vats-header-height) - 2px);
				align-items: center;
				gap: 2rem;
				text-transform: uppercase;
				font-size: var(--vats-text-l);

				li:where(.svelte-dcykn) {
					margin-top: 2px;
					div:where(.svelte-dcykn),
					a:where(.svelte-dcykn) {
						display: inline flex;
						height: 100%;
						box-sizing: border-box;
						line-height: var(--vats-header-height);
					}

					a:where(.svelte-dcykn) {
						text-decoration: none;
						color: var(--vats-text2);

						&:hover {
							text-decoration: underline;
						}
					}

					.menu-item:where(.svelte-dcykn) {
						color: var(--vats-text);
					}
				}

				li:where(.svelte-dcykn):nth-of-type(2) {
					.by:where(.svelte-dcykn),
					.learnvats:where(.svelte-dcykn) {
						font-size: 1.9rem;
					}

					.by:where(.svelte-dcykn) {
						display: block;
						color: var(--vats-text3);
						font-weight: 300;
					}

					.learnvats:where(.svelte-dcykn) {
						display: block;
						font-weight: 400;
						color: var(--vats-text);
					}
				}
			}
		}

		> div.menu:where(.svelte-dcykn) {
			padding: 2rem 0 5rem 5rem;

			> ul:where(.svelte-dcykn) {
				list-style: none;
				line-height: 2;

				li:where(.svelte-dcykn) {
					border-bottom: 1px solid hsl(from var(--vats-text3) h s l / 30%);
				}

				a:where(.svelte-dcykn),
				a:where(.svelte-dcykn):hover {
					color: var(--vats-text);
					text-decoration: none;
					font: 500 var(--vats-text-m) var(--vats-font);
				}

				a:where(.svelte-dcykn):hover {
					color: var(--vats-coloredtext);
				}
			}
		}
	}

	@media (max-width: 540px) {
		.about.svelte-dcykn {
			display: none;
		}
	}

	.logo.svelte-dcykn {
		position: relative;
		top: -10px;
	}
	.logo-href.svelte-dcykn {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
	}

	.current.svelte-dcykn {
		font-weight: 500;
		color: var(--vats-coloredtext);
		border-bottom: solid 2px var(--vats-coloredtext);

		&:hover {
			text-decoration: none;
		}
	}

	.search.svelte-dcykn {
		padding-left: 1rem;
		align-items: center;
	}

	.theme.svelte-dcykn {
		padding-left: 0rem;
		padding-right: 0rem;

		& > div:where(.svelte-dcykn) {
			align-items: center;
		}
	}

	.button.svelte-dcykn {
		height: 100%;
		align-items: center;
		padding-top: 0.5rem;
	}