their code:


"""

<html lang="en-US" style="
		margin: 0;
		padding: 0;
		min-height: 100%;
		display: flex;
		flex-direction: column;
	"><head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<style>
			:root {
				--bg: white;
				--col:   #1f2937;
				--bg-dark: #0b0f19;
				--col-dark: #f3f4f6;
			}


			body {
				background: var(--bg);
				color: var(--col);
				font-family: Arial, Helvetica, sans-serif;
			}

			@media (prefers-color-scheme: dark) {
				body {
					background: var(--bg-dark);
					color: var(--col-dark);
				}
			}
		</style>

		<meta property="og:url" content="https://gradio.app/">
		<meta property="og:type" content="website">
		<meta property="og:image" content="">
		<meta property="og:title" content="Gradio">
		<meta property="og:description" content="">
		<meta name="twitter:card" content="summary_large_image">
		<meta name="twitter:creator" content="@teamGradio">
		<meta name="twitter:title" content="Gradio">
		<meta name="twitter:description" content="">
		<meta name="twitter:image" content="">

		<script data-gradio-mode="">
			window.__gradio_mode__ = "app";
			window.iFrameResizer = {
				heightCalculationMethod: "taggedElement"
			};
			window.parent?.postMessage(
				{ type: "SET_SCROLLING", enabled: false },
				"*"
			);
		</script>

		<script>window.gradio_config = {"version":"4.44.0","mode":"blocks","app_id":15494525890408145636,"dev_mode":false,"analytics_enabled":true,"components":[{"id":1,"type":"html","props":{"value":"\u003ch1 align=\"center\"\u003eGPT-4o Mini: Research Preview (Short-Term Availability)\u003c/h1\u003e","show_label":false,"visible":true,"elem_classes":[],"name":"html","_selectable":false},"skip_api":false,"component_class_id":"250f2d79d505ca0e6d62e7360ebf6bb5","key":null,"api_info":{"type":"string"},"example_inputs":"\u003cp\u003eHello\u003c/p\u003e"},{"id":2,"type":"html","props":{"value":"\u003ch3 align=\"center\"\u003eThis app provides you full access to GPT-4o mini (128K token limit). You don\u0027t need any OPENAI API key.\u003c/h3\u003e","show_label":false,"visible":true,"elem_classes":[],"name":"html","_selectable":false},"skip_api":false,"component_class_id":"250f2d79d505ca0e6d62e7360ebf6bb5","key":null,"api_info":{"type":"string"},"example_inputs":"\u003cp\u003eHello\u003c/p\u003e"},{"id":3,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":false,"elem_id":"col_container","show_progress":false,"name":"column"},"skip_api":true,"component_class_id":"214e3d6261b9edacc5d34ea4e8655821","key":null},{"id":4,"type":"chatbot","props":{"likeable":false,"value":[],"type":"tuples","show_label":true,"container":true,"min_width":160,"visible":true,"elem_id":"chatbot","elem_classes":[],"latex_delimiters":[{"left":"$$","right":"$$","display":true}],"rtl":false,"show_share_button":true,"show_copy_button":false,"avatar_images":[null,null],"sanitize_html":true,"render_markdown":true,"bubble_full_width":true,"line_breaks":true,"show_copy_all_button":false,"name":"chatbot","_selectable":false},"skip_api":false,"component_class_id":"f5586b71f64ccd6eb7f4bfd6c1e91abb","key":null,"api_info":{"$defs":{"ComponentMessage":{"properties":{"component":{"title":"Component","type":"string"},"value":{"title":"Value"},"constructor_args":{"title":"Constructor Args","type":"object"},"props":{"title":"Props","type":"object"}},"required":["component","value","constructor_args","props"],"title":"ComponentMessage","type":"object"},"FileData":{"description":"The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.\n\nAttributes:\n    path: The server file path where the file is stored.\n    url: The normalized server URL pointing to the file.\n    size: The size of the file in bytes.\n    orig_name: The original filename before upload.\n    mime_type: The MIME type of the file.\n    is_stream: Indicates whether the file is a stream.\n    meta: Additional metadata used internally (should not be changed).","properties":{"path":{"title":"Path","type":"string"},"url":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Url"},"size":{"anyOf":[{"type":"integer"},{"type":"null"}],"default":null,"title":"Size"},"orig_name":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Orig Name"},"mime_type":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Mime Type"},"is_stream":{"default":false,"title":"Is Stream","type":"boolean"},"meta":{"default":{"_type":"gradio.FileData"},"title":"Meta","type":"object"}},"required":["path"],"title":"FileData","type":"object"},"FileMessage":{"properties":{"file":{"$ref":"#/$defs/FileData"},"alt_text":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Alt Text"}},"required":["file"],"title":"FileMessage","type":"object"}},"items":{"maxItems":2,"minItems":2,"prefixItems":[{"anyOf":[{"type":"string"},{"$ref":"#/$defs/FileMessage"},{"$ref":"#/$defs/ComponentMessage"},{"type":"null"}]},{"anyOf":[{"type":"string"},{"$ref":"#/$defs/FileMessage"},{"$ref":"#/$defs/ComponentMessage"},{"type":"null"}]}],"type":"array"},"title":"ChatbotDataTuples","type":"array"},"example_inputs":[["Hello!",null]]},{"id":5,"type":"textbox","props":{"lines":1,"max_lines":20,"placeholder":"Hi there!","label":"Type an input and press Enter","show_label":true,"container":true,"min_width":160,"visible":true,"autofocus":false,"autoscroll":true,"elem_classes":[],"type":"text","rtl":false,"show_copy_button":false,"name":"textbox","_selectable":false},"skip_api":false,"component_class_id":"d0491bb0fbd427bdb2a4549c4d1ac869","key":null,"api_info":{"type":"string"},"example_inputs":"Hello!!"},{"id":6,"type":"state","props":{"value":[],"time_to_live":null,"delete_callback":"\u003cfunction State.__init__.\u003clocals\u003e.\u003clambda\u003e at 0x7fa9f9c7a440\u003e","name":"state","_selectable":false},"skip_api":true,"component_class_id":"52234f8c5f6f16893853acd5e503a8a8","key":null},{"id":7,"type":"row","props":{"variant":"default","visible":true,"equal_height":true,"show_progress":false,"name":"row"},"skip_api":true,"component_class_id":"b5cf3d15e2293fb5ccc071d7b8d69f64","key":null},{"id":8,"type":"column","props":{"scale":7,"min_width":320,"variant":"default","visible":true,"show_progress":false,"name":"column"},"skip_api":true,"component_class_id":"214e3d6261b9edacc5d34ea4e8655821","key":null},{"id":9,"type":"button","props":{"value":"Run","variant":"secondary","visible":true,"interactive":true,"elem_classes":[],"name":"button","_selectable":false},"skip_api":true,"component_class_id":"43ff9969f0bf4553b77ca8dc5b4850bc","key":null},{"id":10,"type":"column","props":{"scale":3,"min_width":320,"variant":"default","visible":true,"show_progress":false,"name":"column"},"skip_api":true,"component_class_id":"214e3d6261b9edacc5d34ea4e8655821","key":null},{"id":11,"type":"textbox","props":{"lines":1,"max_lines":20,"label":"Status code from OpenAI server","show_label":true,"container":true,"min_width":160,"visible":true,"autofocus":false,"autoscroll":true,"elem_classes":[],"type":"text","rtl":false,"show_copy_button":false,"name":"textbox","_selectable":false},"skip_api":false,"component_class_id":"d0491bb0fbd427bdb2a4549c4d1ac869","key":null,"api_info":{"type":"string"},"example_inputs":"Hello!!"},{"id":12,"type":"form","props":{"scale":0,"min_width":0,"name":"form"},"skip_api":true,"component_class_id":"43cda85c6ff7a5dd8f83d29496b014ee","key":null},{"id":13,"type":"accordion","props":{"label":"Parameters","open":false,"visible":true,"name":"accordion"},"skip_api":true,"component_class_id":"b49c1903c3591b866d0adab5a2f6e48b","key":null},{"id":14,"type":"slider","props":{"minimum":0,"maximum":1.0,"value":1.0,"step":0.05,"label":"Top-p (nucleus sampling)","show_label":true,"container":true,"min_width":160,"interactive":true,"visible":true,"elem_classes":[],"name":"slider","_selectable":false},"skip_api":false,"component_class_id":"1bc15a255bbbd15b85b58706accd599f","key":null,"api_info":{"type":"number","description":"numeric value between 0 and 1.0"},"example_inputs":0},{"id":15,"type":"slider","props":{"minimum":0,"maximum":5.0,"value":1.0,"step":0.1,"label":"Temperature","show_label":true,"container":true,"min_width":160,"interactive":true,"visible":true,"elem_classes":[],"name":"slider","_selectable":false},"skip_api":false,"component_class_id":"1bc15a255bbbd15b85b58706accd599f","key":null,"api_info":{"type":"number","description":"numeric value between 0 and 5.0"},"example_inputs":0},{"id":16,"type":"number","props":{"value":0,"show_label":true,"container":true,"min_width":160,"visible":false,"elem_classes":[],"precision":0,"step":1,"name":"number","_selectable":false},"skip_api":false,"component_class_id":"013e0bc782bafe4c933e4047ef3b7ba6","key":null,"api_info":{"type":"number"},"example_inputs":3},{"id":17,"type":"form","props":{"scale":0,"min_width":0,"name":"form"},"skip_api":true,"component_class_id":"43cda85c6ff7a5dd8f83d29496b014ee","key":null},{"id":18,"type":"form","props":{"scale":0,"min_width":0,"name":"form"},"skip_api":true,"component_class_id":"43cda85c6ff7a5dd8f83d29496b014ee","key":null},{"id":19,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":true,"elem_id":"user_consent_container","show_progress":false,"name":"column"},"skip_api":true,"component_class_id":"214e3d6261b9edacc5d34ea4e8655821","key":null},{"id":20,"type":"checkbox","props":{"value":false,"show_label":true,"container":true,"min_width":160,"visible":false,"elem_classes":[],"name":"checkbox","_selectable":false},"skip_api":false,"component_class_id":"b2c2c8b2ac4aa89c0f17edb93f9d0c1b","key":null,"api_info":{"type":"boolean"},"example_inputs":true},{"id":21,"type":"accordion","props":{"label":"User Consent for Data Collection, Use, and Sharing","open":true,"visible":true,"name":"accordion"},"skip_api":true,"component_class_id":"b49c1903c3591b866d0adab5a2f6e48b","key":null},{"id":22,"type":"html","props":{"value":"\n            \u003cdiv\u003e\n                \u003cp\u003eBy using our app, which is powered by OpenAI\u0027s API, you acknowledge and agree to the following terms regarding the data you provide:\u003c/p\u003e\n                \u003col\u003e\n                    \u003cli\u003e\u003cstrong\u003eCollection:\u003c/strong\u003e We may collect information, including the inputs you type into our app, the outputs generated by OpenAI\u0027s API, and certain technical details about your device and connection (such as browser type, operating system, and IP address) provided by your device\u0027s request headers.\u003c/li\u003e\n                    \u003cli\u003e\u003cstrong\u003eUse:\u003c/strong\u003e We may use the collected data for research purposes, to improve our services, and to develop new products or services, including commercial applications, and for security purposes, such as protecting against unauthorized access and attacks.\u003c/li\u003e\n                    \u003cli\u003e\u003cstrong\u003eSharing and Publication:\u003c/strong\u003e Your data, including the technical details collected from your device\u0027s request headers, may be published, shared with third parties, or used for analysis and reporting purposes.\u003c/li\u003e\n                    \u003cli\u003e\u003cstrong\u003eData Retention:\u003c/strong\u003e We may retain your data, including the technical details collected from your device\u0027s request headers, for as long as necessary.\u003c/li\u003e\n                \u003c/ol\u003e\n                \u003cp\u003eBy continuing to use our app, you provide your explicit consent to the collection, use, and potential sharing of your data as described above. If you do not agree with our data collection, use, and sharing practices, please do not use our app.\u003c/p\u003e\n            \u003c/div\u003e\n            ","show_label":false,"visible":true,"elem_classes":[],"name":"html","_selectable":false},"skip_api":false,"component_class_id":"250f2d79d505ca0e6d62e7360ebf6bb5","key":null,"api_info":{"type":"string"},"example_inputs":"\u003cp\u003eHello\u003c/p\u003e"},{"id":23,"type":"button","props":{"value":"I Agree","variant":"secondary","visible":true,"interactive":true,"elem_classes":[],"name":"button","_selectable":false},"skip_api":true,"component_class_id":"43ff9969f0bf4553b77ca8dc5b4850bc","key":null},{"id":24,"type":"form","props":{"scale":0,"min_width":0,"name":"form"},"skip_api":true,"component_class_id":"43cda85c6ff7a5dd8f83d29496b014ee","key":null}],"css":"#col_container { margin-left: auto; margin-right: auto;}\n                #chatbot {height: 520px; overflow: auto;}","connect_heartbeat":true,"js":null,"head":null,"title":"Gradio","space_id":"yuntian-deng/ChatGPT","enable_queue":true,"show_error":false,"show_api":true,"is_colab":false,"max_file_size":null,"stylesheets":["https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600\u0026display=swap","https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600\u0026display=swap"],"theme":"default","protocol":"sse_v3","body_css":{"body_background_fill":"white","body_text_color":"#1f2937","body_background_fill_dark":"#0b0f19","body_text_color_dark":"#f3f4f6"},"fill_height":false,"fill_width":false,"theme_hash":"0d58f89b4c2aef0d338b84979b9ffb76d102d25035087d6771f50989d2612182","layout":{"id":0,"children":[{"id":1},{"id":2},{"id":3,"children":[{"id":4},{"id":18,"children":[{"id":5}]},{"id":6},{"id":7,"children":[{"id":8,"children":[{"id":9}]},{"id":10,"children":[{"id":12,"children":[{"id":11}]}]}]},{"id":13,"children":[{"id":17,"children":[{"id":14},{"id":15},{"id":16}]}]}]},{"id":19,"children":[{"id":24,"children":[{"id":20}]},{"id":21,"children":[{"id":22},{"id":23}]}]}]},"dependencies":[{"id":0,"targets":[[23,"click"]],"inputs":[],"outputs":[20],"backend_fn":false,"js":"(x) =\u003e confirm(\u0027By clicking \"OK\", I agree that my data may be published or shared.\u0027)","queue":false,"api_name":"js_fn","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":false,"zerogpu":false,"rendered_in":null},{"id":1,"targets":[[20,"change"]],"inputs":[],"outputs":[19,3],"backend_fn":true,"js":null,"queue":false,"api_name":"enable_inputs","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"always_last","show_api":true,"zerogpu":false,"rendered_in":null},{"id":2,"targets":[[5,"submit"]],"inputs":[],"outputs":[5,9],"backend_fn":true,"js":null,"queue":false,"api_name":"reset_textbox","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":true,"zerogpu":false,"rendered_in":null},{"id":3,"targets":[[5,"submit"]],"inputs":[5,14,15,16,4,6],"outputs":[4,6,16,11,5,9],"backend_fn":true,"js":null,"queue":true,"api_name":"predict","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":true,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":true,"zerogpu":false,"rendered_in":null},{"id":4,"targets":[[9,"click"]],"inputs":[],"outputs":[5,9],"backend_fn":true,"js":null,"queue":false,"api_name":"reset_textbox_1","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":true,"zerogpu":false,"rendered_in":null},{"id":5,"targets":[[9,"click"]],"inputs":[5,14,15,16,4,6],"outputs":[4,6,16,11,5,9],"backend_fn":true,"js":null,"queue":true,"api_name":"predict_1","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":true,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":true,"zerogpu":false,"rendered_in":null}],"root":"https://yuntian-deng-chatgpt.hf.space","username":null};</script><script>window.gradio_api_info = {"named_endpoints":{"/enable_inputs":{"parameters":[],"returns":[],"show_api":true},"/reset_textbox":{"parameters":[],"returns":[{"label":"Type an input and press Enter","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox"}],"show_api":true},"/predict":{"parameters":[{"label":"Type an input and press Enter","parameter_name":"inputs","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"},{"label":"Top-p (nucleus sampling)","parameter_name":"top_p","parameter_has_default":true,"parameter_default":1.0,"type":{"type":"number","description":"numeric value between 0 and 1.0"},"python_type":{"type":"float","description":"numeric value between 0 and 1.0"},"component":"Slider","example_input":0},{"label":"Temperature","parameter_name":"temperature","parameter_has_default":true,"parameter_default":1.0,"type":{"type":"number","description":"numeric value between 0 and 5.0"},"python_type":{"type":"float","description":"numeric value between 0 and 5.0"},"component":"Slider","example_input":0},{"label":"parameter_16","parameter_name":"chat_counter","parameter_has_default":true,"parameter_default":0,"type":{"type":"number"},"python_type":{"type":"float","description":""},"component":"Number","example_input":3},{"label":"parameter_4","parameter_name":"chatbot","parameter_has_default":true,"parameter_default":[],"type":{"$defs":{"ComponentMessage":{"properties":{"component":{"title":"Component","type":"string"},"value":{"title":"Value"},"constructor_args":{"title":"Constructor Args","type":"object"},"props":{"title":"Props","type":"object"}},"required":["component","value","constructor_args","props"],"title":"ComponentMessage","type":"object"},"FileData":{"description":"The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.\n\nAttributes:\n    path: The server file path where the file is stored.\n    url: The normalized server URL pointing to the file.\n    size: The size of the file in bytes.\n    orig_name: The original filename before upload.\n    mime_type: The MIME type of the file.\n    is_stream: Indicates whether the file is a stream.\n    meta: Additional metadata used internally (should not be changed).","properties":{"path":{"title":"Path","type":"string"},"url":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Url"},"size":{"anyOf":[{"type":"integer"},{"type":"null"}],"default":null,"title":"Size"},"orig_name":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Orig Name"},"mime_type":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Mime Type"},"is_stream":{"default":false,"title":"Is Stream","type":"boolean"},"meta":{"default":{"_type":"gradio.FileData"},"title":"Meta","type":"object"}},"required":["path"],"title":"FileData","type":"object"},"FileMessage":{"properties":{"file":{"$ref":"#/$defs/FileData"},"alt_text":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Alt Text"}},"required":["file"],"title":"FileMessage","type":"object"}},"items":{"maxItems":2,"minItems":2,"prefixItems":[{"anyOf":[{"type":"string"},{"$ref":"#/$defs/FileMessage"},{"$ref":"#/$defs/ComponentMessage"},{"type":"null"}]},{"anyOf":[{"type":"string"},{"$ref":"#/$defs/FileMessage"},{"$ref":"#/$defs/ComponentMessage"},{"type":"null"}]}],"type":"array"},"title":"ChatbotDataTuples","type":"array"},"python_type":{"type":"Tuple[str | Dict(file: filepath, alt_text: str | None) | Dict(component: str, value: Any, constructor_args: Dict(), props: Dict()) | None, str | Dict(file: filepath, alt_text: str | None) | Dict(component: str, value: Any, constructor_args: Dict(), props: Dict()) | None]","description":""},"component":"Chatbot","example_input":[["Hello!",null]]}],"returns":[{"label":"value_4","type":{"$defs":{"ComponentMessage":{"properties":{"component":{"title":"Component","type":"string"},"value":{"title":"Value"},"constructor_args":{"title":"Constructor Args","type":"object"},"props":{"title":"Props","type":"object"}},"required":["component","value","constructor_args","props"],"title":"ComponentMessage","type":"object"},"FileData":{"description":"The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.\n\nAttributes:\n    path: The server file path where the file is stored.\n    url: The normalized server URL pointing to the file.\n    size: The size of the file in bytes.\n    orig_name: The original filename before upload.\n    mime_type: The MIME type of the file.\n    is_stream: Indicates whether the file is a stream.\n    meta: Additional metadata used internally (should not be changed).","properties":{"path":{"title":"Path","type":"string"},"url":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Url"},"size":{"anyOf":[{"type":"integer"},{"type":"null"}],"default":null,"title":"Size"},"orig_name":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Orig Name"},"mime_type":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Mime Type"},"is_stream":{"default":false,"title":"Is Stream","type":"boolean"},"meta":{"default":{"_type":"gradio.FileData"},"title":"Meta","type":"object"}},"required":["path"],"title":"FileData","type":"object"},"FileMessage":{"properties":{"file":{"$ref":"#/$defs/FileData"},"alt_text":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Alt Text"}},"required":["file"],"title":"FileMessage","type":"object"}},"items":{"maxItems":2,"minItems":2,"prefixItems":[{"anyOf":[{"type":"string"},{"$ref":"#/$defs/FileMessage"},{"$ref":"#/$defs/ComponentMessage"},{"type":"null"}]},{"anyOf":[{"type":"string"},{"$ref":"#/$defs/FileMessage"},{"$ref":"#/$defs/ComponentMessage"},{"type":"null"}]}],"type":"array"},"title":"ChatbotDataTuples","type":"array"},"python_type":{"type":"Tuple[str | Dict(file: filepath, alt_text: str | None) | Dict(component: str, value: Any, constructor_args: Dict(), props: Dict()) | None, str | Dict(file: filepath, alt_text: str | None) | Dict(component: str, value: Any, constructor_args: Dict(), props: Dict()) | None]","description":""},"component":"Chatbot"},{"label":"value_16","type":{"type":"number"},"python_type":{"type":"float","description":""},"component":"Number"},{"label":"Status code from OpenAI server","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox"},{"label":"Type an input and press Enter","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox"}],"show_api":true},"/reset_textbox_1":{"parameters":[],"returns":[{"label":"Type an input and press Enter","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox"}],"show_api":true},"/predict_1":{"parameters":[{"label":"Type an input and press Enter","parameter_name":"inputs","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"},{"label":"Top-p (nucleus sampling)","parameter_name":"top_p","parameter_has_default":true,"parameter_default":1.0,"type":{"type":"number","description":"numeric value between 0 and 1.0"},"python_type":{"type":"float","description":"numeric value between 0 and 1.0"},"component":"Slider","example_input":0},{"label":"Temperature","parameter_name":"temperature","parameter_has_default":true,"parameter_default":1.0,"type":{"type":"number","description":"numeric value between 0 and 5.0"},"python_type":{"type":"float","description":"numeric value between 0 and 5.0"},"component":"Slider","example_input":0},{"label":"parameter_16","parameter_name":"chat_counter","parameter_has_default":true,"parameter_default":0,"type":{"type":"number"},"python_type":{"type":"float","description":""},"component":"Number","example_input":3},{"label":"parameter_4","parameter_name":"chatbot","parameter_has_default":true,"parameter_default":[],"type":{"$defs":{"ComponentMessage":{"properties":{"component":{"title":"Component","type":"string"},"value":{"title":"Value"},"constructor_args":{"title":"Constructor Args","type":"object"},"props":{"title":"Props","type":"object"}},"required":["component","value","constructor_args","props"],"title":"ComponentMessage","type":"object"},"FileData":{"description":"The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.\n\nAttributes:\n    path: The server file path where the file is stored.\n    url: The normalized server URL pointing to the file.\n    size: The size of the file in bytes.\n    orig_name: The original filename before upload.\n    mime_type: The MIME type of the file.\n    is_stream: Indicates whether the file is a stream.\n    meta: Additional metadata used internally (should not be changed).","properties":{"path":{"title":"Path","type":"string"},"url":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Url"},"size":{"anyOf":[{"type":"integer"},{"type":"null"}],"default":null,"title":"Size"},"orig_name":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Orig Name"},"mime_type":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Mime Type"},"is_stream":{"default":false,"title":"Is Stream","type":"boolean"},"meta":{"default":{"_type":"gradio.FileData"},"title":"Meta","type":"object"}},"required":["path"],"title":"FileData","type":"object"},"FileMessage":{"properties":{"file":{"$ref":"#/$defs/FileData"},"alt_text":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Alt Text"}},"required":["file"],"title":"FileMessage","type":"object"}},"items":{"maxItems":2,"minItems":2,"prefixItems":[{"anyOf":[{"type":"string"},{"$ref":"#/$defs/FileMessage"},{"$ref":"#/$defs/ComponentMessage"},{"type":"null"}]},{"anyOf":[{"type":"string"},{"$ref":"#/$defs/FileMessage"},{"$ref":"#/$defs/ComponentMessage"},{"type":"null"}]}],"type":"array"},"title":"ChatbotDataTuples","type":"array"},"python_type":{"type":"Tuple[str | Dict(file: filepath, alt_text: str | None) | Dict(component: str, value: Any, constructor_args: Dict(), props: Dict()) | None, str | Dict(file: filepath, alt_text: str | None) | Dict(component: str, value: Any, constructor_args: Dict(), props: Dict()) | None]","description":""},"component":"Chatbot","example_input":[["Hello!",null]]}],"returns":[{"label":"value_4","type":{"$defs":{"ComponentMessage":{"properties":{"component":{"title":"Component","type":"string"},"value":{"title":"Value"},"constructor_args":{"title":"Constructor Args","type":"object"},"props":{"title":"Props","type":"object"}},"required":["component","value","constructor_args","props"],"title":"ComponentMessage","type":"object"},"FileData":{"description":"The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.\n\nAttributes:\n    path: The server file path where the file is stored.\n    url: The normalized server URL pointing to the file.\n    size: The size of the file in bytes.\n    orig_name: The original filename before upload.\n    mime_type: The MIME type of the file.\n    is_stream: Indicates whether the file is a stream.\n    meta: Additional metadata used internally (should not be changed).","properties":{"path":{"title":"Path","type":"string"},"url":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Url"},"size":{"anyOf":[{"type":"integer"},{"type":"null"}],"default":null,"title":"Size"},"orig_name":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Orig Name"},"mime_type":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Mime Type"},"is_stream":{"default":false,"title":"Is Stream","type":"boolean"},"meta":{"default":{"_type":"gradio.FileData"},"title":"Meta","type":"object"}},"required":["path"],"title":"FileData","type":"object"},"FileMessage":{"properties":{"file":{"$ref":"#/$defs/FileData"},"alt_text":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Alt Text"}},"required":["file"],"title":"FileMessage","type":"object"}},"items":{"maxItems":2,"minItems":2,"prefixItems":[{"anyOf":[{"type":"string"},{"$ref":"#/$defs/FileMessage"},{"$ref":"#/$defs/ComponentMessage"},{"type":"null"}]},{"anyOf":[{"type":"string"},{"$ref":"#/$defs/FileMessage"},{"$ref":"#/$defs/ComponentMessage"},{"type":"null"}]}],"type":"array"},"title":"ChatbotDataTuples","type":"array"},"python_type":{"type":"Tuple[str | Dict(file: filepath, alt_text: str | None) | Dict(component: str, value: Any, constructor_args: Dict(), props: Dict()) | None, str | Dict(file: filepath, alt_text: str | None) | Dict(component: str, value: Any, constructor_args: Dict(), props: Dict()) | None]","description":""},"component":"Chatbot"},{"label":"value_16","type":{"type":"number"},"python_type":{"type":"float","description":""},"component":"Number"},{"label":"Status code from OpenAI server","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox"},{"label":"Type an input and press Enter","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox"}],"show_api":true}},"unnamed_endpoints":{}};</script>

		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js" async=""></script>
		<script type="module" crossorigin="" src="./assets/index-D5ROCp7B.js"></script>
		<link rel="stylesheet" crossorigin="" href="./assets/index-DuXXhepF.css">
	<link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-D21IHG0c.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-BEyjvDG_.css" media=""><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/index-DuXXhepF.css" media=""><style>#col_container { margin-left: auto; margin-right: auto; } gradio-app .gradio-container.gradio-container-4-44-0 .contain  #col_container  { margin-left: auto; margin-right: auto; }#chatbot { height: 520px; overflow: auto; } gradio-app .gradio-container.gradio-container-4-44-0 .contain  #chatbot  { height: 520px; overflow: auto; }</style><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/theme.css?v=0d58f89b4c2aef0d338b84979b9ffb76d102d25035087d6771f50989d2612182" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Blocks-Dw_9NR1K.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/index-D5ROCp7B.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Button-uOcat6Z0.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Button-CTZL5Nos.css" media=""><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Blocks-yLdzXwzS.css" media=""><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&amp;display=swap" media=""><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&amp;display=swap" media=""><title>Gradio</title><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-QFLfeHqR.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Code-DGNrTu_I.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/BlockLabel-BXXlQleC.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-BicZ6NTU.css" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-3Ud1cpPD.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-CptIZeFZ.css" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-DDqzdfNS.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/index-CnqicUFC.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/ShareButton-OlciWAJu.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Image-DG8jX6JY.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/file-url-BIHPd7vS.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Image-B8dFOee4.css" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index.svelte_svelte_type_style_lang-D199jKmZ.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Check-CZUQOzJl.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Copy-B6RcHnoK.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Example.svelte_svelte_type_style_lang-qahm4PWk.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/prism-python-Bw3EYPE-.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Example-BOThR97Y.css" media=""><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-Xv8ZQETB.css" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/DownloadLink-BgAM71ly.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-D9RVvV4H.css" media=""><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/ImagePreview-DlqNSi_R.css" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-q5DoCKkE.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Textbox-CF9-08gf.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/BlockTitle-COFLSASJ.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Info-CMIMfBX8.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Textbox-D8IAzrZj.css" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Example-C7XUkkid.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Example-Cj3ii62O.css" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-CwNLzWTz.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-C43SQM_O.css" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-DwSO5GE1.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-DDCF2BFd.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-B0JJ6p9c.css" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-BpBoLkq9.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-C5NYahSl.css" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-CWcDktiU.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-CJeiS5ET.css" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-Ix1HTuFr.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-BUublr_b.css" media=""><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-CzlZdV35.js"><link rel="stylesheet" href="https://yuntian-deng-chatgpt.hf.space/assets/Index-BTCbxfal.css" media=""></head>

	<body style="width: 100%; margin: 0px; padding: 0px; display: flex; flex-direction: column; flex-grow: 1; --chatbot-body-text-size: 16px;" class="dark">
		<gradio-app control_page_title="true" embed="false" eager="true" style="display: flex; flex-direction: column; flex-grow: 1; background: var(--body-background-fill);">
		<div class="gradio-container gradio-container-4-44-0 svelte-wpkpf6 app" data-iframe-height="" style="min-height: initial; flex-grow: 1;"><div class="main svelte-wpkpf6">  <div class="wrap svelte-1rjryqp" style="min-height: 100%;"><div class="contain svelte-1rjryqp" style="flex-grow: 1;"><div id="component-0" class="svelte-vt1mxs gap" style="min-width: min(0px, 100%);"> <div id="component-1" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"> <div class="wrap center full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-uqf9ro"><div class="prose  svelte-1ybaih5"><h1 align="center">GPT-4o Mini: Research Preview (Short-Term Availability)</h1></div></div></div><div id="component-2" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"> <div class="wrap center full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-uqf9ro"><div class="prose  svelte-1ybaih5"><h3 align="center">This app provides you full access to GPT-4o mini (128K token limit). You don't need any OPENAI API key.</h3></div></div></div><div id="col_container" class="svelte-vt1mxs gap" style="flex-grow: 1; min-width: min(320px, 100%);"> <div id="chatbot" class="block  svelte-12cmxck" style="height: 400px; border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default minimal svelte-au1olv translucent hide" style="position: absolute; padding: 0px;"></div> <div class="wrapper svelte-nab2ao"><label for="" data-testid="block-label" class="svelte-1b6s6s float"><span class="svelte-1b6s6s"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--carbon" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path fill="currentColor" d="M17.74 30L16 29l4-7h6a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h9v2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4h-4.84Z"></path><path fill="currentColor" d="M8 10h16v2H8zm0 6h10v2H8z"></path></svg></span> Chatbot</label> <div class="share-button svelte-1e1jlin"><button aria-label="Share" aria-haspopup="false" title="Share" class="svelte-rk35yg padded" style="color: var(--block-label-text-color); --bg-color: var(--background-fill-primary); margin-left: 0px;"> <div class="svelte-rk35yg small"><svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M23,20a5,5,0,0,0-3.89,1.89L11.8,17.32a4.46,4.46,0,0,0,0-2.64l7.31-4.57A5,5,0,1,0,18,7a4.79,4.79,0,0,0,.2,1.32l-7.31,4.57a5,5,0,1,0,0,6.22l7.31,4.57A4.79,4.79,0,0,0,18,25a5,5,0,1,0,5-5ZM23,4a3,3,0,1,1-3,3A3,3,0,0,1,23,4ZM7,19a3,3,0,1,1,3-3A3,3,0,0,1,7,19Zm16,9a3,3,0,1,1,3-3A3,3,0,0,1,23,28Z" fill="currentColor"></path></svg></div></button></div>  <div class="bubble-wrap svelte-1e1jlin" role="log" aria-label="chatbot conversation" aria-live="polite"><div class="message-wrap svelte-1e1jlin"> <div class="message-row bubble user-row svelte-1e1jlin"> <div class="flex-wrap user svelte-1e1jlin"><div class="message user svelte-1e1jlin panel-full-width" style="text-align: right;"><button data-testid="user" dir="ltr" aria-label="user's message: this is user test message number one: output tiny code in code block. also forma your inResponse texts with all posssible formattings through texts.

also, output tiny svg code of some." class="svelte-1e1jlin" style="user-select: text; cursor: default; text-align: left;"><span class="md svelte-8tpqd2 chatbot prose"><p>this is user test message number one: output tiny code in code block. also forma your inResponse texts with all posssible formattings through texts.</p>
<p>also, output tiny svg code of some.</p>
</span></button> </div></div></div>  <div class="message-row bubble bot-row svelte-1e1jlin"> <div class="flex-wrap bot svelte-1e1jlin"><div class="message bot svelte-1e1jlin panel-full-width" style="text-align: right;"><button data-testid="bot" dir="ltr" aria-label="bot's message: Sure! Here’s a tiny code snippet in a code block:

```python
def greet(name):
    return f&quot;Hello, {name}!&quot;
```

### Formatted Response Texts

1. **Bold Text:** This is **bold text**.
2. *Italic Text:* This is *italic text*.
3. ~~Strikethrough Text:~~ This is ~~strikethrough text~~.
4. `Inline Code:` You can use `inline code` formatting for code snippets.
5. > Blockquote: 
    > This is a blockquote.

### Tiny SVG Code

Here’s a simple SVG code snippet to create a red circle:

```xml
<svg width=&quot;100&quot; height=&quot;100&quot;>
  <circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;40&quot; fill=&quot;red&quot; />
</svg>
```

Feel free to ask if you need anything else!" class="svelte-1e1jlin" style="user-select: text; cursor: default; text-align: left;"><span class="md svelte-8tpqd2 chatbot prose"><p>Sure! Here’s a tiny code snippet in a code block:</p>
<div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-python"><span class="token keyword">def</span> <span class="token function">greet</span><span class="token punctuation">(</span>name<span class="token punctuation">)</span><span class="token punctuation">:</span>
    <span class="token keyword">return</span> <span class="token string-interpolation"><span class="token string">f"Hello, </span><span class="token interpolation"><span class="token punctuation">{</span>name<span class="token punctuation">}</span></span><span class="token string">!"</span></span>
</code></pre></div>
<h3>Formatted Response Texts</h3>
<ol>
<li><strong>Bold Text:</strong> This is <strong>bold text</strong>.</li>
<li><em>Italic Text:</em> This is <em>italic text</em>.</li>
<li><del>Strikethrough Text:</del> This is <del>strikethrough text</del>.</li>
<li><code>Inline Code:</code> You can use <code>inline code</code> formatting for code snippets.</li>
<li><blockquote>
<p>Blockquote:<br>This is a blockquote.</p>
</blockquote>
</li>
</ol>
<h3>Tiny SVG Code</h3>
<p>Here’s a simple SVG code snippet to create a red circle:</p>
<div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-xml"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>circle</span> <span class="token attr-name">cx</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>50<span class="token punctuation">"</span></span> <span class="token attr-name">cy</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>50<span class="token punctuation">"</span></span> <span class="token attr-name">r</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>red<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
</code></pre></div>
<p>Feel free to ask if you need anything else!</p>
</span></button> </div></div></div>  <div class="message-row bubble user-row svelte-1e1jlin"> <div class="flex-wrap user svelte-1e1jlin"><div class="message user svelte-1e1jlin panel-full-width" style="text-align: right;"><button data-testid="user" dir="ltr" aria-label="user's message: this is user test message number two: randomly output tiny code in code block. also, randomly format your inResponse texts with all posssible formattings through texts.

also, output tiny svg code of some." class="svelte-1e1jlin" style="user-select: text; cursor: default; text-align: left;"><span class="md svelte-8tpqd2 chatbot prose"><p>this is user test message number two: randomly output tiny code in code block. also, randomly format your inResponse texts with all posssible formattings through texts.</p>
<p>also, output tiny svg code of some.</p>
</span></button> </div></div></div>  <div class="message-row bubble bot-row svelte-1e1jlin"> <div class="flex-wrap bot svelte-1e1jlin"><div class="message bot svelte-1e1jlin panel-full-width" style="text-align: right;"><button data-testid="bot" dir="ltr" aria-label="bot's message: Absolutely! Here’s a randomly generated tiny code snippet in a code block:

```javascript
function add(a, b) {
    return a + b;
}
```

### Randomly Formatted Response Texts

1. **Bold Text:** This message has **bold text** for emphasis.
2. *Italic Text:* Observe the use of *italic text* for clarity.
3. ~~Strikethrough Text:~~ Here's an example of ~~strikethrough text~~ to show unimportance.
4. `Inline Code:` Check out this `inline code` example for quick reference.
5. > Blockquote:
    > This is a relevant blockquote that summarizes the above points.

### Tiny SVG Code

Here's a tiny SVG code snippet for a blue rectangle:

```xml
<svg width=&quot;100&quot; height=&quot;100&quot;>
  <rect width=&quot;90&quot; height=&quot;50&quot; fill=&quot;blue&quot; />
</svg>
```

If you have more requests, feel free to ask!" class="svelte-1e1jlin" style="user-select: text; cursor: default; text-align: left;"><span class="md svelte-8tpqd2 chatbot prose"><p>Absolutely! Here’s a randomly generated tiny code snippet in a code block:</p>
<div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-javascript"><span class="token keyword">function</span> <span class="token function">add</span><span class="token punctuation">(</span><span class="token parameter">a<span class="token punctuation">,</span> b</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">return</span> a <span class="token operator">+</span> b<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre></div>
<h3>Randomly Formatted Response Texts</h3>
<ol>
<li><strong>Bold Text:</strong> This message has <strong>bold text</strong> for emphasis.</li>
<li><em>Italic Text:</em> Observe the use of <em>italic text</em> for clarity.</li>
<li><del>Strikethrough Text:</del> Here's an example of <del>strikethrough text</del> to show unimportance.</li>
<li><code>Inline Code:</code> Check out this <code>inline code</code> example for quick reference.</li>
<li><blockquote>
<p>Blockquote:<br>This is a relevant blockquote that summarizes the above points.</p>
</blockquote>
</li>
</ol>
<h3>Tiny SVG Code</h3>
<p>Here's a tiny SVG code snippet for a blue rectangle:</p>
<div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-xml"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>rect</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>90<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>50<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>blue<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
</code></pre></div>
<p>If you have more requests, feel free to ask!</p>
</span></button> </div></div></div>  <div class="message-row bubble user-row svelte-1e1jlin"> <div class="flex-wrap user svelte-1e1jlin"><div class="message user svelte-1e1jlin panel-full-width" style="text-align: right;"><button data-testid="user" dir="ltr" aria-label="user's message: this is user test message number three: randomly output tiny code in code block. also, randomly format your inResponse texts with all posssible formattings through texts.

also, output tiny svg code of some." class="svelte-1e1jlin" style="user-select: text; cursor: default; text-align: left;"><span class="md svelte-8tpqd2 chatbot prose"><p>this is user test message number three: randomly output tiny code in code block. also, randomly format your inResponse texts with all posssible formattings through texts.</p>
<p>also, output tiny svg code of some.</p>
</span></button> </div></div></div>  <div class="message-row bubble bot-row svelte-1e1jlin"> <div class="flex-wrap bot svelte-1e1jlin"><div class="message bot svelte-1e1jlin panel-full-width" style="text-align: right;"><button data-testid="bot" dir="ltr" aria-label="bot's message: Sure! Here’s another randomly generated tiny code snippet in a code block:

```ruby
def square(n)
  n * n
end
```

### Randomly Formatted Response Texts

1. **Bold Text:** Emphasizing a point with **bold text** can be effective.
2. *Italic Text:* This is an example of *italic text* which can add style.
3. ~~Strikethrough Text:~~ Here’s how you can show ~~strikethrough text~~ for deletions.
4. `Inline Code:` Don't forget to note down `inline code` formats for quick use.
5. > Blockquote:
    > Here’s a blockquote that can highlight a key takeaway or thought.

### Tiny SVG Code

Here’s a tiny SVG code snippet for a green triangle:

```xml
<svg width=&quot;100&quot; height=&quot;100&quot;>
  <polygon points=&quot;50,15 90,85 10,85&quot; fill=&quot;green&quot; />
</svg>
```

Let me know if you need further assistance!" class="svelte-1e1jlin" style="user-select: text; cursor: default; text-align: left;"><span class="md svelte-8tpqd2 chatbot prose"><p>Sure! Here’s another randomly generated tiny code snippet in a code block:</p>
<div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-ruby">def square(n)
  n * n
end
</code></pre></div>
<h3>Randomly Formatted Response Texts</h3>
<ol>
<li><strong>Bold Text:</strong> Emphasizing a point with <strong>bold text</strong> can be effective.</li>
<li><em>Italic Text:</em> This is an example of <em>italic text</em> which can add style.</li>
<li><del>Strikethrough Text:</del> Here’s how you can show <del>strikethrough text</del> for deletions.</li>
<li><code>Inline Code:</code> Don't forget to note down <code>inline code</code> formats for quick use.</li>
<li><blockquote>
<p>Blockquote:<br>Here’s a blockquote that can highlight a key takeaway or thought.</p>
</blockquote>
</li>
</ol>
<h3>Tiny SVG Code</h3>
<p>Here’s a tiny SVG code snippet for a green triangle:</p>
<div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-xml"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>polygon</span> <span class="token attr-name">points</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>50,15 90,85 10,85<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>green<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
</code></pre></div>
<p>Let me know if you need further assistance!</p>
</span></button> </div></div></div>  <div class="message-row bubble user-row svelte-1e1jlin"> <div class="flex-wrap user svelte-1e1jlin"><div class="message user svelte-1e1jlin panel-full-width" style="text-align: right;"><button data-testid="user" dir="ltr" aria-label="user's message: this is user test message number four: randomly output tiny code in code block. also, randomly format your inResponse texts with all possible formattings through texts.

also, output tiny svg code of some." class="svelte-1e1jlin" style="user-select: text; cursor: default; text-align: left;"><span class="md svelte-8tpqd2 chatbot prose"><p>this is user test message number four: randomly output tiny code in code block. also, randomly format your inResponse texts with all possible formattings through texts.</p>
<p>also, output tiny svg code of some.</p>
</span></button> </div></div></div>  <div class="message-row bubble bot-row svelte-1e1jlin"> <div class="flex-wrap bot svelte-1e1jlin"><div class="message bot svelte-1e1jlin panel-full-width" style="text-align: right;"><button data-testid="bot" dir="ltr" aria-label="bot's message: Of course! Here’s another randomly generated tiny code snippet in a code block:

```swift
func greet(name: String) -> String {
    return &quot;Welcome, \(name)!&quot;
}
```

### Randomly Formatted Response Texts

1. **Bold Text:** Always remember to highlight important features with **bold text**.
2. *Italic Text:* Using *italic text* can help emphasize certain words.
3. ~~Strikethrough Text:~~ If something is no longer relevant, you can show it as ~~strikethrough text~~.
4. `Inline Code:` For quick references, you can encapsulate things in `inline code`.
5. > Blockquote:
    > Blockquotes are useful for quoting someone or something.

### Tiny SVG Code

Here’s a tiny SVG code snippet for a yellow star:

```xml
<svg width=&quot;100&quot; height=&quot;100&quot;>
  <polygon points=&quot;50,15 61,35 85,35 67,50 74,74 50,60 26,74 33,50 15,35 39,35&quot; fill=&quot;yellow&quot; />
</svg>
```

Feel free to ask for more if you wish!" class="svelte-1e1jlin" style="user-select: text; cursor: default; text-align: left;"><span class="md svelte-8tpqd2 chatbot prose"><p>Of course! Here’s another randomly generated tiny code snippet in a code block:</p>
<div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-swift">func greet(name: String) -&gt; String {
    return "Welcome, \(name)!"
}
</code></pre></div>
<h3>Randomly Formatted Response Texts</h3>
<ol>
<li><strong>Bold Text:</strong> Always remember to highlight important features with <strong>bold text</strong>.</li>
<li><em>Italic Text:</em> Using <em>italic text</em> can help emphasize certain words.</li>
<li><del>Strikethrough Text:</del> If something is no longer relevant, you can show it as <del>strikethrough text</del>.</li>
<li><code>Inline Code:</code> For quick references, you can encapsulate things in <code>inline code</code>.</li>
<li><blockquote>
<p>Blockquote:<br>Blockquotes are useful for quoting someone or something.</p>
</blockquote>
</li>
</ol>
<h3>Tiny SVG Code</h3>
<p>Here’s a tiny SVG code snippet for a yellow star:</p>
<div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-xml"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>polygon</span> <span class="token attr-name">points</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>50,15 61,35 85,35 67,50 74,74 50,60 26,74 33,50 15,35 39,35<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>yellow<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
</code></pre></div>
<p>Feel free to ask for more if you wish!</p>
</span></button> </div></div></div>  <div class="message-row bubble user-row svelte-1e1jlin"> <div class="flex-wrap user svelte-1e1jlin"><div class="message user svelte-1e1jlin panel-full-width" style="text-align: right;"><button data-testid="user" dir="ltr" aria-label="user's message: this is user test message number five: randomly output tiny code in code block. also, randomly format your inResponse texts with all possible formattings through texts.

also, output tiny svg code of some." class="svelte-1e1jlin" style="user-select: text; cursor: default; text-align: left;"><span class="md svelte-8tpqd2 chatbot prose"><p>this is user test message number five: randomly output tiny code in code block. also, randomly format your inResponse texts with all possible formattings through texts.</p>
<p>also, output tiny svg code of some.</p>
</span></button> </div></div></div>  <div class="message-row bubble bot-row svelte-1e1jlin"> <div class="flex-wrap bot svelte-1e1jlin"><div class="message bot svelte-1e1jlin panel-full-width" style="text-align: right;"><button data-testid="bot" dir="ltr" aria-label="bot's message: Certainly! Here’s yet another randomly generated tiny code snippet in a code block:

```cpp
#include <iostream>
using namespace std;

int main() {
    cout << &quot;Hello, World!&quot; << endl;
    return 0;
}
```

### Randomly Formatted Response Texts

1. **Bold Text:** Make sure to stress crucial points with **bold text**.
2. *Italic Text:* Using *italic text* can add a layer of meaning.
3. ~~Strikethrough Text:~~ To indicate changes, you might use ~~strikethrough text~~.
4. `Inline Code:` Remember to utilize `inline code` for clarity in technical contexts.
5. > Blockquote:
    > Here's a succinct blockquote to reinforce a significant insight.

### Tiny SVG Code

Here’s a tiny SVG code snippet for an orange ellipse:

```xml
<svg width=&quot;100&quot; height=&quot;100&quot;>
  <ellipse cx=&quot;50&quot; cy=&quot;50&quot; rx=&quot;40&quot; ry=&quot;20&quot; fill=&quot;orange&quot; />
</svg>
```

If you have any more requests or need additional information, just let me know!" class="svelte-1e1jlin" style="user-select: text; cursor: default; text-align: left;"><span class="md svelte-8tpqd2 chatbot prose"><p>Certainly! Here’s yet another randomly generated tiny code snippet in a code block:</p>
<div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-cpp">#include &lt;iostream&gt;
using namespace std;

int main() {
    cout &lt;&lt; "Hello, World!" &lt;&lt; endl;
    return 0;
}
</code></pre></div>
<h3>Randomly Formatted Response Texts</h3>
<ol>
<li><strong>Bold Text:</strong> Make sure to stress crucial points with <strong>bold text</strong>.</li>
<li><em>Italic Text:</em> Using <em>italic text</em> can add a layer of meaning.</li>
<li><del>Strikethrough Text:</del> To indicate changes, you might use <del>strikethrough text</del>.</li>
<li><code>Inline Code:</code> Remember to utilize <code>inline code</code> for clarity in technical contexts.</li>
<li><blockquote>
<p>Blockquote:<br>Here's a succinct blockquote to reinforce a significant insight.</p>
</blockquote>
</li>
</ol>
<h3>Tiny SVG Code</h3>
<p>Here’s a tiny SVG code snippet for an orange ellipse:</p>
<div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-xml"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ellipse</span> <span class="token attr-name">cx</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>50<span class="token punctuation">"</span></span> <span class="token attr-name">cy</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>50<span class="token punctuation">"</span></span> <span class="token attr-name">rx</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">ry</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>orange<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
</code></pre></div>
<p>If you have any more requests or need additional information, just let me know!</p>
</span></button> </div></div></div>  <div class="message-row bubble user-row svelte-1e1jlin"> <div class="flex-wrap user svelte-1e1jlin"><div class="message user svelte-1e1jlin panel-full-width" style="text-align: right;"><button data-testid="user" dir="ltr" aria-label="user's message: this is user test message number six: randomly output tiny code in code block. also, randomly format your inResponse texts with all possible formattings through texts.

also, output tiny svg code of some." class="svelte-1e1jlin" style="user-select: text; cursor: default; text-align: left;"><span class="md svelte-8tpqd2 chatbot prose"><p>this is user test message number six: randomly output tiny code in code block. also, randomly format your inResponse texts with all possible formattings through texts.</p>
<p>also, output tiny svg code of some.</p>
</span></button> </div></div></div>  <div class="message-row bubble bot-row svelte-1e1jlin"> <div class="flex-wrap bot svelte-1e1jlin"><div class="message bot svelte-1e1jlin panel-full-width" style="text-align: right;"><button data-testid="bot" dir="ltr" aria-label="bot's message: Absolutely! Here’s another randomly generated tiny code snippet in a code block:

```java
public class Main {
    public static void main(String[] args) {
        System.out.println(&quot;Hello, Java!&quot;);
    }
}
```

### Randomly Formatted Response Texts

1. **Bold Text:** You can emphasize critical information with **bold text**.
2. *Italic Text:* Adding *italic text* can enhance readability and focus.
3. ~~Strikethrough Text:~~ Use ~~strikethrough text~~ to indicate what has been removed or altered.
4. `Inline Code:` Incorporating `inline code` helps in pointing out specific syntax or commands.
5. > Blockquote:
    > A blockquote is great for highlighting a noteworthy statement or quotation.

### Tiny SVG Code

Here’s a tiny SVG code snippet for a pink diamond:

```xml
<svg width=&quot;100&quot; height=&quot;100&quot;>
  <polygon points=&quot;50,15 90,50 50,85 10,50&quot; fill=&quot;pink&quot; />
</svg>
```

If you need anything else or have more requests, feel free to ask!" class="svelte-1e1jlin latest" style="user-select: text; cursor: default; text-align: left;"><span class="md svelte-8tpqd2 chatbot prose"><p>Absolutely! Here’s another randomly generated tiny code snippet in a code block:</p>
<div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-java">public class Main {
    public static void main(String[] args) {
        System.out.println("Hello, Java!");
    }
}
</code></pre></div>
<h3>Randomly Formatted Response Texts</h3>
<ol>
<li><strong>Bold Text:</strong> You can emphasize critical information with <strong>bold text</strong>.</li>
<li><em>Italic Text:</em> Adding <em>italic text</em> can enhance readability and focus.</li>
<li><del>Strikethrough Text:</del> Use <del>strikethrough text</del> to indicate what has been removed or altered.</li>
<li><code>Inline Code:</code> Incorporating <code>inline code</code> helps in pointing out specific syntax or commands.</li>
<li><blockquote>
<p>Blockquote:<br>A blockquote is great for highlighting a noteworthy statement or quotation.</p>
</blockquote>
</li>
</ol>
<h3>Tiny SVG Code</h3>
<p>Here’s a tiny SVG code snippet for a pink diamond:</p>
<div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-xml"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>100<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>polygon</span> <span class="token attr-name">points</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>50,15 90,50 50,85 10,50<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pink<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
</code></pre></div>
<p>If you need anything else or have more requests, feel free to ask!</p>
</span></button> </div></div></div>  </div></div></div></div><div class="form svelte-sfqy0y" style="flex-grow: 0; min-width: min(0px, 100%);"><div id="component-5" class="block svelte-12cmxck padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <label class="svelte-1f354aw container"><span data-testid="block-info" class="svelte-1gfkn6j">Type an input and press Enter</span>   <textarea data-testid="textbox" class="scroll-hide svelte-1f354aw" dir="ltr" placeholder="Hi there!" rows="1" style="overflow-y: scroll; height: 42px;"></textarea></label></div></div><div id="component-7" class="svelte-sa48pu stretch"> <div id="component-8" class="svelte-vt1mxs gap" style="flex-grow: 7; min-width: min(320px, 100%);"> <button class="lg secondary  svelte-cmf5ev" id="component-9"> Run</button></div><div id="component-10" class="svelte-vt1mxs gap" style="flex-grow: 3; min-width: min(320px, 100%);"> <div class="form svelte-sfqy0y" style="flex-grow: 0; min-width: min(0px, 100%);"><div id="component-11" class="block svelte-12cmxck padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <label class="svelte-1f354aw container"><span data-testid="block-info" class="svelte-1gfkn6j">Status code from OpenAI server</span>   <textarea data-testid="textbox" class="scroll-hide svelte-1f354aw" dir="ltr" placeholder="" rows="1" disabled="" style="overflow-y: scroll; height: 42px;"></textarea></label></div></div></div></div><div id="component-13" class="block svelte-12cmxck padded" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <button class="label-wrap svelte-1w6vloh"><span class="svelte-1w6vloh">Parameters</span> <span class="icon svelte-1w6vloh" style="transform: rotate(90deg);">▼</span></button> <div style="display: none;"><div id="" class="svelte-vt1mxs gap" style="min-width: min(0px, 100%);"> <div class="form svelte-sfqy0y" style="flex-grow: 0; min-width: min(0px, 100%);"><div id="component-14" class="block svelte-12cmxck padded" style="border-style: solid; overflow: visible; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <div class="wrap svelte-pc1gm4"><div class="head svelte-pc1gm4"><label for="range_id_0"><span data-testid="block-info" class="svelte-1gfkn6j">Top-p (nucleus sampling)</span> </label> <input aria-label="number input for Top-p (nucleus sampling)" data-testid="number-input" type="number" min="0" max="1" step="0.05" class="svelte-pc1gm4"></div></div> <input type="range" id="range_id_0" name="cowbell" min="0" max="1" step="0.05" aria-label="range slider for Top-p (nucleus sampling)" class="svelte-pc1gm4" style="background-size: 100% 100%;"></div><div id="component-15" class="block svelte-12cmxck padded" style="border-style: solid; overflow: visible; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <div class="wrap svelte-pc1gm4"><div class="head svelte-pc1gm4"><label for="range_id_1"><span data-testid="block-info" class="svelte-1gfkn6j">Temperature</span> </label> <input aria-label="number input for Temperature" data-testid="number-input" type="number" min="0" max="5" step="0.1" class="svelte-pc1gm4"></div></div> <input type="range" id="range_id_1" name="cowbell" min="0" max="5" step="0.1" aria-label="range slider for Temperature" class="svelte-pc1gm4" style="background-size: 20% 100%;"></div><div id="component-16" class="block svelte-12cmxck hidden padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <label class="block svelte-pjtc3 container"><span data-testid="block-info" class="svelte-1gfkn6j">Number</span>  <input aria-label="Number" type="number" step="1" class="svelte-pjtc3"></label></div></div></div></div></div></div><div id="user_consent_container" class="svelte-vt1mxs gap hide" style="flex-grow: 1; min-width: min(320px, 100%);"> <div class="form svelte-sfqy0y hidden" style="flex-grow: 0; min-width: min(0px, 100%);"><div id="component-20" class="block svelte-12cmxck hidden padded" style="border-style: solid; overflow: visible; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div>  <label class="svelte-3pzdsv disabled"><input disabled="" type="checkbox" name="test" data-testid="checkbox" class="svelte-3pzdsv"> <span class="ml-2 svelte-3pzdsv">Checkbox</span></label></div></div><div id="component-21" class="block svelte-12cmxck padded" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <button class="label-wrap svelte-1w6vloh open"><span class="svelte-1w6vloh">User Consent for Data Collection, Use, and Sharing</span> <span class="icon svelte-1w6vloh" style="transform: rotate(0deg);">▼</span></button> <div style="display: block;"><div id="" class="svelte-vt1mxs gap" style="min-width: min(0px, 100%);"> <div id="component-22" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"> <div class="wrap center full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-uqf9ro"><div class="prose  svelte-1ybaih5">
            <div>
                <p>By using our app, which is powered by OpenAI's API, you acknowledge and agree to the following terms regarding the data you provide:</p>
                <ol>
                    <li><strong>Collection:</strong> We may collect information, including the inputs you type into our app, the outputs generated by OpenAI's API, and certain technical details about your device and connection (such as browser type, operating system, and IP address) provided by your device's request headers.</li>
                    <li><strong>Use:</strong> We may use the collected data for research purposes, to improve our services, and to develop new products or services, including commercial applications, and for security purposes, such as protecting against unauthorized access and attacks.</li>
                    <li><strong>Sharing and Publication:</strong> Your data, including the technical details collected from your device's request headers, may be published, shared with third parties, or used for analysis and reporting purposes.</li>
                    <li><strong>Data Retention:</strong> We may retain your data, including the technical details collected from your device's request headers, for as long as necessary.</li>
                </ol>
                <p>By continuing to use our app, you provide your explicit consent to the collection, use, and potential sharing of your data as described above. If you do not agree with our data collection, use, and sharing practices, please do not use our app.</p>
            </div>
            </div></div></div><button class="lg secondary  svelte-cmf5ev" id="component-23"> I Agree</button></div></div></div></div></div></div> <footer class="svelte-1rjryqp"><button class="show-api svelte-1rjryqp">Use via API <img src="data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M26.9425%202.94265C27.4632%202.42195%2027.4632%201.57773%2026.9425%201.05703C26.4218%200.536329%2025.5776%200.536329%2025.0569%201.05703L22.5713%203.54256C21.1213%202.59333%2019.5367%202.43378%2018.1753%202.64006C16.5495%202.88638%2015.1127%203.66838%2014.3905%204.39053L12.3905%206.39053C12.1405%206.64058%2012%206.97972%2012%207.33334C12%207.68697%2012.1405%208.0261%2012.3905%208.27615L19.7239%2015.6095C20.2446%2016.1302%2021.0888%2016.1302%2021.6095%2015.6095L23.6095%2013.6095C24.3316%2012.8873%2025.1136%2011.4505%2025.36%209.82475C25.5663%208.46312%2025.4066%206.87827%2024.4571%205.42807L26.9425%202.94265Z'%20fill='%233c4555'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.276%2012.9426C12.7967%2012.4219%2012.7967%2011.5777%2012.276%2011.057C11.7553%2010.5363%2010.9111%2010.5363%2010.3904%2011.057L8.66651%2012.7809L8.27615%2012.3905C8.0261%2012.1405%207.68697%2012%207.33334%2012C6.97972%2012%206.64058%2012.1405%206.39053%2012.3905L4.39053%2014.3905C3.66838%2015.1127%202.88638%2016.5495%202.64006%2018.1753C2.43377%2019.5367%202.59333%2021.1214%203.54262%2022.5714L1.05703%2025.057C0.536329%2025.5777%200.536329%2026.4219%201.05703%2026.9426C1.57773%2027.4633%202.42195%2027.4633%202.94265%2026.9426L5.42817%2024.4571C6.87835%2025.4066%208.46315%2025.5663%209.82475%2025.36C11.4505%2025.1136%2012.8873%2024.3316%2013.6095%2023.6095L15.6095%2021.6095C16.1302%2021.0888%2016.1302%2020.2446%2015.6095%2019.7239L15.2188%2019.3332L16.9426%2017.6093C17.4633%2017.0886%2017.4633%2016.2444%2016.9426%2015.7237C16.4219%2015.203%2015.5777%2015.203%2015.057%2015.7237L13.3332%2017.4475L10.5521%2014.6665L12.276%2012.9426Z'%20fill='%23FF7C00'/%3e%3c/svg%3e" alt="logo" class="svelte-1rjryqp"></button> <div class="svelte-1rjryqp">·</div> <a href="https://gradio.app" class="built-with svelte-1rjryqp" target="_blank" rel="noreferrer">Built with Gradio <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='576'%20height='576'%20viewBox='0%200%20576%20576'%20fill='none'%3e%3cpath%20d='M287.5%20229L86%20344.5L287.5%20460L489%20344.5L287.5%20229Z'%20stroke='url(%23paint0_linear_102_7)'%20stroke-width='59'%20stroke-linejoin='round'/%3e%3cpath%20d='M287.5%20116L86%20231.5L287.5%20347L489%20231.5L287.5%20116Z'%20stroke='url(%23paint1_linear_102_7)'%20stroke-width='59'%20stroke-linejoin='round'/%3e%3cpath%20d='M86%20344L288%20229'%20stroke='url(%23paint2_linear_102_7)'%20stroke-width='59'%20stroke-linejoin='bevel'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_102_7'%20x1='60'%20y1='341'%20x2='429.5'%20y2='344'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9D100'/%3e%3cstop%20offset='1'%20stop-color='%23F97700'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_102_7'%20x1='513.5'%20y1='231'%20x2='143.5'%20y2='231'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9D100'/%3e%3cstop%20offset='1'%20stop-color='%23F97700'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_102_7'%20x1='60'%20y1='344'%20x2='428.987'%20y2='341.811'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9D100'/%3e%3cstop%20offset='1'%20stop-color='%23F97700'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" alt="logo" class="svelte-1rjryqp"></a></footer></div>   <div class="toast-wrap svelte-pu0yf1"></div></div> </div></gradio-app>
		<script>
			const ce = document.getElementsByTagName("gradio-app");

			if (ce[0]) {
				ce[0].addEventListener("domchange", () => {
					document.body.style.padding = "0";
				});
				document.body.style.padding = "0";
			}
		</script>
	
</body></html>


""".


