.nav-holder.svelte-99kmwu {
		padding: var(--size-2) 0;
		border-bottom: solid 1px var(--border-color-primary);
	}
	nav.svelte-99kmwu {
		display: flex;
		flex-wrap: wrap;
		gap: var(--size-2);
		justify-content: flex-end;
		margin: 0 auto;
		padding: 0 var(--size-8);
	}
	nav.svelte-99kmwu a:where(.svelte-99kmwu) {
		padding: var(--size-1) var(--size-2);
		border-radius: var(--block-radius);
		border-width: var(--block-border-width);
		border-color: transparent;
		color: var(--body-text-color-subdued);
	}
	nav.svelte-99kmwu a.active:where(.svelte-99kmwu) {
		color: var(--body-text-color);
		border-color: var(--block-border-color);
		background-color: var(--block-background-fill);
	}
	.gradio-container.svelte-99kmwu {
		display: flex;
		position: relative;
		flex-direction: column;
		padding: 0;
		min-height: 1px;
		overflow: hidden;
		color: var(--button-secondary-text-color);
	}

	.embed-container.svelte-99kmwu {
		margin: var(--size-4) 0px;
		border: 1px solid var(--button-secondary-border-color);
		border-radius: var(--embed-radius);
	}

	.with-info.svelte-99kmwu {
		padding-bottom: var(--size-7);
	}

	.embed-container.svelte-99kmwu > main:where(.svelte-99kmwu) {
		padding: var(--size-4);
	}

	main.svelte-99kmwu {
		display: flex;
		flex-grow: 1;
		flex-direction: column;
	}

	.app.svelte-99kmwu {
		position: relative;
		margin: auto;
		padding: var(--size-4) var(--size-8);
		width: 100%;
		height: 100%;
	}

	@media (--screen-sm) {
		.fillable.svelte-99kmwu:not(.fill_width) {
			max-width: 640px;
		}
	}
	@media (--screen-md) {
		.fillable.svelte-99kmwu:not(.fill_width) {
			max-width: 768px;
		}
	}
	@media (--screen-lg) {
		.fillable.svelte-99kmwu:not(.fill_width) {
			max-width: 1024px;
		}
	}
	@media (--screen-xl) {
		.fillable.svelte-99kmwu:not(.fill_width) {
			max-width: 1280px;
		}
	}
	@media (--screen-xxl) {
		.fillable.svelte-99kmwu:not(.fill_width) {
			max-width: 1536px;
		}
	}
	@media (--screen-xxxl) {
		.fillable.svelte-99kmwu:not(.fill_width) {
			max-width: 1920px;
		}
	}

	.info.svelte-99kmwu {
		display: flex;
		position: absolute;
		bottom: 0;
		justify-content: flex-start;
		border-top: 1px solid var(--button-secondary-border-color);
		padding: var(--size-1) var(--size-5);
		width: 100%;
		color: var(--body-text-color-subdued);
		font-size: var(--text-md);
		white-space: nowrap;
	}

	.info.svelte-99kmwu > span:where(.svelte-99kmwu) {
		word-wrap: break-word;
		-break: keep-all;
		display: block;
		word-break: keep-all;
	}

	.info.svelte-99kmwu > span:where(.svelte-99kmwu):nth-child(1) {
		margin-right: 4px;
		min-width: 0px;
		max-width: max-content;
		overflow: hidden;
		color: var(--body-text-color);
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.info.svelte-99kmwu > span:where(.svelte-99kmwu):nth-child(2) {
		margin-right: 3px;
	}

	.info.svelte-99kmwu > span:where(.svelte-99kmwu):nth-child(2),
	.info.svelte-99kmwu > span:where(.svelte-99kmwu):nth-child(3) {
		width: max-content;
	}

	.info.svelte-99kmwu > span:where(.svelte-99kmwu):nth-child(3) {
		align-self: flex-end;
		justify-self: flex-end;
		margin-left: auto;
		text-align: right;
	}

	.info.svelte-99kmwu > span:where(.svelte-99kmwu):nth-child(1) {
		flex-shrink: 9;
	}

	.hidden-title.svelte-99kmwu {
		position: absolute;
		left: var(--size-5);
		opacity: 0;
		background: var(--button-secondary-background-fill);
		padding-right: 4px;
	}

	.info.svelte-99kmwu a:where(.svelte-99kmwu) {
		color: var(--body-text-color);
	}

	.title.svelte-99kmwu {
		font-size: var(--text-sm);
		font-family: var(--font-mono);
	}

	.hf.svelte-99kmwu {
		margin-left: 5px;
	}

	.space-logo.svelte-99kmwu img:where(.svelte-99kmwu) {
		display: inline-block;
		margin-bottom: 4px;
		height: 12px;
	}

	main.svelte-99kmwu a:where(.svelte-99kmwu):hover {
		text-decoration: underline;
	}

	svg.svelte-1vhirvf {
		width: var(--size-20);
		height: var(--size-20);
	}

	svg.svelte-1vhirvf path:where(.svelte-1vhirvf) {
		fill: var(--loader-color);
	}

	div.svelte-1vhirvf {
		z-index: var(--layer-2);
	}

	.margin.svelte-1vhirvf {
		margin: var(--size-4);
	}

	.block.svelte-1plpy97 {
		position: relative;
		margin: 0;
		box-shadow: var(--block-shadow);
		border-width: var(--block-border-width);
		border-color: var(--block-border-color);
		border-radius: var(--block-radius);
		background: var(--block-background-fill);
		width: 100%;
		line-height: var(--line-sm);
	}
	.block.fullscreen.svelte-1plpy97 {
		border-radius: 0;
	}

	.auto-margin.svelte-1plpy97 {
		margin-left: auto;
		margin-right: auto;
	}

	.block.border_focus.svelte-1plpy97 {
		border-color: var(--color-accent);
	}

	.block.border_contrast.svelte-1plpy97 {
		border-color: var(--body-text-color);
	}

	.padded.svelte-1plpy97 {
		padding: var(--block-padding);
	}

	.hidden.svelte-1plpy97 {
		display: none;
	}

	.flex.svelte-1plpy97 {
		display: flex;
		flex-direction: column;
	}
	.hide-container.svelte-1plpy97:not(.fullscreen) {
		margin: 0;
		box-shadow: none;
		--block-border-width: 0;
		background: transparent;
		padding: 0;
		overflow: visible;
	}
	.resize-handle.svelte-1plpy97 {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 10px;
		height: 10px;
		fill: var(--block-border-color);
		cursor: nwse-resize;
	}
	.fullscreen.svelte-1plpy97 {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 1000;
		overflow: auto;
	}

	.animating.svelte-1plpy97 {
		animation: svelte-1plpy97-pop-out 0.1s ease-out forwards;
	}

	@keyframes svelte-1plpy97-pop-out {
		0% {
			position: fixed;
			top: var(--start-top);
			left: var(--start-left);
			width: var(--start-width);
			height: var(--start-height);
			z-index: 100;
		}
		100% {
			position: fixed;
			top: 0vh;
			left: 0vw;
			width: 100vw;
			height: 100vh;
			z-index: 1000;
		}
	}

	.placeholder.svelte-1plpy97 {
		border-radius: var(--block-radius);
		border-width: var(--block-border-width);
		border-color: var(--block-border-color);
		border-style: dashed;
	}
Tables */ table,
tr,
td,
th {
	margin-top: var(--spacing-sm);
	margin-bottom: var(--spacing-sm);
	padding: var(--spacing-xl);
}

/* .message-wrap :global(pre[class*="language-"]),
	.message-wrap :global(pre) {
		border: none;
		background: none;
		position: relative;
		direction: ltr;
		white-space: no-wrap;
		overflow-x: auto;
	}
	.message-wrap :global(code) {
	} */

/* .message-wrap :global(div[class*="code_wrap"]) {
		
	} */

.md code,
.md pre {
	background: none;
	font-family: var(--font-mono);
	font-size: var(--text-sm);

	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	tab-size: 2;

	hyphens: none;
}

.md pre[class*="language-"]::-moz-selection,
.md pre[class*="language-"] ::-moz-selection,
.md code[class*="language-"]::-moz-selection,
.md code[class*="language-"] ::-moz-selection {
}

.md pre[class*="language-"]::selection,
.md pre[class*="language-"] ::selection,
.md code[class*="language-"]::selection,
.md code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

/* Code blocks */
.md pre {
	padding: 1em;
	margin: 0.5em 0;
	overflow: auto;
	position: relative;
	margin-top: var(--spacing-sm);
	margin-bottom: var(--spacing-sm);
	box-shadow: none;
	border: none;
	border-radius: var(--radius-md);
	background: var(--code-background-fill);
	padding: var(--spacing-xxl);
	font-family: var(--font-mono);
	/* font-size: var(--text-sm) !important; */
	display: block;
	white-space: pre;
	border-radius: var(--radius-sm);
	text-shadow: none;
	border-radius: var(--radius-sm);
	/* font-size: 85%; */
	white-space: nowrap;
	display: block;
	white-space: pre;
}

.prose code {
}
.prose pre > code {
}

/* Inline code */
.md :not(pre) > code {
	padding: 0.1em;
	border-radius: var(--radius-xs);
	white-space: normal;
	background: var(--code-background-fill);
	border: 1px solid var(--panel-border-color);
	padding: var(--spacing-xxs) var(--spacing-xs);
}

.md .token.comment,
.md .token.prolog,
.md .token.doctype,
.md .token.cdata {
	color: slategray;
}

.md .token.punctuation {
	color: #999;
}

.md .token.namespace {
	opacity: 0.7;
}

.md .token.property,
.md .token.tag,
.md .token.boolean,
.md .token.number,
.md .token.constant,
.md .token.symbol,
.md .token.deleted {
	color: #905;
}

.md .token.selector,
.md .token.attr-name,
.md .token.string,
.md .token.char,
.md .token.builtin,
.md .token.inserted {
	color: #690;
}

.md .token.atrule,
.md .token.attr-value,
.md .token.keyword {
	color: #07a;
}

.md .token.function,
.md .token.class-name {
	color: #dd4a68;
}

.md .token.regex,
.md .token.important,
.md .token.variable {
	color: #e90;
}

.md .token.important,
.md .token.bold {
	font-weight: bold;
}
.md .token.italic {
	font-style: italic;
}

.md .token.entity {
	cursor: help;
}

.dark .md .token.comment,
.dark .md .token.prolog,
.dark .md .token.cdata {
	color: hsl(220, 10%, 40%);
}

.dark .md .token.doctype,
.dark .md .token.punctuation,
.dark .md .token.entity {
	color: hsl(220, 14%, 71%);
}

.dark .md .token.attr-name,
.dark .md .token.class-name,
.dark .md .token.boolean,
.dark .md .token.constant,
.dark .md .token.number,
.dark .md .token.atrule {
	color: hsl(29, 54%, 61%);
}

.dark .md .token.keyword {
	color: hsl(286, 60%, 67%);
}

.dark .md .token.property,
.dark .md .token.tag,
.dark .md .token.symbol,
.dark .md .token.deleted,
.dark .md .token.important {
	color: hsl(355, 65%, 65%);
}

.dark .md .token.selector,
.dark .md .token.string,
.dark .md .token.char,
.dark .md .token.builtin,
.dark .md .token.inserted,
.dark .md .token.regex,
.dark .md .token.attr-value,
.dark .md .token.attr-value > .token.punctuation {
	color: hsl(95, 38%, 62%);
}

.dark .md .token.variable,
.dark .md .token.operator,
.dark .md .token.function {
	color: hsl(207, 82%, 66%);
}

.dark .md .token.url {
	color: hsl(187, 47%, 55%);
}

	span.svelte-1hf8a14 div[class*="code_wrap"] {
		position: relative;
	}

	/* KaTeX */
	span.svelte-1hf8a14 span.katex {
		font-size: var(--text-lg);
		direction: ltr;
	}

	span.svelte-1hf8a14 div[class*="code_wrap"] > button {
		z-index: 1;
		cursor: pointer;
		border-bottom-left-radius: var(--radius-sm);
		padding: var(--spacing-md);
		width: 25px;
		height: 25px;
		position: absolute;
		right: 0;
	}

	span.svelte-1hf8a14 .check {
		opacity: 0;
		z-index: var(--layer-top);
		transition: opacity 0.2s;
		background: var(--code-background-fill);
		color: var(--body-text-color);
		position: absolute;
		top: var(--size-1-5);
		left: var(--size-1-5);
	}

	span.svelte-1hf8a14 p:not(:first-child) {
		margin-top: var(--spacing-xxl);
	}

	span.svelte-1hf8a14 .md-header-anchor {
		/* position: absolute; */
		margin-left: -25px;
		padding-right: 8px;
		line-height: 1;
		color: var(--body-text-color-subdued);
		opacity: 0;
	}

	span.svelte-1hf8a14 h1:hover .md-header-anchor,
	span.svelte-1hf8a14 h2:hover .md-header-anchor,
	span.svelte-1hf8a14 h3:hover .md-header-anchor,
	span.svelte-1hf8a14 h4:hover .md-header-anchor,
	span.svelte-1hf8a14 h5:hover .md-header-anchor,
	span.svelte-1hf8a14 h6:hover .md-header-anchor {
		opacity: 1;
	}

	span.md.svelte-1hf8a14 .md-header-anchor > svg {
		color: var(--body-text-color-subdued);
	}

	span.svelte-1hf8a14 table {
		word-break: break-word;
	}

	div.svelte-9hc4ua > .md.prose {
		font-weight: var(--block-info-text-weight);
		font-size: var(--block-info-text-size);
		line-height: var(--line-sm);
	}
	div.svelte-9hc4ua > .md.prose * {
		color: var(--block-info-text-color);
	}
	div.svelte-9hc4ua {
		margin-bottom: var(--spacing-md);
	}

	span.has-info.svelte-jdcl7l {
		margin-bottom: var(--spacing-xs);
	}
	span.svelte-jdcl7l:not(.has-info) {
		margin-bottom: var(--spacing-lg);
	}
	span.svelte-jdcl7l {
		display: inline-block;
		position: relative;
		z-index: var(--layer-4);
		border: solid var(--block-title-border-width)
			var(--block-title-border-color);
		border-radius: var(--block-title-radius);
		background: var(--block-title-background-fill);
		padding: var(--block-title-padding);
		color: var(--block-title-text-color);
		font-weight: var(--block-title-text-weight);
		font-size: var(--block-title-text-size);
		line-height: var(--line-sm);
	}

	span[dir="rtl"].svelte-jdcl7l {
		display: block;
	}

	.hide.svelte-jdcl7l {
		margin: 0;
		height: 0;
	}

	.sr-only.svelte-jdcl7l {
		clip: rect(0, 0, 0, 0);
		position: absolute;
		margin: -1px;
		border-width: 0;
		padding: 0;
		width: 1px;
		height: 1px;
		overflow: hidden;
		white-space: nowrap;
	}

	label.svelte-19djge9 {
		display: inline-flex;
		align-items: center;
		z-index: var(--layer-2);
		box-shadow: var(--block-label-shadow);
		border: var(--block-label-border-width) solid
			var(--block-label-border-color);
		border-top: none;
		border-left: none;
		border-radius: var(--block-label-radius);
		background: var(--block-label-background-fill);
		padding: var(--block-label-padding);
		pointer-events: none;
		color: var(--block-label-text-color);
		font-weight: var(--block-label-text-weight);
		font-size: var(--block-label-text-size);
		line-height: var(--line-sm);
	}
	.gr-group label.svelte-19djge9 {
		border-top-left-radius: 0;
	}

	label.float.svelte-19djge9 {
		position: absolute;
		top: var(--block-label-margin);
		left: var(--block-label-margin);
	}
	label.svelte-19djge9:not(.float) {
		position: static;
		margin-top: var(--block-label-margin);
		margin-left: var(--block-label-margin);
	}

	.hide.svelte-19djge9 {
		display: none;
	}

	span.svelte-19djge9 {
		opacity: 0.8;
		margin-right: var(--size-2);
		width: calc(var(--block-label-text-size) - 1px);
		height: calc(var(--block-label-text-size) - 1px);
	}
	.hide-label.svelte-19djge9 {
		box-shadow: none;
		border-width: 0;
		background: transparent;
		overflow: visible;
	}

	label[dir="rtl"].svelte-19djge9 {
		border: var(--block-label-border-width) solid
			var(--block-label-border-color);
		border-top: none;
		border-right: none;
		border-bottom-left-radius: var(--block-radius);
		border-bottom-right-radius: var(--block-label-radius);
		border-top-left-radius: var(--block-label-radius);
	}

	label[dir="rtl"].svelte-19djge9 span:where(.svelte-19djge9) {
		margin-left: var(--size-2);
		margin-right: 0;
	}

	.unstyled-link.svelte-7nkusa {
		all: unset;
		cursor: pointer;
	}

	button.svelte-3jwzs9 {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1px;
		z-index: var(--layer-2);
		border-radius: var(--radius-xs);
		color: var(--block-label-text-color);
		border: 1px solid var(--border-color);
		padding: var(--spacing-xxs);
	}

	button.svelte-3jwzs9:hover {
		background-color: var(--background-fill-secondary);
	}

	button[disabled].svelte-3jwzs9 {
		opacity: 0.5;
		box-shadow: none;
	}

	button[disabled].svelte-3jwzs9:hover {
		cursor: not-allowed;
	}

	.padded.svelte-3jwzs9 {
		background: var(--bg-color);
	}

	button.svelte-3jwzs9:hover,
	button.highlight.svelte-3jwzs9 {
		cursor: pointer;
		color: var(--color-accent);
	}

	.padded.svelte-3jwzs9:hover {
		color: var(--block-label-text-color);
	}

	span.svelte-3jwzs9 {
		padding: 0px 1px;
		font-size: 10px;
	}

	div.svelte-3jwzs9 {
		display: flex;
		align-items: center;
		justify-content: center;
		transition: filter 0.2s ease-in-out;
	}

	.x-small.svelte-3jwzs9 {
		width: 10px;
		height: 10px;
	}

	.small.svelte-3jwzs9 {
		width: 14px;
		height: 14px;
	}

	.medium.svelte-3jwzs9 {
		width: 20px;
		height: 20px;
	}

	.large.svelte-3jwzs9 {
		width: 22px;
		height: 22px;
	}

	.pending.svelte-3jwzs9 {
		animation: svelte-3jwzs9-flash 0.5s infinite;
	}

	@keyframes svelte-3jwzs9-flash {
		0% {
			opacity: 0.5;
		}
		50% {
			opacity: 1;
		}
		100% {
			opacity: 0.5;
		}
	}

	.transparent.svelte-3jwzs9 {
		background: transparent;
		border: none;
		box-shadow: none;
	}

	.empty.svelte-v95lt3 {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: calc(0px - var(--size-6));
		height: var(--size-full);
	}

	.icon.svelte-v95lt3 {
		opacity: 0.5;
		height: var(--size-5);
		color: var(--body-text-color);
	}

	.small.svelte-v95lt3 {
		min-height: calc(var(--size-32) - 20px);
	}

	.large.svelte-v95lt3 {
		min-height: calc(var(--size-64) - 20px);
	}

	.unpadded_box.svelte-v95lt3 {
		margin-top: 0;
	}

	.small_parent.svelte-v95lt3 {
		min-height: 100% !important;
	}

	.dropdown-arrow.svelte-loyhyk {
		fill: currentColor;
		/* margin-right: var(--size-2); */
		/* width: var(--size-5); */
	}

	.dropdown-arrow.svelte-1w1fnc7 {
		fill: currentColor;
	}

	.circle.svelte-1w1fnc7 {
		fill: currentColor;
		opacity: 0.1;
	}

	svg.svelte-l5a973 {
		animation: svelte-l5a973-spin 1.5s linear infinite;
	}

	@keyframes svelte-l5a973-spin {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	h2.svelte-1vmd51o {
		font-size: var(--text-xl) !important;
	}

	p.svelte-1vmd51o,
	h2.svelte-1vmd51o {
		white-space: pre-line;
	}

	.wrap.svelte-1vmd51o {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		min-height: var(--size-60);
		color: var(--block-label-text-color);
		line-height: var(--line-md);
		height: 100%;
		padding-top: var(--size-3);
		text-align: center;
		margin: auto var(--spacing-lg);
	}

	.or.svelte-1vmd51o {
		color: var(--body-text-color-subdued);
		display: flex;
	}

	.icon-wrap.svelte-1vmd51o {
		width: 30px;
		margin-bottom: var(--spacing-lg);
	}

	@media (--screen-md) {
		.wrap.svelte-1vmd51o {
			font-size: var(--text-lg);
		}
	}

	.hovered.svelte-1vmd51o {
		color: var(--color-accent);
	}

	.source-selection.svelte-exvkcd {
		display: flex;
		align-items: center;
		justify-content: center;
		border-top: 1px solid var(--border-color-primary);
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		height: var(--size-10);
	}

	.icon.svelte-exvkcd {
		width: 22px;
		height: 22px;
		margin: var(--spacing-lg) var(--spacing-xs);
		padding: var(--spacing-xs);
		color: var(--neutral-400);
		border-radius: var(--radius-md);
	}

	.selected.svelte-exvkcd {
		color: var(--color-accent);
	}

	.icon.svelte-exvkcd:hover,
	.icon.svelte-exvkcd:focus {
		color: var(--color-accent);
	}

	.icon-button-wrapper.svelte-1pnho82 {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		z-index: var(--layer-2);
		gap: var(--spacing-sm);
		box-shadow: var(--shadow-drop);
		border: 1px solid var(--border-color-primary);
		background: var(--block-background-fill);
		padding: var(--spacing-xxs);
	}

	.icon-button-wrapper.hide-top-corner.svelte-1pnho82 {
		border-top: none;
		border-right: none;
		border-radius: var(--block-label-right-radius);
	}

	.icon-button-wrapper.display-top-corner.svelte-1pnho82 {
		border-radius: var(--radius-sm) 0 0 var(--radius-sm);
		top: var(--spacing-sm);
		right: -1px;
	}

	.icon-button-wrapper.svelte-1pnho82:not(.top-panel) {
		border: 1px solid var(--border-color-primary);
		border-radius: var(--radius-sm);
	}

	.top-panel.svelte-1pnho82 {
		position: absolute;
		top: var(--block-label-margin);
		right: var(--block-label-margin);
		margin: 0;
	}

	.icon-button-wrapper.svelte-1pnho82 button {
		margin: var(--spacing-xxs);
		border-radius: var(--radius-xs);
		position: relative;
	}

	.icon-button-wrapper.svelte-1pnho82 a.download-link:not(:last-child),
	.icon-button-wrapper.svelte-1pnho82 button:not(:last-child) {
		margin-right: var(--spacing-xxs);
	}

	.icon-button-wrapper.svelte-1pnho82
		a.download-link:not(:last-child):not(.no-border *)::after,
	.icon-button-wrapper.svelte-1pnho82
		button:not(:last-child):not(.no-border *)::after {
		content: "";
		position: absolute;
		right: -4.5px;
		top: 15%;
		height: 70%;
		width: 1px;
		background-color: var(--border-color-primary);
	}

	.icon-button-wrapper.svelte-1pnho82 > * {
		height: 100%;
	}

	.wrap.svelte-1uj8rng {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		z-index: var(--layer-3);
		transition: opacity 0.1s ease-in-out;
		border-radius: var(--block-radius);
		background: var(--block-background-fill);
		padding: 0 var(--size-6);
		overflow: hidden;
		pointer-events: none;
	}

	.wrap.center.svelte-1uj8rng {
		top: 0;
		right: 0px;
		left: 0px;
	}

	.wrap.default.svelte-1uj8rng {
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
	}

	.hide.svelte-1uj8rng {
		opacity: 0;
		pointer-events: none;
	}

	.generating.svelte-1uj8rng {
		animation:
			svelte-1uj8rng-pulseStart 1s cubic-bezier(0.4, 0, 0.6, 1),
			svelte-1uj8rng-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) 1s infinite;
		border: 2px solid var(--color-accent);
		background: transparent;
		z-index: var(--layer-1);
		pointer-events: none;
	}

	.translucent.svelte-1uj8rng {
		background: none;
	}

	@keyframes svelte-1uj8rng-pulseStart {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	@keyframes svelte-1uj8rng-pulse {
		0%,
		100% {
			opacity: 1;
		}
		50% {
			opacity: 0.5;
		}
	}

	.loading.svelte-1uj8rng {
		z-index: var(--layer-2);
		color: var(--body-text-color);
	}
	.eta-bar.svelte-1uj8rng {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transform-origin: left;
		opacity: 0.8;
		z-index: var(--layer-1);
		transition: 10ms;
		background: var(--background-fill-secondary);
	}
	.progress-bar-wrap.svelte-1uj8rng {
		border: 1px solid var(--border-color-primary);
		background: var(--background-fill-primary);
		width: 55.5%;
		height: var(--size-4);
	}
	.progress-bar.svelte-1uj8rng {
		transform-origin: left;
		background-color: var(--loader-color);
		width: var(--size-full);
		height: var(--size-full);
	}

	.progress-level.svelte-1uj8rng {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1;
		z-index: var(--layer-2);
		width: var(--size-full);
	}

	.progress-level-inner.svelte-1uj8rng {
		margin: var(--size-2) auto;
		color: var(--body-text-color);
		font-size: var(--text-sm);
		font-family: var(--font-mono);
	}

	.meta-text.svelte-1uj8rng {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: var(--layer-2);
		padding: var(--size-1) var(--size-2);
		font-size: var(--text-sm);
		font-family: var(--font-mono);
	}

	.meta-text-center.svelte-1uj8rng {
		display: flex;
		position: absolute;
		top: 0;
		right: 0;
		justify-content: center;
		align-items: center;
		transform: translateY(var(--size-6));
		z-index: var(--layer-2);
		padding: var(--size-1) var(--size-2);
		font-size: var(--text-sm);
		font-family: var(--font-mono);
		text-align: center;
	}

	.error.svelte-1uj8rng {
		box-shadow: var(--shadow-drop);
		border: solid 1px var(--error-border-color);
		border-radius: var(--radius-full);
		background: var(--error-background-fill);
		padding-right: var(--size-4);
		padding-left: var(--size-4);
		color: var(--error-text-color);
		font-weight: var(--weight-semibold);
		font-size: var(--text-lg);
		line-height: var(--line-lg);
		font-family: var(--font);
	}

	.validation-error.svelte-1uj8rng {
		pointer-events: auto;
		color: var(--error-text-color);
		font-weight: var(--weight-semibold);
		font-size: var(--text-lg);
		line-height: var(--line-lg);
		font-family: var(--font);
		position: absolute;
		background: var(--error-background-fill);
		top: 0;
		right: 0;
		z-index: var(--layer-3);
		padding: var(--size-1) var(--size-2);
		font-size: var(--text-md);
		text-align: center;
		border-bottom-left-radius: var(--radius-sm);
		border-bottom: 1px solid var(--error-border-color);
		border-left: 1px solid var(--error-border-color);
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: var(--spacing-xl);
	}

	.minimal.svelte-1uj8rng {
		pointer-events: none;
	}

	.minimal.svelte-1uj8rng .progress-text:where(.svelte-1uj8rng) {
		background: var(--block-background-fill);
	}

	.border.svelte-1uj8rng {
		border: 1px solid var(--border-color-primary);
	}

	.clear-status.svelte-1uj8rng {
		position: absolute;
		display: flex;
		top: var(--size-2);
		right: var(--size-2);
		justify-content: flex-end;
		gap: var(--spacing-sm);
		z-index: var(--layer-1);
	}

	.toast-body.svelte-irmu64 {
		display: flex;
		flex-direction: column;
		position: relative;
		right: 0;
		left: 0;
		margin: auto;
		border-radius: var(--radius-sm);
		overflow: hidden;
		pointer-events: auto;
		background: var(--background-fill-secondary);
		border: 1px solid var(--border-color-primary);
		box-shadow: var(--shadow-drop);
		touch-action: pan-y;
		user-select: none;
	}

	.dark .toast-body.svelte-irmu64 {
		background: var(--background-fill-primary);
	}

	.toast-body.error.svelte-irmu64 {
		--toast-color: var(--color-red-700);
	}

	.toast-body.warning.svelte-irmu64 {
		--toast-color: var(--color-yellow-700);
	}

	.toast-body.info.svelte-irmu64 {
		--toast-color: var(--color-grey-700);
	}

	.toast-body.success.svelte-irmu64 {
		--toast-color: var(--color-green-700);
	}

	.dark .toast-body.error.svelte-irmu64 {
		--toast-color: var(--color-red-500);
	}

	.dark .toast-body.warning.svelte-irmu64 {
		--toast-color: var(--color-yellow-500);
	}

	.dark .toast-body.info.svelte-irmu64 {
		--toast-color: var(--color-grey-500);
	}

	.dark .toast-body.success.svelte-irmu64 {
		--toast-color: var(--color-green-500);
	}

	.toast-header.svelte-irmu64 {
		display: flex;
		align-items: center;
		padding: var(--size-3) var(--size-3);
		cursor: pointer;
	}

	.toast-header.svelte-irmu64:hover {
		opacity: 0.9;
	}

	.toast-title-row.svelte-irmu64 {
		flex: 1;
		display: flex;
		align-items: center;
		gap: var(--size-2);
	}

	.chevron.svelte-irmu64 {
		display: flex;
		align-items: center;
		width: var(--size-4);
		height: var(--size-4);
		transition: transform 0.2s ease;
		opacity: 0.6;
	}

	.chevron.visible.svelte-irmu64 {
		opacity: 1;
	}

	.chevron.expanded.svelte-irmu64 {
		transform: rotate(180deg);
	}

	.toast-title.svelte-irmu64 {
		display: flex;
		align-items: center;
		font-weight: var(--weight-bold);
		font-size: var(--text-lg);
		line-height: var(--line-sm);
	}

	.toast-count.svelte-irmu64 {
		margin-left: var(--size-1);
		font-weight: var(--weight-semibold);
	}

	.toast-close.svelte-irmu64 {
		margin: 0 var(--size-1);
		border-radius: var(--radius-lg);
		padding: var(--size-1);
		font-size: var(--text-xl);
		line-height: 1;
		background: transparent;
		border: none;
		cursor: pointer;
		transition: all 0.2s ease;
		display: flex;
		align-items: center;
		justify-content: center;
		width: var(--size-7);
		height: var(--size-7);
		opacity: 0.6;
		flex-shrink: 0;
	}

	.toast-close.svelte-irmu64:hover {
		opacity: 1;
		transform: scale(1.1);
	}

	.toast-close.svelte-irmu64:active {
		transform: scale(0.95);
	}

	.toast-close.svelte-irmu64 {
		color: var(--body-text-color);
	}

	.toast-icon.svelte-irmu64 {
		display: flex;
		position: relative;
		flex-shrink: 0;
		justify-content: center;
		align-items: center;
		margin-right: var(--size-2);
		border-radius: var(--radius-full);
		padding: var(--size-1-5);
		width: var(--size-8);
		height: var(--size-8);
	}

	.toast-icon.svelte-irmu64 {
		color: var(--toast-color);
	}

	.toast-messages.svelte-irmu64 {
		display: flex;
		flex-direction: column;
		gap: var(--size-2);
		padding: 0 var(--size-3) var(--size-2) var(--size-3);
	}

	.toast-message-item.svelte-irmu64 {
		padding: var(--size-1-5) var(--size-1-5) var(--size-1-5) var(--size-1-5);
		border-radius: var(--radius-lg);
	}

	.toast-separator.svelte-irmu64 {
		height: 1px;
		background: var(--border-color-primary);
		margin: 0;
	}

	.toast-message-text.svelte-irmu64 {
		font-size: var(--text-md);
		line-height: 1.5;
		word-wrap: break-word;
		overflow-wrap: break-word;
		word-break: break-word;
		color: var(--body-text-color);
	}

	.toast-message-text.svelte-irmu64 a {
		text-decoration: underline;
	}

	@keyframes svelte-irmu64-countdown {
		from {
			transform: scaleX(1);
		}
		to {
			transform: scaleX(0);
		}
	}

	.timer.svelte-irmu64 {
		position: absolute;
		bottom: 0;
		left: 0;
		transform-origin: 0 0;
		animation: svelte-irmu64-countdown 10s linear forwards;
		width: 100%;
		height: var(--size-1);
	}

	.timer.svelte-irmu64 {
		background: var(--toast-color);
	}

	@media (max-width: 640px) {
		.toast-header.svelte-irmu64 {
			padding: var(--size-2) var(--size-2);
		}

		.toast-messages.svelte-irmu64 {
			gap: var(--size-1);
			padding: 0 var(--size-2) var(--size-1-5) var(--size-2);
		}

		.toast-message-item.svelte-irmu64 {
			padding: 0 var(--size-1) var(--size-1) var(--size-1);
		}
	}

	.toast-wrap.svelte-1qhecvt {
		--toast-top: var(--size-4);
		display: flex;
		position: fixed;
		top: calc(var(--toast-top) + var(--size-3));
		flex-direction: column;
		gap: var(--size-2);
		z-index: var(--layer-top);
		right: var(--size-3);
		left: var(--size-3);
		align-items: end;
		max-width: none;
	}

	.toast-item.svelte-1qhecvt {
		width: 100%;
	}

	@media (--screen-sm) {
		.toast-wrap.svelte-1qhecvt {
			left: auto;
			width: calc(var(--size-96) + var(--size-10));
		}
	}

	.streaming-bar.svelte-1au5sp1 {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 4px;
		background-color: var(--primary-600);
		animation: svelte-1au5sp1-countdown linear forwards;
		z-index: 1;
	}

	@keyframes svelte-1au5sp1-countdown {
		from {
			transform: translateX(0%);
		}
		to {
			transform: translateX(-100%);
		}
	}

	.wrap.svelte-zxu34v {
		display: flex;
		flex-grow: 1;
		flex-direction: column;
		width: var(--size-full);
		font-weight: var(--body-text-weight);
		font-size: var(--body-text-size);
	}

	.contain.svelte-zxu34v {
		display: flex;
		flex-direction: column;
	}

	footer.svelte-zxu34v {
		display: flex;
		justify-content: center;
		margin-top: var(--size-4);
		color: var(--body-text-color-subdued);
	}
	.divider.svelte-zxu34v {
		margin-left: var(--size-1);
		margin-right: var(--size-2);
	}

	.show-api.svelte-zxu34v,
	.settings.svelte-zxu34v,
	.record.svelte-zxu34v {
		display: flex;
		align-items: center;
	}
	.show-api.svelte-zxu34v:hover {
		color: var(--body-text-color);
	}

	.show-api.svelte-zxu34v img:where(.svelte-zxu34v) {
		margin-right: var(--size-1);
		margin-left: var(--size-2);
		width: var(--size-3);
	}

	.settings.svelte-zxu34v img:where(.svelte-zxu34v) {
		margin-right: var(--size-1);
		margin-left: var(--size-1);
		width: var(--size-4);
	}

	.record.svelte-zxu34v img:where(.svelte-zxu34v) {
		margin-right: var(--size-1);
		margin-left: var(--size-1);
		width: var(--size-3);
	}

	.built-with.svelte-zxu34v {
		display: flex;
		align-items: center;
	}

	.built-with.svelte-zxu34v:hover,
	.settings.svelte-zxu34v:hover,
	.record.svelte-zxu34v:hover {
		color: var(--body-text-color);
	}

	.built-with.svelte-zxu34v img:where(.svelte-zxu34v) {
		margin-right: var(--size-1);
		margin-left: var(--size-1);
		margin-bottom: 1px;
		width: var(--size-4);
	}

	.api-docs.svelte-zxu34v {
		display: flex;
		position: fixed;
		top: 0;
		right: 0;
		z-index: var(--layer-top);
		background: rgba(0, 0, 0, 0.5);
		width: var(--size-screen);
		height: var(--size-screen-h);
	}

	.backdrop.svelte-zxu34v {
		flex: 1 1 0%;
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	}

	.api-docs-wrap.svelte-zxu34v {
		box-shadow: var(--shadow-drop-lg);
		background: var(--background-fill-primary);
		overflow-x: hidden;
		overflow-y: auto;
	}

	@media (--screen-md) {
		.api-docs-wrap.svelte-zxu34v {
			border-top-left-radius: var(--radius-lg);
			border-bottom-left-radius: var(--radius-lg);
			width: 950px;
		}
	}

	@media (--screen-xxl) {
		.api-docs-wrap.svelte-zxu34v {
			width: 1150px;
		}
	}

	#api-recorder-container.svelte-zxu34v {
		position: fixed;
		left: 10px;
		bottom: 10px;
		z-index: 1000;
	}

	.show-api.svelte-zxu34v {
		display: flex;
		align-items: center;
	}

	@media (max-width: 640px) {
		.show-api.svelte-zxu34v,
		.show-api-divider.svelte-zxu34v {
			display: none;
		}
	}

	.show-api.svelte-zxu34v:hover {
		color: var(--body-text-color);
	}

	.hidden.svelte-zxu34v {
		display: none;
	}

	div.svelte-ptprg1 {
		display: flex;
		flex-direction: inherit;
		flex-wrap: wrap;
		gap: var(--form-gap-width);
		box-shadow: var(--block-shadow);
		border: var(--block-border-width) solid var(--block-border-color);
		border-radius: var(--block-radius);
		background: var(--border-color-primary);
		overflow-y: hidden;
	}

	div.svelte-ptprg1 .block {
		box-shadow: none !important;
		border-width: 0px !important;
		border-radius: 0px !important;
	}

	.hidden.svelte-ptprg1 {
		display: none;
	}

	.hidden-css.svelte-ptprg1 {
		display: none !important;
	}

	label.svelte-1hguek3 {
		display: block;
		width: 100%;
	}

	input.svelte-1hguek3,
	textarea.svelte-1hguek3 {
		flex-grow: 1;
		outline: none !important;
		margin-top: 0px;
		margin-bottom: 0px;
		resize: none;
		z-index: 1;
		display: block;
		position: relative;
		outline: none !important;
		background: var(--input-background-fill);
		padding: var(--input-padding);
		width: 100%;
		color: var(--body-text-color);
		font-weight: var(--input-text-weight);
		font-size: var(--input-text-size);
		line-height: var(--line-sm);
		border: none;
	}

	textarea.no-label.svelte-1hguek3 {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	label.show_textbox_border.svelte-1hguek3 input:where(.svelte-1hguek3),
	label.show_textbox_border.svelte-1hguek3 textarea:where(.svelte-1hguek3) {
		box-shadow: var(--input-shadow);
	}
	label.svelte-1hguek3:not(.container),
	label.svelte-1hguek3:not(.container) input:where(.svelte-1hguek3),
	label.svelte-1hguek3:not(.container) textarea:where(.svelte-1hguek3) {
		height: 100%;
	}
	label.container.show_textbox_border.svelte-1hguek3 input:where(.svelte-1hguek3),
	label.container.show_textbox_border.svelte-1hguek3 textarea:where(.svelte-1hguek3) {
		border: var(--input-border-width) solid var(--input-border-color);
		border-radius: var(--input-radius);
	}
	input.svelte-1hguek3:disabled,
	textarea.svelte-1hguek3:disabled {
		-webkit-opacity: 1;
		opacity: 1;
	}

	label.container.show_textbox_border.svelte-1hguek3 input:where(.svelte-1hguek3):focus,
	label.container.show_textbox_border.svelte-1hguek3 textarea:where(.svelte-1hguek3):focus {
		box-shadow: var(--input-shadow-focus);
		border-color: var(--input-border-color-focus);
		background: var(--input-background-fill-focus);
	}

	input.svelte-1hguek3::placeholder,
	textarea.svelte-1hguek3::placeholder {
		color: var(--input-placeholder-color);
	}

	/* Same submit button style as MultimodalTextbox for the consistent UI */
	.input-container.svelte-1hguek3 {
		display: flex;
		position: relative;
		align-items: flex-end;
	}
	.submit-button.svelte-1hguek3,
	.stop-button.svelte-1hguek3 {
		border: none;
		text-align: center;
		text-decoration: none;
		font-size: 14px;
		cursor: pointer;
		border-radius: 15px;
		min-width: 30px;
		height: 30px;
		flex-shrink: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: var(--layer-1);
	}
	.stop-button.svelte-1hguek3,
	.submit-button.svelte-1hguek3 {
		background: var(--button-secondary-background-fill);
		color: var(--button-secondary-text-color);
	}
	.stop-button.svelte-1hguek3:hover,
	.submit-button.svelte-1hguek3:hover {
		background: var(--button-secondary-background-fill-hover);
	}
	.stop-button.svelte-1hguek3:disabled,
	.submit-button.svelte-1hguek3:disabled {
		background: var(--button-secondary-background-fill);
		cursor: pointer;
	}
	.stop-button.svelte-1hguek3:active,
	.submit-button.svelte-1hguek3:active {
		box-shadow: var(--button-shadow-active);
	}
	.submit-button.svelte-1hguek3 svg {
		height: 22px;
		width: 22px;
	}

	.stop-button.svelte-1hguek3 svg {
		height: 16px;
		width: 16px;
	}
	.padded-button.svelte-1hguek3 {
		padding: 0 10px;
	}

	div.validation-error.svelte-1hguek3 {
		color: var(--error-icon-color);
		font-size: var(--font-sans);
		margin-top: var(--spacing-sm);
		font-weight: var(--weight-semibold);
	}

	label.container.svelte-1hguek3 input.validation-error:where(.svelte-1hguek3),
	label.container.svelte-1hguek3 textarea.validation-error:where(.svelte-1hguek3) {
		border-color: transparent !important;
		box-shadow:
			0 0 3px 1px var(--error-icon-color),
			var(--shadow-inset) !important;
	}

	.gallery.svelte-xxobeb {
		padding: var(--size-1) var(--size-2);
	}

	div.svelte-xxobeb {
		overflow: hidden;
		white-space: nowrap;
	}

	img.svelte-1jk6tax {
		object-fit: cover;
	}

	.image-container.svelte-12vrxzd {
		height: 100%;
		position: relative;
		min-width: var(--size-20);
	}

	.image-container.svelte-12vrxzd button:where(.svelte-12vrxzd) {
		width: var(--size-full);
		height: var(--size-full);
		border-radius: var(--radius-lg);

		display: flex;
		align-items: center;
		justify-content: center;
	}

	.image-frame.svelte-12vrxzd img {
		width: var(--size-full);
		height: var(--size-full);
		object-fit: scale-down;
	}

	.selectable.svelte-12vrxzd {
		cursor: crosshair;
	}

	.fullscreen-controls svg {
		position: relative;
		top: 0px;
	}

	.image-container:fullscreen {
		background-color: black;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.image-container:fullscreen img {
		max-width: 90vw;
		max-height: 90vh;
		object-fit: scale-down;
	}

	.image-frame.svelte-12vrxzd {
		width: auto;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	button.svelte-xzq5jh,
	a.svelte-xzq5jh {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		transition: var(--button-transition);
		padding: var(--size-0-5) var(--size-2);
		text-align: center;
	}

	button.svelte-xzq5jh:hover {
		transform: var(--button-transform-hover);
	}

	button.svelte-xzq5jh:active,
	a.svelte-xzq5jh:active {
		transform: var(--button-transform-active);
	}

	button[disabled].svelte-xzq5jh,
	a.disabled.svelte-xzq5jh {
		opacity: 0.5;
		filter: grayscale(30%);
		cursor: not-allowed;
		transform: none;
	}

	.hidden.svelte-xzq5jh {
		display: none;
	}

	.primary.svelte-xzq5jh {
		border: var(--button-border-width) solid var(--button-primary-border-color);
		background: var(--button-primary-background-fill);
		color: var(--button-primary-text-color);
		box-shadow: var(--button-primary-shadow);
	}
	.primary.svelte-xzq5jh:hover,
	.primary[disabled].svelte-xzq5jh {
		background: var(--button-primary-background-fill-hover);
		color: var(--button-primary-text-color-hover);
	}

	.primary.svelte-xzq5jh:hover {
		border-color: var(--button-primary-border-color-hover);
		box-shadow: var(--button-primary-shadow-hover);
	}
	.primary.svelte-xzq5jh:active {
		box-shadow: var(--button-primary-shadow-active);
	}

	.primary[disabled].svelte-xzq5jh {
		border-color: var(--button-primary-border-color);
	}

	.secondary.svelte-xzq5jh {
		border: var(--button-border-width) solid
			var(--button-secondary-border-color);
		background: var(--button-secondary-background-fill);
		color: var(--button-secondary-text-color);
		box-shadow: var(--button-secondary-shadow);
	}

	.secondary.svelte-xzq5jh:hover,
	.secondary[disabled].svelte-xzq5jh {
		background: var(--button-secondary-background-fill-hover);
		color: var(--button-secondary-text-color-hover);
	}

	.secondary.svelte-xzq5jh:hover {
		border-color: var(--button-secondary-border-color-hover);
		box-shadow: var(--button-secondary-shadow-hover);
	}
	.secondary.svelte-xzq5jh:active {
		box-shadow: var(--button-secondary-shadow-active);
	}

	.secondary[disabled].svelte-xzq5jh {
		border-color: var(--button-secondary-border-color);
	}

	.stop.svelte-xzq5jh {
		background: var(--button-cancel-background-fill);
		color: var(--button-cancel-text-color);
		border: var(--button-border-width) solid var(--button-cancel-border-color);
		box-shadow: var(--button-cancel-shadow);
	}

	.stop.svelte-xzq5jh:hover,
	.stop[disabled].svelte-xzq5jh {
		background: var(--button-cancel-background-fill-hover);
	}

	.stop.svelte-xzq5jh:hover {
		border-color: var(--button-cancel-border-color-hover);
		box-shadow: var(--button-cancel-shadow-hover);
	}
	.stop.svelte-xzq5jh:active {
		box-shadow: var(--button-cancel-shadow-active);
	}

	.stop[disabled].svelte-xzq5jh {
		border-color: var(--button-cancel-border-color);
	}

	.sm.svelte-xzq5jh {
		border-radius: var(--button-small-radius);
		padding: var(--button-small-padding);
		font-weight: var(--button-small-text-weight);
		font-size: var(--button-small-text-size);
	}

	.md.svelte-xzq5jh {
		border-radius: var(--button-medium-radius);
		padding: var(--button-medium-padding);
		font-weight: var(--button-medium-text-weight);
		font-size: var(--button-medium-text-size);
	}

	.lg.svelte-xzq5jh {
		border-radius: var(--button-large-radius);
		padding: var(--button-large-padding);
		font-weight: var(--button-large-text-weight);
		font-size: var(--button-large-text-size);
	}

	.button-icon {
		width: var(--text-xl);
		height: var(--text-xl);
	}
	.button-icon.right-padded {
		margin-right: var(--spacing-md);
	}

	.huggingface.svelte-xzq5jh {
		background: rgb(20, 28, 46);
		color: white;
	}

	.huggingface.svelte-xzq5jh:hover {
		background: rgb(40, 48, 66);
		color: white;
	}

	div.svelte-siq5d6 {
		display: flex;
		position: relative;
		flex-direction: column;
		gap: var(--layout-gap);
	}

	div.svelte-siq5d6 > *,
	div.svelte-siq5d6 > .form > * {
		width: var(--size-full);
	}

	.hide.svelte-siq5d6 {
		display: none;
	}

	.compact.svelte-siq5d6 > *,
	.compact.svelte-siq5d6 .box {
		border-radius: 0;
	}

	.compact.svelte-siq5d6,
	.panel.svelte-siq5d6 {
		border: solid var(--panel-border-width) var(--panel-border-color);
		border-radius: var(--container-radius);
		background: var(--panel-background-fill);
		padding: var(--spacing-lg);
	}

	/* (unused) div {
		display: flex;
		position: relative;
		flex-direction: column;
		gap: var(--layout-gap);
	}*/

	/* (unused) div > :global(*),
	div > :global(.form > *) {
		width: var(--size-full);
	}*/

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

	/* (unused) .compact > :global(*),
	.compact :global(.box) {
		border-radius: 0;
	}*/

	/* (unused) .compact,
	.panel {
		border: solid var(--panel-border-width) var(--panel-border-color);
		border-radius: var(--container-radius);
		background: var(--panel-background-fill);
		padding: var(--spacing-lg);
	}*/

	.wrap.svelte-14xt79u {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: var(--size-3);
		background: var(--background-fill-primary);
		width: var(--size-full);
	}

	h2.svelte-14xt79u {
		margin-bottom: var(--size-3);
		color: var(--body-text-color);
		font-weight: var(--section-header-text-weight);
		font-size: var(--text-xl);
	}

	.auth.svelte-14xt79u {
		margin-top: var(--size-1);
		margin-bottom: var(--size-1);
		color: var(--body-text-color);
	}

	.creds.svelte-14xt79u {
		margin-top: var(--size-4);
		margin-bottom: var(--size-4);
		color: var(--error-text-color);
		font-weight: var(--weight-semibold);
	}