.by.svelte-1uha8ag {
		padding: 6px 12px 6px 8px;
		background: white;
		position: fixed;
		right: 24px;
		bottom: 24px;
		border: 0.5px solid #fafafa;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
		font-family: 'Libre Baskerville';
		letter-spacing: -0.4px;
		display: flex;
		gap: 4px;
		align-items: center;
		border-radius: 999px;
		i:where(.svelte-1uha8ag) {
			color: #c96442;
		}
	}
	header.svelte-1uha8ag {
		position: fixed;
		top: 0;
		padding: 1rem var(--space-m);
		display: flex;
		width: 100vw;
		box-sizing: border-box;
		justify-content: space-between;
		align-items: center;
		background: var(--color-header-background);
		.primary:where(.svelte-1uha8ag),
		.secondary:where(.svelte-1uha8ag) {
			background: var(--color-primary-background);
			padding: 0.6rem 1.2rem;
			color: var(--color-primary-foreground);
			text-decoration: none;
			border-radius: 999px;
			font-size: 0.9rem;
			border: none;
			font-size: var(--step--1);
			webkit-appearance: none;
			font-family: var(--font-body);
			font-weight: 550;
			@media (max-width: 430px) {
				display: none;
			}
		}
		.secondary:where(.svelte-1uha8ag) {
			background: var(--color-secondary-background);
			color: var(--color-secondary-foreground);
		}
	}
	main.svelte-1uha8ag {
		height: 100vh;
		overflow: auto;
	}
	.output.svelte-1uha8ag {
		min-height: 100vh;
	}
	.aside-logo.svelte-1uha8ag {
		font-family: 'Libre Baskerville', sans-serif;
		font-size: 1.2rem;
		letter-spacing: -0.6px;
		color: var(--color-accent-foreground);
		i:where(.svelte-1uha8ag) {
			color: var(--color-primary-background);
		}
	}
	.header-actions.svelte-1uha8ag {
		position: relative;
		display: flex;
		gap: var(--space-m);
	}
	.theme-selector.svelte-1uha8ag {
		background: white;
		border: 1px solid #eaeaea;
		border-radius: 12px;
		padding: 8px;
		width: 440px;
		position: absolute;
		z-index: 999;
		top: 48px;
		left: -230px;
		box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
		button:where(.svelte-1uha8ag) {
			-webkit-appearance: none;
			background: transparent;
			border: none;
			text-align: left;
			border-radius: 8px;
			font-size: 14px;
			display: flex;
			gap: 18px;
			padding: 12px;
			color: #121212;
			cursor: pointer;
			align-items: center;
			padding-left: 16px;
			&:last-child {
				margin-bottom: 0;
			}
			&.active {
				background: rgb(248, 248, 246);
				border: 0.5px solid #eaeaea;
				&:hover {
					background: rgb(248, 248, 246);
				}
			}
			&:hover {
				background: #fafafa;
			}
			i:where(.svelte-1uha8ag) {
				font-size: 34px;
				color: #c96422;
			}
			.theme-name:where(.svelte-1uha8ag) {
				font-weight: 540;
				font-size: 16px;
				padding-bottom: 4px;
				color: black;
				display: flex;
				gap: 4px;
				font-family: var(--font-heading);
				font-weight: var(--weight-heading);
			}
		}
	}
	.icon-button.svelte-1uha8ag {
		color: var(--color-accent-foreground);
	}