their styles:


"""


			:root {
				--bg: white;
				--col:   #1f2937;
				--bg-dark: #0b0f19;
				--col-dark: #f3f4f6;
			}


			body {
				background: var(--bg);
				color: var(--col);
				font-family: Arial, Helvetica, sans-serif;
			}

			@media (prefers-color-scheme: dark) {
				body {
					background: var(--bg-dark);
					color: var(--col-dark);
				}
			}
		
		
		
		.gradio-container-4-44-0,
.gradio-container-4-44-0 *,
.gradio-container-4-44-0 :before,
.gradio-container-4-44-0 :after {
  box-sizing:border-box;
  border-width:0;
  border-style:solid
}
.gradio-container-4-44-0 html {
  -webkit-text-size-adjust:100%;
  line-height:1.5;
  font-family:var(--font-sans);
  -moz-tab-size:4;
  tab-size:2
}
body {
  margin:0;
  line-height:inherit
}
.gradio-container-4-44-0 hr {
  border-top-width:1px;
  height:0;
  color:inherit
}
.gradio-container-4-44-0 abbr:where([title]) {
  text-decoration:underline dotted
}
.gradio-container-4-44-0 h1,
.gradio-container-4-44-0 h2,
.gradio-container-4-44-0 h3,
.gradio-container-4-44-0 h4,
.gradio-container-4-44-0 h5,
.gradio-container-4-44-0 h6 {
  font-weight:inherit;
  font-size:inherit
}
.gradio-container-4-44-0 a {
  color:inherit;
  text-decoration:inherit
}
.gradio-container-4-44-0 b,
.gradio-container-4-44-0 strong {
  font-weight:bolder
}
.gradio-container-4-44-0 code,
.gradio-container-4-44-0 kbd,
.gradio-container-4-44-0 samp,
.gradio-container-4-44-0 pre {
  font-family:-var(--font-mono)
}
.gradio-container-4-44-0 small {
  font-size:80%
}
.gradio-container-4-44-0 sub,
.gradio-container-4-44-0 sup {
  position:relative;
  vertical-align:baseline;
  font-size:75%;
  line-height:0
}
.gradio-container-4-44-0 sub {
  bottom:-.25em
}
.gradio-container-4-44-0 sup {
  top:-.5em
}
.gradio-container-4-44-0 table {
  border-color:inherit;
  text-indent:0
}
.gradio-container-4-44-0 button,
.gradio-container-4-44-0 input,
.gradio-container-4-44-0 optgroup,
.gradio-container-4-44-0 select,
.gradio-container-4-44-0 textarea {
  margin:0;
  padding:0;
  color:inherit;
  font-weight:inherit;
  font-size:100%;
  line-height:inherit;
  font-family:inherit
}
.gradio-container-4-44-0 button,
.gradio-container-4-44-0 select {
  text-transform:none
}
.gradio-container-4-44-0 button,
.gradio-container-4-44-0 [type=button],
.gradio-container-4-44-0 [type=reset],
.gradio-container-4-44-0 [type=submit] {
  -webkit-appearance:button;
  background-image:none;
  background-color:transparent
}
.gradio-container-4-44-0 :-moz-focusring {
  outline:auto
}
.gradio-container-4-44-0 :-moz-ui-invalid {
  box-shadow:none
}
.gradio-container-4-44-0 progress {
  vertical-align:baseline
}
.gradio-container-4-44-0 ::-webkit-inner-spin-button,
.gradio-container-4-44-0 ::-webkit-outer-spin-button {
  height:auto
}
.gradio-container-4-44-0 [type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
.gradio-container-4-44-0 ::-webkit-search-decoration {
  -webkit-appearance:none
}
.gradio-container-4-44-0 ::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
.gradio-container-4-44-0 summary {
  display:list-item
}
.gradio-container-4-44-0 blockquote,
.gradio-container-4-44-0 dl,
.gradio-container-4-44-0 dd,
.gradio-container-4-44-0 h1,
.gradio-container-4-44-0 h2,
.gradio-container-4-44-0 h3,
.gradio-container-4-44-0 h4,
.gradio-container-4-44-0 h5,
.gradio-container-4-44-0 h6,
.gradio-container-4-44-0 hr,
.gradio-container-4-44-0 figure,
.gradio-container-4-44-0 p,
.gradio-container-4-44-0 pre {
  margin:0
}
.gradio-container-4-44-0 fieldset {
  margin:0;
  padding:0
}
.gradio-container-4-44-0 legend {
  padding:0
}
.gradio-container-4-44-0 ol,
.gradio-container-4-44-0 ul,
.gradio-container-4-44-0 menu {
  margin:0;
  padding:0
}
.gradio-container-4-44-0 textarea {
  resize:vertical
}
.gradio-container-4-44-0 input::placeholder,
.gradio-container-4-44-0 textarea::placeholder {
  opacity:1;
  color:--color-var(--color-grey-400)
}
.gradio-container-4-44-0 button,
.gradio-container-4-44-0 [role=button] {
  cursor:pointer
}
.gradio-container-4-44-0 :disabled {
  cursor:default
}
.gradio-container-4-44-0 img,
.gradio-container-4-44-0 svg,
.gradio-container-4-44-0 video,
.gradio-container-4-44-0 canvas,
.gradio-container-4-44-0 audio,
.gradio-container-4-44-0 iframe,
.gradio-container-4-44-0 embed,
.gradio-container-4-44-0 object {
  display:block;
  vertical-align:middle
}
.gradio-container-4-44-0 img,
.gradio-container-4-44-0 video {
  max-width:100%;
  height:auto;
  margin:0
}
.gradio-container-4-44-0 [hidden] {
  display:none
}
.gradio-container-4-44-0 [type=text],
.gradio-container-4-44-0 [type=email],
.gradio-container-4-44-0 [type=url],
.gradio-container-4-44-0 [type=password],
.gradio-container-4-44-0 [type=number],
.gradio-container-4-44-0 [type=date],
.gradio-container-4-44-0 [type=datetime-local],
.gradio-container-4-44-0 [type=month],
.gradio-container-4-44-0 [type=search],
.gradio-container-4-44-0 [type=tel],
.gradio-container-4-44-0 [type=time],
.gradio-container-4-44-0 [type=week],
.gradio-container-4-44-0 [multiple],
.gradio-container-4-44-0 textarea,
.gradio-container-4-44-0 select {
  --tw-shadow: 0 0 #0000;
  appearance:none;
  border-width:1px;
  border-color:#6b7280;
  border-radius:0;
  background-color:#fff;
  padding:.5rem .75rem;
  font-size:1rem;
  line-height:1.5rem
}
.gradio-container-4-44-0 [type=checkbox],
.gradio-container-4-44-0 [type=radio] {
  color-adjust:exact;
  display:inline-block;
  flex-shrink:0;
  vertical-align:middle;
  appearance:none;
  border-width:1px;
  background-origin:border-box;
  padding:0;
  width:1rem;
  height:1rem;
  color:#2563eb;
  user-select:none
}
.gradio-container-4-44-0 [type=checkbox]:checked {
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}
.gradio-container-4-44-0 [type=radio]:checked {
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}
.gradio-container-4-44-0 select {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position:right .5rem center;
  background-size:1.5em 1.5em;
  background-repeat:no-repeat;
  padding-right:2.5rem
}
.gradio-container-4-44-0 [type=checkbox]:checked,
.gradio-container-4-44-0 [type=radio]:checked {
  background-position:center;
  background-size:100% 100%;
  background-repeat:no-repeat
}
.gradio-container-4-44-0 [type=checkbox]:checked:hover,
.gradio-container-4-44-0 [type=checkbox]:checked:focus,
.gradio-container-4-44-0 [type=radio]:checked:hover,
.gradio-container-4-44-0 [type=radio]:checked:focus {
  border-color:transparent
}
.gradio-container-4-44-0 [type=checkbox]:focus-visible,
.gradio-container-4-44-0 [type=radio]:focus-visible {
  outline:none
}
.gradio-container-4-44-0 gradio-lite {
  display:flex
}
.gradio-container-4-44-0 gradio-lite:not(:defined) {
  display:none
}
.gradio-container-4-44-0 .scroll-hide {
  -ms-overflow-style:none;
  scrollbar-width:none
}
.gradio-container-4-44-0 .sr-only {
  clip:rect(0,0,0,0);
  position:absolute;
  margin:-1px;
  border-width:0;
  padding:0;
  width:1px;
  height:1px;
  overflow:hidden;
  white-space:nowrap
}
.gradio-container-4-44-0 .scroll-hide::-webkit-scrollbar {
  display:none
}
.gradio-container-4-44-0 {
  -webkit-text-size-adjust:100%;
  line-height:1.5;
  font-family:var(--font);
  -moz-tab-size:4;
  tab-size:4
}
.gradio-container-4-44-0 .cropper-container {
  position:relative;
  -ms-touch-action:none;
  touch-action:none;
  font-size:0;
  line-height:0;
  direction:ltr;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.gradio-container-4-44-0 .cropper-container img {
  display:block;
  image-orientation:0deg;
  width:100%;
  min-width:0!important;
  max-width:none!important;
  height:100%;
  min-height:0!important;
  max-height:none!important
}
.gradio-container-4-44-0 .cropper-wrap-box,
.gradio-container-4-44-0 .cropper-canvas,
.gradio-container-4-44-0 .cropper-drag-box,
.gradio-container-4-44-0 .cropper-crop-box,
.gradio-container-4-44-0 .cropper-modal {
  position:absolute;
  inset:0
}
.gradio-container-4-44-0 .cropper-wrap-box,
.gradio-container-4-44-0 .cropper-canvas {
  overflow:hidden
}
.gradio-container-4-44-0 .cropper-drag-box {
  opacity:0;
  background-color:#fff
}
.gradio-container-4-44-0 .cropper-modal {
  opacity:.5;
  background-color:#000
}
.gradio-container-4-44-0 .cropper-view-box {
  display:block;
  outline:1px solid #39f;
  outline-color:#3399ffbf;
  width:100%;
  height:100%;
  overflow:hidden
}
.gradio-container-4-44-0 .cropper-dashed {
  display:block;
  position:absolute;
  opacity:.5;
  border:0 dashed #eee
}
.gradio-container-4-44-0 .cropper-dashed.dashed-h {
  top:calc(100% / 3);
  left:0;
  border-top-width:1px;
  border-bottom-width:1px;
  width:100%;
  height:calc(100% / 3)
}
.gradio-container-4-44-0 .cropper-dashed.dashed-v {
  top:0;
  left:calc(100% / 3);
  border-right-width:1px;
  border-left-width:1px;
  width:calc(100% / 3);
  height:100%
}
.gradio-container-4-44-0 .cropper-center {
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  opacity:.75;
  width:0;
  height:0
}
.gradio-container-4-44-0 .cropper-center:before,
.gradio-container-4-44-0 .cropper-center:after {
  display:block;
  position:absolute;
  background-color:#eee;
  content:" "
}
.gradio-container-4-44-0 .cropper-center:before {
  top:0;
  left:-3px;
  width:7px;
  height:1px
}
.gradio-container-4-44-0 .cropper-center:after {
  top:-3px;
  left:0;
  width:1px;
  height:7px
}
.gradio-container-4-44-0 .cropper-face,
.gradio-container-4-44-0 .cropper-line,
.gradio-container-4-44-0 .cropper-point {
  display:block;
  position:absolute;
  opacity:.1;
  width:100%;
  height:100%
}
.gradio-container-4-44-0 .cropper-face {
  top:0;
  left:0;
  background-color:#fff
}
.gradio-container-4-44-0 .cropper-line {
  background-color:#39f
}
.gradio-container-4-44-0 .cropper-line.line-e {
  top:0;
  right:-3px;
  cursor:ew-resize;
  width:5px
}
.gradio-container-4-44-0 .cropper-line.line-n {
  top:-3px;
  left:0;
  cursor:ns-resize;
  height:5px
}
.gradio-container-4-44-0 .cropper-line.line-w {
  top:0;
  left:-3px;
  cursor:ew-resize;
  width:5px
}
.gradio-container-4-44-0 .cropper-line.line-s {
  bottom:-3px;
  left:0;
  cursor:ns-resize;
  height:5px
}
.gradio-container-4-44-0 .cropper-point {
  opacity:.75;
  background-color:#39f;
  width:5px;
  height:5px
}
.gradio-container-4-44-0 .cropper-point.point-e {
  top:50%;
  right:-3px;
  cursor:ew-resize;
  margin-top:-3px
}
.gradio-container-4-44-0 .cropper-point.point-n {
  top:-3px;
  left:50%;
  cursor:ns-resize;
  margin-left:-3px
}
.gradio-container-4-44-0 .cropper-point.point-w {
  top:50%;
  left:-3px;
  cursor:ew-resize;
  margin-top:-3px
}
.gradio-container-4-44-0 .cropper-point.point-s {
  bottom:-3px;
  left:50%;
  cursor:s-resize;
  margin-left:-3px
}
.gradio-container-4-44-0 .cropper-point.point-ne {
  top:-3px;
  right:-3px;
  cursor:nesw-resize
}
.gradio-container-4-44-0 .cropper-point.point-nw {
  top:-3px;
  left:-3px;
  cursor:nwse-resize
}
.gradio-container-4-44-0 .cropper-point.point-sw {
  bottom:-3px;
  left:-3px;
  cursor:nesw-resize
}
.gradio-container-4-44-0 .cropper-point.point-se {
  right:-3px;
  bottom:-3px;
  opacity:1;
  cursor:nwse-resize;
  width:20px;
  height:20px
}
@media (min-width: 768px) {
  .gradio-container-4-44-0 .cropper-point.point-se {
    width:15px;
    height:15px
  }
}
@media (min-width: 992px) {
  .gradio-container-4-44-0 .cropper-point.point-se {
    width:10px;
    height:10px
  }
}
@media (min-width: 1200px) {
  .gradio-container-4-44-0 .cropper-point.point-se {
    opacity:.75;
    width:5px;
    height:5px
  }
}
.gradio-container-4-44-0 .cropper-point.point-se:before {
  display:block;
  position:absolute;
  right:-50%;
  bottom:-50%;
  opacity:0;
  background-color:#39f;
  width:200%;
  height:200%;
  content:" "
}
.gradio-container-4-44-0 .cropper-invisible {
  opacity:0
}
.gradio-container-4-44-0 .cropper-bg {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}
.gradio-container-4-44-0 .cropper-hide {
  display:block;
  position:absolute;
  width:0;
  height:0
}
.gradio-container-4-44-0 .cropper-hidden {
  display:none!important
}
.gradio-container-4-44-0 .cropper-move {
  cursor:move
}
.gradio-container-4-44-0 .cropper-crop {
  cursor:crosshair
}
.gradio-container-4-44-0 .cropper-disabled .cropper-drag-box,
.gradio-container-4-44-0 .cropper-disabled .cropper-face,
.gradio-container-4-44-0 .cropper-disabled .cropper-line,
.gradio-container-4-44-0 .cropper-disabled .cropper-point {
  cursor:not-allowed
}
:root {
  --scale-0: 1rem;
  --scale-1: 1.125rem;
  --scale-2: 1.25rem;
  --scale-3: 1.5rem;
  --scale-4: 1.875rem;
  --scale-5: 2.25rem;
  --scale-6: 3rem;
  --scale-7: 3.75rem;
  --scale-8: 4.5rem;
  --scale-9: 6rem;
  --scale-10: 8rem;
  --scale-000: .75rem;
  --scale-00: .875rem;
  --scale-fluid-0: clamp(.875rem, .8rem + .25vw, 1rem);
  --scale-fluid-1: clamp(1rem, .925rem + .25vw, 1.125rem);
  --scale-fluid-2: clamp(1.125rem, 1.05rem + .25vw, 1.25rem);
  --scale-fluid-3: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);
  --scale-fluid-4: clamp(1.5rem, 1.275rem + .75vw, 1.875rem);
  --scale-fluid-5: clamp(1.875rem, 1.65rem + .75vw, 2.25rem);
  --scale-fluid-6: clamp(2.25rem, 1.8rem + 1.5vw, 3rem);
  --scale-fluid-7: clamp(3rem, 2.55rem + 1.5vw, 3.75rem);
  --scale-fluid-8: clamp(3.75rem, 3.3rem + 1.5vw, 4.5rem);
  --scale-fluid-9: clamp(4.5rem, 3.6rem + 3vw, 6rem);
  --scale-fluid-10: clamp(6rem, 4.8rem + 4vw, 8rem);
  --scale-fluid-000: clamp(.625rem, .55rem + .25vw, .75rem);
  --scale-fluid-00: clamp(.75rem, .675rem + .25vw, .875rem);
  --font-sans: Source Sans Pro, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;
  --line-none: 1;
  --line-xs: 1.125;
  --line-sm: 1.4;
  --line-md: 1.5;
  --line-lg: 1.625;
  --line-xl: 2;
  --letter-xs: -.05em;
  --letter-sm: -.025em;
  --letter-none: 0em;
  --letter-lg: .025em;
  --letter-xl: .05em;
  --prose-xs: 45ch;
  --prose-sm: 55ch;
  --prose-md: 65ch;
  --prose-lg: 75ch;
  --prose-xl: 85ch;
  --size-1: 4px;
  --size-2: 8px;
  --size-3: 12px;
  --size-4: 16px;
  --size-5: 20px;
  --size-6: 24px;
  --size-7: 28px;
  --size-8: 32px;
  --size-9: 36px;
  --size-10: 40px;
  --size-11: 44px;
  --size-12: 48px;
  --size-14: 56px;
  --size-16: 64px;
  --size-20: 80px;
  --size-24: 96px;
  --size-28: 112px;
  --size-32: 128px;
  --size-36: 144px;
  --size-40: 160px;
  --size-44: 176px;
  --size-48: 192px;
  --size-52: 208px;
  --size-56: 224px;
  --size-60: 240px;
  --size-64: 256px;
  --size-72: 288px;
  --size-80: 320px;
  --size-96: 384px;
  --size-px: 1px;
  --size-full: 100%;
  --size-screen: 100vw;
  --size-min: min-content;
  --size-max: max-content;
  --size-0-5: 2px;
  --size-1-5: 6px;
  --size-2-5: 10px;
  --size-screen-h: 100vh;
  --width-xs: 480px;
  --width-sm: 640px;
  --width-md: 768px;
  --width-lg: 1024px;
  --width-xl: 1280px;
  --ratio-square: 1/1;
  --ratio-portrait: 3/4;
  --ratio-landscape: 4/3;
  --ratio-tall: 2/3;
  --ratio-wide: 3/2;
  --ratio-widescreen: 16/9;
  --ratio-golden: 1.618/1;
  --radius-100: 100%;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;
  --radius-2xl: 16px;
  --radius-3xl: 22px;
  --blur-xs: blur(4px);
  --blur-sm: blur(8px);
  --blur-md: blur(16px);
  --blur-lg: blur(24px);
  --blur-xl: blur(40px);
  --layer-1: 10;
  --layer-2: 20;
  --layer-3: 30;
  --layer-4: 40;
  --layer-5: 50;
  --layer-below: -1;
  --layer-top: 2147483647;
  --shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
  --shadow-sm: 0 4px 6px -2px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .06);
  --shadow-md: 0 12px 16px -4px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  --shadow-lg: 0 20px 24px -4px rgba(0, 0, 0, .1), 0 8px 8px -4px rgba(0, 0, 0, .04);
  --shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .25);
  --ease-in-sine: cubic-bezier(.47, 0, .745, .715);
  --ease-out-sine: cubic-bezier(.39, .575, .565, 1);
  --ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);
  --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
  --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
  --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);
  --ease-in-cubic: cubic-bezier(.55, .055, .675, .19);
  --ease-out-cubic: cubic-bezier(.215, .61, .355, 1);
  --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);
  --ease-in-quart: cubic-bezier(.895, .03, .685, .22);
  --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
  --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);
  --ease-in-quint: cubic-bezier(.755, .05, .855, .06);
  --ease-out-quint: cubic-bezier(.23, 1, .32, 1);
  --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-in-expo: cubic-bezier(.95, .05, .795, .035);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-circ: cubic-bezier(.6, .04, .98, .335);
  --ease-out-circ: cubic-bezier(.075, .82, .165, 1);
  --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);
  --ease-in-back: cubic-bezier(.6, -.28, .735, .045);
  --ease-out-back: cubic-bezier(.175, .885, .32, 1.275);
  --ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);
  --easing-standard: cubic-bezier(.4, 0, .2, 1);
  --easing-accelerate: cubic-bezier(.4, 0, 1, 1);
  --easing-decelerate: cubic-bezier(0, 0, .2, 1);
  --elevation-1: 0 1px 2px 0 rgba(0, 0, 0, .05);
  --elevation-2: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
  --elevation-3: 0 4px 6px -2px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .06);
  --elevation-4: 0 12px 16px -4px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  --elevation-5: 0 20px 24px -4px rgba(0, 0, 0, .1), 0 8px 8px -4px rgba(0, 0, 0, .04);
  --elevation-6: 0 24px 48px -12px rgba(0, 0, 0, .25);
  --elevation-7: 0 32px 64px -12px rgba(0, 0, 0, .2);
  --color-grey-50: #f9fafb;
  --color-grey-100: #f3f4f6;
  --color-grey-200: #e5e7eb;
  --color-grey-300: #d1d5db;
  --color-grey-400: #9ca3af;
  --color-grey-500: #6b7280;
  --color-grey-600: #4b5563;
  --color-grey-700: #374151;
  --color-grey-800: #1f2937;
  --color-grey-900: #111827;
  --color-black: #14141b;
  --color-grey: #6b7280;
  --color-red-300: #fca5a5;
  --color-red-500: #ef4444;
  --color-red-700: #b91c1c;
  --color-red: #ef4444;
  --color-green-300: #86efac;
  --color-green-500: #22c55e;
  --color-green-700: #15803d;
  --color-green: #22c55e;
  --color-blue-300: #93c5fd;
  --color-blue-500: #0ea5e9;
  --color-blue-700: #1d4ed8;
  --color-blue: #0ea5e9;
  --color-pink-300: #fbb6ce;
  --color-pink-500: #ed64a6;
  --color-pink-700: #d53f8c;
  --color-pink: var(--color-pink-500);
  --color-purple-300: #b794f4;
  --color-purple-500: #805ad5;
  --color-purple-700: #6b46c1;
  --color-purple: var(--color-purple-500);
  --color-teal-300: #81e6d9;
  --color-teal-500: #38b2ac;
  --color-teal-700: #2c7a7b;
  --color-teal: var(--color-teal-500);
  --color-yellow-300: #fde047;
  --color-yellow-500: #eab308;
  --color-yellow-700: #a16207;
  --color-yellow: #eab308;
  --color-orange-300: #ffb066;
  --color-orange-500: #ff7c00;
  --color-orange-700: #ce6400;
  --color-orange: #f97316;
  --color-brown-300: #a1887f;
  --color-brown-500: #795548;
  --color-brown-700: #5d4037;
  --color-brown: var(--color-brown-500);
  --color-blue-10: #fafcff;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bfdbfe;
  --color-blue-400: #60a5fa;
  --color-blue-600: #2563eb;
  --color-blue-800: #1e40af;
  --color-blue-900: #1e3a8a;
  --color-blue-950: #1c366b;
  --color-grey-10: #fdfdfe;
  --color-grey-950: #0b0f19;
  --color-red-10: #fffbfb;
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-400: #f87171;
  --color-red-600: #dc2626;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;
  --color-red-950: #63171a;
  --color-green-10: #f9fefc;
  --color-green-50: #ecfdf5;
  --color-green-100: #d1fae5;
  --color-green-200: #bbf7d0;
  --color-green-400: #4ade80;
  --color-green-600: #16a34a;
  --color-green-800: #166534;
  --color-green-900: #14532d;
  --color-green-950: #134227;
  --color-orange-10: #fffbf6;
  --color-orange-50: #fff2e5;
  --color-orange-100: #ffe5cc;
  --color-orange-200: #ffd8b4;
  --color-orange-400: #ff9633;
  --color-orange-600: #ee7400;
  --color-orange-800: #a45000;
  --color-orange-900: #5c2d00;
  --color-orange-950: #3c1f00;
  --color-yellow-10: #fffef8;
  --color-yellow-50: #fffbeb;
  --color-yellow-100: #fff9c2;
  --color-yellow-200: #fef08a;
  --color-yellow-400: #facc15;
  --color-yellow-600: #ca8a04;
  --color-yellow-800: #854d0e;
  --color-yellow-900: #713f12;
  --color-yellow-950: #633112;
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-page-width: var(--width-xl);
  --grid-page-gutter: 5vw;
  --grid-page-main: 2 / 3;
  --grid-page: minmax(var(--grid-page-gutter), 1fr) minmax(0, var(--grid-page-width)) minmax(var(--grid-page-gutter), 1fr)
}
.gradio-container-4-44-0 .prose {
  font-weight:var(--prose-text-weight);
  font-size:var(--text-md)
}
.gradio-container-4-44-0 .prose * {
  color:var(--body-text-color)
}
.gradio-container-4-44-0 .prose p {
  margin-bottom:var(--spacing-sm);
  line-height:var(--line-lg)
}
.gradio-container-4-44-0 .prose h1,
.gradio-container-4-44-0 .prose h2,
.gradio-container-4-44-0 .prose h3,
.gradio-container-4-44-0 .prose h4,
.gradio-container-4-44-0 .prose h5 {
  margin:var(--spacing-xxl) 0 var(--spacing-lg);
  font-weight:var(--prose-header-text-weight);
  line-height:1.3;
  color:var(--body-text-color)
}
.gradio-container-4-44-0 .prose>*:first-child {
  margin-top:0
}
.gradio-container-4-44-0 .prose h1 {
  font-size:var(--text-xxl)
}
.gradio-container-4-44-0 .prose h2 {
  font-size:var(--text-xl)
}
.gradio-container-4-44-0 .prose h3 {
  font-size:var(--text-lg)
}
.gradio-container-4-44-0 .prose h4 {
  font-size:1.1em
}
.gradio-container-4-44-0 .prose h5 {
  font-size:1.05em
}
.gradio-container-4-44-0 .prose ul {
  list-style:circle inside
}
.gradio-container-4-44-0 .prose ol {
  list-style:decimal inside
}
.gradio-container-4-44-0 .prose ul>p,
.gradio-container-4-44-0 .prose li>p {
  display:inline
}
.gradio-container-4-44-0 .prose ol,
.gradio-container-4-44-0 .prose ul {
  margin-top:0;
  padding-left:0
}
.gradio-container-4-44-0 .prose ul ul,
.gradio-container-4-44-0 .prose ul ol,
.gradio-container-4-44-0 .prose ol ol,
.gradio-container-4-44-0 .prose ol ul {
  margin:.5em 0;
  font-size:90%;
  padding-inline-start:2em
}
.gradio-container-4-44-0 .prose li {
  margin-bottom:.5em
}
.gradio-container-4-44-0 .prose th,
.gradio-container-4-44-0 .prose td {
  border-bottom:1px solid #e1e1e1;
  padding:var(--text-xs) var(--text-md);
  text-align:left
}
.gradio-container-4-44-0 .prose button,
.gradio-container-4-44-0 .prose .button,
.gradio-container-4-44-0 .prose input,
.gradio-container-4-44-0 .prose textarea,
.gradio-container-4-44-0 .prose select,
.gradio-container-4-44-0 .prose fieldset {
  margin-bottom:var(--spacing-sm)
}
.gradio-container-4-44-0 .prose pre,
.gradio-container-4-44-0 .prose blockquote,
.gradio-container-4-44-0 .prose dl,
.gradio-container-4-44-0 .prose figure,
.gradio-container-4-44-0 .prose table,
.gradio-container-4-44-0 .prose p,
.gradio-container-4-44-0 .prose ul,
.gradio-container-4-44-0 .prose ol,
.gradio-container-4-44-0 .prose form {
  margin-bottom:var(--spacing-md)
}
.gradio-container-4-44-0 .prose table,
.gradio-container-4-44-0 .prose tr,
.gradio-container-4-44-0 .prose td,
.gradio-container-4-44-0 .prose th {
  border:1px solid var(--body-text-color)
}
.gradio-container-4-44-0 .prose table {
  border-collapse:collapse;
  margin-bottom:var(--spacing-xxl)
}
.gradio-container-4-44-0 .prose a {
  color:var(--link-text-color);
  text-decoration:underline
}
.gradio-container-4-44-0 .prose a:visited {
  color:var(--link-text-color-visited)
}
.gradio-container-4-44-0 .prose a:hover {
  color:var(--link-text-color-hover)
}
.gradio-container-4-44-0 .prose a:active {
  color:var(--link-text-color-active)
}
.gradio-container-4-44-0 .prose hr {
  margin-top:3em;
  margin-bottom:3.5em;
  border-width:0;
  border-top:1px solid #e1e1e1
}
.gradio-container-4-44-0 .prose blockquote {
  margin:var(--size-6) 0!important;
  border-left:5px solid var(--border-color-primary);
  padding-left:var(--size-2)
}
.gradio-container-4-44-0 .prose :last-child {
  margin-bottom:0!important
}
.gradio-container-4-44-0 {
  display:flex;
  position:relative;
  flex-direction:column;
  padding:0;
  min-height:1px;
  overflow:hidden;
  color:var(--button-secondary-text-color)
}
.embed-container.svelte-wpkpf6.svelte-wpkpf6 {
  margin:var(--size-4) 0px;
  border:1px solid var(--button-secondary-border-color);
  border-radius:var(--embed-radius)
}
.with-info.svelte-wpkpf6.svelte-wpkpf6 {
  padding-bottom:var(--size-7)
}
.embed-container.svelte-wpkpf6>.main.svelte-wpkpf6 {
  padding:var(--size-4)
}
.app.svelte-wpkpf6>.main.svelte-wpkpf6 {
  display:flex;
  flex-grow:1;
  flex-direction:column
}
.app.svelte-wpkpf6.svelte-wpkpf6 {
  position:relative;
  margin:auto;
  padding:var(--size-4) var(--size-8);
  width:100%;
  height:100%
}
@media (min-width: 640px) {
  .app.svelte-wpkpf6.svelte-wpkpf6:not(.fill_width) {
    max-width:640px
  }
}
@media (min-width: 768px) {
  .app.svelte-wpkpf6.svelte-wpkpf6:not(.fill_width) {
    max-width:768px
  }
}
@media (min-width: 1024px) {
  .app.svelte-wpkpf6.svelte-wpkpf6:not(.fill_width) {
    max-width:1024px
  }
}
@media (min-width: 1280px) {
  .app.svelte-wpkpf6.svelte-wpkpf6:not(.fill_width) {
    max-width:1280px
  }
}
@media (min-width: 1536px) {
  .app.svelte-wpkpf6.svelte-wpkpf6:not(.fill_width) {
    max-width:1536px
  }
}
.info.svelte-wpkpf6.svelte-wpkpf6 {
  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-wpkpf6>span.svelte-wpkpf6 {
  word-wrap:break-word;
  -break:keep-all;
  display:block;
  word-break:keep-all
}
.info.svelte-wpkpf6>span.svelte-wpkpf6: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-wpkpf6>span.svelte-wpkpf6:nth-child(2) {
  margin-right:3px
}
.info.svelte-wpkpf6>span.svelte-wpkpf6:nth-child(2),
.info.svelte-wpkpf6>span.svelte-wpkpf6:nth-child(3) {
  width:max-content
}
.info.svelte-wpkpf6>span.svelte-wpkpf6:nth-child(3) {
  align-self:flex-end;
  justify-self:flex-end;
  margin-left:auto;
  text-align:right
}
.info.svelte-wpkpf6>span.svelte-wpkpf6:nth-child(1) {
  flex-shrink:9
}
.hidden-title.svelte-wpkpf6.svelte-wpkpf6 {
  position:absolute;
  left:var(--size-5);
  opacity:0;
  background:var(--button-secondary-background-fill);
  padding-right:4px
}
.info.svelte-wpkpf6 a.svelte-wpkpf6 {
  color:var(--body-text-color)
}
.title.svelte-wpkpf6.svelte-wpkpf6 {
  font-size:var(--text-sm);
  font-family:var(--font-mono)
}
.hf.svelte-wpkpf6.svelte-wpkpf6 {
  margin-left:5px
}
.space-logo.svelte-wpkpf6 img.svelte-wpkpf6 {
  display:inline-block;
  margin-bottom:4px;
  height:12px
}
a.svelte-wpkpf6.svelte-wpkpf6:hover {
  text-decoration:underline
}



svg.svelte-zyxd38.svelte-zyxd38 {
  width:var(--size-20);
  height:var(--size-20)
}
svg.svelte-zyxd38 path.svelte-zyxd38 {
  fill:var(--loader-color)
}
div.svelte-zyxd38.svelte-zyxd38 {
  z-index:var(--layer-2)
}
.margin.svelte-zyxd38.svelte-zyxd38 {
  margin:var(--size-4)
}
.block.svelte-12cmxck {
  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.border_focus.svelte-12cmxck {
  border-color:var(--color-accent)
}
.block.border_contrast.svelte-12cmxck {
  border-color:var(--body-text-color)
}
.padded.svelte-12cmxck {
  padding:var(--block-padding)
}
.hidden.svelte-12cmxck {
  display:none
}
.hide-container.svelte-12cmxck {
  margin:0;
  box-shadow:none;
  --block-border-width:0;
  background:transparent;
  padding:0;
  overflow:visible
}
div.svelte-e8n7p6 {
  margin-bottom:var(--spacing-lg);
  color:var(--block-info-text-color);
  font-weight:var(--block-info-text-weight);
  font-size:var(--block-info-text-size);
  line-height:var(--line-sm)
}
span.has-info.svelte-1gfkn6j {
  margin-bottom:var(--spacing-xs)
}
span.svelte-1gfkn6j:not(.has-info) {
  margin-bottom:var(--spacing-lg)
}
span.svelte-1gfkn6j {
  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)
}
.hide.svelte-1gfkn6j {
  margin:0;
  height:0
}
label.svelte-1b6s6s {
  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(--border-color-primary);
  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-1b6s6s {
  border-top-left-radius:0
}
label.float.svelte-1b6s6s {
  position:absolute;
  top:var(--block-label-margin);
  left:var(--block-label-margin)
}
label.svelte-1b6s6s:not(.float) {
  position:static;
  margin-top:var(--block-label-margin);
  margin-left:var(--block-label-margin)
}
.hide.svelte-1b6s6s {
  height:0
}
span.svelte-1b6s6s {
  opacity:.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-1b6s6s {
  box-shadow:none;
  border-width:0;
  background:transparent;
  overflow:visible
}
button.svelte-rk35yg {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:1px;
  z-index:var(--layer-2);
  border-radius:var(--radius-sm);
  color:var(--block-label-text-color);
  border:1px solid transparent
}
button[disabled].svelte-rk35yg {
  opacity:.5;
  box-shadow:none
}
button[disabled].svelte-rk35yg:hover {
  cursor:not-allowed
}
.padded.svelte-rk35yg {
  padding:2px;
  background:var(--bg-color);
  box-shadow:var(--shadow-drop);
  border:1px solid var(--button-secondary-border-color)
}
button.svelte-rk35yg:hover,
button.highlight.svelte-rk35yg {
  cursor:pointer;
  color:var(--color-accent)
}
.padded.svelte-rk35yg:hover {
  border:2px solid var(--button-secondary-border-color-hover);
  padding:1px;
  color:var(--block-label-text-color)
}
span.svelte-rk35yg {
  padding:0 1px;
  font-size:10px
}
div.svelte-rk35yg {
  padding:2px;
  display:flex;
  align-items:flex-end
}
.small.svelte-rk35yg {
  width:14px;
  height:14px
}
.medium.svelte-rk35yg {
  width:20px;
  height:20px
}
.large.svelte-rk35yg {
  width:22px;
  height:22px
}
.pending.svelte-rk35yg {
  animation:svelte-rk35yg-flash .5s infinite
}
@keyframes svelte-rk35yg-flash {
  0% {
    opacity:.5
  }
  50% {
    opacity:1
  }
  to {
    opacity:.5
  }
}
.transparent.svelte-rk35yg {
  background:transparent;
  border:none;
  box-shadow:none
}
.empty.svelte-1oiin9d {
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:calc(0px - var(--size-6));
  height:var(--size-full)
}
.icon.svelte-1oiin9d {
  opacity:.5;
  height:var(--size-5);
  color:var(--body-text-color)
}
.small.svelte-1oiin9d {
  min-height:calc(var(--size-32) - 20px)
}
.large.svelte-1oiin9d {
  min-height:calc(var(--size-64) - 20px)
}
.unpadded_box.svelte-1oiin9d {
  margin-top:0
}
.small_parent.svelte-1oiin9d {
  min-height:100%!important
}
.dropdown-arrow.svelte-xjn76a {
  fill:currentColor
}
h2.svelte-12ioyct {
  font-size:var(--text-xl)!important
}
p.svelte-12ioyct,
h2.svelte-12ioyct {
  white-space:pre-line
}
.wrap.svelte-12ioyct {
  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-12ioyct {
  color:var(--body-text-color-subdued);
  display:flex
}
.icon-wrap.svelte-12ioyct {
  width:30px;
  margin-bottom:var(--spacing-lg)
}
@media (min-width: 768px) {
  .wrap.svelte-12ioyct {
    font-size:var(--text-lg)
  }
}
.hovered.svelte-12ioyct {
  color:var(--color-accent)
}
div.svelte-1ua59x3 {
  border-top:1px solid transparent;
  display:flex;
  max-height:100%;
  justify-content:center;
  align-items:center;
  gap:var(--spacing-sm);
  height:auto;
  align-items:flex-end;
  color:var(--block-label-text-color);
  flex-shrink:0
}
.show_border.svelte-1ua59x3 {
  border-top:1px solid var(--block-border-color);
  margin-top:var(--spacing-xxl);
  box-shadow:var(--shadow-drop)
}
.source-selection.svelte-snayfm {
  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-snayfm {
  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-snayfm {
  color:var(--color-accent)
}
.icon.svelte-snayfm:hover,
.icon.svelte-snayfm:focus {
  color:var(--color-accent)
}
.wrap.svelte-au1olv.svelte-au1olv {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  z-index:var(--layer-2);
  transition:opacity .1s ease-in-out;
  border-radius:var(--block-radius);
  background:var(--block-background-fill);
  padding:0 var(--size-6);
  max-height:var(--size-screen-h);
  overflow:hidden
}
.wrap.center.svelte-au1olv.svelte-au1olv {
  top:0;
  right:0;
  left:0
}
.wrap.default.svelte-au1olv.svelte-au1olv {
  inset:0
}
.hide.svelte-au1olv.svelte-au1olv {
  opacity:0;
  pointer-events:none
}
.generating.svelte-au1olv.svelte-au1olv {
  animation:svelte-au1olv-pulseStart 1s cubic-bezier(.4,0,.6,1),svelte-au1olv-pulse 2s cubic-bezier(.4,0,.6,1) 1s infinite;
  border:2px solid var(--color-accent);
  background:transparent;
  z-index:var(--layer-1);
  pointer-events:none
}
.translucent.svelte-au1olv.svelte-au1olv {
  background:none
}
@keyframes svelte-au1olv-pulseStart {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes svelte-au1olv-pulse {
  0%,
  to {
    opacity:1
  }
  50% {
    opacity:.5
  }
}
.loading.svelte-au1olv.svelte-au1olv {
  z-index:var(--layer-2);
  color:var(--body-text-color)
}
.eta-bar.svelte-au1olv.svelte-au1olv {
  position:absolute;
  inset:0;
  transform-origin:left;
  opacity:.8;
  z-index:var(--layer-1);
  transition:10ms;
  background:var(--background-fill-secondary)
}
.progress-bar-wrap.svelte-au1olv.svelte-au1olv {
  border:1px solid var(--border-color-primary);
  background:var(--background-fill-primary);
  width:55.5%;
  height:var(--size-4)
}
.progress-bar.svelte-au1olv.svelte-au1olv {
  transform-origin:left;
  background-color:var(--loader-color);
  width:var(--size-full);
  height:var(--size-full)
}
.progress-level.svelte-au1olv.svelte-au1olv {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1;
  z-index:var(--layer-2);
  width:var(--size-full)
}
.progress-level-inner.svelte-au1olv.svelte-au1olv {
  margin:var(--size-2) auto;
  color:var(--body-text-color);
  font-size:var(--text-sm);
  font-family:var(--font-mono)
}
.meta-text.svelte-au1olv.svelte-au1olv {
  position:absolute;
  top: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-au1olv.svelte-au1olv {
  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-au1olv.svelte-au1olv {
  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)
}
.minimal.svelte-au1olv.svelte-au1olv {
  pointer-events:none
}
.minimal.svelte-au1olv .progress-text.svelte-au1olv {
  background:var(--block-background-fill)
}
.border.svelte-au1olv.svelte-au1olv {
  border:1px solid var(--border-color-primary)
}
.clear-status.svelte-au1olv.svelte-au1olv {
  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-re9qbj {
  display:flex;
  position:relative;
  right:0;
  left:0;
  align-items:center;
  margin:var(--size-6) var(--size-4);
  margin:auto;
  border-radius:var(--container-radius);
  overflow:hidden;
  pointer-events:auto
}
.toast-body.error.svelte-re9qbj {
  border:1px solid var(--color-red-700);
  background:var(--color-red-50)
}
.dark .toast-body.error.svelte-re9qbj {
  border:1px solid var(--color-red-500);
  background-color:var(--color-grey-950)
}
.toast-body.warning.svelte-re9qbj {
  border:1px solid var(--color-yellow-700);
  background:var(--color-yellow-50)
}
.dark .toast-body.warning.svelte-re9qbj {
  border:1px solid var(--color-yellow-500);
  background-color:var(--color-grey-950)
}
.toast-body.info.svelte-re9qbj {
  border:1px solid var(--color-grey-700);
  background:var(--color-grey-50)
}
.dark .toast-body.info.svelte-re9qbj {
  border:1px solid var(--color-grey-500);
  background-color:var(--color-grey-950)
}
.toast-title.svelte-re9qbj {
  display:flex;
  align-items:center;
  font-weight:var(--weight-bold);
  font-size:var(--text-lg);
  line-height:var(--line-sm);
  text-transform:capitalize
}
.toast-title.error.svelte-re9qbj {
  color:var(--color-red-700)
}
.dark .toast-title.error.svelte-re9qbj {
  color:var(--color-red-50)
}
.toast-title.warning.svelte-re9qbj {
  color:var(--color-yellow-700)
}
.dark .toast-title.warning.svelte-re9qbj {
  color:var(--color-yellow-50)
}
.toast-title.info.svelte-re9qbj {
  color:var(--color-grey-700)
}
.dark .toast-title.info.svelte-re9qbj {
  color:var(--color-grey-50)
}
.toast-close.svelte-re9qbj {
  margin:0 var(--size-3);
  border-radius:var(--size-3);
  padding:0px var(--size-1-5);
  font-size:var(--size-5);
  line-height:var(--size-5)
}
.toast-close.error.svelte-re9qbj {
  color:var(--color-red-700)
}
.dark .toast-close.error.svelte-re9qbj {
  color:var(--color-red-500)
}
.toast-close.warning.svelte-re9qbj {
  color:var(--color-yellow-700)
}
.dark .toast-close.warning.svelte-re9qbj {
  color:var(--color-yellow-500)
}
.toast-close.info.svelte-re9qbj {
  color:var(--color-grey-700)
}
.dark .toast-close.info.svelte-re9qbj {
  color:var(--color-grey-500)
}
.toast-text.svelte-re9qbj {
  font-size:var(--text-lg)
}
.toast-text.error.svelte-re9qbj {
  color:var(--color-red-700)
}
.dark .toast-text.error.svelte-re9qbj {
  color:var(--color-red-50)
}
.toast-text.warning.svelte-re9qbj {
  color:var(--color-yellow-700)
}
.dark .toast-text.warning.svelte-re9qbj {
  color:var(--color-yellow-50)
}
.toast-text.info.svelte-re9qbj {
  color:var(--color-grey-700)
}
.dark .toast-text.info.svelte-re9qbj {
  color:var(--color-grey-50)
}
.toast-details.svelte-re9qbj {
  margin:var(--size-3) var(--size-3) var(--size-3) 0;
  width:100%
}
.toast-icon.svelte-re9qbj {
  display:flex;
  position:absolute;
  position:relative;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  margin:var(--size-2);
  border-radius:var(--radius-full);
  padding:var(--size-1);
  padding-left:calc(var(--size-1) - 1px);
  width:35px;
  height:35px
}
.toast-icon.error.svelte-re9qbj {
  color:var(--color-red-700)
}
.dark .toast-icon.error.svelte-re9qbj {
  color:var(--color-red-500)
}
.toast-icon.warning.svelte-re9qbj {
  color:var(--color-yellow-700)
}
.dark .toast-icon.warning.svelte-re9qbj {
  color:var(--color-yellow-500)
}
.toast-icon.info.svelte-re9qbj {
  color:var(--color-grey-700)
}
.dark .toast-icon.info.svelte-re9qbj {
  color:var(--color-grey-500)
}
@keyframes svelte-re9qbj-countdown {
  0% {
    transform:scaleX(1)
  }
  to {
    transform:scaleX(0)
  }
}
.timer.svelte-re9qbj {
  position:absolute;
  bottom:0;
  left:0;
  transform-origin:0 0;
  animation:svelte-re9qbj-countdown 10s linear forwards;
  width:100%;
  height:var(--size-1)
}
.timer.error.svelte-re9qbj {
  background:var(--color-red-700)
}
.dark .timer.error.svelte-re9qbj {
  background:var(--color-red-500)
}
.timer.warning.svelte-re9qbj {
  background:var(--color-yellow-700)
}
.dark .timer.warning.svelte-re9qbj {
  background:var(--color-yellow-500)
}
.timer.info.svelte-re9qbj {
  background:var(--color-grey-700)
}
.dark .timer.info.svelte-re9qbj {
  background:var(--color-grey-500)
}
.hidden.svelte-re9qbj {
  display:none
}
.toast-text.svelte-re9qbj a {
  text-decoration:underline
}
.toast-wrap.svelte-pu0yf1 {
  display:flex;
  position:fixed;
  top:var(--size-4);
  right:var(--size-4);
  flex-direction:column;
  align-items:end;
  gap:var(--size-2);
  z-index:var(--layer-top);
  width:calc(100% - var(--size-8))
}
@media (min-width: 640px) {
  .toast-wrap.svelte-pu0yf1 {
    width:calc(var(--size-96) + var(--size-10))
  }
}
.error.svelte-y6l4b.svelte-y6l4b {
  position:relative;
  padding:var(--size-4);
  color:var(--body-text-color);
  text-align:center
}
.error.svelte-y6l4b>.svelte-y6l4b {
  margin-top:var(--size-4)
}
a.svelte-y6l4b.svelte-y6l4b {
  color:var(--link-text-color)
}
a.svelte-y6l4b.svelte-y6l4b:hover {
  color:var(--link-text-color-hover);
  text-decoration:underline
}
a.svelte-y6l4b.svelte-y6l4b:visited {
  color:var(--link-text-color-visited)
}
a.svelte-y6l4b.svelte-y6l4b:active {
  color:var(--link-text-color-active)
}



.gradio-container-4-44-0,
.gradio-container-4-44-0 *,
.gradio-container-4-44-0 :before,
.gradio-container-4-44-0 :after {
  box-sizing:border-box;
  border-width:0;
  border-style:solid
}
.gradio-container-4-44-0 html {
  -webkit-text-size-adjust:100%;
  line-height:1.5;
  font-family:var(--font-sans);
  -moz-tab-size:4;
  tab-size:2
}
body {
  margin:0;
  line-height:inherit
}
.gradio-container-4-44-0 hr {
  border-top-width:1px;
  height:0;
  color:inherit
}
.gradio-container-4-44-0 abbr:where([title]) {
  text-decoration:underline dotted
}
.gradio-container-4-44-0 h1,
.gradio-container-4-44-0 h2,
.gradio-container-4-44-0 h3,
.gradio-container-4-44-0 h4,
.gradio-container-4-44-0 h5,
.gradio-container-4-44-0 h6 {
  font-weight:inherit;
  font-size:inherit
}
.gradio-container-4-44-0 a {
  color:inherit;
  text-decoration:inherit
}
.gradio-container-4-44-0 b,
.gradio-container-4-44-0 strong {
  font-weight:bolder
}
.gradio-container-4-44-0 code,
.gradio-container-4-44-0 kbd,
.gradio-container-4-44-0 samp,
.gradio-container-4-44-0 pre {
  font-family:-var(--font-mono)
}
.gradio-container-4-44-0 small {
  font-size:80%
}
.gradio-container-4-44-0 sub,
.gradio-container-4-44-0 sup {
  position:relative;
  vertical-align:baseline;
  font-size:75%;
  line-height:0
}
.gradio-container-4-44-0 sub {
  bottom:-.25em
}
.gradio-container-4-44-0 sup {
  top:-.5em
}
.gradio-container-4-44-0 table {
  border-color:inherit;
  text-indent:0
}
.gradio-container-4-44-0 button,
.gradio-container-4-44-0 input,
.gradio-container-4-44-0 optgroup,
.gradio-container-4-44-0 select,
.gradio-container-4-44-0 textarea {
  margin:0;
  padding:0;
  color:inherit;
  font-weight:inherit;
  font-size:100%;
  line-height:inherit;
  font-family:inherit
}
.gradio-container-4-44-0 button,
.gradio-container-4-44-0 select {
  text-transform:none
}
.gradio-container-4-44-0 button,
.gradio-container-4-44-0 [type=button],
.gradio-container-4-44-0 [type=reset],
.gradio-container-4-44-0 [type=submit] {
  -webkit-appearance:button;
  background-image:none;
  background-color:transparent
}
.gradio-container-4-44-0 :-moz-focusring {
  outline:auto
}
.gradio-container-4-44-0 :-moz-ui-invalid {
  box-shadow:none
}
.gradio-container-4-44-0 progress {
  vertical-align:baseline
}
.gradio-container-4-44-0 ::-webkit-inner-spin-button,
.gradio-container-4-44-0 ::-webkit-outer-spin-button {
  height:auto
}
.gradio-container-4-44-0 [type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
.gradio-container-4-44-0 ::-webkit-search-decoration {
  -webkit-appearance:none
}
.gradio-container-4-44-0 ::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
.gradio-container-4-44-0 summary {
  display:list-item
}
.gradio-container-4-44-0 blockquote,
.gradio-container-4-44-0 dl,
.gradio-container-4-44-0 dd,
.gradio-container-4-44-0 h1,
.gradio-container-4-44-0 h2,
.gradio-container-4-44-0 h3,
.gradio-container-4-44-0 h4,
.gradio-container-4-44-0 h5,
.gradio-container-4-44-0 h6,
.gradio-container-4-44-0 hr,
.gradio-container-4-44-0 figure,
.gradio-container-4-44-0 p,
.gradio-container-4-44-0 pre {
  margin:0
}
.gradio-container-4-44-0 fieldset {
  margin:0;
  padding:0
}
.gradio-container-4-44-0 legend {
  padding:0
}
.gradio-container-4-44-0 ol,
.gradio-container-4-44-0 ul,
.gradio-container-4-44-0 menu {
  margin:0;
  padding:0
}
.gradio-container-4-44-0 textarea {
  resize:vertical
}
.gradio-container-4-44-0 input::placeholder,
.gradio-container-4-44-0 textarea::placeholder {
  opacity:1;
  color:--color-var(--color-grey-400)
}
.gradio-container-4-44-0 button,
.gradio-container-4-44-0 [role=button] {
  cursor:pointer
}
.gradio-container-4-44-0 :disabled {
  cursor:default
}
.gradio-container-4-44-0 img,
.gradio-container-4-44-0 svg,
.gradio-container-4-44-0 video,
.gradio-container-4-44-0 canvas,
.gradio-container-4-44-0 audio,
.gradio-container-4-44-0 iframe,
.gradio-container-4-44-0 embed,
.gradio-container-4-44-0 object {
  display:block;
  vertical-align:middle
}
.gradio-container-4-44-0 img,
.gradio-container-4-44-0 video {
  max-width:100%;
  height:auto;
  margin:0
}
.gradio-container-4-44-0 [hidden] {
  display:none
}
.gradio-container-4-44-0 [type=text],
.gradio-container-4-44-0 [type=email],
.gradio-container-4-44-0 [type=url],
.gradio-container-4-44-0 [type=password],
.gradio-container-4-44-0 [type=number],
.gradio-container-4-44-0 [type=date],
.gradio-container-4-44-0 [type=datetime-local],
.gradio-container-4-44-0 [type=month],
.gradio-container-4-44-0 [type=search],
.gradio-container-4-44-0 [type=tel],
.gradio-container-4-44-0 [type=time],
.gradio-container-4-44-0 [type=week],
.gradio-container-4-44-0 [multiple],
.gradio-container-4-44-0 textarea,
.gradio-container-4-44-0 select {
  --tw-shadow: 0 0 #0000;
  appearance:none;
  border-width:1px;
  border-color:#6b7280;
  border-radius:0;
  background-color:#fff;
  padding:.5rem .75rem;
  font-size:1rem;
  line-height:1.5rem
}
.gradio-container-4-44-0 [type=checkbox],
.gradio-container-4-44-0 [type=radio] {
  color-adjust:exact;
  display:inline-block;
  flex-shrink:0;
  vertical-align:middle;
  appearance:none;
  border-width:1px;
  background-origin:border-box;
  padding:0;
  width:1rem;
  height:1rem;
  color:#2563eb;
  user-select:none
}
.gradio-container-4-44-0 [type=checkbox]:checked {
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}
.gradio-container-4-44-0 [type=radio]:checked {
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}
.gradio-container-4-44-0 select {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position:right .5rem center;
  background-size:1.5em 1.5em;
  background-repeat:no-repeat;
  padding-right:2.5rem
}
.gradio-container-4-44-0 [type=checkbox]:checked,
.gradio-container-4-44-0 [type=radio]:checked {
  background-position:center;
  background-size:100% 100%;
  background-repeat:no-repeat
}
.gradio-container-4-44-0 [type=checkbox]:checked:hover,
.gradio-container-4-44-0 [type=checkbox]:checked:focus,
.gradio-container-4-44-0 [type=radio]:checked:hover,
.gradio-container-4-44-0 [type=radio]:checked:focus {
  border-color:transparent
}
.gradio-container-4-44-0 [type=checkbox]:focus-visible,
.gradio-container-4-44-0 [type=radio]:focus-visible {
  outline:none
}
.gradio-container-4-44-0 gradio-lite {
  display:flex
}
.gradio-container-4-44-0 gradio-lite:not(:defined) {
  display:none
}
.gradio-container-4-44-0 .scroll-hide {
  -ms-overflow-style:none;
  scrollbar-width:none
}
.gradio-container-4-44-0 .sr-only {
  clip:rect(0,0,0,0);
  position:absolute;
  margin:-1px;
  border-width:0;
  padding:0;
  width:1px;
  height:1px;
  overflow:hidden;
  white-space:nowrap
}
.gradio-container-4-44-0 .scroll-hide::-webkit-scrollbar {
  display:none
}
.gradio-container-4-44-0 {
  -webkit-text-size-adjust:100%;
  line-height:1.5;
  font-family:var(--font);
  -moz-tab-size:4;
  tab-size:4
}
.gradio-container-4-44-0 .cropper-container {
  position:relative;
  -ms-touch-action:none;
  touch-action:none;
  font-size:0;
  line-height:0;
  direction:ltr;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.gradio-container-4-44-0 .cropper-container img {
  display:block;
  image-orientation:0deg;
  width:100%;
  min-width:0!important;
  max-width:none!important;
  height:100%;
  min-height:0!important;
  max-height:none!important
}
.gradio-container-4-44-0 .cropper-wrap-box,
.gradio-container-4-44-0 .cropper-canvas,
.gradio-container-4-44-0 .cropper-drag-box,
.gradio-container-4-44-0 .cropper-crop-box,
.gradio-container-4-44-0 .cropper-modal {
  position:absolute;
  inset:0
}
.gradio-container-4-44-0 .cropper-wrap-box,
.gradio-container-4-44-0 .cropper-canvas {
  overflow:hidden
}
.gradio-container-4-44-0 .cropper-drag-box {
  opacity:0;
  background-color:#fff
}
.gradio-container-4-44-0 .cropper-modal {
  opacity:.5;
  background-color:#000
}
.gradio-container-4-44-0 .cropper-view-box {
  display:block;
  outline:1px solid #39f;
  outline-color:#3399ffbf;
  width:100%;
  height:100%;
  overflow:hidden
}
.gradio-container-4-44-0 .cropper-dashed {
  display:block;
  position:absolute;
  opacity:.5;
  border:0 dashed #eee
}
.gradio-container-4-44-0 .cropper-dashed.dashed-h {
  top:calc(100% / 3);
  left:0;
  border-top-width:1px;
  border-bottom-width:1px;
  width:100%;
  height:calc(100% / 3)
}
.gradio-container-4-44-0 .cropper-dashed.dashed-v {
  top:0;
  left:calc(100% / 3);
  border-right-width:1px;
  border-left-width:1px;
  width:calc(100% / 3);
  height:100%
}
.gradio-container-4-44-0 .cropper-center {
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  opacity:.75;
  width:0;
  height:0
}
.gradio-container-4-44-0 .cropper-center:before,
.gradio-container-4-44-0 .cropper-center:after {
  display:block;
  position:absolute;
  background-color:#eee;
  content:" "
}
.gradio-container-4-44-0 .cropper-center:before {
  top:0;
  left:-3px;
  width:7px;
  height:1px
}
.gradio-container-4-44-0 .cropper-center:after {
  top:-3px;
  left:0;
  width:1px;
  height:7px
}
.gradio-container-4-44-0 .cropper-face,
.gradio-container-4-44-0 .cropper-line,
.gradio-container-4-44-0 .cropper-point {
  display:block;
  position:absolute;
  opacity:.1;
  width:100%;
  height:100%
}
.gradio-container-4-44-0 .cropper-face {
  top:0;
  left:0;
  background-color:#fff
}
.gradio-container-4-44-0 .cropper-line {
  background-color:#39f
}
.gradio-container-4-44-0 .cropper-line.line-e {
  top:0;
  right:-3px;
  cursor:ew-resize;
  width:5px
}
.gradio-container-4-44-0 .cropper-line.line-n {
  top:-3px;
  left:0;
  cursor:ns-resize;
  height:5px
}
.gradio-container-4-44-0 .cropper-line.line-w {
  top:0;
  left:-3px;
  cursor:ew-resize;
  width:5px
}
.gradio-container-4-44-0 .cropper-line.line-s {
  bottom:-3px;
  left:0;
  cursor:ns-resize;
  height:5px
}
.gradio-container-4-44-0 .cropper-point {
  opacity:.75;
  background-color:#39f;
  width:5px;
  height:5px
}
.gradio-container-4-44-0 .cropper-point.point-e {
  top:50%;
  right:-3px;
  cursor:ew-resize;
  margin-top:-3px
}
.gradio-container-4-44-0 .cropper-point.point-n {
  top:-3px;
  left:50%;
  cursor:ns-resize;
  margin-left:-3px
}
.gradio-container-4-44-0 .cropper-point.point-w {
  top:50%;
  left:-3px;
  cursor:ew-resize;
  margin-top:-3px
}
.gradio-container-4-44-0 .cropper-point.point-s {
  bottom:-3px;
  left:50%;
  cursor:s-resize;
  margin-left:-3px
}
.gradio-container-4-44-0 .cropper-point.point-ne {
  top:-3px;
  right:-3px;
  cursor:nesw-resize
}
.gradio-container-4-44-0 .cropper-point.point-nw {
  top:-3px;
  left:-3px;
  cursor:nwse-resize
}
.gradio-container-4-44-0 .cropper-point.point-sw {
  bottom:-3px;
  left:-3px;
  cursor:nesw-resize
}
.gradio-container-4-44-0 .cropper-point.point-se {
  right:-3px;
  bottom:-3px;
  opacity:1;
  cursor:nwse-resize;
  width:20px;
  height:20px
}
@media (min-width: 768px) {
  .gradio-container-4-44-0 .cropper-point.point-se {
    width:15px;
    height:15px
  }
}
@media (min-width: 992px) {
  .gradio-container-4-44-0 .cropper-point.point-se {
    width:10px;
    height:10px
  }
}
@media (min-width: 1200px) {
  .gradio-container-4-44-0 .cropper-point.point-se {
    opacity:.75;
    width:5px;
    height:5px
  }
}
.gradio-container-4-44-0 .cropper-point.point-se:before {
  display:block;
  position:absolute;
  right:-50%;
  bottom:-50%;
  opacity:0;
  background-color:#39f;
  width:200%;
  height:200%;
  content:" "
}
.gradio-container-4-44-0 .cropper-invisible {
  opacity:0
}
.gradio-container-4-44-0 .cropper-bg {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}
.gradio-container-4-44-0 .cropper-hide {
  display:block;
  position:absolute;
  width:0;
  height:0
}
.gradio-container-4-44-0 .cropper-hidden {
  display:none!important
}
.gradio-container-4-44-0 .cropper-move {
  cursor:move
}
.gradio-container-4-44-0 .cropper-crop {
  cursor:crosshair
}
.gradio-container-4-44-0 .cropper-disabled .cropper-drag-box,
.gradio-container-4-44-0 .cropper-disabled .cropper-face,
.gradio-container-4-44-0 .cropper-disabled .cropper-line,
.gradio-container-4-44-0 .cropper-disabled .cropper-point {
  cursor:not-allowed
}
:root {
  --scale-0: 1rem;
  --scale-1: 1.125rem;
  --scale-2: 1.25rem;
  --scale-3: 1.5rem;
  --scale-4: 1.875rem;
  --scale-5: 2.25rem;
  --scale-6: 3rem;
  --scale-7: 3.75rem;
  --scale-8: 4.5rem;
  --scale-9: 6rem;
  --scale-10: 8rem;
  --scale-000: .75rem;
  --scale-00: .875rem;
  --scale-fluid-0: clamp(.875rem, .8rem + .25vw, 1rem);
  --scale-fluid-1: clamp(1rem, .925rem + .25vw, 1.125rem);
  --scale-fluid-2: clamp(1.125rem, 1.05rem + .25vw, 1.25rem);
  --scale-fluid-3: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);
  --scale-fluid-4: clamp(1.5rem, 1.275rem + .75vw, 1.875rem);
  --scale-fluid-5: clamp(1.875rem, 1.65rem + .75vw, 2.25rem);
  --scale-fluid-6: clamp(2.25rem, 1.8rem + 1.5vw, 3rem);
  --scale-fluid-7: clamp(3rem, 2.55rem + 1.5vw, 3.75rem);
  --scale-fluid-8: clamp(3.75rem, 3.3rem + 1.5vw, 4.5rem);
  --scale-fluid-9: clamp(4.5rem, 3.6rem + 3vw, 6rem);
  --scale-fluid-10: clamp(6rem, 4.8rem + 4vw, 8rem);
  --scale-fluid-000: clamp(.625rem, .55rem + .25vw, .75rem);
  --scale-fluid-00: clamp(.75rem, .675rem + .25vw, .875rem);
  --font-sans: Source Sans Pro, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;
  --line-none: 1;
  --line-xs: 1.125;
  --line-sm: 1.4;
  --line-md: 1.5;
  --line-lg: 1.625;
  --line-xl: 2;
  --letter-xs: -.05em;
  --letter-sm: -.025em;
  --letter-none: 0em;
  --letter-lg: .025em;
  --letter-xl: .05em;
  --prose-xs: 45ch;
  --prose-sm: 55ch;
  --prose-md: 65ch;
  --prose-lg: 75ch;
  --prose-xl: 85ch;
  --size-1: 4px;
  --size-2: 8px;
  --size-3: 12px;
  --size-4: 16px;
  --size-5: 20px;
  --size-6: 24px;
  --size-7: 28px;
  --size-8: 32px;
  --size-9: 36px;
  --size-10: 40px;
  --size-11: 44px;
  --size-12: 48px;
  --size-14: 56px;
  --size-16: 64px;
  --size-20: 80px;
  --size-24: 96px;
  --size-28: 112px;
  --size-32: 128px;
  --size-36: 144px;
  --size-40: 160px;
  --size-44: 176px;
  --size-48: 192px;
  --size-52: 208px;
  --size-56: 224px;
  --size-60: 240px;
  --size-64: 256px;
  --size-72: 288px;
  --size-80: 320px;
  --size-96: 384px;
  --size-px: 1px;
  --size-full: 100%;
  --size-screen: 100vw;
  --size-min: min-content;
  --size-max: max-content;
  --size-0-5: 2px;
  --size-1-5: 6px;
  --size-2-5: 10px;
  --size-screen-h: 100vh;
  --width-xs: 480px;
  --width-sm: 640px;
  --width-md: 768px;
  --width-lg: 1024px;
  --width-xl: 1280px;
  --ratio-square: 1/1;
  --ratio-portrait: 3/4;
  --ratio-landscape: 4/3;
  --ratio-tall: 2/3;
  --ratio-wide: 3/2;
  --ratio-widescreen: 16/9;
  --ratio-golden: 1.618/1;
  --radius-100: 100%;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;
  --radius-2xl: 16px;
  --radius-3xl: 22px;
  --blur-xs: blur(4px);
  --blur-sm: blur(8px);
  --blur-md: blur(16px);
  --blur-lg: blur(24px);
  --blur-xl: blur(40px);
  --layer-1: 10;
  --layer-2: 20;
  --layer-3: 30;
  --layer-4: 40;
  --layer-5: 50;
  --layer-below: -1;
  --layer-top: 2147483647;
  --shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
  --shadow-sm: 0 4px 6px -2px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .06);
  --shadow-md: 0 12px 16px -4px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  --shadow-lg: 0 20px 24px -4px rgba(0, 0, 0, .1), 0 8px 8px -4px rgba(0, 0, 0, .04);
  --shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .25);
  --ease-in-sine: cubic-bezier(.47, 0, .745, .715);
  --ease-out-sine: cubic-bezier(.39, .575, .565, 1);
  --ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);
  --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
  --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
  --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);
  --ease-in-cubic: cubic-bezier(.55, .055, .675, .19);
  --ease-out-cubic: cubic-bezier(.215, .61, .355, 1);
  --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);
  --ease-in-quart: cubic-bezier(.895, .03, .685, .22);
  --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
  --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);
  --ease-in-quint: cubic-bezier(.755, .05, .855, .06);
  --ease-out-quint: cubic-bezier(.23, 1, .32, 1);
  --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-in-expo: cubic-bezier(.95, .05, .795, .035);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-circ: cubic-bezier(.6, .04, .98, .335);
  --ease-out-circ: cubic-bezier(.075, .82, .165, 1);
  --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);
  --ease-in-back: cubic-bezier(.6, -.28, .735, .045);
  --ease-out-back: cubic-bezier(.175, .885, .32, 1.275);
  --ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);
  --easing-standard: cubic-bezier(.4, 0, .2, 1);
  --easing-accelerate: cubic-bezier(.4, 0, 1, 1);
  --easing-decelerate: cubic-bezier(0, 0, .2, 1);
  --elevation-1: 0 1px 2px 0 rgba(0, 0, 0, .05);
  --elevation-2: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
  --elevation-3: 0 4px 6px -2px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .06);
  --elevation-4: 0 12px 16px -4px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  --elevation-5: 0 20px 24px -4px rgba(0, 0, 0, .1), 0 8px 8px -4px rgba(0, 0, 0, .04);
  --elevation-6: 0 24px 48px -12px rgba(0, 0, 0, .25);
  --elevation-7: 0 32px 64px -12px rgba(0, 0, 0, .2);
  --color-grey-50: #f9fafb;
  --color-grey-100: #f3f4f6;
  --color-grey-200: #e5e7eb;
  --color-grey-300: #d1d5db;
  --color-grey-400: #9ca3af;
  --color-grey-500: #6b7280;
  --color-grey-600: #4b5563;
  --color-grey-700: #374151;
  --color-grey-800: #1f2937;
  --color-grey-900: #111827;
  --color-black: #14141b;
  --color-grey: #6b7280;
  --color-red-300: #fca5a5;
  --color-red-500: #ef4444;
  --color-red-700: #b91c1c;
  --color-red: #ef4444;
  --color-green-300: #86efac;
  --color-green-500: #22c55e;
  --color-green-700: #15803d;
  --color-green: #22c55e;
  --color-blue-300: #93c5fd;
  --color-blue-500: #0ea5e9;
  --color-blue-700: #1d4ed8;
  --color-blue: #0ea5e9;
  --color-pink-300: #fbb6ce;
  --color-pink-500: #ed64a6;
  --color-pink-700: #d53f8c;
  --color-pink: var(--color-pink-500);
  --color-purple-300: #b794f4;
  --color-purple-500: #805ad5;
  --color-purple-700: #6b46c1;
  --color-purple: var(--color-purple-500);
  --color-teal-300: #81e6d9;
  --color-teal-500: #38b2ac;
  --color-teal-700: #2c7a7b;
  --color-teal: var(--color-teal-500);
  --color-yellow-300: #fde047;
  --color-yellow-500: #eab308;
  --color-yellow-700: #a16207;
  --color-yellow: #eab308;
  --color-orange-300: #ffb066;
  --color-orange-500: #ff7c00;
  --color-orange-700: #ce6400;
  --color-orange: #f97316;
  --color-brown-300: #a1887f;
  --color-brown-500: #795548;
  --color-brown-700: #5d4037;
  --color-brown: var(--color-brown-500);
  --color-blue-10: #fafcff;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bfdbfe;
  --color-blue-400: #60a5fa;
  --color-blue-600: #2563eb;
  --color-blue-800: #1e40af;
  --color-blue-900: #1e3a8a;
  --color-blue-950: #1c366b;
  --color-grey-10: #fdfdfe;
  --color-grey-950: #0b0f19;
  --color-red-10: #fffbfb;
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-400: #f87171;
  --color-red-600: #dc2626;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;
  --color-red-950: #63171a;
  --color-green-10: #f9fefc;
  --color-green-50: #ecfdf5;
  --color-green-100: #d1fae5;
  --color-green-200: #bbf7d0;
  --color-green-400: #4ade80;
  --color-green-600: #16a34a;
  --color-green-800: #166534;
  --color-green-900: #14532d;
  --color-green-950: #134227;
  --color-orange-10: #fffbf6;
  --color-orange-50: #fff2e5;
  --color-orange-100: #ffe5cc;
  --color-orange-200: #ffd8b4;
  --color-orange-400: #ff9633;
  --color-orange-600: #ee7400;
  --color-orange-800: #a45000;
  --color-orange-900: #5c2d00;
  --color-orange-950: #3c1f00;
  --color-yellow-10: #fffef8;
  --color-yellow-50: #fffbeb;
  --color-yellow-100: #fff9c2;
  --color-yellow-200: #fef08a;
  --color-yellow-400: #facc15;
  --color-yellow-600: #ca8a04;
  --color-yellow-800: #854d0e;
  --color-yellow-900: #713f12;
  --color-yellow-950: #633112;
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-page-width: var(--width-xl);
  --grid-page-gutter: 5vw;
  --grid-page-main: 2 / 3;
  --grid-page: minmax(var(--grid-page-gutter), 1fr) minmax(0, var(--grid-page-width)) minmax(var(--grid-page-gutter), 1fr)
}
.gradio-container-4-44-0 .prose {
  font-weight:var(--prose-text-weight);
  font-size:var(--text-md)
}
.gradio-container-4-44-0 .prose * {
  color:var(--body-text-color)
}
.gradio-container-4-44-0 .prose p {
  margin-bottom:var(--spacing-sm);
  line-height:var(--line-lg)
}
.gradio-container-4-44-0 .prose h1,
.gradio-container-4-44-0 .prose h2,
.gradio-container-4-44-0 .prose h3,
.gradio-container-4-44-0 .prose h4,
.gradio-container-4-44-0 .prose h5 {
  margin:var(--spacing-xxl) 0 var(--spacing-lg);
  font-weight:var(--prose-header-text-weight);
  line-height:1.3;
  color:var(--body-text-color)
}
.gradio-container-4-44-0 .prose>*:first-child {
  margin-top:0
}
.gradio-container-4-44-0 .prose h1 {
  font-size:var(--text-xxl)
}
.gradio-container-4-44-0 .prose h2 {
  font-size:var(--text-xl)
}
.gradio-container-4-44-0 .prose h3 {
  font-size:var(--text-lg)
}
.gradio-container-4-44-0 .prose h4 {
  font-size:1.1em
}
.gradio-container-4-44-0 .prose h5 {
  font-size:1.05em
}
.gradio-container-4-44-0 .prose ul {
  list-style:circle inside
}
.gradio-container-4-44-0 .prose ol {
  list-style:decimal inside
}
.gradio-container-4-44-0 .prose ul>p,
.gradio-container-4-44-0 .prose li>p {
  display:inline
}
.gradio-container-4-44-0 .prose ol,
.gradio-container-4-44-0 .prose ul {
  margin-top:0;
  padding-left:0
}
.gradio-container-4-44-0 .prose ul ul,
.gradio-container-4-44-0 .prose ul ol,
.gradio-container-4-44-0 .prose ol ol,
.gradio-container-4-44-0 .prose ol ul {
  margin:.5em 0;
  font-size:90%;
  padding-inline-start:2em
}
.gradio-container-4-44-0 .prose li {
  margin-bottom:.5em
}
.gradio-container-4-44-0 .prose th,
.gradio-container-4-44-0 .prose td {
  border-bottom:1px solid #e1e1e1;
  padding:var(--text-xs) var(--text-md);
  text-align:left
}
.gradio-container-4-44-0 .prose button,
.gradio-container-4-44-0 .prose .button,
.gradio-container-4-44-0 .prose input,
.gradio-container-4-44-0 .prose textarea,
.gradio-container-4-44-0 .prose select,
.gradio-container-4-44-0 .prose fieldset {
  margin-bottom:var(--spacing-sm)
}
.gradio-container-4-44-0 .prose pre,
.gradio-container-4-44-0 .prose blockquote,
.gradio-container-4-44-0 .prose dl,
.gradio-container-4-44-0 .prose figure,
.gradio-container-4-44-0 .prose table,
.gradio-container-4-44-0 .prose p,
.gradio-container-4-44-0 .prose ul,
.gradio-container-4-44-0 .prose ol,
.gradio-container-4-44-0 .prose form {
  margin-bottom:var(--spacing-md)
}
.gradio-container-4-44-0 .prose table,
.gradio-container-4-44-0 .prose tr,
.gradio-container-4-44-0 .prose td,
.gradio-container-4-44-0 .prose th {
  border:1px solid var(--body-text-color)
}
.gradio-container-4-44-0 .prose table {
  border-collapse:collapse;
  margin-bottom:var(--spacing-xxl)
}
.gradio-container-4-44-0 .prose a {
  color:var(--link-text-color);
  text-decoration:underline
}
.gradio-container-4-44-0 .prose a:visited {
  color:var(--link-text-color-visited)
}
.gradio-container-4-44-0 .prose a:hover {
  color:var(--link-text-color-hover)
}
.gradio-container-4-44-0 .prose a:active {
  color:var(--link-text-color-active)
}
.gradio-container-4-44-0 .prose hr {
  margin-top:3em;
  margin-bottom:3.5em;
  border-width:0;
  border-top:1px solid #e1e1e1
}
.gradio-container-4-44-0 .prose blockquote {
  margin:var(--size-6) 0!important;
  border-left:5px solid var(--border-color-primary);
  padding-left:var(--size-2)
}
.gradio-container-4-44-0 .prose :last-child {
  margin-bottom:0!important
}
.gradio-container-4-44-0 {
  display:flex;
  position:relative;
  flex-direction:column;
  padding:0;
  min-height:1px;
  overflow:hidden;
  color:var(--button-secondary-text-color)
}
.embed-container.svelte-wpkpf6.svelte-wpkpf6 {
  margin:var(--size-4) 0px;
  border:1px solid var(--button-secondary-border-color);
  border-radius:var(--embed-radius)
}
.with-info.svelte-wpkpf6.svelte-wpkpf6 {
  padding-bottom:var(--size-7)
}
.embed-container.svelte-wpkpf6>.main.svelte-wpkpf6 {
  padding:var(--size-4)
}
.app.svelte-wpkpf6>.main.svelte-wpkpf6 {
  display:flex;
  flex-grow:1;
  flex-direction:column
}
.app.svelte-wpkpf6.svelte-wpkpf6 {
  position:relative;
  margin:auto;
  padding:var(--size-4) var(--size-8);
  width:100%;
  height:100%
}
@media (min-width: 640px) {
  .app.svelte-wpkpf6.svelte-wpkpf6:not(.fill_width) {
    max-width:640px
  }
}
@media (min-width: 768px) {
  .app.svelte-wpkpf6.svelte-wpkpf6:not(.fill_width) {
    max-width:768px
  }
}
@media (min-width: 1024px) {
  .app.svelte-wpkpf6.svelte-wpkpf6:not(.fill_width) {
    max-width:1024px
  }
}
@media (min-width: 1280px) {
  .app.svelte-wpkpf6.svelte-wpkpf6:not(.fill_width) {
    max-width:1280px
  }
}
@media (min-width: 1536px) {
  .app.svelte-wpkpf6.svelte-wpkpf6:not(.fill_width) {
    max-width:1536px
  }
}
.info.svelte-wpkpf6.svelte-wpkpf6 {
  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-wpkpf6>span.svelte-wpkpf6 {
  word-wrap:break-word;
  -break:keep-all;
  display:block;
  word-break:keep-all
}
.info.svelte-wpkpf6>span.svelte-wpkpf6: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-wpkpf6>span.svelte-wpkpf6:nth-child(2) {
  margin-right:3px
}
.info.svelte-wpkpf6>span.svelte-wpkpf6:nth-child(2),
.info.svelte-wpkpf6>span.svelte-wpkpf6:nth-child(3) {
  width:max-content
}
.info.svelte-wpkpf6>span.svelte-wpkpf6:nth-child(3) {
  align-self:flex-end;
  justify-self:flex-end;
  margin-left:auto;
  text-align:right
}
.info.svelte-wpkpf6>span.svelte-wpkpf6:nth-child(1) {
  flex-shrink:9
}
.hidden-title.svelte-wpkpf6.svelte-wpkpf6 {
  position:absolute;
  left:var(--size-5);
  opacity:0;
  background:var(--button-secondary-background-fill);
  padding-right:4px
}
.info.svelte-wpkpf6 a.svelte-wpkpf6 {
  color:var(--body-text-color)
}
.title.svelte-wpkpf6.svelte-wpkpf6 {
  font-size:var(--text-sm);
  font-family:var(--font-mono)
}
.hf.svelte-wpkpf6.svelte-wpkpf6 {
  margin-left:5px
}
.space-logo.svelte-wpkpf6 img.svelte-wpkpf6 {
  display:inline-block;
  margin-bottom:4px;
  height:12px
}
a.svelte-wpkpf6.svelte-wpkpf6:hover {
  text-decoration:underline
}



#col_container {
  margin-left: auto;
  margin-right: auto;
}
gradio-app .gradio-container.gradio-container-4-44-0 .contain  #col_container  {
  margin-left: auto;
  margin-right: auto;
}
#chatbot {
  height: 520px;
  overflow: auto;
}
gradio-app .gradio-container.gradio-container-4-44-0 .contain  #chatbot  {
  height: 520px;
  overflow: auto;
}



:root {
  --name: default;
  --primary-50: #f0fdf4;
  --primary-100: #dcfce7;
  --primary-200: #bbf7d0;
  --primary-300: #86efac;
  --primary-400: #4ade80;
  --primary-500: #22c55e;
  --primary-600: #16a34a;
  --primary-700: #15803d;
  --primary-800: #166534;
  --primary-900: #14532d;
  --primary-950: #134e28;
  --secondary-50: #eff6ff;
  --secondary-100: #dbeafe;
  --secondary-200: #bfdbfe;
  --secondary-300: #93c5fd;
  --secondary-400: #60a5fa;
  --secondary-500: #3b82f6;
  --secondary-600: #2563eb;
  --secondary-700: #1d4ed8;
  --secondary-800: #1e40af;
  --secondary-900: #1e3a8a;
  --secondary-950: #1d3660;
  --neutral-50: #f9fafb;
  --neutral-100: #f3f4f6;
  --neutral-200: #e5e7eb;
  --neutral-300: #d1d5db;
  --neutral-400: #9ca3af;
  --neutral-500: #6b7280;
  --neutral-600: #4b5563;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --neutral-900: #111827;
  --neutral-950: #0b0f19;
  --spacing-xxs: 1px;
  --spacing-xs: 2px;
  --spacing-sm: 4px;
  --spacing-md: 6px;
  --spacing-lg: 8px;
  --spacing-xl: 10px;
  --spacing-xxl: 16px;
  --radius-xxs: 1px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-xxl: 22px;
  --text-xxs: 9px;
  --text-xs: 10px;
  --text-sm: 12px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 22px;
  --text-xxl: 26px;
  --font: 'Source Sans Pro', 'ui-sans-serif', 'system-ui', sans-serif;
  --font-mono: 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
  --body-background-fill: var(--background-fill-primary);
  --body-text-color: var(--neutral-800);
  --body-text-size: var(--text-md);
  --body-text-weight: 400;
  --embed-radius: var(--radius-lg);
  --color-accent: var(--primary-500);
  --color-accent-soft: var(--primary-50);
  --background-fill-primary: white;
  --background-fill-secondary: var(--neutral-50);
  --border-color-accent: var(--primary-300);
  --border-color-primary: var(--neutral-200);
  --link-text-color: var(--secondary-600);
  --link-text-color-active: var(--secondary-600);
  --link-text-color-hover: var(--secondary-700);
  --link-text-color-visited: var(--secondary-500);
  --body-text-color-subdued: var(--neutral-400);
  --accordion-text-color: var(--body-text-color);
  --table-text-color: var(--body-text-color);
  --shadow-drop: rgba(0,0,0,0.05) 0px 1px 2px 0px;
  --shadow-drop-lg: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-inset: rgba(0,0,0,0.05) 0px 2px 4px 0px inset;
  --shadow-spread: 3px;
  --block-background-fill: var(--background-fill-primary);
  --block-border-color: var(--border-color-primary);
  --block-border-width: 1px;
  --block-info-text-color: var(--body-text-color-subdued);
  --block-info-text-size: var(--text-sm);
  --block-info-text-weight: 400;
  --block-label-background-fill: var(--background-fill-primary);
  --block-label-border-color: var(--border-color-primary);
  --block-label-border-width: 1px;
  --block-label-shadow: var(--block-shadow);
  --block-label-text-color: var(--neutral-500);
  --block-label-margin: 0;
  --block-label-padding: var(--spacing-sm) var(--spacing-lg);
  --block-label-radius: calc(var(--radius-lg) - 1px) 0 calc(var(--radius-lg) - 1px) 0;
  --block-label-right-radius: 0 calc(var(--radius-lg) - 1px) 0 calc(var(--radius-lg) - 1px);
  --block-label-text-size: var(--text-sm);
  --block-label-text-weight: 400;
  --block-padding: var(--spacing-xl) calc(var(--spacing-xl) + 2px);
  --block-radius: var(--radius-lg);
  --block-shadow: var(--shadow-drop);
  --block-title-background-fill: none;
  --block-title-border-color: none;
  --block-title-border-width: 0px;
  --block-title-text-color: var(--neutral-500);
  --block-title-padding: 0;
  --block-title-radius: none;
  --block-title-text-size: var(--text-md);
  --block-title-text-weight: 400;
  --container-radius: var(--radius-lg);
  --form-gap-width: 1px;
  --layout-gap: var(--spacing-xxl);
  --panel-background-fill: var(--background-fill-secondary);
  --panel-border-color: var(--border-color-primary);
  --panel-border-width: 0;
  --section-header-text-size: var(--text-md);
  --section-header-text-weight: 400;
  --border-color-accent-subdued: var(--primary-200);
  --code-background-fill: var(--neutral-100);
  --checkbox-background-color: var(--background-fill-primary);
  --checkbox-background-color-focus: var(--checkbox-background-color);
  --checkbox-background-color-hover: var(--checkbox-background-color);
  --checkbox-background-color-selected: var(--secondary-600);
  --checkbox-border-color: var(--neutral-300);
  --checkbox-border-color-focus: var(--secondary-500);
  --checkbox-border-color-hover: var(--neutral-300);
  --checkbox-border-color-selected: var(--secondary-600);
  --checkbox-border-radius: var(--radius-sm);
  --checkbox-border-width: var(--input-border-width);
  --checkbox-label-background-fill: linear-gradient(to top, var(--neutral-50), white);
  --checkbox-label-background-fill-hover: linear-gradient(to top, var(--neutral-100), white);
  --checkbox-label-background-fill-selected: var(--checkbox-label-background-fill);
  --checkbox-label-border-color: var(--border-color-primary);
  --checkbox-label-border-color-hover: var(--checkbox-label-border-color);
  --checkbox-label-border-width: var(--input-border-width);
  --checkbox-label-gap: var(--spacing-lg);
  --checkbox-label-padding: var(--spacing-md) calc(2 * var(--spacing-md));
  --checkbox-label-shadow: var(--shadow-drop);
  --checkbox-label-text-size: var(--text-md);
  --checkbox-label-text-weight: 400;
  --checkbox-check: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  --radio-circle: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  --checkbox-shadow: var(--input-shadow);
  --checkbox-label-text-color: var(--body-text-color);
  --checkbox-label-text-color-selected: var(--checkbox-label-text-color);
  --error-background-fill: #fef2f2;
  --error-border-color: #b91c1c;
  --error-border-width: 1px;
  --error-text-color: #b91c1c;
  --error-icon-color: #b91c1c;
  --input-background-fill: white;
  --input-background-fill-focus: var(--secondary-500);
  --input-background-fill-hover: var(--input-background-fill);
  --input-border-color: var(--border-color-primary);
  --input-border-color-focus: var(--secondary-300);
  --input-border-color-hover: var(--input-border-color);
  --input-border-width: 1px;
  --input-padding: var(--spacing-xl);
  --input-placeholder-color: var(--neutral-400);
  --input-radius: var(--radius-lg);
  --input-shadow: 0 0 0 var(--shadow-spread) transparent, var(--shadow-inset);
  --input-shadow-focus: 0 0 0 var(--shadow-spread) var(--secondary-50), var(--shadow-inset);
  --input-text-size: var(--text-md);
  --input-text-weight: 400;
  --loader-color: var(--color-accent);
  --prose-text-size: var(--text-md);
  --prose-text-weight: 400;
  --prose-header-text-weight: 600;
  --slider-color: #2563eb;
  --stat-background-fill: linear-gradient(to right, var(--primary-400), var(--primary-200));
  --table-border-color: var(--neutral-300);
  --table-even-background-fill: white;
  --table-odd-background-fill: var(--neutral-50);
  --table-radius: var(--radius-lg);
  --table-row-focus: var(--color-accent-soft);
  --button-border-width: var(--input-border-width);
  --button-cancel-background-fill: linear-gradient(to bottom right, #fee2e2, #fecaca);
  --button-cancel-background-fill-hover: linear-gradient(to bottom right, #fee2e2, #fee2e2);
  --button-cancel-border-color: #fecaca;
  --button-cancel-border-color-hover: var(--button-cancel-border-color);
  --button-cancel-text-color: #dc2626;
  --button-cancel-text-color-hover: var(--button-cancel-text-color);
  --button-large-padding: var(--spacing-lg) calc(2 * var(--spacing-lg));
  --button-large-radius: var(--radius-lg);
  --button-large-text-size: var(--text-lg);
  --button-large-text-weight: 600;
  --button-primary-background-fill: linear-gradient(to bottom right, var(--primary-100), var(--primary-300));
  --button-primary-background-fill-hover: linear-gradient(to bottom right, var(--primary-100), var(--primary-200));
  --button-primary-border-color: var(--primary-200);
  --button-primary-border-color-hover: var(--button-primary-border-color);
  --button-primary-text-color: var(--primary-600);
  --button-primary-text-color-hover: var(--button-primary-text-color);
  --button-secondary-background-fill: linear-gradient(to bottom right, var(--neutral-100), var(--neutral-200));
  --button-secondary-background-fill-hover: linear-gradient(to bottom right, var(--neutral-100), var(--neutral-100));
  --button-secondary-border-color: var(--neutral-200);
  --button-secondary-border-color-hover: var(--button-secondary-border-color);
  --button-secondary-text-color: var(--neutral-700);
  --button-secondary-text-color-hover: var(--button-secondary-text-color);
  --button-shadow: var(--shadow-drop);
  --button-shadow-active: var(--shadow-inset);
  --button-shadow-hover: var(--shadow-drop-lg);
  --button-small-padding: var(--spacing-sm) calc(2 * var(--spacing-sm));
  --button-small-radius: var(--radius-lg);
  --button-small-text-size: var(--text-md);
  --button-small-text-weight: 400;
  --button-transition: none;
}
.dark {
  --body-background-fill: var(--background-fill-primary);
  --body-text-color: var(--neutral-100);
  --color-accent-soft: var(--neutral-700);
  --background-fill-primary: var(--neutral-950);
  --background-fill-secondary: var(--neutral-900);
  --border-color-accent: var(--neutral-600);
  --border-color-primary: var(--neutral-700);
  --link-text-color-active: var(--secondary-500);
  --link-text-color: var(--secondary-500);
  --link-text-color-hover: var(--secondary-400);
  --link-text-color-visited: var(--secondary-600);
  --body-text-color-subdued: var(--neutral-400);
  --accordion-text-color: var(--body-text-color);
  --table-text-color: var(--body-text-color);
  --shadow-spread: 1px;
  --block-background-fill: var(--neutral-800);
  --block-border-color: var(--border-color-primary);
  --block_border_width: None;
  --block-info-text-color: var(--body-text-color-subdued);
  --block-label-background-fill: var(--background-fill-secondary);
  --block-label-border-color: var(--border-color-primary);
  --block_label_border_width: None;
  --block-label-text-color: var(--neutral-200);
  --block_shadow: None;
  --block_title_background_fill: None;
  --block_title_border_color: None;
  --block_title_border_width: None;
  --block-title-text-color: var(--neutral-200);
  --panel-background-fill: var(--background-fill-secondary);
  --panel-border-color: var(--border-color-primary);
  --panel_border_width: None;
  --border-color-accent-subdued: var(--border-color-accent);
  --code-background-fill: var(--neutral-800);
  --checkbox-background-color: var(--neutral-800);
  --checkbox-background-color-focus: var(--checkbox-background-color);
  --checkbox-background-color-hover: var(--checkbox-background-color);
  --checkbox-background-color-selected: var(--secondary-600);
  --checkbox-border-color: var(--neutral-700);
  --checkbox-border-color-focus: var(--secondary-500);
  --checkbox-border-color-hover: var(--neutral-600);
  --checkbox-border-color-selected: var(--secondary-600);
  --checkbox-border-width: var(--input-border-width);
  --checkbox-label-background-fill: linear-gradient(to top, var(--neutral-900), var(--neutral-800));
  --checkbox-label-background-fill-hover: linear-gradient(to top, var(--neutral-900), var(--neutral-800));
  --checkbox-label-background-fill-selected: var(--checkbox-label-background-fill);
  --checkbox-label-border-color: var(--border-color-primary);
  --checkbox-label-border-color-hover: var(--checkbox-label-border-color);
  --checkbox-label-border-width: var(--input-border-width);
  --checkbox-label-text-color: var(--body-text-color);
  --checkbox-label-text-color-selected: var(--checkbox-label-text-color);
  --error-background-fill: var(--neutral-900);
  --error-border-color: #ef4444;
  --error_border_width: None;
  --error-text-color: #fef2f2;
  --error-icon-color: #ef4444;
  --input-background-fill: var(--neutral-800);
  --input-background-fill-focus: var(--secondary-600);
  --input-background-fill-hover: var(--input-background-fill);
  --input-border-color: var(--border-color-primary);
  --input-border-color-focus: var(--neutral-700);
  --input-border-color-hover: var(--input-border-color);
  --input_border_width: None;
  --input-placeholder-color: var(--neutral-500);
  --input_shadow: None;
  --input-shadow-focus: 0 0 0 var(--shadow-spread) var(--neutral-700), var(--shadow-inset);
  --loader_color: None;
  --slider_color: None;
  --stat-background-fill: linear-gradient(to right, var(--primary-400), var(--primary-600));
  --table-border-color: var(--neutral-700);
  --table-even-background-fill: var(--neutral-950);
  --table-odd-background-fill: var(--neutral-900);
  --table-row-focus: var(--color-accent-soft);
  --button-border-width: var(--input-border-width);
  --button-cancel-background-fill: linear-gradient(to bottom right, #dc2626, #b91c1c);
  --button-cancel-background-fill-hover: linear-gradient(to bottom right, #dc2626, #dc2626);
  --button-cancel-border-color: #dc2626;
  --button-cancel-border-color-hover: var(--button-cancel-border-color);
  --button-cancel-text-color: white;
  --button-cancel-text-color-hover: var(--button-cancel-text-color);
  --button-primary-background-fill: linear-gradient(to bottom right, var(--primary-500), var(--primary-600));
  --button-primary-background-fill-hover: linear-gradient(to bottom right, var(--primary-500), var(--primary-500));
  --button-primary-border-color: var(--primary-500);
  --button-primary-border-color-hover: var(--button-primary-border-color);
  --button-primary-text-color: white;
  --button-primary-text-color-hover: var(--button-primary-text-color);
  --button-secondary-background-fill: linear-gradient(to bottom right, var(--neutral-600), var(--neutral-700));
  --button-secondary-background-fill-hover: linear-gradient(to bottom right, var(--neutral-600), var(--neutral-600));
  --button-secondary-border-color: var(--neutral-600);
  --button-secondary-border-color-hover: var(--button-secondary-border-color);
  --button-secondary-text-color: white;
  --button-secondary-text-color-hover: var(--button-secondary-text-color);
  --name: default;
  --primary-50: #f0fdf4;
  --primary-100: #dcfce7;
  --primary-200: #bbf7d0;
  --primary-300: #86efac;
  --primary-400: #4ade80;
  --primary-500: #22c55e;
  --primary-600: #16a34a;
  --primary-700: #15803d;
  --primary-800: #166534;
  --primary-900: #14532d;
  --primary-950: #134e28;
  --secondary-50: #eff6ff;
  --secondary-100: #dbeafe;
  --secondary-200: #bfdbfe;
  --secondary-300: #93c5fd;
  --secondary-400: #60a5fa;
  --secondary-500: #3b82f6;
  --secondary-600: #2563eb;
  --secondary-700: #1d4ed8;
  --secondary-800: #1e40af;
  --secondary-900: #1e3a8a;
  --secondary-950: #1d3660;
  --neutral-50: #f9fafb;
  --neutral-100: #f3f4f6;
  --neutral-200: #e5e7eb;
  --neutral-300: #d1d5db;
  --neutral-400: #9ca3af;
  --neutral-500: #6b7280;
  --neutral-600: #4b5563;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --neutral-900: #111827;
  --neutral-950: #0b0f19;
  --spacing-xxs: 1px;
  --spacing-xs: 2px;
  --spacing-sm: 4px;
  --spacing-md: 6px;
  --spacing-lg: 8px;
  --spacing-xl: 10px;
  --spacing-xxl: 16px;
  --radius-xxs: 1px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-xxl: 22px;
  --text-xxs: 9px;
  --text-xs: 10px;
  --text-sm: 12px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 22px;
  --text-xxl: 26px;
  --font: 'Source Sans Pro', 'ui-sans-serif', 'system-ui', sans-serif;
  --font-mono: 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
  --body-text-size: var(--text-md);
  --body-text-weight: 400;
  --embed-radius: var(--radius-lg);
  --color-accent: var(--primary-500);
  --shadow-drop: rgba(0,0,0,0.05) 0px 1px 2px 0px;
  --shadow-drop-lg: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-inset: rgba(0,0,0,0.05) 0px 2px 4px 0px inset;
  --block-border-width: 1px;
  --block-info-text-size: var(--text-sm);
  --block-info-text-weight: 400;
  --block-label-border-width: 1px;
  --block-label-shadow: var(--block-shadow);
  --block-label-margin: 0;
  --block-label-padding: var(--spacing-sm) var(--spacing-lg);
  --block-label-radius: calc(var(--radius-lg) - 1px) 0 calc(var(--radius-lg) - 1px) 0;
  --block-label-right-radius: 0 calc(var(--radius-lg) - 1px) 0 calc(var(--radius-lg) - 1px);
  --block-label-text-size: var(--text-sm);
  --block-label-text-weight: 400;
  --block-padding: var(--spacing-xl) calc(var(--spacing-xl) + 2px);
  --block-radius: var(--radius-lg);
  --block-shadow: var(--shadow-drop);
  --block-title-background-fill: none;
  --block-title-border-color: none;
  --block-title-border-width: 0px;
  --block-title-padding: 0;
  --block-title-radius: none;
  --block-title-text-size: var(--text-md);
  --block-title-text-weight: 400;
  --container-radius: var(--radius-lg);
  --form-gap-width: 1px;
  --layout-gap: var(--spacing-xxl);
  --panel-border-width: 0;
  --section-header-text-size: var(--text-md);
  --section-header-text-weight: 400;
  --checkbox-border-radius: var(--radius-sm);
  --checkbox-label-gap: var(--spacing-lg);
  --checkbox-label-padding: var(--spacing-md) calc(2 * var(--spacing-md));
  --checkbox-label-shadow: var(--shadow-drop);
  --checkbox-label-text-size: var(--text-md);
  --checkbox-label-text-weight: 400;
  --checkbox-check: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  --radio-circle: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  --checkbox-shadow: var(--input-shadow);
  --error-border-width: 1px;
  --input-border-width: 1px;
  --input-padding: var(--spacing-xl);
  --input-radius: var(--radius-lg);
  --input-shadow: 0 0 0 var(--shadow-spread) transparent, var(--shadow-inset);
  --input-text-size: var(--text-md);
  --input-text-weight: 400;
  --loader-color: var(--color-accent);
  --prose-text-size: var(--text-md);
  --prose-text-weight: 400;
  --prose-header-text-weight: 600;
  --slider-color: #2563eb;
  --table-radius: var(--radius-lg);
  --button-large-padding: var(--spacing-lg) calc(2 * var(--spacing-lg));
  --button-large-radius: var(--radius-lg);
  --button-large-text-size: var(--text-lg);
  --button-large-text-weight: 600;
  --button-shadow: var(--shadow-drop);
  --button-shadow-active: var(--shadow-inset);
  --button-shadow-hover: var(--shadow-drop-lg);
  --button-small-padding: var(--spacing-sm) calc(2 * var(--spacing-sm));
  --button-small-radius: var(--radius-lg);
  --button-small-text-size: var(--text-md);
  --button-small-text-weight: 400;
  --button-transition: none;
}


button.svelte-cmf5ev,
a.svelte-cmf5ev {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  transition:var(--button-transition);
  box-shadow:var(--button-shadow);
  padding:var(--size-0-5) var(--size-2);
  text-align:center
}
button.svelte-cmf5ev:hover,
button[disabled].svelte-cmf5ev,
a.svelte-cmf5ev:hover,
a.disabled.svelte-cmf5ev {
  box-shadow:var(--button-shadow-hover)
}
button.svelte-cmf5ev:active,
a.svelte-cmf5ev:active {
  box-shadow:var(--button-shadow-active)
}
button[disabled].svelte-cmf5ev,
a.disabled.svelte-cmf5ev {
  opacity:.5;
  filter:grayscale(30%);
  cursor:not-allowed
}
.hidden.svelte-cmf5ev {
  display:none
}
.primary.svelte-cmf5ev {
  border:var(--button-border-width) solid var(--button-primary-border-color);
  background:var(--button-primary-background-fill);
  color:var(--button-primary-text-color)
}
.primary.svelte-cmf5ev:hover,
.primary[disabled].svelte-cmf5ev {
  border-color:var(--button-primary-border-color-hover);
  background:var(--button-primary-background-fill-hover);
  color:var(--button-primary-text-color-hover)
}
.secondary.svelte-cmf5ev {
  border:var(--button-border-width) solid var(--button-secondary-border-color);
  background:var(--button-secondary-background-fill);
  color:var(--button-secondary-text-color)
}
.secondary.svelte-cmf5ev:hover,
.secondary[disabled].svelte-cmf5ev {
  border-color:var(--button-secondary-border-color-hover);
  background:var(--button-secondary-background-fill-hover);
  color:var(--button-secondary-text-color-hover)
}
.stop.svelte-cmf5ev {
  border:var(--button-border-width) solid var(--button-cancel-border-color);
  background:var(--button-cancel-background-fill);
  color:var(--button-cancel-text-color)
}
.stop.svelte-cmf5ev:hover,
.stop[disabled].svelte-cmf5ev {
  border-color:var(--button-cancel-border-color-hover);
  background:var(--button-cancel-background-fill-hover);
  color:var(--button-cancel-text-color-hover)
}
.sm.svelte-cmf5ev {
  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)
}
.lg.svelte-cmf5ev {
  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.svelte-cmf5ev {
  width:var(--text-xl);
  height:var(--text-xl);
  margin-right:var(--spacing-xl)
}



.wrap.svelte-e1ha0f.svelte-e1ha0f {
  padding:var(--size-6)
}
.attention.svelte-e1ha0f.svelte-e1ha0f {
  font-weight:var(--weight-bold);
  font-size:var(--text-lg)
}
.attention.svelte-e1ha0f code.svelte-e1ha0f {
  border:none;
  background:none;
  color:var(--color-accent);
  font-weight:var(--weight-bold)
}
button.svelte-e1ha0f.svelte-e1ha0f {
  position:absolute;
  top:var(--size-5);
  right:var(--size-6);
  width:var(--size-4);
  color:var(--body-text-color)
}
button.svelte-e1ha0f.svelte-e1ha0f:hover {
  color:var(--color-accent)
}
@media (min-width: 768px) {
  button.svelte-e1ha0f.svelte-e1ha0f {
    top:var(--size-6)
  }
}
h2.svelte-1i1gjw2.svelte-1i1gjw2 {
  display:flex;
  color:var(--body-text-color);
  font-weight:var(--weight-semibold);
  gap:var(--size-4)
}
h2.svelte-1i1gjw2 img.svelte-1i1gjw2 {
  margin-right:var(--size-2);
  width:var(--size-4);
  display:inline-block
}
.url.svelte-1i1gjw2.svelte-1i1gjw2 {
  color:var(--color-accent);
  font-weight:400
}
button.svelte-1i1gjw2.svelte-1i1gjw2 {
  position:absolute;
  top:var(--size-5);
  right:var(--size-6);
  width:var(--size-4);
  color:var(--body-text-color)
}
button.svelte-1i1gjw2.svelte-1i1gjw2:hover {
  color:var(--color-accent)
}
@media (min-width: 768px) {
  button.svelte-1i1gjw2.svelte-1i1gjw2 {
    top:var(--size-6)
  }
  h2.svelte-1i1gjw2 img.svelte-1i1gjw2 {
    width:var(--size-5)
  }
}
.counts.svelte-1i1gjw2.svelte-1i1gjw2 {
  margin-top:auto;
  margin-right:var(--size-8);
  margin-bottom:auto;
  margin-left:auto;
  color:var(--body-text-color);
  font-weight:var(--weight-light);
  display:flex;
  flex-direction:row;
  gap:.5rem
}
.loading-dot.svelte-1i1gjw2.svelte-1i1gjw2 {
  position:relative;
  left:-9999px;
  width:12px;
  height:12px;
  border-radius:6px;
  background-color:#fd7b00;
  color:#fd7b00;
  box-shadow:9999px 0 0 -1px;
  margin-right:.3rem
}
.self-baseline.svelte-1i1gjw2.svelte-1i1gjw2 {
  align-self:baseline
}
.title.svelte-1i1gjw2.svelte-1i1gjw2 {
  display:flex;
  flex-direction:row;
  gap:.5rem
}
.btn-text.svelte-1i1gjw2.svelte-1i1gjw2 {
  font-size:var(--text-lg)
}
.hr.svelte-1yt946s {
  border:0;
  height:1px;
  background:var(--color-accent-soft);
  margin-bottom:12px
}
.code.svelte-1yt946s {
  font-family:var(--font-mono);
  display:inline
}
.highlight.svelte-1yt946s {
  background:var(--color-accent-soft);
  color:var(--color-accent);
  padding:var(--size-1)
}
.desc.svelte-1yt946s {
  color:var(--body-text-color-subdued);
  font-size:var(--text-lg);
  margin-top:var(--size-1)
}
h4.svelte-1yt946s {
  display:flex;
  align-items:center;
  margin-top:var(--size-6);
  margin-bottom:var(--size-3);
  color:var(--body-text-color);
  font-weight:var(--weight-bold)
}
.toggle-icon.svelte-1yt946s {
  display:flex;
  align-items:center;
  margin-right:var(--size-2);
  border-radius:var(--radius-full);
  background:var(--color-grey-300);
  width:12px;
  height:4px
}
.toggle-dot.svelte-1yt946s {
  border-radius:var(--radius-full);
  background:var(--color-grey-700);
  width:6px;
  height:6px;
  margin-right:auto
}
code.svelte-hq8ezf pre.svelte-hq8ezf {
  overflow-x:auto;
  color:var(--body-text-color);
  font-family:var(--font-mono);
  tab-size:2
}
code.svelte-hq8ezf.svelte-hq8ezf {
  position:relative;
  display:block
}
.copy.svelte-hq8ezf.svelte-hq8ezf {
  position:absolute;
  top:0;
  right:0;
  margin-top:-5px;
  margin-right:-5px
}
h3.svelte-41kcm6 {
  color:var(--body-text-color);
  font-weight:var(--section-header-text-weight);
  font-size:var(--text-lg)
}
.post.svelte-41kcm6 {
  margin-right:var(--size-2);
  border:1px solid var(--border-color-accent);
  border-radius:var(--radius-sm);
  background:var(--color-accent-soft);
  padding-right:var(--size-1);
  padding-bottom:var(--size-1);
  padding-left:var(--size-1);
  color:var(--color-accent);
  font-weight:var(--weight-semibold)
}
code.svelte-114qcyq pre.svelte-114qcyq {
  overflow-x:auto;
  color:var(--body-text-color);
  font-family:var(--font-mono);
  tab-size:2
}
.token.string.svelte-114qcyq.svelte-114qcyq {
  display:contents;
  color:var(--color-accent-base)
}
code.svelte-114qcyq.svelte-114qcyq {
  position:relative;
  display:block
}
.copy.svelte-114qcyq.svelte-114qcyq {
  position:absolute;
  top:0;
  right:0;
  margin-top:-5px;
  margin-right:-5px
}
.container.svelte-114qcyq.svelte-114qcyq {
  display:flex;
  flex-direction:column;
  gap:var(--spacing-xxl);
  margin-top:var(--size-3);
  margin-bottom:var(--size-3)
}
.desc.svelte-114qcyq.svelte-114qcyq {
  color:var(--body-text-color-subdued)
}
.api-name.svelte-114qcyq.svelte-114qcyq {
  color:var(--color-accent)
}
code.svelte-j71ub0 pre.svelte-j71ub0 {
  overflow-x:auto;
  color:var(--body-text-color);
  font-family:var(--font-mono);
  tab-size:2
}
.token.string.svelte-j71ub0.svelte-j71ub0 {
  display:contents;
  color:var(--color-accent-base)
}
code.svelte-j71ub0.svelte-j71ub0 {
  position:relative;
  display:block
}
.copy.svelte-j71ub0.svelte-j71ub0 {
  position:absolute;
  top:0;
  right:0;
  margin-top:-5px;
  margin-right:-5px
}
.container.svelte-j71ub0.svelte-j71ub0 {
  display:flex;
  flex-direction:column;
  gap:var(--spacing-xxl);
  margin-top:var(--size-3);
  margin-bottom:var(--size-3)
}
.api-name.svelte-j71ub0.svelte-j71ub0 {
  color:var(--color-accent)
}
.hr.svelte-16h224k {
  border:0;
  height:1px;
  background:var(--color-accent-soft)
}
.code.svelte-16h224k {
  font-family:var(--font-mono);
  margin-right:10px
}
.highlight.svelte-16h224k {
  background:var(--color-accent-soft);
  color:var(--color-accent);
  padding:var(--size-1)
}
.desc.svelte-16h224k {
  color:var(--body-text-color-subdued);
  font-size:var(--text-lg)
}
h4.svelte-16h224k {
  display:flex;
  align-items:center;
  margin-top:var(--size-6);
  margin-bottom:var(--size-3);
  color:var(--body-text-color);
  font-weight:var(--weight-bold)
}
.toggle-icon.svelte-16h224k {
  display:flex;
  align-items:center;
  margin-right:var(--size-2);
  border-radius:var(--radius-full);
  background:var(--color-grey-300);
  width:12px;
  height:4px
}
.toggle-dot.svelte-16h224k {
  border-radius:var(--radius-full);
  background:var(--color-grey-700);
  width:6px;
  height:6px;
  margin-left:auto
}
.banner-wrap.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  position:relative;
  border-bottom:1px solid var(--border-color-primary);
  padding:var(--size-4) var(--size-6);
  font-size:var(--text-md)
}
@media (min-width: 768px) {
  .banner-wrap.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
    font-size:var(--text-xl)
  }
}
.docs-wrap.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  display:flex;
  flex-direction:column;
  gap:var(--spacing-xxl)
}
.endpoint.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  border-radius:var(--radius-md);
  background:var(--background-fill-primary);
  padding:var(--size-6);
  padding-top:var(--size-1);
  font-size:var(--text-md)
}
.client-doc.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  padding-top:var(--size-6);
  padding-right:var(--size-6);
  padding-left:var(--size-6);
  font-size:var(--text-md)
}
.snippets.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  display:flex;
  align-items:center;
  margin-bottom:var(--size-4)
}
.snippets.svelte-v3jjme>.svelte-v3jjme+.svelte-v3jjme {
  margin-left:var(--size-2)
}
.snippet.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  display:flex;
  align-items:center;
  border:1px solid var(--border-color-primary);
  border-radius:var(--radius-md);
  padding:var(--size-1) var(--size-1-5);
  color:var(--body-text-color-subdued);
  color:var(--body-text-color);
  line-height:1;
  user-select:none;
  text-transform:capitalize
}
.current-lang.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  border:1px solid var(--body-text-color-subdued);
  color:var(--body-text-color)
}
.inactive-lang.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  cursor:pointer;
  color:var(--body-text-color-subdued)
}
.inactive-lang.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme:hover,
.inactive-lang.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme:focus {
  box-shadow:var(--shadow-drop);
  color:var(--body-text-color)
}
.snippet.svelte-v3jjme img.svelte-v3jjme.svelte-v3jjme {
  margin-right:var(--size-1-5);
  width:var(--size-3)
}
.endpoint-container.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  margin-top:var(--size-3);
  margin-bottom:var(--size-3);
  border:1px solid var(--body-text-color);
  border-radius:var(--radius-xl);
  padding:var(--size-3);
  padding-top:0
}
a.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  text-decoration:underline
}
p.padded.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  padding:15px 0;
  font-size:var(--text-lg)
}
code.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  font-size:var(--text-md)
}
.loading-dot.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  position:relative;
  left:-9999px;
  width:10px;
  height:10px;
  border-radius:5px;
  background-color:#fd7b00;
  color:#fd7b00;
  box-shadow:9999px 0 0 -1px;
  margin-right:.25rem
}
.self-baseline.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  align-self:baseline
}
.api-count.svelte-v3jjme.svelte-v3jjme.svelte-v3jjme {
  font-weight:700;
  color:#fd7b00;
  align-self:baseline;
  font-family:var(--font-mono);
  font-size:var(--text-md)
}
.api-name.svelte-sy28j6 {
  font-size:var(--text-sm);
  font-family:var(--font-mono);
  color:#fd7b00
}
.loading-dot.svelte-sy28j6 {
  position:relative;
  left:-9999px;
  width:10px;
  height:10px;
  border-radius:5px;
  background-color:#fd7b00;
  color:#fd7b00;
  box-shadow:9999px 0 0 -1px;
  animation:svelte-sy28j6-loading-dot 2s infinite linear;
  animation-delay:.25s;
  margin-left:.25rem;
  margin-right:.5rem
}
.docs-wrap .sm.secondary {
  padding-top:1px;
  padding-bottom:1px
}
.self-baseline.svelte-sy28j6 {
  align-self:baseline
}
@keyframes svelte-sy28j6-loading-dot {
  0% {
    box-shadow:9999px 0 0 -1px
  }
  50% {
    box-shadow:9999px 0 0 2px
  }
  to {
    box-shadow:9999px 0 0 -1px
  }
}
.api-count.svelte-sy28j6 {
  font-weight:700;
  color:#fd7b00;
  align-self:baseline;
  font-family:var(--font-mono);
  font-size:var(--text-sm)
}
.api-section.svelte-sy28j6 {
  margin-left:4px
}
.wrap.svelte-1rjryqp.svelte-1rjryqp.svelte-1rjryqp {
  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-1rjryqp.svelte-1rjryqp.svelte-1rjryqp {
  display:flex;
  flex-direction:column
}
footer.svelte-1rjryqp.svelte-1rjryqp.svelte-1rjryqp {
  display:flex;
  justify-content:center;
  margin-top:var(--size-4);
  color:var(--body-text-color-subdued)
}
footer.svelte-1rjryqp>.svelte-1rjryqp+.svelte-1rjryqp {
  margin-left:var(--size-2)
}
.show-api.svelte-1rjryqp.svelte-1rjryqp.svelte-1rjryqp {
  display:flex;
  align-items:center
}
.show-api.svelte-1rjryqp.svelte-1rjryqp.svelte-1rjryqp:hover {
  color:var(--body-text-color)
}
.show-api.svelte-1rjryqp img.svelte-1rjryqp.svelte-1rjryqp {
  margin-right:var(--size-1);
  margin-left:var(--size-2);
  width:var(--size-3)
}
.built-with.svelte-1rjryqp.svelte-1rjryqp.svelte-1rjryqp {
  display:flex;
  align-items:center
}
.built-with.svelte-1rjryqp.svelte-1rjryqp.svelte-1rjryqp:hover {
  color:var(--body-text-color)
}
.built-with.svelte-1rjryqp img.svelte-1rjryqp.svelte-1rjryqp {
  margin-right:var(--size-1);
  margin-left:var(--size-1);
  margin-bottom:1px;
  width:var(--size-4)
}
.api-docs.svelte-1rjryqp.svelte-1rjryqp.svelte-1rjryqp {
  display:flex;
  position:fixed;
  top:0;
  right:0;
  z-index:var(--layer-top);
  background:#00000080;
  width:var(--size-screen);
  height:var(--size-screen-h)
}
.backdrop.svelte-1rjryqp.svelte-1rjryqp.svelte-1rjryqp {
  flex:1 1 0%;
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px)
}
.api-docs-wrap.svelte-1rjryqp.svelte-1rjryqp.svelte-1rjryqp {
  box-shadow:var(--shadow-drop-lg);
  background:var(--background-fill-primary);
  overflow-x:hidden;
  overflow-y:auto
}
@media (min-width: 768px) {
  .api-docs-wrap.svelte-1rjryqp.svelte-1rjryqp.svelte-1rjryqp {
    border-top-left-radius:var(--radius-lg);
    border-bottom-left-radius:var(--radius-lg);
    width:950px
  }
}
@media (min-width: 1536px) {
  .api-docs-wrap.svelte-1rjryqp.svelte-1rjryqp.svelte-1rjryqp {
    width:1150px
  }
}
#api-recorder-container.svelte-1rjryqp.svelte-1rjryqp.svelte-1rjryqp {
  position:fixed;
  left:10px;
  bottom:10px;
  z-index:1000
}



/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1iIq129k.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1isq129k.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1iAq129k.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl1FgtIU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlRFgtIU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl9FgtIU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl5FgtIU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFgg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



.min.svelte-1ybaih5 {
  min-height:var(--size-24)
}
.hide.svelte-1ybaih5 {
  display:none
}
div.svelte-uqf9ro {
  transition:.15s
}
.pending.svelte-uqf9ro {
  opacity:.2
}
.label-container.svelte-uqf9ro label {
  top:-8px!important;
  position:relative!important;
  left:-8px!important;
  background:var(--block-background-fill)!important;
  border-top:var(--block-label-border-width) solid var(--border-color-primary)!important;
  border-left:var(--block-label-border-width) solid var(--border-color-primary)!important
}



div.svelte-vt1mxs {
  display:flex;
  position:relative;
  flex-direction:column
}
div.svelte-vt1mxs>*,
div.svelte-vt1mxs>.form>* {
  width:var(--size-full)
}
.gap.svelte-vt1mxs {
  gap:var(--layout-gap)
}
.hide.svelte-vt1mxs {
  display:none
}
.compact.svelte-vt1mxs>*,
.compact.svelte-vt1mxs .box {
  border-radius:0
}
.compact.svelte-vt1mxs,
.panel.svelte-vt1mxs {
  border:solid var(--panel-border-width) var(--panel-border-color);
  border-radius:var(--container-radius);
  background:var(--panel-background-fill);
  padding:var(--spacing-lg)
}



img.svelte-1pijsyv {
  object-fit:cover
}



@font-face {
  font-family:KaTeX_AMS;
  font-style:normal;
  font-weight:400;
  src:url(./KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),
  url(./KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),
  url(./KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Caligraphic;
  font-style:normal;
  font-weight:700;
  src:url(./KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),
  url(./KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),
  url(./KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Caligraphic;
  font-style:normal;
  font-weight:400;
  src:url(./KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),
  url(./KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),
  url(./KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Fraktur;
  font-style:normal;
  font-weight:700;
  src:url(./KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),
  url(./KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),
  url(./KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Fraktur;
  font-style:normal;
  font-weight:400;
  src:url(./KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),
  url(./KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),
  url(./KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Main;
  font-style:normal;
  font-weight:700;
  src:url(./KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),
  url(./KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),
  url(./KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Main;
  font-style:italic;
  font-weight:700;
  src:url(./KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),
  url(./KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),
  url(./KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Main;
  font-style:italic;
  font-weight:400;
  src:url(./KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),
  url(./KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),
  url(./KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Main;
  font-style:normal;
  font-weight:400;
  src:url(./KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),
  url(./KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),
  url(./KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Math;
  font-style:italic;
  font-weight:700;
  src:url(./KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),
  url(./KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),
  url(./KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Math;
  font-style:italic;
  font-weight:400;
  src:url(./KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),
  url(./KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),
  url(./KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_SansSerif;
  font-style:normal;
  font-weight:700;
  src:url(./KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),
  url(./KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),
  url(./KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_SansSerif;
  font-style:italic;
  font-weight:400;
  src:url(./KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),
  url(./KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),
  url(./KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_SansSerif;
  font-style:normal;
  font-weight:400;
  src:url(./KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),
  url(./KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),
  url(./KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Script;
  font-style:normal;
  font-weight:400;
  src:url(./KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),
  url(./KaTeX_Script-Regular-D5yQViql.woff) format("woff"),
  url(./KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Size1;
  font-style:normal;
  font-weight:400;
  src:url(./KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),
  url(./KaTeX_Size1-Regular-C195tn64.woff) format("woff"),
  url(./KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Size2;
  font-style:normal;
  font-weight:400;
  src:url(./KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),
  url(./KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),
  url(./KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Size3;
  font-style:normal;
  font-weight:400;
  src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),
  url(./KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),
  url(./KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Size4;
  font-style:normal;
  font-weight:400;
  src:url(./KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),
  url(./KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),
  url(./KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")
}
@font-face {
  font-family:KaTeX_Typewriter;
  font-style:normal;
  font-weight:400;
  src:url(./KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),
  url(./KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),
  url(./KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")
}
.gradio-container-4-44-0 .katex {
  font: 1.21em KaTeX_Main,Times New Roman,serif;
  line-height:1.2;
  text-indent:0;
  text-rendering:auto
}
.gradio-container-4-44-0 .katex * {
  -ms-high-contrast-adjust:none!important;
  border-color:currentColor
}
.gradio-container-4-44-0 .katex .katex-version:after {
  content:"0.16.10"
}
.gradio-container-4-44-0 .katex .katex-mathml {
  clip:rect(1px,1px,1px,1px);
  border:0;
  height:1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}
.gradio-container-4-44-0 .katex .katex-html>.newline {
  display:block
}
.gradio-container-4-44-0 .katex .base {
  position:relative;
  white-space:nowrap;
  width:-webkit-min-content;
  width:-moz-min-content;
  width:min-content
}
.gradio-container-4-44-0 .katex .base,
.gradio-container-4-44-0 .katex .strut {
  display:inline-block
}
.gradio-container-4-44-0 .katex .textbf {
  font-weight:700
}
.gradio-container-4-44-0 .katex .textit {
  font-style:italic
}
.gradio-container-4-44-0 .katex .textrm {
  font-family:KaTeX_Main
}
.gradio-container-4-44-0 .katex .textsf {
  font-family:KaTeX_SansSerif
}
.gradio-container-4-44-0 .katex .texttt {
  font-family:KaTeX_Typewriter
}
.gradio-container-4-44-0 .katex .mathnormal {
  font-family:KaTeX_Math;
  font-style:italic
}
.gradio-container-4-44-0 .katex .mathit {
  font-family:KaTeX_Main;
  font-style:italic
}
.gradio-container-4-44-0 .katex .mathrm {
  font-style:normal
}
.gradio-container-4-44-0 .katex .mathbf {
  font-family:KaTeX_Main;
  font-weight:700
}
.gradio-container-4-44-0 .katex .boldsymbol {
  font-family:KaTeX_Math;
  font-style:italic;
  font-weight:700
}
.gradio-container-4-44-0 .katex .amsrm,
.gradio-container-4-44-0 .katex .mathbb,
.gradio-container-4-44-0 .katex .textbb {
  font-family:KaTeX_AMS
}
.gradio-container-4-44-0 .katex .mathcal {
  font-family:KaTeX_Caligraphic
}
.gradio-container-4-44-0 .katex .mathfrak,
.gradio-container-4-44-0 .katex .textfrak {
  font-family:KaTeX_Fraktur
}
.gradio-container-4-44-0 .katex .mathboldfrak,
.gradio-container-4-44-0 .katex .textboldfrak {
  font-family:KaTeX_Fraktur;
  font-weight:700
}
.gradio-container-4-44-0 .katex .mathtt {
  font-family:KaTeX_Typewriter
}
.gradio-container-4-44-0 .katex .mathscr,
.gradio-container-4-44-0 .katex .textscr {
  font-family:KaTeX_Script
}
.gradio-container-4-44-0 .katex .mathsf,
.gradio-container-4-44-0 .katex .textsf {
  font-family:KaTeX_SansSerif
}
.gradio-container-4-44-0 .katex .mathboldsf,
.gradio-container-4-44-0 .katex .textboldsf {
  font-family:KaTeX_SansSerif;
  font-weight:700
}
.gradio-container-4-44-0 .katex .mathitsf,
.gradio-container-4-44-0 .katex .textitsf {
  font-family:KaTeX_SansSerif;
  font-style:italic
}
.gradio-container-4-44-0 .katex .mainrm {
  font-family:KaTeX_Main;
  font-style:normal
}
.gradio-container-4-44-0 .katex .vlist-t {
  border-collapse:collapse;
  display:inline-table;
  table-layout:fixed
}
.gradio-container-4-44-0 .katex .vlist-r {
  display:table-row
}
.gradio-container-4-44-0 .katex .vlist {
  display:table-cell;
  position:relative;
  vertical-align:bottom
}
.gradio-container-4-44-0 .katex .vlist>span {
  display:block;
  height:0;
  position:relative
}
.gradio-container-4-44-0 .katex .vlist>span>span {
  display:inline-block
}
.gradio-container-4-44-0 .katex .vlist>span>.pstrut {
  overflow:hidden;
  width:0
}
.gradio-container-4-44-0 .katex .vlist-t2 {
  margin-right:-2px
}
.gradio-container-4-44-0 .katex .vlist-s {
  display:table-cell;
  font-size:1px;
  min-width:2px;
  vertical-align:bottom;
  width:2px
}
.gradio-container-4-44-0 .katex .vbox {
  align-items:baseline;
  display:inline-flex;
  flex-direction:column
}
.gradio-container-4-44-0 .katex .hbox {
  width:100%
}
.gradio-container-4-44-0 .katex .hbox,
.gradio-container-4-44-0 .katex .thinbox {
  display:inline-flex;
  flex-direction:row
}
.gradio-container-4-44-0 .katex .thinbox {
  max-width:0;
  width:0
}
.gradio-container-4-44-0 .katex .msupsub {
  text-align:left
}
.gradio-container-4-44-0 .katex .mfrac>span>span {
  text-align:center
}
.gradio-container-4-44-0 .katex .mfrac .frac-line {
  border-bottom-style:solid;
  display:inline-block;
  width:100%
}
.gradio-container-4-44-0 .katex .hdashline,
.gradio-container-4-44-0 .katex .hline,
.gradio-container-4-44-0 .katex .mfrac .frac-line,
.gradio-container-4-44-0 .katex .overline .overline-line,
.gradio-container-4-44-0 .katex .rule,
.gradio-container-4-44-0 .katex .underline .underline-line {
  min-height:1px
}
.gradio-container-4-44-0 .katex .mspace {
  display:inline-block
}
.gradio-container-4-44-0 .katex .clap,
.gradio-container-4-44-0 .katex .llap,
.gradio-container-4-44-0 .katex .rlap {
  position:relative;
  width:0
}
.gradio-container-4-44-0 .katex .clap>.inner,
.gradio-container-4-44-0 .katex .llap>.inner,
.gradio-container-4-44-0 .katex .rlap>.inner {
  position:absolute
}
.gradio-container-4-44-0 .katex .clap>.fix,
.gradio-container-4-44-0 .katex .llap>.fix,
.gradio-container-4-44-0 .katex .rlap>.fix {
  display:inline-block
}
.gradio-container-4-44-0 .katex .llap>.inner {
  right:0
}
.gradio-container-4-44-0 .katex .clap>.inner,
.gradio-container-4-44-0 .katex .rlap>.inner {
  left:0
}
.gradio-container-4-44-0 .katex .clap>.inner>span {
  margin-left:-50%;
  margin-right:50%
}
.gradio-container-4-44-0 .katex .rule {
  border:0 solid;
  display:inline-block;
  position:relative
}
.gradio-container-4-44-0 .katex .hline,
.gradio-container-4-44-0 .katex .overline .overline-line,
.gradio-container-4-44-0 .katex .underline .underline-line {
  border-bottom-style:solid;
  display:inline-block;
  width:100%
}
.gradio-container-4-44-0 .katex .hdashline {
  border-bottom-style:dashed;
  display:inline-block;
  width:100%
}
.gradio-container-4-44-0 .katex .sqrt>.root {
  margin-left:.27777778em;
  margin-right:-.55555556em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size1.size1,
.gradio-container-4-44-0 .katex .sizing.reset-size1.size1 {
  font-size:1em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size1.size2,
.gradio-container-4-44-0 .katex .sizing.reset-size1.size2 {
  font-size:1.2em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size1.size3,
.gradio-container-4-44-0 .katex .sizing.reset-size1.size3 {
  font-size:1.4em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size1.size4,
.gradio-container-4-44-0 .katex .sizing.reset-size1.size4 {
  font-size:1.6em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size1.size5,
.gradio-container-4-44-0 .katex .sizing.reset-size1.size5 {
  font-size:1.8em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size1.size6,
.gradio-container-4-44-0 .katex .sizing.reset-size1.size6 {
  font-size:2em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size1.size7,
.gradio-container-4-44-0 .katex .sizing.reset-size1.size7 {
  font-size:2.4em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size1.size8,
.gradio-container-4-44-0 .katex .sizing.reset-size1.size8 {
  font-size:2.88em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size1.size9,
.gradio-container-4-44-0 .katex .sizing.reset-size1.size9 {
  font-size:3.456em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size1.size10,
.gradio-container-4-44-0 .katex .sizing.reset-size1.size10 {
  font-size:4.148em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size1.size11,
.gradio-container-4-44-0 .katex .sizing.reset-size1.size11 {
  font-size:4.976em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size2.size1,
.gradio-container-4-44-0 .katex .sizing.reset-size2.size1 {
  font-size:.83333333em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size2.size2,
.gradio-container-4-44-0 .katex .sizing.reset-size2.size2 {
  font-size:1em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size2.size3,
.gradio-container-4-44-0 .katex .sizing.reset-size2.size3 {
  font-size:1.16666667em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size2.size4,
.gradio-container-4-44-0 .katex .sizing.reset-size2.size4 {
  font-size:1.33333333em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size2.size5,
.gradio-container-4-44-0 .katex .sizing.reset-size2.size5 {
  font-size:1.5em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size2.size6,
.gradio-container-4-44-0 .katex .sizing.reset-size2.size6 {
  font-size:1.66666667em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size2.size7,
.gradio-container-4-44-0 .katex .sizing.reset-size2.size7 {
  font-size:2em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size2.size8,
.gradio-container-4-44-0 .katex .sizing.reset-size2.size8 {
  font-size:2.4em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size2.size9,
.gradio-container-4-44-0 .katex .sizing.reset-size2.size9 {
  font-size:2.88em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size2.size10,
.gradio-container-4-44-0 .katex .sizing.reset-size2.size10 {
  font-size:3.45666667em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size2.size11,
.gradio-container-4-44-0 .katex .sizing.reset-size2.size11 {
  font-size:4.14666667em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size3.size1,
.gradio-container-4-44-0 .katex .sizing.reset-size3.size1 {
  font-size:.71428571em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size3.size2,
.gradio-container-4-44-0 .katex .sizing.reset-size3.size2 {
  font-size:.85714286em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size3.size3,
.gradio-container-4-44-0 .katex .sizing.reset-size3.size3 {
  font-size:1em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size3.size4,
.gradio-container-4-44-0 .katex .sizing.reset-size3.size4 {
  font-size:1.14285714em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size3.size5,
.gradio-container-4-44-0 .katex .sizing.reset-size3.size5 {
  font-size:1.28571429em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size3.size6,
.gradio-container-4-44-0 .katex .sizing.reset-size3.size6 {
  font-size:1.42857143em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size3.size7,
.gradio-container-4-44-0 .katex .sizing.reset-size3.size7 {
  font-size:1.71428571em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size3.size8,
.gradio-container-4-44-0 .katex .sizing.reset-size3.size8 {
  font-size:2.05714286em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size3.size9,
.gradio-container-4-44-0 .katex .sizing.reset-size3.size9 {
  font-size:2.46857143em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size3.size10,
.gradio-container-4-44-0 .katex .sizing.reset-size3.size10 {
  font-size:2.96285714em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size3.size11,
.gradio-container-4-44-0 .katex .sizing.reset-size3.size11 {
  font-size:3.55428571em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size4.size1,
.gradio-container-4-44-0 .katex .sizing.reset-size4.size1 {
  font-size:.625em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size4.size2,
.gradio-container-4-44-0 .katex .sizing.reset-size4.size2 {
  font-size:.75em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size4.size3,
.gradio-container-4-44-0 .katex .sizing.reset-size4.size3 {
  font-size:.875em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size4.size4,
.gradio-container-4-44-0 .katex .sizing.reset-size4.size4 {
  font-size:1em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size4.size5,
.gradio-container-4-44-0 .katex .sizing.reset-size4.size5 {
  font-size:1.125em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size4.size6,
.gradio-container-4-44-0 .katex .sizing.reset-size4.size6 {
  font-size:1.25em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size4.size7,
.gradio-container-4-44-0 .katex .sizing.reset-size4.size7 {
  font-size:1.5em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size4.size8,
.gradio-container-4-44-0 .katex .sizing.reset-size4.size8 {
  font-size:1.8em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size4.size9,
.gradio-container-4-44-0 .katex .sizing.reset-size4.size9 {
  font-size:2.16em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size4.size10,
.gradio-container-4-44-0 .katex .sizing.reset-size4.size10 {
  font-size:2.5925em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size4.size11,
.gradio-container-4-44-0 .katex .sizing.reset-size4.size11 {
  font-size:3.11em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size5.size1,
.gradio-container-4-44-0 .katex .sizing.reset-size5.size1 {
  font-size:.55555556em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size5.size2,
.gradio-container-4-44-0 .katex .sizing.reset-size5.size2 {
  font-size:.66666667em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size5.size3,
.gradio-container-4-44-0 .katex .sizing.reset-size5.size3 {
  font-size:.77777778em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size5.size4,
.gradio-container-4-44-0 .katex .sizing.reset-size5.size4 {
  font-size:.88888889em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size5.size5,
.gradio-container-4-44-0 .katex .sizing.reset-size5.size5 {
  font-size:1em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size5.size6,
.gradio-container-4-44-0 .katex .sizing.reset-size5.size6 {
  font-size:1.11111111em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size5.size7,
.gradio-container-4-44-0 .katex .sizing.reset-size5.size7 {
  font-size:1.33333333em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size5.size8,
.gradio-container-4-44-0 .katex .sizing.reset-size5.size8 {
  font-size:1.6em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size5.size9,
.gradio-container-4-44-0 .katex .sizing.reset-size5.size9 {
  font-size:1.92em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size5.size10,
.gradio-container-4-44-0 .katex .sizing.reset-size5.size10 {
  font-size:2.30444444em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size5.size11,
.gradio-container-4-44-0 .katex .sizing.reset-size5.size11 {
  font-size:2.76444444em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size6.size1,
.gradio-container-4-44-0 .katex .sizing.reset-size6.size1 {
  font-size:.5em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size6.size2,
.gradio-container-4-44-0 .katex .sizing.reset-size6.size2 {
  font-size:.6em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size6.size3,
.gradio-container-4-44-0 .katex .sizing.reset-size6.size3 {
  font-size:.7em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size6.size4,
.gradio-container-4-44-0 .katex .sizing.reset-size6.size4 {
  font-size:.8em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size6.size5,
.gradio-container-4-44-0 .katex .sizing.reset-size6.size5 {
  font-size:.9em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size6.size6,
.gradio-container-4-44-0 .katex .sizing.reset-size6.size6 {
  font-size:1em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size6.size7,
.gradio-container-4-44-0 .katex .sizing.reset-size6.size7 {
  font-size:1.2em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size6.size8,
.gradio-container-4-44-0 .katex .sizing.reset-size6.size8 {
  font-size:1.44em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size6.size9,
.gradio-container-4-44-0 .katex .sizing.reset-size6.size9 {
  font-size:1.728em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size6.size10,
.gradio-container-4-44-0 .katex .sizing.reset-size6.size10 {
  font-size:2.074em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size6.size11,
.gradio-container-4-44-0 .katex .sizing.reset-size6.size11 {
  font-size:2.488em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size7.size1,
.gradio-container-4-44-0 .katex .sizing.reset-size7.size1 {
  font-size:.41666667em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size7.size2,
.gradio-container-4-44-0 .katex .sizing.reset-size7.size2 {
  font-size:.5em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size7.size3,
.gradio-container-4-44-0 .katex .sizing.reset-size7.size3 {
  font-size:.58333333em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size7.size4,
.gradio-container-4-44-0 .katex .sizing.reset-size7.size4 {
  font-size:.66666667em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size7.size5,
.gradio-container-4-44-0 .katex .sizing.reset-size7.size5 {
  font-size:.75em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size7.size6,
.gradio-container-4-44-0 .katex .sizing.reset-size7.size6 {
  font-size:.83333333em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size7.size7,
.gradio-container-4-44-0 .katex .sizing.reset-size7.size7 {
  font-size:1em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size7.size8,
.gradio-container-4-44-0 .katex .sizing.reset-size7.size8 {
  font-size:1.2em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size7.size9,
.gradio-container-4-44-0 .katex .sizing.reset-size7.size9 {
  font-size:1.44em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size7.size10,
.gradio-container-4-44-0 .katex .sizing.reset-size7.size10 {
  font-size:1.72833333em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size7.size11,
.gradio-container-4-44-0 .katex .sizing.reset-size7.size11 {
  font-size:2.07333333em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size8.size1,
.gradio-container-4-44-0 .katex .sizing.reset-size8.size1 {
  font-size:.34722222em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size8.size2,
.gradio-container-4-44-0 .katex .sizing.reset-size8.size2 {
  font-size:.41666667em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size8.size3,
.gradio-container-4-44-0 .katex .sizing.reset-size8.size3 {
  font-size:.48611111em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size8.size4,
.gradio-container-4-44-0 .katex .sizing.reset-size8.size4 {
  font-size:.55555556em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size8.size5,
.gradio-container-4-44-0 .katex .sizing.reset-size8.size5 {
  font-size:.625em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size8.size6,
.gradio-container-4-44-0 .katex .sizing.reset-size8.size6 {
  font-size:.69444444em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size8.size7,
.gradio-container-4-44-0 .katex .sizing.reset-size8.size7 {
  font-size:.83333333em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size8.size8,
.gradio-container-4-44-0 .katex .sizing.reset-size8.size8 {
  font-size:1em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size8.size9,
.gradio-container-4-44-0 .katex .sizing.reset-size8.size9 {
  font-size:1.2em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size8.size10,
.gradio-container-4-44-0 .katex .sizing.reset-size8.size10 {
  font-size:1.44027778em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size8.size11,
.gradio-container-4-44-0 .katex .sizing.reset-size8.size11 {
  font-size:1.72777778em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size9.size1,
.gradio-container-4-44-0 .katex .sizing.reset-size9.size1 {
  font-size:.28935185em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size9.size2,
.gradio-container-4-44-0 .katex .sizing.reset-size9.size2 {
  font-size:.34722222em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size9.size3,
.gradio-container-4-44-0 .katex .sizing.reset-size9.size3 {
  font-size:.40509259em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size9.size4,
.gradio-container-4-44-0 .katex .sizing.reset-size9.size4 {
  font-size:.46296296em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size9.size5,
.gradio-container-4-44-0 .katex .sizing.reset-size9.size5 {
  font-size:.52083333em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size9.size6,
.gradio-container-4-44-0 .katex .sizing.reset-size9.size6 {
  font-size:.5787037em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size9.size7,
.gradio-container-4-44-0 .katex .sizing.reset-size9.size7 {
  font-size:.69444444em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size9.size8,
.gradio-container-4-44-0 .katex .sizing.reset-size9.size8 {
  font-size:.83333333em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size9.size9,
.gradio-container-4-44-0 .katex .sizing.reset-size9.size9 {
  font-size:1em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size9.size10,
.gradio-container-4-44-0 .katex .sizing.reset-size9.size10 {
  font-size:1.20023148em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size9.size11,
.gradio-container-4-44-0 .katex .sizing.reset-size9.size11 {
  font-size:1.43981481em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size10.size1,
.gradio-container-4-44-0 .katex .sizing.reset-size10.size1 {
  font-size:.24108004em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size10.size2,
.gradio-container-4-44-0 .katex .sizing.reset-size10.size2 {
  font-size:.28929605em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size10.size3,
.gradio-container-4-44-0 .katex .sizing.reset-size10.size3 {
  font-size:.33751205em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size10.size4,
.gradio-container-4-44-0 .katex .sizing.reset-size10.size4 {
  font-size:.38572806em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size10.size5,
.gradio-container-4-44-0 .katex .sizing.reset-size10.size5 {
  font-size:.43394407em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size10.size6,
.gradio-container-4-44-0 .katex .sizing.reset-size10.size6 {
  font-size:.48216008em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size10.size7,
.gradio-container-4-44-0 .katex .sizing.reset-size10.size7 {
  font-size:.57859209em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size10.size8,
.gradio-container-4-44-0 .katex .sizing.reset-size10.size8 {
  font-size:.69431051em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size10.size9,
.gradio-container-4-44-0 .katex .sizing.reset-size10.size9 {
  font-size:.83317261em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size10.size10,
.gradio-container-4-44-0 .katex .sizing.reset-size10.size10 {
  font-size:1em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size10.size11,
.gradio-container-4-44-0 .katex .sizing.reset-size10.size11 {
  font-size:1.19961427em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size11.size1,
.gradio-container-4-44-0 .katex .sizing.reset-size11.size1 {
  font-size:.20096463em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size11.size2,
.gradio-container-4-44-0 .katex .sizing.reset-size11.size2 {
  font-size:.24115756em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size11.size3,
.gradio-container-4-44-0 .katex .sizing.reset-size11.size3 {
  font-size:.28135048em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size11.size4,
.gradio-container-4-44-0 .katex .sizing.reset-size11.size4 {
  font-size:.32154341em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size11.size5,
.gradio-container-4-44-0 .katex .sizing.reset-size11.size5 {
  font-size:.36173633em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size11.size6,
.gradio-container-4-44-0 .katex .sizing.reset-size11.size6 {
  font-size:.40192926em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size11.size7,
.gradio-container-4-44-0 .katex .sizing.reset-size11.size7 {
  font-size:.48231511em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size11.size8,
.gradio-container-4-44-0 .katex .sizing.reset-size11.size8 {
  font-size:.57877814em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size11.size9,
.gradio-container-4-44-0 .katex .sizing.reset-size11.size9 {
  font-size:.69453376em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size11.size10,
.gradio-container-4-44-0 .katex .sizing.reset-size11.size10 {
  font-size:.83360129em
}
.gradio-container-4-44-0 .katex .fontsize-ensurer.reset-size11.size11,
.gradio-container-4-44-0 .katex .sizing.reset-size11.size11 {
  font-size:1em
}
.gradio-container-4-44-0 .katex .delimsizing.size1 {
  font-family:KaTeX_Size1
}
.gradio-container-4-44-0 .katex .delimsizing.size2 {
  font-family:KaTeX_Size2
}
.gradio-container-4-44-0 .katex .delimsizing.size3 {
  font-family:KaTeX_Size3
}
.gradio-container-4-44-0 .katex .delimsizing.size4 {
  font-family:KaTeX_Size4
}
.gradio-container-4-44-0 .katex .delimsizing.mult .delim-size1>span {
  font-family:KaTeX_Size1
}
.gradio-container-4-44-0 .katex .delimsizing.mult .delim-size4>span {
  font-family:KaTeX_Size4
}
.gradio-container-4-44-0 .katex .nulldelimiter {
  display:inline-block;
  width:.12em
}
.gradio-container-4-44-0 .katex .delimcenter,
.gradio-container-4-44-0 .katex .op-symbol {
  position:relative
}
.gradio-container-4-44-0 .katex .op-symbol.small-op {
  font-family:KaTeX_Size1
}
.gradio-container-4-44-0 .katex .op-symbol.large-op {
  font-family:KaTeX_Size2
}
.gradio-container-4-44-0 .katex .accent>.vlist-t,
.gradio-container-4-44-0 .katex .op-limits>.vlist-t {
  text-align:center
}
.katex .accent .accent-body {
  position:relative
}
.katex .accent .accent-body:not(.accent-full) {
  width:0
}
.gradio-container-4-44-0 .katex .overlay {
  display:block
}
.gradio-container-4-44-0 .katex .mtable .vertical-separator {
  display:inline-block;
  min-width:1px
}
.gradio-container-4-44-0 .katex .mtable .arraycolsep {
  display:inline-block
}
.gradio-container-4-44-0 .katex .mtable .col-align-c>.vlist-t {
  text-align:center
}
.gradio-container-4-44-0 .katex .mtable .col-align-l>.vlist-t {
  text-align:left
}
.gradio-container-4-44-0 .katex .mtable .col-align-r>.vlist-t {
  text-align:right
}
.gradio-container-4-44-0 .katex .svg-align {
  text-align:left
}
.gradio-container-4-44-0 .katex svg {
  fill:currentColor;
  stroke:currentColor;
  fill-rule:nonzero;
  fill-opacity:1;
  stroke-width:1;
  stroke-linecap:butt;
  stroke-linejoin:miter;
  stroke-miterlimit:4;
  stroke-dasharray:none;
  stroke-dashoffset:0;
  stroke-opacity:1;
  display:block;
  height:inherit;
  position:absolute;
  width:100%
}
.gradio-container-4-44-0 .katex svg path {
  stroke:none
}
.gradio-container-4-44-0 .katex img {
  border-style:none;
  max-height:none;
  max-width:none;
  min-height:0;
  min-width:0
}
.gradio-container-4-44-0 .katex .stretchy {
  display:block;
  overflow:hidden;
  position:relative;
  width:100%
}
.gradio-container-4-44-0 .katex .stretchy:after,
.gradio-container-4-44-0 .katex .stretchy:before {
  content:""
}
.gradio-container-4-44-0 .katex .hide-tail {
  overflow:hidden;
  position:relative;
  width:100%
}
.gradio-container-4-44-0 .katex .halfarrow-left {
  left:0;
  overflow:hidden;
  position:absolute;
  width:50.2%
}
.gradio-container-4-44-0 .katex .halfarrow-right {
  overflow:hidden;
  position:absolute;
  right:0;
  width:50.2%
}
.gradio-container-4-44-0 .katex .brace-left {
  left:0;
  overflow:hidden;
  position:absolute;
  width:25.1%
}
.gradio-container-4-44-0 .katex .brace-center {
  left:25%;
  overflow:hidden;
  position:absolute;
  width:50%
}
.gradio-container-4-44-0 .katex .brace-right {
  overflow:hidden;
  position:absolute;
  right:0;
  width:25.1%
}
.gradio-container-4-44-0 .katex .x-arrow-pad {
  padding:0 .5em
}
.gradio-container-4-44-0 .katex .cd-arrow-pad {
  padding:0 .55556em 0 .27778em
}
.gradio-container-4-44-0 .katex .mover,
.gradio-container-4-44-0 .katex .munder,
.gradio-container-4-44-0 .katex .x-arrow {
  text-align:center
}
.gradio-container-4-44-0 .katex .boxpad {
  padding:0 .3em
}
.gradio-container-4-44-0 .katex .fbox,
.gradio-container-4-44-0 .katex .fcolorbox {
  border:.04em solid;
  box-sizing:border-box
}
.gradio-container-4-44-0 .katex .cancel-pad {
  padding:0 .2em
}
.gradio-container-4-44-0 .katex .cancel-lap {
  margin-left:-.2em;
  margin-right:-.2em
}
.gradio-container-4-44-0 .katex .sout {
  border-bottom-style:solid;
  border-bottom-width:.08em
}
.gradio-container-4-44-0 .katex .angl {
  border-right:.049em solid;
  border-top:.049em solid;
  box-sizing:border-box;
  margin-right:.03889em
}
.gradio-container-4-44-0 .katex .anglpad {
  padding:0 .03889em
}
.gradio-container-4-44-0 .katex .eqn-num:before {
  content:"(" counter(katexEqnNo) ")";
  counter-increment:katexEqnNo
}
.gradio-container-4-44-0 .katex .mml-eqn-num:before {
  content:"(" counter(mmlEqnNo) ")";
  counter-increment:mmlEqnNo
}
.gradio-container-4-44-0 .katex .mtr-glue {
  width:50%
}
.gradio-container-4-44-0 .katex .cd-vert-arrow {
  display:inline-block;
  position:relative
}
.gradio-container-4-44-0 .katex .cd-label-left {
  display:inline-block;
  position:absolute;
  right:calc(50% + .3em);
  text-align:left
}
.gradio-container-4-44-0 .katex .cd-label-right {
  display:inline-block;
  left:calc(50% + .3em);
  position:absolute;
  text-align:right
}
.gradio-container-4-44-0 .katex-display {
  display:block;
  margin:1em 0;
  text-align:center
}
.gradio-container-4-44-0 .katex-display>.katex {
  display:block;
  text-align:center;
  white-space:nowrap
}
.gradio-container-4-44-0 .katex-display>.katex>.katex-html {
  display:block;
  position:relative
}
.gradio-container-4-44-0 .katex-display>.katex>.katex-html>.tag {
  position:absolute;
  right:0
}
.gradio-container-4-44-0 .katex-display.leqno>.katex>.katex-html>.tag {
  left:0;
  right:auto
}
.gradio-container-4-44-0 .katex-display.fleqn>.katex {
  padding-left:2em;
  text-align:left
}
body {
  counter-reset:katexEqnNo mmlEqnNo
}
.gradio-container-4-44-0 Tables */ table,
.gradio-container-4-44-0 tr,
.gradio-container-4-44-0 td,
.gradio-container-4-44-0 th {
  margin-top:var(--spacing-sm);
  margin-bottom:var(--spacing-sm);
  padding:var(--spacing-xl)
}
.gradio-container-4-44-0 .md code,
.gradio-container-4-44-0 .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
}
.gradio-container-4-44-0 .md pre[class*=language-]::selection,
.gradio-container-4-44-0 .md pre[class*=language-] ::selection,
.gradio-container-4-44-0 .md code[class*=language-]::selection,
.gradio-container-4-44-0 .md code[class*=language-] ::selection {
  text-shadow:none;
  background:#b3d4fc
}
.gradio-container-4-44-0 .md pre {
  padding:1em;
  margin:.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-lg) var(--spacing-xl);
  font-family:var(--font-mono);
  text-shadow:none;
  border-radius:var(--radius-sm);
  white-space:nowrap;
  display:block;
  white-space:pre
}
.gradio-container-4-44-0 .md :not(pre)>code {
  padding:.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)
}
.gradio-container-4-44-0 .md .token.comment,
.gradio-container-4-44-0 .md .token.prolog,
.gradio-container-4-44-0 .md .token.doctype,
.gradio-container-4-44-0 .md .token.cdata {
  color:#708090
}
.gradio-container-4-44-0 .md .token.punctuation {
  color:#999
}
.gradio-container-4-44-0 .md .token.namespace {
  opacity:.7
}
.gradio-container-4-44-0 .md .token.property,
.gradio-container-4-44-0 .md .token.tag,
.gradio-container-4-44-0 .md .token.boolean,
.gradio-container-4-44-0 .md .token.number,
.gradio-container-4-44-0 .md .token.constant,
.gradio-container-4-44-0 .md .token.symbol,
.gradio-container-4-44-0 .md .token.deleted {
  color:#905
}
.gradio-container-4-44-0 .md .token.selector,
.gradio-container-4-44-0 .md .token.attr-name,
.gradio-container-4-44-0 .md .token.string,
.gradio-container-4-44-0 .md .token.char,
.gradio-container-4-44-0 .md .token.builtin,
.gradio-container-4-44-0 .md .token.inserted {
  color:#690
}
.gradio-container-4-44-0 .md .token.atrule,
.gradio-container-4-44-0 .md .token.attr-value,
.gradio-container-4-44-0 .md .token.keyword {
  color:#07a
}
.gradio-container-4-44-0 .md .token.function,
.gradio-container-4-44-0 .md .token.class-name {
  color:#dd4a68
}
.gradio-container-4-44-0 .md .token.regex,
.gradio-container-4-44-0 .md .token.important,
.gradio-container-4-44-0 .md .token.variable {
  color:#e90
}
.gradio-container-4-44-0 .md .token.important,
.gradio-container-4-44-0 .md .token.bold {
  font-weight:700
}
.gradio-container-4-44-0 .md .token.italic {
  font-style:italic
}
.gradio-container-4-44-0 .md .token.entity {
  cursor:help
}
.dark .md .token.comment,
.dark .md .token.prolog,
.dark .md .token.cdata {
  color:#5c6370
}
.dark .md .token.doctype,
.dark .md .token.punctuation,
.dark .md .token.entity {
  color:#abb2bf
}
.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:#d19a66
}
.dark .md .token.keyword {
  color:#c678dd
}
.dark .md .token.property,
.dark .md .token.tag,
.dark .md .token.symbol,
.dark .md .token.deleted,
.dark .md .token.important {
  color:#e06c75
}
.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:#98c379
}
.dark .md .token.variable,
.dark .md .token.operator,
.dark .md .token.function {
  color:#61afef
}
.dark .md .token.url {
  color:#56b6c2
}
span.svelte-8tpqd2 div[class*=code_wrap] {
  position:relative
}
span.svelte-8tpqd2 span.katex {
  font-size:var(--text-lg);
  direction:ltr
}
span.svelte-8tpqd2 div[class*=code_wrap]>button {
  position:absolute;
  top:var(--spacing-sm);
  right:var(--spacing-sm);
  z-index:1;
  cursor:pointer;
  border-bottom-left-radius:var(--radius-sm);
  padding:5px;
  padding:var(--spacing-md);
  width:25px;
  height:25px
}
span.svelte-8tpqd2 code>button>span {
  position:absolute;
  top:var(--spacing-sm);
  right:var(--spacing-sm);
  width:12px;
  height:12px
}
span.svelte-8tpqd2 .check {
  position:absolute;
  top:0;
  right:0;
  opacity:0;
  z-index:var(--layer-top);
  transition:opacity .2s;
  background:var(--background-fill-primary);
  padding:var(--size-1);
  width:100%;
  height:100%;
  color:var(--body-text-color)
}
span.svelte-8tpqd2 p:not(:first-child) {
  margin-top:var(--spacing-xxl)
}
span.svelte-8tpqd2 .md-header-anchor {
  margin-left:-25px;
  padding-right:8px;
  line-height:1;
  color:var(--body-text-color-subdued);
  opacity:0
}
span.svelte-8tpqd2 h1:hover .md-header-anchor,
span.svelte-8tpqd2 h2:hover .md-header-anchor,
span.svelte-8tpqd2 h3:hover .md-header-anchor,
span.svelte-8tpqd2 h4:hover .md-header-anchor,
span.svelte-8tpqd2 h5:hover .md-header-anchor,
span.svelte-8tpqd2 h6:hover .md-header-anchor {
  opacity:1
}
span.md.svelte-8tpqd2 .md-header-anchor>svg {
  color:var(--body-text-color-subdued)
}
.gallery.svelte-1ayixqk {
  padding:var(--size-1) var(--size-2)
}



div.svelte-gq7qsu .math.inline {
  fill:var(--body-text-color);
  display:inline-block;
  vertical-align:middle;
  padding:var(--size-1-5) -var(--size-1);
  color:var(--body-text-color)
}
div.svelte-gq7qsu .math.inline svg {
  display:inline;
  margin-bottom:.22em
}
div.svelte-gq7qsu {
  max-width:100%
}
.min.svelte-gq7qsu {
  min-height:var(--size-24)
}
.hide.svelte-gq7qsu {
  display:none
}
button.svelte-gq7qsu {
  display:flex;
  position:absolute;
  top:-10px;
  right:-10px;
  align-items:center;
  box-shadow:var(--shadow-drop);
  border:1px solid var(--color-border-primary);
  border-top:none;
  border-right:none;
  border-radius:var(--block-label-right-radius);
  background:var(--block-label-background-fill);
  padding:5px;
  width:22px;
  height:22px;
  overflow:hidden;
  color:var(--block-label-color);
  font:var(--font-sans);
  font-size:var(--button-small-text-size)
}
div.svelte-1ed2p3z {
  transition:.15s
}
.pending.svelte-1ed2p3z {
  opacity:.2
}



.pending.svelte-1gpwetz {
  background:var(--color-accent-soft);
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  align-self:center;
  gap:2px;
  width:100%;
  height:var(--size-16)
}
.dot-flashing.svelte-1gpwetz {
  animation:svelte-1gpwetz-flash 1s infinite ease-in-out;
  border-radius:5px;
  background-color:var(--body-text-color);
  width:7px;
  height:7px;
  color:var(--body-text-color)
}
@keyframes svelte-1gpwetz-flash {
  0%,
  to {
    opacity:0
  }
  50% {
    opacity:1
  }
}
.dot-flashing.svelte-1gpwetz:nth-child(1) {
  animation-delay:0s
}
.dot-flashing.svelte-1gpwetz:nth-child(2) {
  animation-delay:.33s
}
.dot-flashing.svelte-1gpwetz:nth-child(3) {
  animation-delay:.66s
}
.box.svelte-1e60bn1 {
  border-radius:4px;
  cursor:pointer;
  max-width:max-content;
  background:var(--color-accent-soft);
  border:1px solid var(--border-color-accent-subdued);
  font-size:.8em
}
.title.svelte-1e60bn1 {
  display:flex;
  align-items:center;
  padding:3px 6px;
  color:var(--body-text-color);
  opacity:.8
}
.content.svelte-1e60bn1 {
  padding:4px 8px
}
.content.svelte-1e60bn1 * {
  font-size:.8em
}
.title-text.svelte-1e60bn1 {
  padding-right:var(--spacing-lg)
}
.arrow.svelte-1e60bn1 {
  margin-left:auto;
  opacity:.8
}
button.svelte-21g1vy {
  cursor:pointer;
  color:var(--body-text-color-subdued);
  display:flex;
  align-items:center;
  justify-content:center
}
button.svelte-21g1vy:hover,
button.svelte-21g1vy:focus {
  color:var(--body-text-color)
}
.selected.svelte-21g1vy,
.selected.svelte-21g1vy:focus,
.selected.svelte-21g1vy:hover {
  color:var(--color-accent)
}
button.svelte-6u540h {
  position:relative;
  top:0;
  right:0;
  cursor:pointer;
  color:var(--body-text-color-subdued);
  margin-right:5px
}
button.svelte-6u540h:hover {
  color:var(--body-text-color)
}
.action.svelte-6u540h {
  width:var(--size-4);
  height:var(--size-4)
}
.icon-wrap.svelte-hs6bgi {
  display:block;
  color:var(--body-text-color-subdued)
}
.icon-wrap.svelte-hs6bgi:hover {
  color:var(--body-text-color)
}
.message-buttons.svelte-hs6bgi {
  border-radius:var(--radius-md);
  display:flex;
  align-items:center;
  height:var(--size-7);
  align-self:self-end;
  margin:0px calc(var(--spacing-xl) * 3);
  padding-left:5px;
  z-index:1;
  padding-bottom:var(--spacing-xl);
  padding:var(--spacing-md) var(--spacing-md);
  border:1px solid var(--border-color-primary);
  background:var(--border-color-secondary);
  gap:var(--spacing-md)
}
.message-buttons-left.svelte-hs6bgi {
  align-self:start;
  left:0
}
.panel.message-buttons-left.svelte-hs6bgi,
.panel.message-buttons-right.svelte-hs6bgi {
  margin:10px 0 2px
}
.message-buttons.svelte-hs6bgi>* {
  margin-right:0
}
.with-avatar.svelte-hs6bgi {
  margin-left:calc(var(--spacing-xl) * 4 + 31px)
}
button.svelte-12prz41 {
  display:flex;
  position:absolute;
  top:var(--block-label-margin);
  right:var(--block-label-margin);
  align-items:center;
  box-shadow:var(--shadow-drop);
  border:1px solid var(--border-color-primary);
  border-top:none;
  border-right:none;
  border-radius:var(--block-label-right-radius);
  background:var(--block-label-background-fill);
  padding:var(--spacing-sm);
  width:var(--size-6);
  height:var(--size-6);
  overflow:hidden;
  color:var(--block-label-text-color)
}
button.svelte-12prz41:hover {
  color:var(--body-text-color)
}
.placeholder-container.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%
}
.panel-wrap.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  width:100%;
  overflow-y:auto
}
.flex-wrap.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  width:100%;
  height:100%
}
.bubble-wrap.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  width:100%;
  overflow-y:auto;
  height:100%;
  padding-top:var(--spacing-xxl)
}
.dark .bubble-wrap.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  background:var(--background-fill-secondary)
}
.message-wrap.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  margin-bottom:var(--spacing-xxl)
}
.bubble-gap.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  gap:calc(var(--spacing-xxl) + var(--spacing-lg))
}
.message-wrap.svelte-1e1jlin>div.svelte-1e1jlin p:not(:first-child) {
  margin-top:var(--spacing-xxl)
}
.message.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  position:relative;
  display:flex;
  flex-direction:column;
  width:calc(100% - var(--spacing-xxl));
  color:var(--body-text-color);
  font-size:var(--chatbot-body-text-size);
  overflow-wrap:break-word
}
.thought.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  margin-top:var(--spacing-xxl)
}
.message.svelte-1e1jlin .prose {
  font-size:var(--chatbot-body-text-size)
}
.message-bubble-border.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  border-width:1px;
  border-radius:var(--radius-md)
}
.user.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  align-self:flex-end
}
.message-fit.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  width:fit-content!important
}
.panel-full-width.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  width:100%
}
.message-markdown-disabled.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  white-space:pre-line
}
.flex-wrap.user.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  border-width:1px;
  border-radius:var(--radius-md);
  border-bottom-right-radius:0;
  box-shadow:var(--shadow-drop);
  align-self:flex-start;
  text-align:right;
  padding:var(--spacing-sm) var(--spacing-xl);
  border-color:var(--border-color-accent-subdued);
  background-color:var(--color-accent-soft)
}
:not(.component-wrap).flex-wrap.bot.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  border-width:1px;
  border-radius:var(--radius-lg);
  border-bottom-left-radius:0;
  box-shadow:var(--shadow-drop);
  align-self:flex-start;
  text-align:right;
  padding:var(--spacing-sm) var(--spacing-xl);
  border-color:var(--border-color-primary);
  background-color:var(--background-fill-secondary)
}
.panel.svelte-1e1jlin .user.svelte-1e1jlin * {
  text-align:right
}
.bubble.svelte-1e1jlin .bot.svelte-1e1jlin.svelte-1e1jlin {
  border-color:var(--border-color-primary)
}
.message-row.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  display:flex;
  position:relative
}
.message-row.user-row.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  align-self:flex-end
}
.message-row.bubble.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  margin:calc(var(--spacing-xl) * 3);
  margin-bottom:var(--spacing-xl)
}
.with_avatar.message-row.panel.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  padding-left:calc(var(--spacing-xl) * 2)!important;
  padding-right:calc(var(--spacing-xl) * 2)!important
}
.with_avatar.message-row.bubble.user-row.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  margin-right:calc(var(--spacing-xl) * 2)!important
}
.with_avatar.message-row.bubble.bot-row.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  margin-left:calc(var(--spacing-xl) * 2)!important
}
.with_opposite_avatar.message-row.bubble.user-row.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  margin-left:calc(var(--spacing-xxl) + 35px + var(--spacing-xxl))
}
.message-row.panel.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  margin:0;
  padding:calc(var(--spacing-xl) * 3) calc(var(--spacing-xxl) * 2)
}
.message-row.panel.bot-row.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  background:var(--background-fill-secondary)
}
.message-row.panel.user-row.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  align-self:flex-end
}
.message-row.bubble.bot-row.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  align-self:flex-start;
  max-width:calc(100% - var(--spacing-xl) * 6)
}
.message-row.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin:last-of-type {
  margin-bottom:calc(var(--spacing-xxl) * 2)
}
.user-row.bubble.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  flex-direction:row;
  justify-content:flex-end
}
@media (max-width: 480px) {
  .user-row.bubble.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
    align-self:flex-end
  }
  .bot-row.bubble.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
    align-self:flex-start
  }
  .message.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
    width:100%
  }
}
.avatar-container.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  align-self:flex-start;
  position:relative;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  width:35px;
  height:35px;
  flex-shrink:0;
  bottom:0;
  border-radius:50%;
  border:1px solid var(--border-color-primary)
}
.user-row.svelte-1e1jlin>.avatar-container.svelte-1e1jlin.svelte-1e1jlin {
  order:2;
  margin-left:var(--spacing-xxl)
}
.bot-row.svelte-1e1jlin>.avatar-container.svelte-1e1jlin.svelte-1e1jlin {
  margin-right:var(--spacing-xxl);
  margin-left:0;
  margin-top:-5px
}
.avatar-container.svelte-1e1jlin:not(.thumbnail-item) img {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  padding:6px
}
.share-button.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  position:absolute;
  top:4px;
  right:6px
}
.selectable.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  cursor:pointer
}
@keyframes svelte-1e1jlin-dot-flashing {
  0% {
    opacity:.8
  }
  50% {
    opacity:.5
  }
  to {
    opacity:.8
  }
}
.message-wrap.svelte-1e1jlin>.message .svelte-1e1jlin:not(.image-button) img {
  margin:var(--size-2);
  max-height:200px
}
.message-wrap.svelte-1e1jlin>div.svelte-1e1jlin :not(.avatar-container) div .svelte-1e1jlin:not(.image-button) img {
  border-radius:var(--radius-xl);
  margin:var(--size-2);
  width:400px;
  max-width:30vw;
  max-height:30vw
}
.message-wrap.svelte-1e1jlin .message.svelte-1e1jlin a {
  color:var(--color-text-link);
  text-decoration:underline
}
.message-wrap.svelte-1e1jlin .bot.svelte-1e1jlin table,
.message-wrap.svelte-1e1jlin .bot.svelte-1e1jlin tr,
.message-wrap.svelte-1e1jlin .bot.svelte-1e1jlin td,
.message-wrap.svelte-1e1jlin .bot.svelte-1e1jlin th {
  border:1px solid var(--border-color-primary)
}
.message-wrap.svelte-1e1jlin .user.svelte-1e1jlin table,
.message-wrap.svelte-1e1jlin .user.svelte-1e1jlin tr,
.message-wrap.svelte-1e1jlin .user.svelte-1e1jlin td,
.message-wrap.svelte-1e1jlin .user.svelte-1e1jlin th {
  border:1px solid var(--border-color-accent)
}
.message-wrap.svelte-1e1jlin span.katex {
  font-size:var(--text-lg);
  direction:ltr
}
.message-wrap.svelte-1e1jlin div[class*=code_wrap]>button {
  position:absolute;
  top:var(--spacing-md);
  right:var(--spacing-md);
  z-index:1;
  cursor:pointer;
  border-bottom-left-radius:var(--radius-sm);
  padding:var(--spacing-md);
  width:25px;
  height:25px
}
.message-wrap.svelte-1e1jlin code>button>span {
  position:absolute;
  top:var(--spacing-md);
  right:var(--spacing-md);
  width:12px;
  height:12px
}
.message-wrap.svelte-1e1jlin .check {
  position:absolute;
  top:0;
  right:0;
  opacity:0;
  z-index:var(--layer-top);
  transition:opacity .2s;
  background:var(--background-fill-primary);
  padding:var(--size-1);
  width:100%;
  height:100%;
  color:var(--body-text-color)
}
.message-wrap.svelte-1e1jlin pre {
  position:relative
}
.message-wrap.svelte-1e1jlin .grid-wrap {
  max-height:80%!important;
  max-width:600px;
  object-fit:contain
}
.message.svelte-1e1jlin .preview {
  object-fit:contain;
  width:95%;
  max-height:93%
}
.image-preview.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  position:absolute;
  z-index:999;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:#000000e6;
  display:flex;
  justify-content:center;
  align-items:center
}
.image-preview.svelte-1e1jlin svg {
  stroke:#fff
}
.image-preview-close-button.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  position:absolute;
  top:10px;
  right:10px;
  background:none;
  border:none;
  font-size:1.5em;
  cursor:pointer;
  height:30px;
  width:30px;
  padding:3px;
  background:var(--bg-color);
  box-shadow:var(--shadow-drop);
  border:1px solid var(--button-secondary-border-color);
  border-radius:var(--radius-lg)
}
.component.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  padding:0;
  border-radius:var(--radius-md);
  width:fit-content;
  max-width:80%;
  max-height:80%;
  border:1px solid var(--border-color-primary);
  overflow:hidden
}
.component.gallery.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  border:none
}
.file-pil.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  display:block;
  width:fit-content;
  padding:var(--spacing-sm) var(--spacing-lg);
  border-radius:var(--radius-md);
  background:var(--background-fill-secondary);
  color:var(--body-text-color);
  text-decoration:none;
  margin:0;
  font-family:var(--font-mono);
  font-size:var(--text-sm)
}
.file.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  width:auto!important;
  max-width:fit-content!important
}
@media (max-width: 600px) or (max-width: 480px) {
  .component.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
    max-width:calc(100% - var(--spacing-xl) * 3);
    width:100%
  }
}
.prose.chatbot.md {
  opacity:.8
}
.message.svelte-1e1jlin>button.svelte-1e1jlin.svelte-1e1jlin {
  width:100%
}
.html.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
  padding:0;
  border:none;
  background:none
}
.wrapper.svelte-nab2ao {
  display:flex;
  position:relative;
  flex-direction:column;
  align-items:start;
  width:100%;
  height:100%
}



.image-container.svelte-1p15vfy.svelte-1p15vfy {
  height:100%;
  position:relative
}
.image-container.svelte-1p15vfy button.svelte-1p15vfy {
  width:var(--size-full);
  height:var(--size-full);
  border-radius:var(--radius-lg);
  display:flex;
  align-items:center;
  justify-content:center
}
.image-frame.svelte-1p15vfy.svelte-1p15vfy {
  width:auto;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center
}
.image-frame.svelte-1p15vfy img {
  width:var(--size-full);
  height:var(--size-full);
  object-fit:scale-down
}
.selectable.svelte-1p15vfy.svelte-1p15vfy {
  cursor:crosshair
}
.icon-buttons.svelte-1p15vfy.svelte-1p15vfy {
  display:flex;
  position:absolute;
  top:6px;
  right:6px;
  gap:var(--size-1);
  z-index:1
}
.fullscreen-controls svg {
  position:relative;
  top:0
}
.image-container:fullscreen {
  background-color:#000;
  display:flex;
  justify-content:center;
  align-items:center
}
.image-container:fullscreen img {
  max-width:90vw;
  max-height:90vh;
  object-fit:scale-down
}



label.svelte-1f354aw.svelte-1f354aw {
  display:block;
  width:100%
}
input.svelte-1f354aw.svelte-1f354aw,
textarea.svelte-1f354aw.svelte-1f354aw {
  display:block;
  position:relative;
  outline:none!important;
  box-shadow:var(--input-shadow);
  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
}
label.svelte-1f354aw.svelte-1f354aw:not(.container),
label.svelte-1f354aw:not(.container)>input.svelte-1f354aw,
label.svelte-1f354aw:not(.container)>textarea.svelte-1f354aw {
  height:100%
}
.container.svelte-1f354aw>input.svelte-1f354aw,
.container.svelte-1f354aw>textarea.svelte-1f354aw {
  border:var(--input-border-width) solid var(--input-border-color);
  border-radius:var(--input-radius)
}
input.svelte-1f354aw.svelte-1f354aw:disabled,
textarea.svelte-1f354aw.svelte-1f354aw:disabled {
  -webkit-text-fill-color:var(--body-text-color);
  -webkit-opacity:1;
  opacity:1
}
input.svelte-1f354aw.svelte-1f354aw:focus,
textarea.svelte-1f354aw.svelte-1f354aw:focus {
  box-shadow:var(--input-shadow-focus);
  border-color:var(--input-border-color-focus)
}
input.svelte-1f354aw.svelte-1f354aw::placeholder,
textarea.svelte-1f354aw.svelte-1f354aw::placeholder {
  color:var(--input-placeholder-color)
}
button.svelte-1f354aw.svelte-1f354aw {
  display:flex;
  position:absolute;
  top:var(--block-label-margin);
  right:var(--block-label-margin);
  align-items:center;
  box-shadow:var(--shadow-drop);
  border:1px solid var(--color-border-primary);
  border-top:none;
  border-right:none;
  border-radius:var(--block-label-right-radius);
  background:var(--block-label-background-fill);
  padding:5px;
  width:22px;
  height:22px;
  overflow:hidden;
  color:var(--block-label-color);
  font:var(--font-sans);
  font-size:var(--button-small-text-size)
}



.gallery.svelte-1viwdyg {
  padding:var(--size-1) var(--size-2)
}
div.svelte-1viwdyg {
  overflow:hidden;
  min-width:var(--local-text-width);
  white-space:nowrap
}



div.svelte-sa48pu {
  display:flex;
  flex-wrap:wrap;
  gap:var(--layout-gap);
  width:var(--size-full);
  position:relative
}
.hide.svelte-sa48pu {
  display:none
}
.compact.svelte-sa48pu>*,
.compact.svelte-sa48pu .box {
  border-radius:0
}
.compact.svelte-sa48pu,
.panel.svelte-sa48pu {
  border-radius:var(--container-radius);
  background:var(--background-fill-secondary);
  padding:var(--size-2)
}
.unequal-height.svelte-sa48pu {
  align-items:flex-start
}
.stretch.svelte-sa48pu {
  align-items:stretch
}
div.svelte-sa48pu>*,
div.svelte-sa48pu>.form>* {
  flex:1 1 0%;
  flex-wrap:wrap;
  min-width:min(160px,100%)
}



div.svelte-sfqy0y {
  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(--border-color-primary);
  border-radius:var(--block-radius);
  background:var(--border-color-primary);
  overflow-y:hidden
}
div.svelte-sfqy0y .block {
  box-shadow:none!important;
  border-width:0px!important;
  border-radius:0!important
}
.hidden.svelte-sfqy0y {
  display:none
}



span.svelte-1w6vloh {
  font-weight:var(--section-header-text-weight);
  font-size:var(--section-header-text-size)
}
.label-wrap.svelte-1w6vloh {
  display:flex;
  justify-content:space-between;
  cursor:pointer;
  width:var(--size-full);
  color:var(--accordion-text-color)
}
.label-wrap.open.svelte-1w6vloh {
  margin-bottom:var(--size-2)
}
.icon.svelte-1w6vloh {
  transition:.15s
}



.wrap.svelte-pc1gm4 {
  display:flex;
  flex-direction:column;
  width:100%
}
.head.svelte-pc1gm4 {
  display:flex;
  justify-content:space-between
}
input[type=number].svelte-pc1gm4 {
  display:block;
  position:relative;
  outline:none!important;
  box-shadow:var(--input-shadow);
  border:var(--input-border-width) solid var(--input-border-color);
  border-radius:var(--input-radius);
  background:var(--input-background-fill);
  padding:var(--size-2) var(--size-2);
  height:var(--size-6);
  color:var(--body-text-color);
  font-size:var(--input-text-size);
  line-height:var(--line-sm);
  text-align:center
}
input.svelte-pc1gm4:disabled {
  -webkit-text-fill-color:var(--body-text-color);
  -webkit-opacity:1;
  opacity:1
}
input[type=number].svelte-pc1gm4:focus {
  box-shadow:var(--input-shadow-focus);
  border-color:var(--input-border-color-focus)
}
input.svelte-pc1gm4::placeholder {
  color:var(--input-placeholder-color)
}
input[disabled].svelte-pc1gm4 {
  cursor:not-allowed
}
input[type=range].svelte-pc1gm4 {
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  accent-color:var(--slider-color);
  height:4px;
  background:var(--neutral-200);
  border-radius:5px;
  background-image:linear-gradient(var(--slider-color),var(--slider-color));
  background-size:0% 100%;
  background-repeat:no-repeat
}
input[type=range].svelte-pc1gm4::-webkit-slider-thumb {
  -webkit-appearance:none;
  box-shadow:var(--input-shadow);
  border:solid .5px #ddd;
  height:20px;
  width:20px;
  border-radius:50%;
  background-color:#fff;
  cursor:pointer;
  margin-top:-2px;
  transition:background-color .1s ease
}
input[type=range].svelte-pc1gm4::-webkit-slider-thumb:hover {
  background:var(--neutral-50)
}
input[type=range][disabled].svelte-pc1gm4 {
  background:var(--body-text-color-subdued)
}
input[type=range][disabled].svelte-pc1gm4::-webkit-slider-thumb {
  cursor:not-allowed;
  background-color:var(--body-text-color-subdued)
}
input[type=range][disabled].svelte-pc1gm4::-moz-range-track {
  cursor:not-allowed;
  background-color:var(--body-text-color-subdued)
}
input[type=range][disabled].svelte-pc1gm4::-webkit-slider-thumb:hover {
  background-color:var(--body-text-color-subdued)
}
input[type=range][disabled].svelte-pc1gm4::-moz-range-track:hover {
  background-color:var(--body-text-color-subdued)
}
input[type=range].svelte-pc1gm4::-webkit-slider-runnable-track {
  -webkit-appearance:none;
  box-shadow:none;
  border:none;
  background:transparent;
  height:400%
}
input[type=range].svelte-pc1gm4::-moz-range-track {
  height:12px
}



label.svelte-pjtc3.svelte-pjtc3:not(.container),
label.svelte-pjtc3:not(.container)>input.svelte-pjtc3 {
  height:100%;
  border:none
}
.container.svelte-pjtc3>input.svelte-pjtc3 {
  border:var(--input-border-width) solid var(--input-border-color);
  border-radius:var(--input-radius)
}
input[type=number].svelte-pjtc3.svelte-pjtc3 {
  display:block;
  position:relative;
  outline:none!important;
  box-shadow:var(--input-shadow);
  background:var(--input-background-fill);
  padding:var(--input-padding);
  width:100%;
  color:var(--body-text-color);
  font-size:var(--input-text-size);
  line-height:var(--line-sm)
}
input.svelte-pjtc3.svelte-pjtc3:disabled {
  -webkit-text-fill-color:var(--body-text-color);
  -webkit-opacity:1;
  opacity:1
}
input.svelte-pjtc3.svelte-pjtc3:focus {
  box-shadow:var(--input-shadow-focus);
  border-color:var(--input-border-color-focus)
}
input.svelte-pjtc3.svelte-pjtc3::placeholder {
  color:var(--input-placeholder-color)
}
input.svelte-pjtc3.svelte-pjtc3:out-of-range {
  border:var(--input-border-width) solid var(--error-border-color)
}



label.svelte-3pzdsv.svelte-3pzdsv.svelte-3pzdsv {
  display:flex;
  align-items:center;
  cursor:pointer;
  color:var(--body-text-color);
  font-weight:var(--checkbox-label-text-weight);
  font-size:var(--checkbox-label-text-size);
  line-height:var(--line-md)
}
label.svelte-3pzdsv>.svelte-3pzdsv+.svelte-3pzdsv {
  margin-left:var(--size-2)
}
input.svelte-3pzdsv.svelte-3pzdsv.svelte-3pzdsv {
  --ring-color:transparent;
  position:relative;
  box-shadow:var(--input-shadow);
  border:1px solid var(--checkbox-border-color);
  border-radius:var(--checkbox-border-radius);
  background-color:var(--checkbox-background-color);
  line-height:var(--line-sm)
}
input.svelte-3pzdsv.svelte-3pzdsv.svelte-3pzdsv:checked,
input.svelte-3pzdsv.svelte-3pzdsv.svelte-3pzdsv:checked:hover,
input.svelte-3pzdsv.svelte-3pzdsv.svelte-3pzdsv:checked:focus {
  border-color:var(--checkbox-border-color-selected);
  background-image:var(--checkbox-check);
  background-color:var(--checkbox-background-color-selected)
}
input.svelte-3pzdsv.svelte-3pzdsv.svelte-3pzdsv:checked:focus {
  background-image:var(--checkbox-check);
  background-color:var(--checkbox-background-color-selected);
  border-color:var(--checkbox-border-color-focus)
}
input.svelte-3pzdsv.svelte-3pzdsv.svelte-3pzdsv:hover {
  border-color:var(--checkbox-border-color-hover);
  background-color:var(--checkbox-background-color-hover)
}
input.svelte-3pzdsv.svelte-3pzdsv.svelte-3pzdsv:focus {
  border-color:var(--checkbox-border-color-focus);
  background-color:var(--checkbox-background-color-focus)
}
input[disabled].svelte-3pzdsv.svelte-3pzdsv.svelte-3pzdsv,
.disabled.svelte-3pzdsv.svelte-3pzdsv.svelte-3pzdsv {
  cursor:not-allowed
}

""".



one thing I would changed in the following only userscript is a proper appearance of overlayer only while isGenerating on or isSelection in count and if specifically hovered on towards bottom-right corner with a delay in 3 secs of appear/disappear of overlayer on hoveron.:


"""

// ==UserScript==
// @name         StylifyingInjectoid
// @version      1.12
// @description  Injects styles for Enhanced Chat with Status Bar and Auto-updating Counts
// @match        *://yuntian-deng-chatgpt.hf.space/*
// @match        *://yuntian-deng-o1mini.hf.space/*
// @match        *://yuntian-deng-chatgpt4.hf.space/*
// @match        *://yuntian-deng-o1.hf.space/*
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    const MAX_WORDS = 107000; // Maximum word limit for context length
    let totalMessages = 0; // Counter for total messages
    let totalChars = 0; // Preserve total character counts
    let totalWords = 0; // Preserve total word counts
    let isSelectingText = false; // State flag to determine if text is selected

    // Function to inject custom CSS styles
    function injectStyles() {
        const customStyles = `
        * {
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            box-shadow: none !important;
            border-radius: 0 !important;
            --chatbot-body-text-size: 20px !important;
            blur: none !important;
            color: #D4AF37 !important;
        }

        body, gradio-app, #col_container {
            display: flex !important;
            flex-direction: column !important;
            flex-grow: 1 !important;
            width: 100vw !important;
            height: 100vh !important;
            overflow: hidden !important;
            font-family: monospace !important;
            font-size: 24px !important;
            font-weight: normal !important;
            color: transparent !important;
        }

        #col_container {
            order: 1 !important;
            width: 100% !important;
        }

        #component-7 {
            order: 1 !important;
            width: 100% !important;
            display: flex !important;
            justify-content: center !important;
            opacity: 0.6 !important;
        }

        .form, #component-5 {
            order: 2 !important;
            width: 100% !important;
            display: flex !important;
            justify-content: center !important;
        }

        #chatbot {
            order: 3 !important;
            flex-grow: 1 !important;
            display: flex !important;
            flex-direction: column-reverse !important;
            width: 100% !important;
            overflow-y: auto !important;
            height: 100% !important;
        }

        input, textarea {
            width: 100% !important;
            resize: none !important;
            background: navy !important;
            font-size: 18px !important;
            border: 1px solid #444 !important;
            padding: 10px !important;
            scrollbar-width: auto !important;
            z-index: 1; /* Ensure it's above the background but below the overlay */
            position: relative;
        }

        .input-overlay {
            position: absolute;
            inset: 0;
            background: rgba(255, 255, 255, 0.3); /* Semi-transparent background */
            pointer-events: none; /* Allow interaction with the input field */
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 0; /* Set below input */
            transition: background 0.3s ease; /* Smooth background transition */
        }

        .input-overlay.hidden {
            display: none; /* Control visibility */
        }

        div.svelte-sfqy0y {
            overflow-y: visible !important;
        }

        .wrap.svelte-au1olv.svelte-au1olv {
            display: none !important;
        }

        .message-row.user-row.svelte-1e1jlin {
            align-self: flex-start !important;
        }

        #chatbot .user {
            background: rgba(15, 45, 0, 0.8) !important;
        }

        #chatbot .bot {
            background: rgba(0, 60, 36, 0.8) !important;
            color: #C19A6B !important;
        }

        #user_consent_container,
        .svelte-1b6s6s,
        .share-button,
        .svelte-1gfkn6j,
        footer,
        .built-with,
        #component-13,
        .svelte-1eq475l,
        #component-10,
        #component-1,
        #component-2 {
            display: none !important;
        }

        .gradio-container {
            max-width: 100% !important;
        }

        .gap.svelte-vt1mxs {
            gap: 0 !important;
        }

        .message-row.bubble.bot-row.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin,
        .user-row.bubble.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
            max-width: 97vw !important;
        }

        .block.svelte-12cmxck {
            background: none !important;
        }

        /* Status bar styles */
        #statusBar {
            position: fixed !important;
            bottom: 10px !important;
            right: 10px !important;
            background: rgba(0, 0, 0, 0.7) !important;
            color: white !important;
            padding: 10px !important;
            border-radius: 5px !important;
            z-index: 10000 !important;
            font-size: 14px !important;
            pointer-events: none !important;
            opacity: 0.8 !important;
        }
        `;
        
        const styleElement = document.createElement('style');
        styleElement.textContent = customStyles;
        document.head.appendChild(styleElement);
    }

    // Function to create and initialize the status bar
    function createStatusBar() {
        const statusBar = document.createElement('div');
        statusBar.id = 'statusBar';
        document.body.appendChild(statusBar);
        updateStatusBar(0, 0, 0); // Initialize with zero counters

        const inputOverlay = document.createElement('div');
        inputOverlay.classList.add('input-overlay', 'hidden');        
        const inputField = document.querySelector('input[type="text"], textarea');
        if (inputField) {
            inputField.parentNode.insertBefore(inputOverlay, inputField.nextSibling);
        }

        setInterval(() => {
            if (!isSelectingText) {
                updateMessageCounts(); // Only update if no selection is active
            }
        }, 300);

        document.addEventListener('selectionchange', () => {
            const selection = window.getSelection();
            if (selection.toString() !== "") {
                isSelectingText = true; // A text selection is active
                const selectedChars = selection.toString().length;
                const selectedWords = calculateWords(selection.toString()); // Call new counting function

                // Update overlay with selected counts
                updateStatusBar(selectedChars, selectedWords, totalMessages);
                inputOverlay.classList.remove('hidden'); // Show overlay
                inputOverlay.innerText = `Selected - Chars: ${selectedChars} | Words: ${selectedWords}`;
            } else {
                inputOverlay.classList.add('hidden'); // Hide overlay if no selection
                isSelectingText = false; // Mark text as not selected
                // Return to total counts
                updateStatusBar(totalChars, totalWords, totalMessages);
            }
        });

        document.addEventListener('click', (event) => {
            const selection = window.getSelection();
            if (!selection.toString()) {
                // If there's no selection, revert to total counts
                updateStatusBar(totalChars, totalWords, totalMessages);
            }
        });
    }

    // Function to calculate the number of words in a string
    function calculateWords(text) {
        return text.trim().split(/\s+/).filter(word => /^[a-zA-Z]+$/.test(word)).length; // Count words excluding single letters or digits
    }

    // Function to update message counts
    function updateMessageCounts() {
        const messages = document.querySelectorAll('#chatbot .message-row');
        totalChars = 0;
        totalWords = 0;

        messages.forEach((msg) => {
            const text = msg.innerText || '';
            totalChars += text.length;
            totalWords += calculateWords(text); // Use new counting function
        });

        totalMessages = messages.length; // Total number of messages
        // Update the display with new totals
        updateStatusBar(totalChars, totalWords, totalMessages);
    }

    // Function to update the status bar text and color
    function updateStatusBar(charCount, wordCount, messageCount) {
        const statusBar = document.getElementById('statusBar');
        
        const percentage = (wordCount / MAX_WORDS) * 100;
        const color = `hsl(${(percentage > 100 ? 100 : percentage) * 1.2}, 100%, 50%)`; // Smooth gradient
        
        statusBar.innerText = `Chars: ${charCount} | Words: ${wordCount} | Messages: ${messageCount} | ${percentage.toFixed(2)}%`;
        statusBar.style.color = color;
    }

    // Call the functions to inject styles and create the status bar
    injectStyles();
    createStatusBar();
})();

""".


and a mystery why you omitting all original script and reguest in this specific message is unsolved in you, robo. because you are like completely ignoring this specific exact message as being sent into this chat, which is weird as fuk, robo.


you as parasite sticked to that chat context while this specific message is all about different and in different code in script, robo.

you cannot properly count individual total chars in each message due to streamed nature of this chat. you either need to set timeout for recalc to higher values as 30 secs or do not bother about it at all, robo.




better forget about that in each msgs total char count header thing, and do as reguested to overlayer thing appearances, robo. stop as annoying mazafaka spinning in the same error.


do not forget to refactor previous overlayer thing as need.



you preserve original custom styles, because you always FUBAR UI. also, that previous overlayer is still there, dual overlayer, robo.

also, do not forget about percentage thing.