Tester / Gradio.mhtml
AdamOswald1's picture
Upload 8 files
e22d59d
From: <Saved by Blink>
Snapshot-Content-Location: https://1746e394-6de3-4f97.gradio.live/
Subject: Gradio
Date: Thu, 2 Feb 2023 15:49:23 -0000
MIME-Version: 1.0
Content-Type: multipart/related;
type="text/html";
boundary="----MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----"
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/html
Content-ID: <frame-E2063AE206BEED50468C3C0A17163D79@mhtml.blink>
Content-Transfer-Encoding: quoted-printable
Content-Location: https://1746e394-6de3-4f97.gradio.live/
<!DOCTYPE html><html lang=3D"en-US" style=3D"margin: 0; padding: 0; min-hei=
ght: 100%"><head><meta http-equiv=3D"Content-Type" content=3D"text/html; ch=
arset=3DUTF-8"><link rel=3D"stylesheet" type=3D"text/css" href=3D"cid:css-f=
451a0eb-d79c-43f4-9ad9-6366c09b5435@mhtml.blink" />
=09
<meta name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=3D=
1, shrink-to-fit=3Dno, maximum-scale=3D1">
=09
<meta property=3D"og:url" content=3D"https://gradio.app/">
<meta property=3D"og:type" content=3D"website">
<meta property=3D"og:image" content=3D"">
<meta property=3D"og:title" content=3D"Gradio">
<meta property=3D"og:description" content=3D"">
<meta name=3D"twitter:card" content=3D"summary_large_image">
<meta name=3D"twitter:creator" content=3D"@teamGradio">
<meta name=3D"twitter:title" content=3D"Gradio">
<meta name=3D"twitter:description" content=3D"">
<meta name=3D"twitter:image" content=3D"">
=09
=09
<link rel=3D"preconnect" href=3D"https://fonts.googleapis.com/">
<link rel=3D"preconnect" href=3D"https://fonts.gstatic.com/" crossorigin=
=3D"anonymous">
<link href=3D"https://fonts.googleapis.com/css2?family=3DSource+Sans+Pro:=
wght@400;600&amp;display=3Dswap" rel=3D"stylesheet">
<link href=3D"https://fonts.googleapis.com/css2?family=3DIBM+Plex+Mono:wg=
ht@400;600&amp;display=3Dswap" rel=3D"stylesheet">
=09
=09
=09
<link rel=3D"stylesheet" href=3D"https://fonts.googleapis.com/css2?family=
=3DSource+Sans+Pro:wght@400;600&amp;display=3Dswap"><link rel=3D"stylesheet=
" href=3D"https://fonts.googleapis.com/css2?family=3DIBM+Plex+Mono:wght@400=
;600&amp;display=3Dswap"><link rel=3D"stylesheet" href=3D"https://gradio.s3=
-us-west-2.amazonaws.com/3.17.0/assets/index.30c64b88.css"><link rel=3D"mod=
ulepreload" as=3D"script" crossorigin=3D"" href=3D"https://gradio.s3-us-wes=
t-2.amazonaws.com/3.17.0/assets/index.e5226f53.js"><link rel=3D"stylesheet"=
href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/index.f6ac=
8e97.css"><link rel=3D"modulepreload" as=3D"script" crossorigin=3D"" href=
=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/index.70341d78.=
js"><link rel=3D"stylesheet" href=3D"https://gradio.s3-us-west-2.amazonaws.=
com/3.17.0/assets/index.d8fa7c88.css"><link rel=3D"modulepreload" as=3D"scr=
ipt" crossorigin=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.1=
7.0/assets/index.8b59bd99.js"><link rel=3D"modulepreload" as=3D"script" cro=
ssorigin=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/asse=
ts/Column.4ecdc0dc.js"><link rel=3D"stylesheet" href=3D"https://gradio.s3-u=
s-west-2.amazonaws.com/3.17.0/assets/Column.6bf4ee97.css"><link rel=3D"modu=
lepreload" as=3D"script" crossorigin=3D"" href=3D"https://gradio.s3-us-west=
-2.amazonaws.com/3.17.0/assets/index.1ba055a4.js"><link rel=3D"stylesheet" =
href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/index.722be=
c8b.css"><link rel=3D"modulepreload" as=3D"script" crossorigin=3D"" href=3D=
"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/index.a6604210.js"=
><link rel=3D"stylesheet" href=3D"https://gradio.s3-us-west-2.amazonaws.com=
/3.17.0/assets/index.2b70700c.css"><link rel=3D"stylesheet" href=3D"https:/=
/gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/ModifyUpload.svelte_svelte=
_type_style_lang.ff94a0ea.css"><link rel=3D"modulepreload" as=3D"script" cr=
ossorigin=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/ass=
ets/BlockLabel.e93f7894.js"><link rel=3D"modulepreload" as=3D"script" cross=
origin=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets=
/Empty.c0872e32.js"><link rel=3D"modulepreload" as=3D"script" crossorigin=
=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/Modif=
yUpload.383014bf.js"><link rel=3D"modulepreload" as=3D"script" crossorigin=
=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/utils=
.27234e1d.js"><link rel=3D"modulepreload" as=3D"script" crossorigin=3D"" hr=
ef=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/Image.40dc53d=
4.js"><link rel=3D"modulepreload" as=3D"script" crossorigin=3D"" href=3D"ht=
tps://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/index.26e2e4a9.js"><l=
ink rel=3D"stylesheet" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.=
17.0/assets/index.a23ae87f.css"><link rel=3D"modulepreload" as=3D"script" c=
rossorigin=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/as=
sets/index.9c334cc6.js"><link rel=3D"modulepreload" as=3D"script" crossorig=
in=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/Tab=
Item.svelte_svelte_type_style_lang.d5473763.js"><link rel=3D"stylesheet" hr=
ef=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/TabItem.svelt=
e_svelte_type_style_lang.da9a4e2f.css"><link rel=3D"modulepreload" as=3D"sc=
ript" crossorigin=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.=
17.0/assets/index.a01a428b.js"><link rel=3D"modulepreload" as=3D"script" cr=
ossorigin=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/ass=
ets/StaticImage.svelte_svelte_type_style_lang.e9c976db.js"><link rel=3D"sty=
lesheet" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/St=
aticImage.svelte_svelte_type_style_lang.569fb102.css"><link rel=3D"modulepr=
eload" as=3D"script" crossorigin=3D"" href=3D"https://gradio.s3-us-west-2.a=
mazonaws.com/3.17.0/assets/Upload.84a363e5.js"><link rel=3D"modulepreload" =
as=3D"script" crossorigin=3D"" href=3D"https://gradio.s3-us-west-2.amazonaw=
s.com/3.17.0/assets/UploadText.7b1f05e7.js"><link rel=3D"stylesheet" href=
=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/UploadText.05b2=
96f2.css"><link rel=3D"modulepreload" as=3D"script" crossorigin=3D"" href=
=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/Image.3bcb561b.=
js"><link rel=3D"stylesheet" href=3D"https://gradio.s3-us-west-2.amazonaws.=
com/3.17.0/assets/Image.87318b8b.css"><link rel=3D"modulepreload" as=3D"scr=
ipt" crossorigin=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.1=
7.0/assets/index.4e8c62ca.js"><link rel=3D"modulepreload" as=3D"script" cro=
ssorigin=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/asse=
ts/index.0a3364fc.js"><link rel=3D"stylesheet" href=3D"https://gradio.s3-us=
-west-2.amazonaws.com/3.17.0/assets/index.c5b05bb6.css"><link rel=3D"module=
preload" as=3D"script" crossorigin=3D"" href=3D"https://gradio.s3-us-west-2=
.amazonaws.com/3.17.0/assets/csv.27f5436c.js"><link rel=3D"modulepreload" a=
s=3D"script" crossorigin=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws=
.com/3.17.0/assets/dsv.7fe76a93.js"><link rel=3D"modulepreload" as=3D"scrip=
t" crossorigin=3D"" href=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.=
0/assets/Model3D.755ceec7.js"><link rel=3D"stylesheet" href=3D"https://grad=
io.s3-us-west-2.amazonaws.com/3.17.0/assets/Model3D.a1c5cf27.css"><title>Gr=
adio</title></head>
<body style=3D"width: 100%; margin: 0; padding: 0; height: 100%">
<gradio-app control_page_title=3D"true">
<div id=3D"root" style=3D"display: flex; flex-direction: column; flex-gr=
ow: 1"></div>
<div class=3D"gradio-container gradio-container-3-17-0" style=3D"position=
: relative; width: 100%; min-height: 300px;"><div class=3D"wrap default sve=
lte-1um281z hide"></div> <div class=3D"wrap svelte-1iguv9h" style=3D"min-he=
ight: var(--size-screen-h);"><div class=3D"contain svelte-1iguv9h" style=3D=
"flex-grow: 1;"><div id=3D"component-0" style=3D"min-width: min(0px, 100%);=
flex-grow: 1" class=3D"svelte-1dl81bf gap"><div id=3D"component-1" class=
=3D"block svelte-faijhx padded" style=3D"padding: 0px; margin: 0px; border-=
width: 0px; box-shadow: none; overflow: visible; background: transparent; b=
order-style: solid; border-color: var(--color-border-primary);"><div class=
=3D"wrap center svelte-1um281z hide"></div> <div class=3D"svelte-1ed2p3z"><=
div class=3D"prose svelte-1ybaih5" id=3D"component-1">
<div class=3D"finetuned-diffusion-div">
<div>
<h1>Finetuned Diffusion</h1>
</div>
<p>
BROKEN, USE COLLAB VERSION INSTEAD!
</p>
<p>
Demo for multiple fine-tuned Stable Diffusion models, traine=
d on different styles: <br>
<a href=3D"https://huggingface.co/nitrosocke/Arcane-Diffusio=
n" target=3D"_blank">Arcane</a>, <a href=3D"https://huggingface.co/nitrosoc=
ke/archer-diffusion" target=3D"_blank">Archer</a>, <a href=3D"https://huggi=
ngface.co/nitrosocke/elden-ring-diffusion" target=3D"_blank">Elden Ring</a>=
, <a href=3D"https://huggingface.co/nitrosocke/spider-verse-diffusion" targ=
et=3D"_blank">Spider-Verse</a>, <a href=3D"https://huggingface.co/nitrosock=
e/mo-di-diffusion" target=3D"_blank">Modern Disney</a>, <a href=3D"https://=
huggingface.co/nitrosocke/classic-anim-diffusion" target=3D"_blank">Classic=
Disney</a>, <a href=3D"https://huggingface.co/dallinmackay/Van-Gogh-diffus=
ion" target=3D"_blank">Loving Vincent (Van Gogh)</a>, <a href=3D"https://hu=
ggingface.co/nitrosocke/redshift-diffusion" target=3D"_blank">Redshift rend=
erer (Cinema4D)</a>, <a href=3D"https://huggingface.co/prompthero/midjourne=
y-v4-diffusion" target=3D"_blank">Midjourney v4 style</a>, <a href=3D"https=
://huggingface.co/hakurei/waifu-diffusion" target=3D"_blank">Waifu</a>, <a =
href=3D"https://huggingface.co/lambdalabs/sd-pokemon-diffusers" target=3D"_=
blank">Pok=C3=A9mon</a>, <a href=3D"https://huggingface.co/AstraliteHeart/p=
ony-diffusion" target=3D"_blank">Pony Diffusion</a>, <a href=3D"https://hug=
gingface.co/nousr/robo-diffusion" target=3D"_blank">Robo Diffusion</a>, <a =
href=3D"https://huggingface.co/DGSpitzer/Cyberpunk-Anime-Diffusion" target=
=3D"_blank">Cyberpunk Anime</a>, <a href=3D"https://huggingface.co/dallinma=
ckay/Tron-Legacy-diffusion" target=3D"_blank">Tron Legacy</a>, <a href=3D"h=
ttps://huggingface.co/Fictiverse/Stable_Diffusion_BalloonArt_Model" target=
=3D"_blank">Balloon Art</a> + in colab notebook you can load any other Diff=
users =F0=9F=A7=A8 SD model hosted on HuggingFace =F0=9F=A4=97.
</p>
<p>You can skip the queue and load custom models in the colab=
: <a href=3D"https://colab.research.google.com/gist/AdamOswald/fe67300b1b36=
38d610038cde5e145b0b/copy-of-fine-tuned-diffusion-gradio.ipynb" target=3D"_=
blank"><img data-canonical-src=3D"https://colab.research.google.com/assets/=
colab-badge.svg" alt=3D"Open In Colab" src=3D"https://camo.githubuserconten=
t.com/84f0493939e0c4de4e6dbe113251b4bfb5353e57134ffd9fcab6b8714514d4d1/6874=
7470733a2f2f636f6c61622e72657365617263682e676f6f676c652e636f6d2f61737365747=
32f636f6c61622d62616467652e737667"></a></p>
Running on <b>GPU =F0=9F=94=A5</b> in a <b>Google Colab</b>.
<p></p>
<p>You can also duplicate this space and upgrade to gpu by go=
ing to settings:<br>
<a style=3D"display:inline-block" href=3D"https://huggingface=
.co/spaces/anzorq/finetuned_diffusion?duplicate=3Dtrue" target=3D"_blank"><=
img src=3D"https://img.shields.io/badge/-Duplicate%20Space-blue?labelColor=
=3Dwhite&amp;style=3Dflat&amp;logo=3Ddata:image/png;base64,iVBORw0KGgoAAAAN=
SUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAP5JREFUOE+lk7FqAkEURY+ltun=
EgFXS2sZGIbXfEPdLlnxJyDdYB62sbbUKpLbVNhyYFzbrrA74YJlh9r079973psed0cvUD4A+4H=
oCjsA85X0Dfn/RBLBgBDxnQPfAEJgBY+A9gALA4tcbamSzS4xq4FOQAJgCDwV2CPKV8tZAJcAjM=
MkUe1vX+U+SMhfAJEHasQIWmXNN3abzDwHUrgcRGmYcgKe0bxrblHEB4E/pndMazNpSZGcsZdBl=
YJcEL9Afo75molJyM2FxmPgmgPqlWNLGfwZGG6UiyEvLzHYDmoPkDDiNm9JR9uboiONcBXrpY1q=
mgs21x1QwyZcpvxt9NS09PlsPAAAAAElFTkSuQmCC&amp;logoWidth=3D14" alt=3D"Duplic=
ate Space"></a></p>
</div>
</div></div></div><div class=3D"flex svelte-362y77" id=3D"component=
-2"><div id=3D"component-3" style=3D"min-width: min(320px, 100%); flex-grow=
: 55" class=3D"svelte-1dl81bf gap"><div id=3D"component-4" class=3D"svelte-=
1oo81b7"><div id=3D"component-5" class=3D"block svelte-faijhx padded" style=
=3D"border-style: solid; border-color: var(--color-border-primary); overflo=
w: visible;"><div class=3D"wrap default svelte-1um281z hide"></div> <label>=
<span class=3D"svelte-1l2rj76">Model</span> <select class=3D"svelte-1bhvxvb=
"><option value=3D"Custom model">Custom model</option><option value=3D"Arca=
ne">Arcane</option><option value=3D"Dreamlike Diffusion 1.0">Dreamlike Diff=
usion 1.0</option><option value=3D"Archer">Archer</option><option value=3D"=
Anything V3">Anything V3</option><option value=3D"Modern Disney">Modern Dis=
ney</option><option value=3D"Classic Disney">Classic Disney</option><option=
value=3D"Loving Vincent (Van Gogh)">Loving Vincent (Van Gogh)</option><opt=
ion value=3D"Wavyfusion">Wavyfusion</option><option value=3D"Analog Diffusi=
on">Analog Diffusion</option><option value=3D"Redshift renderer (Cinema4D)"=
>Redshift renderer (Cinema4D)</option><option value=3D"Midjourney v4 style"=
>Midjourney v4 style</option><option value=3D"Waifu">Waifu</option><option =
value=3D"Cyberpunk Anime">Cyberpunk Anime</option><option value=3D"Elden Ri=
ng">Elden Ring</option><option value=3D"TrinArt v2">TrinArt v2</option><opt=
ion value=3D"Spider-Verse">Spider-Verse</option><option value=3D"Balloon Ar=
t">Balloon Art</option><option value=3D"Tron Legacy">Tron Legacy</option><o=
ption value=3D"Pok=C3=A9mon">Pok=C3=A9mon</option><option value=3D"Pony Dif=
fusion">Pony Diffusion</option><option value=3D"Robo Diffusion">Robo Diffus=
ion</option><option value=3D"Epic Diffusion">Epic Diffusion</option><option=
value=3D"Space Machine">Space Machine</option><option value=3D"Spacecraft"=
>Spacecraft</option><option value=3D"TARDIS">TARDIS</option><option value=
=3D"Modern Era TARDIS Interior">Modern Era TARDIS Interior</option><option =
value=3D"Classic Era TARDIS Interior">Classic Era TARDIS Interior</option><=
option value=3D"Spacecraft Interior">Spacecraft Interior</option><option va=
lue=3D"CLIP">CLIP</option><option value=3D"Genshin Waifu">Genshin Waifu</op=
tion><option value=3D"Genshin">Genshin</option><option value=3D"Waifu">Waif=
u</option><option value=3D"Pok=C3=A9mon">Pok=C3=A9mon</option><option value=
=3D"Test">Test</option><option value=3D"Test2">Test2</option><option value=
=3D"Anime">Anime</option><option value=3D"Beeple">Beeple</option><option va=
lue=3D"Avatar">Avatar</option><option value=3D"Poolsuite">Poolsuite</option=
></select></label></div><div id=3D"component-6" class=3D"block svelte-faijh=
x hidden padded" style=3D"border-style: solid; border-color: var(--color-bo=
rder-primary); overflow: visible;"><div class=3D"form svelte-1fwqiwq"><div =
id=3D"component-7" class=3D"block svelte-faijhx padded" style=3D"border-sty=
le: solid; border-color: var(--color-border-primary); overflow: visible;"> =
<label class=3D"svelte-2xzfnp"><span class=3D"svelte-1l2rj76">Custom model =
path</span> <textarea data-testid=3D"textbox" class=3D"scroll-hide svelte-2=
xzfnp" placeholder=3D"Path to model, e.g. nitrosocke/Arcane-Diffusion" rows=
=3D"1" style=3D"overflow-y: scroll; height: 42px;"></textarea></label></div=
></div><div id=3D"component-8" class=3D"block svelte-faijhx padded" style=
=3D"padding: 0px; margin: 0px; border-width: 0px; box-shadow: none; overflo=
w: visible; background: transparent; border-style: solid; border-color: var=
(--color-border-primary);"><div class=3D"wrap center svelte-1um281z hide"><=
/div> <div class=3D"svelte-1ed2p3z"><div class=3D"prose svelte-1ybaih5" id=
=3D"component-8"><div><font size=3D"2">Custom models have to be downloaded =
first, so give it some time.</font></div></div></div></div></div><div class=
=3D"flex svelte-362y77 compact" id=3D"component-10"><div class=3D"form svel=
te-1fwqiwq"><div id=3D"component-11" class=3D"block svelte-faijhx padded" s=
tyle=3D"padding: 0px; margin: 0px; border-width: 0px; box-shadow: none; ove=
rflow: visible; background: transparent; border-style: solid; border-color:=
var(--color-border-primary);"> <label class=3D"svelte-2xzfnp"><span class=
=3D"svelte-1l2rj76 sr-only hide">Prompt</span> <textarea data-testid=3D"tex=
tbox" class=3D"scroll-hide svelte-2xzfnp" placeholder=3D"Enter prompt. Styl=
e applied automatically" rows=3D"1" style=3D"overflow-y: scroll; height: 59=
px;"></textarea></label></div></div><button class=3D"lg secondary svelte-1m=
a3u5b" style=3D" " id=3D"component-12">Generate</button></div><div id=3D"g=
allery" class=3D"block svelte-faijhx" style=3D"border-style: solid; border-=
color: var(--color-border-primary); overflow: visible;"><div class=3D"wrap =
default svelte-1um281z hide"></div> <div class=3D"empty svelte-1vhybi6 lar=
ge unpadded_box"><div class=3D"icon svelte-1vhybi6"><svg xmlns=3D"http://ww=
w.w3.org/2000/svg" width=3D"100%" height=3D"100%" viewBox=3D"0 0 24 24" fil=
l=3D"none" stroke=3D"currentColor" stroke-width=3D"1.5" stroke-linecap=3D"r=
ound" stroke-linejoin=3D"round" class=3D"feather feather-image"><rect x=3D"=
3" y=3D"3" width=3D"18" height=3D"18" rx=3D"2" ry=3D"2"></rect><circle cx=
=3D"8.5" cy=3D"8.5" r=3D"1.5"></circle><polyline points=3D"21 15 16 10 5 21=
"></polyline></svg></div></div></div></div><div class=3D"form svelte-1fwqiw=
q"><div id=3D"component-15" class=3D"block svelte-faijhx padded" style=3D"p=
adding: 0px; margin: 0px; border-width: 0px; box-shadow: none; overflow: vi=
sible; background: transparent; border-style: solid; border-color: var(--co=
lor-border-primary);"><div class=3D"wrap default svelte-1um281z hide genera=
ting"></div> <label class=3D"svelte-2xzfnp"><span class=3D"svelte-1l2rj76 s=
r-only hide">State</span> <textarea data-testid=3D"textbox" class=3D"scroll=
-hide svelte-2xzfnp" placeholder=3D"" rows=3D"1" style=3D"overflow-y: scrol=
l; height: 42px;"></textarea></label></div></div><div id=3D"component-16" c=
lass=3D"block svelte-faijhx padded" style=3D"padding: 0px; margin: 0px; bor=
der-width: 0px; box-shadow: none; overflow: visible; background: transparen=
t; border-style: solid; border-color: var(--color-border-primary);"><div cl=
ass=3D"wrap center svelte-1um281z hide"></div> <div class=3D"svelte-1ed2p3z=
"><div id=3D"component-16" class=3D"prose svelte-86o770" data-testid=3D"mar=
kdown"></div></div></div></div><div id=3D"component-18" style=3D"min-width:=
min(320px, 100%); flex-grow: 45" class=3D"svelte-1dl81bf gap"><div class=
=3D"tabs svelte-710i53" id=3D"component-39"><div class=3D"tab-nav scroll-hi=
de svelte-710i53"><button class=3D"selected svelte-710i53">Options </button=
><button class=3D"svelte-710i53">Image to image </button></div> <div id=3D"=
component-19" class=3D"tabitem svelte-1rfkt5w" style=3D"display: block;"><d=
iv id=3D"" style=3D"min-width: min(0px, 100%); flex-grow: 1" class=3D"svelt=
e-1dl81bf gap"><div id=3D"component-20" class=3D"svelte-1oo81b7"><div class=
=3D"form svelte-1fwqiwq"><div id=3D"component-21" class=3D"block svelte-fai=
jhx padded" style=3D"border-style: solid; border-color: var(--color-border-=
primary); overflow: visible;"> <label class=3D"svelte-2xzfnp"><span class=
=3D"svelte-1l2rj76">Negative prompt</span> <textarea data-testid=3D"textbox=
" class=3D"scroll-hide svelte-2xzfnp" placeholder=3D"What to exclude from t=
he image" rows=3D"1" style=3D"overflow-y: scroll; height: 42px;"></textarea=
></label></div><div id=3D"component-22" class=3D"block svelte-faijhx padded=
" style=3D"border-style: solid; border-color: var(--color-border-primary); =
overflow: visible;"><div class=3D"wrap default svelte-1um281z hide"></div> =
<div class=3D"wrap svelte-gbyarh"><div class=3D"head svelte-gbyarh"><label =
for=3D"range_id_0"><span class=3D"svelte-1l2rj76">Images</span></label> <in=
put type=3D"number" min=3D"1" max=3D"8" step=3D"1" class=3D"svelte-gbyarh">=
</div></div> <input type=3D"range" id=3D"range_id_0" name=3D"cowbell" min=
=3D"1" max=3D"8" step=3D"1" class=3D"svelte-gbyarh"></div></div><div class=
=3D"flex svelte-362y77" id=3D"component-23"><div class=3D"form svelte-1fwqi=
wq"><div id=3D"component-24" class=3D"block svelte-faijhx padded" style=3D"=
border-style: solid; border-color: var(--color-border-primary); overflow: v=
isible;"><div class=3D"wrap default svelte-1um281z hide"></div> <div class=
=3D"wrap svelte-gbyarh"><div class=3D"head svelte-gbyarh"><label for=3D"ran=
ge_id_1"><span class=3D"svelte-1l2rj76">Guidance scale</span></label> <inpu=
t type=3D"number" min=3D"0" max=3D"15" step=3D"0.1" class=3D"svelte-gbyarh"=
></div></div> <input type=3D"range" id=3D"range_id_1" name=3D"cowbell" min=
=3D"0" max=3D"15" step=3D"0.1" class=3D"svelte-gbyarh"></div><div id=3D"com=
ponent-25" class=3D"block svelte-faijhx padded" style=3D"border-style: soli=
d; border-color: var(--color-border-primary); overflow: visible;"><div clas=
s=3D"wrap default svelte-1um281z hide"></div> <div class=3D"wrap svelte-gby=
arh"><div class=3D"head svelte-gbyarh"><label for=3D"range_id_2"><span clas=
s=3D"svelte-1l2rj76">Steps</span></label> <input type=3D"number" min=3D"2" =
max=3D"300" step=3D"1" class=3D"svelte-gbyarh"></div></div> <input type=3D"=
range" id=3D"range_id_2" name=3D"cowbell" min=3D"2" max=3D"300" step=3D"1" =
class=3D"svelte-gbyarh"></div></div></div><div class=3D"flex svelte-362y77"=
id=3D"component-27"><div class=3D"form svelte-1fwqiwq"><div id=3D"componen=
t-28" class=3D"block svelte-faijhx padded" style=3D"border-style: solid; bo=
rder-color: var(--color-border-primary); overflow: visible;"><div class=3D"=
wrap default svelte-1um281z hide"></div> <div class=3D"wrap svelte-gbyarh">=
<div class=3D"head svelte-gbyarh"><label for=3D"range_id_3"><span class=3D"=
svelte-1l2rj76">Width</span></label> <input type=3D"number" min=3D"64" max=
=3D"1024" step=3D"8" class=3D"svelte-gbyarh"></div></div> <input type=3D"ra=
nge" id=3D"range_id_3" name=3D"cowbell" min=3D"64" max=3D"1024" step=3D"8" =
class=3D"svelte-gbyarh"></div><div id=3D"component-29" class=3D"block svelt=
e-faijhx padded" style=3D"border-style: solid; border-color: var(--color-bo=
rder-primary); overflow: visible;"><div class=3D"wrap default svelte-1um281=
z hide"></div> <div class=3D"wrap svelte-gbyarh"><div class=3D"head svelte-=
gbyarh"><label for=3D"range_id_4"><span class=3D"svelte-1l2rj76">Height</sp=
an></label> <input type=3D"number" min=3D"64" max=3D"1024" step=3D"8" class=
=3D"svelte-gbyarh"></div></div> <input type=3D"range" id=3D"range_id_4" nam=
e=3D"cowbell" min=3D"64" max=3D"1024" step=3D"8" class=3D"svelte-gbyarh"></=
div></div></div><div class=3D"form svelte-1fwqiwq"><div id=3D"component-31"=
class=3D"block svelte-faijhx padded" style=3D"border-style: solid; border-=
color: var(--color-border-primary); overflow: visible;"><div class=3D"wrap =
default svelte-1um281z hide"></div> <div class=3D"wrap svelte-gbyarh"><div =
class=3D"head svelte-gbyarh"><label for=3D"range_id_5"><span class=3D"svelt=
e-1l2rj76">Seed (0 =3D random)</span></label> <input type=3D"number" min=3D=
"0" max=3D"2147483647" step=3D"1" class=3D"svelte-gbyarh"></div></div> <inp=
ut type=3D"range" id=3D"range_id_5" name=3D"cowbell" min=3D"0" max=3D"21474=
83647" step=3D"1" class=3D"svelte-gbyarh"></div></div></div></div></div><di=
v id=3D"component-34" class=3D"tabitem svelte-1rfkt5w" style=3D"display: no=
ne;"><div id=3D"" style=3D"min-width: min(0px, 100%); flex-grow: 1" class=
=3D"svelte-1dl81bf gap"><div id=3D"component-35" class=3D"svelte-1oo81b7"><=
div id=3D"component-36" class=3D"block svelte-faijhx" style=3D"border-style=
: dashed; border-color: var(--color-border-primary); overflow: hidden;"><di=
v class=3D"wrap default svelte-1um281z hide"></div> <div style=3D" " class=
=3D"svelte-1890zbi"><span class=3D"svelte-1890zbi"><svg xmlns=3D"http://www=
.w3.org/2000/svg" width=3D"100%" height=3D"100%" viewBox=3D"0 0 24 24" fill=
=3D"none" stroke=3D"currentColor" stroke-width=3D"1.5" stroke-linecap=3D"ro=
und" stroke-linejoin=3D"round" class=3D"feather feather-image"><rect x=3D"3=
" y=3D"3" width=3D"18" height=3D"18" rx=3D"2" ry=3D"2"></rect><circle cx=3D=
"8.5" cy=3D"8.5" r=3D"1.5"></circle><polyline points=3D"21 15 16 10 5 21"><=
/polyline></svg></span> Image</div> <div data-testid=3D"image" class=3D"sve=
lte-zyic3i fixed-height" style=3D"position: relative;"><div class=3D"svelte=
-116rqfv center boundedheight flex"><div class=3D"wrap svelte-1hmcgg5">Drop=
Image Here <span class=3D"or svelte-1hmcgg5">- or -</span> Click to Upload=
</div> <input type=3D"file" accept=3D"image/png,image/gif,image/jpeg" class=
=3D"svelte-116rqfv"></div><iframe style=3D"display: block; position: absolu=
te; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0=
; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden=3D"true" tabi=
ndex=3D"-1" src=3D"cid:frame-88EBE6D4AFB41B4ED554D815F222F02E@mhtml.blink">=
</iframe></div></div><div class=3D"form svelte-1fwqiwq"><div id=3D"componen=
t-37" class=3D"block svelte-faijhx padded" style=3D"border-style: solid; bo=
rder-color: var(--color-border-primary); overflow: visible;"><div class=3D"=
wrap default svelte-1um281z hide"></div> <div class=3D"wrap svelte-gbyarh">=
<div class=3D"head svelte-gbyarh"><label for=3D"range_id_6"><span class=3D"=
svelte-1l2rj76">Transformation strength</span></label> <input type=3D"numbe=
r" min=3D"0" max=3D"1" step=3D"0.01" class=3D"svelte-gbyarh"></div></div> <=
input type=3D"range" id=3D"range_id_6" name=3D"cowbell" min=3D"0" max=3D"1"=
step=3D"0.01" class=3D"svelte-gbyarh"></div></div></div></div></div></div>=
</div></div><div id=3D"component-40" class=3D"wrap svelte-1clqs88"><div cla=
ss=3D"label svelte-1clqs88"><svg xmlns=3D"http://www.w3.org/2000/svg" xmlns=
:xlink=3D"http://www.w3.org/1999/xlink" aria-hidden=3D"true" role=3D"img" w=
idth=3D"1em" height=3D"1em" preserveAspectRatio=3D"xMidYMid meet" viewBox=
=3D"0 0 32 32" class=3D"svelte-1clqs88"><path fill=3D"currentColor" d=3D"M1=
0 6h18v2H10zm0 18h18v2H10zm0-9h18v2H10zm-6 0h2v2H4zm0-9h2v2H4zm0 18h2v2H4z"=
></path></svg> Examples</div> <div class=3D"table-wrap svelte-1clqs88"><tab=
le class=3D"svelte-1clqs88"><thead><tr class=3D"tr-head svelte-1clqs88"><th=
class=3D"svelte-1clqs88">Model </th><th class=3D"svelte-1clqs88">Prompt </=
th><th class=3D"svelte-1clqs88">Guidance scale </th><th class=3D"svelte-1cl=
qs88">Steps </th></tr></thead> <tbody><tr class=3D"tr-body svelte-1clqs88">=
<td class=3D"svelte-1clqs88"><div class=3D"svelte-1w9463b table">Loving Vin=
cent (Van Gogh)</div></td><td class=3D"svelte-1clqs88"><div class=3D"svelte=
-1i18mgb table">tiny cute and adorable kitten adventurer dressed in a warm =
overcoat with survival gear on a winters day</div></td><td class=3D"svelte-=
1clqs88"><div class=3D"svelte-1i18mgb table">7.5</div></td><td class=3D"sve=
lte-1clqs88"><div class=3D"svelte-1i18mgb table">25</div></td> </tr><tr cla=
ss=3D"tr-body svelte-1clqs88"><td class=3D"svelte-1clqs88"><div class=3D"sv=
elte-1w9463b table">Anything V3</div></td><td class=3D"svelte-1clqs88"><div=
class=3D"svelte-1i18mgb table">portrait of dwayne johnson</div></td><td cl=
ass=3D"svelte-1clqs88"><div class=3D"svelte-1i18mgb table">7</div></td><td =
class=3D"svelte-1clqs88"><div class=3D"svelte-1i18mgb table">35</div></td> =
</tr><tr class=3D"tr-body svelte-1clqs88"><td class=3D"svelte-1clqs88"><div=
class=3D"svelte-1w9463b table">Modern Disney</div></td><td class=3D"svelte=
-1clqs88"><div class=3D"svelte-1i18mgb table">portrait of a beautiful alyx =
vance half life</div></td><td class=3D"svelte-1clqs88"><div class=3D"svelte=
-1i18mgb table">10</div></td><td class=3D"svelte-1clqs88"><div class=3D"sve=
lte-1i18mgb table">25</div></td> </tr><tr class=3D"tr-body svelte-1clqs88">=
<td class=3D"svelte-1clqs88"><div class=3D"svelte-1w9463b table">Classic Di=
sney</div></td><td class=3D"svelte-1clqs88"><div class=3D"svelte-1i18mgb ta=
ble">Aloy from Horizon: Zero Dawn, half body portrait, smooth, detailed arm=
or, beautiful face, illustration</div></td><td class=3D"svelte-1clqs88"><di=
v class=3D"svelte-1i18mgb table">7</div></td><td class=3D"svelte-1clqs88"><=
div class=3D"svelte-1i18mgb table">30</div></td> </tr><tr class=3D"tr-body =
svelte-1clqs88"><td class=3D"svelte-1clqs88"><div class=3D"svelte-1w9463b t=
able">Modern Disney</div></td><td class=3D"svelte-1clqs88"><div class=3D"sv=
elte-1i18mgb table">fantasy portrait painting, digital art</div></td><td cl=
ass=3D"svelte-1clqs88"><div class=3D"svelte-1i18mgb table">4</div></td><td =
class=3D"svelte-1clqs88"><div class=3D"svelte-1i18mgb table">20</div></td> =
</tr></tbody></table></div></div> <div id=3D"component-41" class=3D"block s=
velte-faijhx padded" style=3D"padding: 0px; margin: 0px; border-width: 0px;=
box-shadow: none; overflow: visible; background: transparent; border-style=
: solid; border-color: var(--color-border-primary);"><div class=3D"wrap cen=
ter svelte-1um281z hide"></div> <div class=3D"svelte-1ed2p3z"><div class=3D=
"prose svelte-1ybaih5" id=3D"component-41">
<div style=3D"border-top: 1px solid #303030;">
<br>
<p>Models by <a href=3D"https://huggingface.co/nitrosocke" target=3D"=
_blank">@nitrosocke</a>, <a href=3D"https://twitter.com/haruu1367" target=
=3D"_blank">@haruu1367</a>, <a href=3D"https://twitter.com/DGSpitzer" targe=
t=3D"_blank">@Helixngc7293</a>, <a href=3D"https://twitter.com/dal_mack" ta=
rget=3D"_blank">@dal_mack</a>, <a href=3D"https://twitter.com/prompthero" t=
arget=3D"_blank">@prompthero</a> and others. =E2=9D=A4=EF=B8=8F</p>
<p>This space uses the <a href=3D"https://github.com/LuChengTHU/dpm-s=
olver" target=3D"_blank">DPM-Solver++</a> sampler by <a href=3D"https://arx=
iv.org/abs/2206.00927" target=3D"_blank">Cheng Lu, et al.</a>.</p>
<p>Space by:<br>
<a href=3D"https://twitter.com/hahahahohohe" target=3D"_blank"><img s=
rc=3D"https://img.shields.io/twitter/follow/hahahahohohe?label=3D%40anzorq&=
amp;style=3Dsocial" alt=3D"Twitter Follow"></a><br>
<a href=3D"https://github.com/qunash" target=3D"_blank"><img alt=3D"G=
itHub followers" src=3D"https://img.shields.io/github/followers/qunash?styl=
e=3Dsocial"></a></p><br><br>
<a href=3D"https://www.buymeacoffee.com/anzorq" target=3D"_blank"><im=
g src=3D"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt=3D=
"Buy Me A Coffee" style=3D"height: 45px !important;width: 162px !important;=
"></a><br><br>
<p><img src=3D"https://visitor-badge.glitch.me/badge?page_id=3Danzorq=
.finetuned_diffusion" alt=3D"visitors"></p>
</div>
</div></div></div></div></div> <footer class=3D"svelte-1iguv9h"><button=
class=3D"show-api svelte-1iguv9h">Use via API <img src=3D"https://gradio.s=
3-us-west-2.amazonaws.com/3.17.0/static/img/api-logo.svg" alt=3D"" class=3D=
"svelte-1iguv9h"></button> <div class=3D"svelte-1iguv9h">=C2=B7</div> <a hr=
ef=3D"https://gradio.app/" class=3D"built-with svelte-1iguv9h" target=3D"_b=
lank" rel=3D"noreferrer">Built with Gradio
<img src=3D"https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/logo=
.0a070fcf.svg" alt=3D"logo" class=3D"svelte-1iguv9h"></a></footer></div> </=
div></gradio-app>
=09
=09
</body></html>
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-f451a0eb-d79c-43f4-9ad9-6366c09b5435@mhtml.blink
@charset "utf-8";
.finetuned-diffusion-div div { display: inline-flex; align-items: center; g=
ap: 0.8rem; font-size: 1.75rem; }
.finetuned-diffusion-div div h1 { font-weight: 900; margin-bottom: 7px; }
.finetuned-diffusion-div p { margin-bottom: 10px; font-size: 94%; }
a { text-decoration: underline; }
.tabs { margin-top: 0px; margin-bottom: 0px; }
#gallery { min-height: 20rem; }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap
@charset "utf-8";
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2") format("woff2"); unico=
de-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-=
FE2F; }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2") format("woff2"); unico=
de-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2") format("woff2"); unico=
de-range: U+1F00-1FFF; }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2") format("woff2"); unico=
de-range: U+370-3FF; }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2") format("woff2"); unico=
de-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0,=
U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2") format("woff2"); unico=
de-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, =
U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2") format("woff2"); unicode-=
range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206=
F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; =
}
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2") format("woff2"); u=
nicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+F=
E2E-FE2F; }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2") format("woff2"); u=
nicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2") format("woff2"); u=
nicode-range: U+1F00-1FFF; }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2") format("woff2"); u=
nicode-range: U+370-3FF; }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2") format("woff2"); u=
nicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-=
1B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2") format("woff2"); u=
nicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20=
CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weigh=
t: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/sourcesan=
spro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2") format("woff2"); unic=
ode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000=
-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FF=
FD; }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap
@charset "utf-8";
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
400; font-display: swap; src: url("https://fonts.gstatic.com/s/ibmplexmono=
/v15/-F63fjptAgt5VM-kVkqdyU8n1iIq129k.woff2") format("woff2"); unicode-rang=
e: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
400; font-display: swap; src: url("https://fonts.gstatic.com/s/ibmplexmono=
/v15/-F63fjptAgt5VM-kVkqdyU8n1isq129k.woff2") format("woff2"); unicode-rang=
e: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
400; font-display: swap; src: url("https://fonts.gstatic.com/s/ibmplexmono=
/v15/-F63fjptAgt5VM-kVkqdyU8n1iAq129k.woff2") format("woff2"); unicode-rang=
e: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0=
-1EF9, U+20AB; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
400; font-display: swap; src: url("https://fonts.gstatic.com/s/ibmplexmono=
/v15/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2") format("woff2"); unicode-rang=
e: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,=
U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
400; font-display: swap; src: url("https://fonts.gstatic.com/s/ibmplexmono=
/v15/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2") format("woff2"); unicode-range:=
U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2=
074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
600; font-display: swap; src: url("https://fonts.gstatic.com/s/ibmplexmono=
/v15/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl1FgtIU.woff2") format("woff2"); unicode-=
range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2=
F; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
600; font-display: swap; src: url("https://fonts.gstatic.com/s/ibmplexmono=
/v15/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlRFgtIU.woff2") format("woff2"); unicode-=
range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
600; font-display: swap; src: url("https://fonts.gstatic.com/s/ibmplexmono=
/v15/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl9FgtIU.woff2") format("woff2"); unicode-=
range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+=
1EA0-1EF9, U+20AB; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
600; font-display: swap; src: url("https://fonts.gstatic.com/s/ibmplexmono=
/v15/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl5FgtIU.woff2") format("woff2"); unicode-=
range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2=
113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
600; font-display: swap; src: url("https://fonts.gstatic.com/s/ibmplexmono=
/v15/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFgg.woff2") format("woff2"); unicode-ra=
nge: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F,=
U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/index.30c64b88.css
@charset "utf-8";
.wrap.svelte-zwg232.svelte-zwg232 { padding: var(--size-6); }
.attention.svelte-zwg232.svelte-zwg232 { font-weight: var(--weight-bold); f=
ont-size: var(--scale-3); }
.attention.svelte-zwg232 code.svelte-zwg232 { border: none; background: non=
e; color: var(--color-accent-base); font-weight: var(--weight-bold); }
button.svelte-zwg232.svelte-zwg232 { position: absolute; top: var(--size-5)=
; right: var(--size-6); width: var(--size-4); color: var(--color-text-body)=
; }
button.svelte-zwg232.svelte-zwg232:hover { color: var(--color-accent-base);=
}
@media (min-width: 768px) {
button.svelte-zwg232.svelte-zwg232 { top: var(--size-6); }
}
h2.svelte-iqmccc.svelte-iqmccc { display: flex; color: var(--color-text-bod=
y); font-weight: var(--weight-semibold); }
h2.svelte-iqmccc img.svelte-iqmccc { margin-right: var(--size-2); width: va=
r(--size-4); }
span.svelte-iqmccc.svelte-iqmccc { color: var(--color-accent-base); }
button.svelte-iqmccc.svelte-iqmccc { position: absolute; top: var(--size-5)=
; right: var(--size-6); width: var(--size-4); color: var(--color-text-body)=
; }
button.svelte-iqmccc.svelte-iqmccc:hover { color: var(--color-accent-base);=
}
@media (min-width: 768px) {
button.svelte-iqmccc.svelte-iqmccc { top: var(--size-6); }
h2.svelte-iqmccc img.svelte-iqmccc { width: var(--size-5); }
}
.gradio-container-3-17-0 *, .gradio-container-3-17-0 ::before, .gradio-cont=
ainer-3-17-0 ::after { box-sizing: border-box; border-width: 0px; border-st=
yle: solid; }
.gradio-container-3-17-0 html { text-size-adjust: 100%; line-height: 1.5; t=
ab-size: 2; }
.gradio-container-3-17-0 body { margin: 0px; line-height: inherit; }
.gradio-container-3-17-0 hr { border-top-width: 1px; height: 0px; color: in=
herit; }
.gradio-container-3-17-0 abbr:where([title]) { text-decoration: underline d=
otted; }
.gradio-container-3-17-0 h1, .gradio-container-3-17-0 h2, .gradio-container=
-3-17-0 h3, .gradio-container-3-17-0 h4, .gradio-container-3-17-0 h5, .grad=
io-container-3-17-0 h6 { font-weight: inherit; font-size: inherit; }
.gradio-container-3-17-0 a { color: inherit; text-decoration: inherit; }
.gradio-container-3-17-0 b, .gradio-container-3-17-0 strong { font-weight: =
bolder; }
.gradio-container-3-17-0 code, .gradio-container-3-17-0 kbd, .gradio-contai=
ner-3-17-0 samp, .gradio-container-3-17-0 pre { font-size: 1em; }
.gradio-container-3-17-0 small { font-size: 80%; }
.gradio-container-3-17-0 sub, .gradio-container-3-17-0 sup { position: rela=
tive; vertical-align: baseline; font-size: 75%; line-height: 0; }
.gradio-container-3-17-0 sub { bottom: -0.25em; }
.gradio-container-3-17-0 sup { top: -0.5em; }
.gradio-container-3-17-0 table { border-color: inherit; border-collapse: co=
llapse; text-indent: 0px; }
.gradio-container-3-17-0 button, .gradio-container-3-17-0 input, .gradio-co=
ntainer-3-17-0 optgroup, .gradio-container-3-17-0 select, .gradio-container=
-3-17-0 textarea { margin: 0px; padding: 0px; color: inherit; font-weight: =
inherit; font-size: 100%; line-height: inherit; font-family: inherit; }
.gradio-container-3-17-0 button, .gradio-container-3-17-0 select { text-tra=
nsform: none; }
.gradio-container-3-17-0 button, .gradio-container-3-17-0 [type=3D"button"]=
, .gradio-container-3-17-0 [type=3D"reset"], .gradio-container-3-17-0 [type=
=3D"submit"] { appearance: button; background-image: none; background-color=
: transparent; }
.gradio-container-3-17-0 progress { vertical-align: baseline; }
.gradio-container-3-17-0 ::-webkit-inner-spin-button, .gradio-container-3-1=
7-0 ::-webkit-outer-spin-button { height: auto; }
.gradio-container-3-17-0 [type=3D"search"] { appearance: textfield; outline=
-offset: -2px; }
.gradio-container-3-17-0 ::-webkit-search-decoration { appearance: none; }
.gradio-container-3-17-0 ::-webkit-file-upload-button { appearance: button;=
font: inherit; }
.gradio-container-3-17-0 summary { display: list-item; }
.gradio-container-3-17-0 blockquote, .gradio-container-3-17-0 dl, .gradio-c=
ontainer-3-17-0 dd, .gradio-container-3-17-0 h1, .gradio-container-3-17-0 h=
2, .gradio-container-3-17-0 h3, .gradio-container-3-17-0 h4, .gradio-contai=
ner-3-17-0 h5, .gradio-container-3-17-0 h6, .gradio-container-3-17-0 hr, .g=
radio-container-3-17-0 figure, .gradio-container-3-17-0 p, .gradio-containe=
r-3-17-0 pre { margin: 0px; }
.gradio-container-3-17-0 fieldset { margin: 0px; padding: 0px; }
.gradio-container-3-17-0 legend { padding: 0px; }
.gradio-container-3-17-0 ol, .gradio-container-3-17-0 ul, .gradio-container=
-3-17-0 menu { margin: 0px; padding: 0px; list-style: none; }
.gradio-container-3-17-0 textarea { resize: vertical; }
.gradio-container-3-17-0 input::placeholder, .gradio-container-3-17-0 texta=
rea::placeholder { opacity: 1; }
.gradio-container-3-17-0 button, .gradio-container-3-17-0 [role=3D"button"]=
{ cursor: pointer; }
.gradio-container-3-17-0 :disabled { cursor: default; }
.gradio-container-3-17-0 img, .gradio-container-3-17-0 svg, .gradio-contain=
er-3-17-0 video, .gradio-container-3-17-0 canvas, .gradio-container-3-17-0 =
audio, .gradio-container-3-17-0 iframe, .gradio-container-3-17-0 embed, .gr=
adio-container-3-17-0 object { display: block; vertical-align: middle; }
.gradio-container-3-17-0 img, .gradio-container-3-17-0 video { max-width: 1=
00%; height: auto; }
.gradio-container-3-17-0 [hidden] { display: none; }
.gradio-container-3-17-0 [type=3D"text"], .gradio-container-3-17-0 [type=3D=
"email"], .gradio-container-3-17-0 [type=3D"url"], .gradio-container-3-17-0=
[type=3D"password"], .gradio-container-3-17-0 [type=3D"number"], .gradio-c=
ontainer-3-17-0 [type=3D"date"], .gradio-container-3-17-0 [type=3D"datetime=
-local"], .gradio-container-3-17-0 [type=3D"month"], .gradio-container-3-17=
-0 [type=3D"search"], .gradio-container-3-17-0 [type=3D"tel"], .gradio-cont=
ainer-3-17-0 [type=3D"time"], .gradio-container-3-17-0 [type=3D"week"], .gr=
adio-container-3-17-0 [multiple], .gradio-container-3-17-0 textarea, .gradi=
o-container-3-17-0 select { --tw-shadow: 0 0 #0000; appearance: none; borde=
r-width: 1px; border-color: rgb(107, 114, 128); border-radius: 0px; backgro=
und-color: rgb(255, 255, 255); padding: 0.5rem 0.75rem; font-size: 1rem; li=
ne-height: 1.5rem; }
.gradio-container-3-17-0 [type=3D"checkbox"], .gradio-container-3-17-0 [typ=
e=3D"radio"] { display: inline-block; flex-shrink: 0; vertical-align: middl=
e; appearance: none; border-width: 1px; border-color: rgb(107, 114, 128); b=
ackground-origin: border-box; background-color: rgb(255, 255, 255); padding=
: 0px; width: 1rem; height: 1rem; color: rgb(37, 99, 235); user-select: non=
e; }
.gradio-container-3-17-0 [type=3D"checkbox"]:checked { background-image: ur=
l("data:image/svg+xml,%3csvg viewBox=3D'0 0 16 16' fill=3D'white' xmlns=3D'=
http://www.w3.org/2000/svg'%3e%3cpath d=3D'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 01=
1.414 0z'/%3e%3c/svg%3e"); }
.gradio-container-3-17-0 [type=3D"radio"]:checked { background-image: url("=
data:image/svg+xml,%3csvg viewBox=3D'0 0 16 16' fill=3D'white' xmlns=3D'htt=
p://www.w3.org/2000/svg'%3e%3ccircle cx=3D'8' cy=3D'8' r=3D'3'/%3e%3c/svg%3=
e"); }
.gradio-container-3-17-0 select { background-image: url("data:image/svg+xml=
,%3csvg xmlns=3D'http://www.w3.org/2000/svg' fill=3D'none' viewBox=3D'0 0 2=
0 20'%3e%3cpath stroke=3D'%236b7280' stroke-linecap=3D'round' stroke-linejo=
in=3D'round' stroke-width=3D'1.5' d=3D'M6 8l4 4 4-4'/%3e%3c/svg%3e"); backg=
round-position: right 0.5rem center; background-size: 1.5em 1.5em; backgrou=
nd-repeat: no-repeat; padding-right: 2.5rem; }
.gradio-container-3-17-0 [type=3D"checkbox"]:checked, .gradio-container-3-1=
7-0 [type=3D"radio"]:checked { background-position: center center; backgrou=
nd-size: 100% 100%; background-repeat: no-repeat; }
.gradio-container-3-17-0 [type=3D"checkbox"]:checked:hover, .gradio-contain=
er-3-17-0 [type=3D"checkbox"]:checked:focus, .gradio-container-3-17-0 [type=
=3D"radio"]:checked:hover, .gradio-container-3-17-0 [type=3D"radio"]:checke=
d:focus { border-color: transparent; }
.gradio-container-3-17-0 [type=3D"checkbox"]:focus-visible, .gradio-contain=
er-3-17-0 [type=3D"checkbox"]:focus-visible, .gradio-container-3-17-0 [type=
=3D"radio"]:focus-visible, .gradio-container-3-17-0 [type=3D"radio"]:focus-=
visible { outline: none; }
.gradio-container-3-17-0 .scroll-hide { }
.gradio-container-3-17-0 .sr-only { clip: rect(0px, 0px, 0px, 0px); positio=
n: absolute; margin: -1px; border-width: 0px; padding: 0px; width: 1px; hei=
ght: 1px; overflow: hidden; white-space: nowrap; }
.gradio-container-3-17-0 .scroll-hide::-webkit-scrollbar { display: none; }
.gradio-container-3-17-0 { text-size-adjust: 100%; line-height: 1.5; font-f=
amily: "Source Sans Pro", ui-sans-serif, system-ui, -apple-system, BlinkMac=
SystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-=
serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Colo=
r Emoji"; tab-size: 4; }
.gradio-container-3-17-0 .cropper-container { position: relative; touch-act=
ion: none; font-size: 0px; line-height: 0; direction: ltr; user-select: non=
e; }
.gradio-container-3-17-0 .cropper-container img { display: block; width: 10=
0%; height: 100%; min-width: 0px !important; max-width: none !important; mi=
n-height: 0px !important; max-height: none !important; }
.gradio-container-3-17-0 .cropper-wrap-box, .gradio-container-3-17-0 .cropp=
er-canvas, .gradio-container-3-17-0 .cropper-drag-box, .gradio-container-3-=
17-0 .cropper-crop-box, .gradio-container-3-17-0 .cropper-modal { position:=
absolute; inset: 0px; }
.gradio-container-3-17-0 .cropper-wrap-box, .gradio-container-3-17-0 .cropp=
er-canvas { overflow: hidden; }
.gradio-container-3-17-0 .cropper-drag-box { opacity: 0; background-color: =
rgb(255, 255, 255); }
.gradio-container-3-17-0 .cropper-modal { opacity: 0.5; background-color: r=
gb(0, 0, 0); }
.gradio-container-3-17-0 .cropper-view-box { display: block; outline: rgba(=
51, 153, 255, 0.75) solid 1px; width: 100%; height: 100%; overflow: hidden;=
}
.gradio-container-3-17-0 .cropper-dashed { display: block; position: absolu=
te; opacity: 0.5; border: 0px dashed rgb(238, 238, 238); }
.gradio-container-3-17-0 .cropper-dashed.dashed-h { top: calc(33.3333%); le=
ft: 0px; border-top-width: 1px; border-bottom-width: 1px; width: 100%; heig=
ht: calc(33.3333%); }
.gradio-container-3-17-0 .cropper-dashed.dashed-v { top: 0px; left: calc(33=
.3333%); border-right-width: 1px; border-left-width: 1px; width: calc(33.33=
33%); height: 100%; }
.gradio-container-3-17-0 .cropper-center { display: block; position: absolu=
te; top: 50%; left: 50%; opacity: 0.75; width: 0px; height: 0px; }
.gradio-container-3-17-0 .cropper-center::before, .gradio-container-3-17-0 =
.cropper-center::after { display: block; position: absolute; background-col=
or: rgb(238, 238, 238); content: " "; }
.gradio-container-3-17-0 .cropper-center::before { top: 0px; left: -3px; wi=
dth: 7px; height: 1px; }
.gradio-container-3-17-0 .cropper-center::after { top: -3px; left: 0px; wid=
th: 1px; height: 7px; }
.gradio-container-3-17-0 .cropper-face, .gradio-container-3-17-0 .cropper-l=
ine, .gradio-container-3-17-0 .cropper-point { display: block; position: ab=
solute; opacity: 0.1; width: 100%; height: 100%; }
.gradio-container-3-17-0 .cropper-face { top: 0px; left: 0px; background-co=
lor: rgb(255, 255, 255); }
.gradio-container-3-17-0 .cropper-line { background-color: rgb(51, 153, 255=
); }
.gradio-container-3-17-0 .cropper-line.line-e { top: 0px; right: -3px; curs=
or: ew-resize; width: 5px; }
.gradio-container-3-17-0 .cropper-line.line-n { top: -3px; left: 0px; curso=
r: ns-resize; height: 5px; }
.gradio-container-3-17-0 .cropper-line.line-w { top: 0px; left: -3px; curso=
r: ew-resize; width: 5px; }
.gradio-container-3-17-0 .cropper-line.line-s { bottom: -3px; left: 0px; cu=
rsor: ns-resize; height: 5px; }
.gradio-container-3-17-0 .cropper-point { opacity: 0.75; background-color: =
rgb(51, 153, 255); width: 5px; height: 5px; }
.gradio-container-3-17-0 .cropper-point.point-e { top: 50%; right: -3px; cu=
rsor: ew-resize; margin-top: -3px; }
.gradio-container-3-17-0 .cropper-point.point-n { top: -3px; left: 50%; cur=
sor: ns-resize; margin-left: -3px; }
.gradio-container-3-17-0 .cropper-point.point-w { top: 50%; left: -3px; cur=
sor: ew-resize; margin-top: -3px; }
.gradio-container-3-17-0 .cropper-point.point-s { bottom: -3px; left: 50%; =
cursor: s-resize; margin-left: -3px; }
.gradio-container-3-17-0 .cropper-point.point-ne { top: -3px; right: -3px; =
cursor: nesw-resize; }
.gradio-container-3-17-0 .cropper-point.point-nw { top: -3px; left: -3px; c=
ursor: nwse-resize; }
.gradio-container-3-17-0 .cropper-point.point-sw { bottom: -3px; left: -3px=
; cursor: nesw-resize; }
.gradio-container-3-17-0 .cropper-point.point-se { right: -3px; bottom: -3p=
x; opacity: 1; cursor: nwse-resize; width: 20px; height: 20px; }
@media (min-width: 768px) {
.gradio-container-3-17-0 .cropper-point.point-se { width: 15px; height: 1=
5px; }
}
@media (min-width: 992px) {
.gradio-container-3-17-0 .cropper-point.point-se { width: 10px; height: 1=
0px; }
}
@media (min-width: 1200px) {
.gradio-container-3-17-0 .cropper-point.point-se { opacity: 0.75; width: =
5px; height: 5px; }
}
.gradio-container-3-17-0 .cropper-point.point-se::before { display: block; =
position: absolute; right: -50%; bottom: -50%; opacity: 0; background-color=
: rgb(51, 153, 255); width: 200%; height: 200%; content: " "; }
.gradio-container-3-17-0 .cropper-invisible { opacity: 0; }
.gradio-container-3-17-0 .cropper-bg { background-image: url("data:image/pn=
g;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAA=
AABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZ=
G9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElF=
TkSuQmCC"); }
.gradio-container-3-17-0 .cropper-hide { display: block; position: absolute=
; width: 0px; height: 0px; }
.gradio-container-3-17-0 .cropper-hidden { display: none !important; }
.gradio-container-3-17-0 .cropper-move { cursor: move; }
.gradio-container-3-17-0 .cropper-crop { cursor: crosshair; }
.gradio-container-3-17-0 .cropper-disabled .cropper-drag-box, .gradio-conta=
iner-3-17-0 .cropper-disabled .cropper-face, .gradio-container-3-17-0 .crop=
per-disabled .cropper-line, .gradio-container-3-17-0 .cropper-disabled .cro=
pper-point { cursor: not-allowed; }
:root, .gradio-container-3-17-0 :host { --color-focus-primary: var(--color-=
blue-300); --color-focus-secondary: var(--color-blue-500); --color-focus-ri=
ng: rgb(191 219 254 / 0.5); --color-background-primary: white; --color-back=
ground-secondary: var(--color-grey-50); --color-background-tertiary: white;=
--color-text-body: var(--color-grey-800); --color-text-label: var(--color-=
grey); --color-text-placeholder: var(--color-grey-400); --color-text-subdue=
d: var(--color-grey-400); --color-text-link-base: var(--color-blue-600); --=
color-text-link-hover: var(--color-blue-700); --color-text-link-visited: va=
r(--color-blue-500); --color-text-link-active: var(--color-blue-600); --col=
or-text-code-background: var(--color-grey-200); --color-text-code-border: c=
olor.border-primary; --color-border-primary: var(--color-grey-200); --color=
-border-secondary: var(--color-grey-600); --color-border-highlight: var(--c=
olor-accent-base); --color-accent-base: var(--color-orange-500); --color-ac=
cent-light: var(--color-orange-300); --color-accent-dark: var(--color-orang=
e-700); --color-functional-error-base: var(--color-red); --color-functional=
-error-subdued: var(--color-red-300); --color-functional-error-background: =
linear-gradient(to right,var(--color-red-100),var(--color-background-second=
ary)); --color-functional-info-base: var(--color-yellow); --color-functiona=
l-info-subdued: var(--color-yellow-300); --color-functional-success-base: v=
ar(--color-green); --color-functional-success-subdued: var(--color-green-30=
0); --shadow-drop: rgba(0,0,0,0.05) 0px 1px 2px 0px; --shadow-drop-lg: 0 1p=
x 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; --api-backgro=
und: linear-gradient(to bottom, rgba(255, 216, 180, 0.2), transparent); --a=
pi-pill-background: var(--color-orange-100); --api-pill-border: var(--color=
-orange-200); --api-pill-text: var(--color-orange-600); --block_label-borde=
r-color: var(--color-border-primary); --block_label-icon-color: var(--color=
-text-label); --block_label-background: var(--color-background-primary); --=
icon_button-icon-color-base: var(--color-text-label); --icon_button-icon-co=
lor-hover: var(--color-text-label); --icon_button-background-base: var(--co=
lor-background-primary); --icon_button-background-hover: var(--color-backgr=
ound-primary); --icon_button-border-color-base: var(--color-background-prim=
ary); --icon_button-border-color-hover: var(--color-border-primary); --inpu=
t-border-color-base: var(--color-border-primary); --input-border-color-hove=
r: var(--color-border-primary); --input-border-color-focus: var(--color-foc=
us-primary); --input-background-base: var(--color-background-tertiary); --i=
nput-background-hover: var(--color-background-tertiary); --input-background=
-focus: var(--color-focus-tertiary); --checkbox-border-radius: var(--radius=
-sm); --checkbox-border-color-base: var(--color-grey-300); --checkbox-borde=
r-color-hover: var(--color-grey-300); --checkbox-border-color-focus: var(--=
color-blue-500); --checkbox-border-color-selected: var(--color-blue-600); -=
-checkbox-background-base: var(--color-background-primary); --checkbox-back=
ground-hover: var(--color-background-primary); --checkbox-background-focus:=
var(--color-background-primary); --checkbox-background-selected: var(--col=
or-blue-600); --checkbox-label-border-color-base: var(--color-border-primar=
y); --checkbox-label-border-color-hover: var(--color-border-primary); --che=
ckbox-label-border-color-focus: var(--color-focus-secondary); --checkbox-la=
bel-background-hover: linear-gradient(to top, var(--color-grey-100), white)=
; --checkbox-label-background-base: linear-gradient(to top, var(--color-gre=
y-50), white); --checkbox-label-background-focus: linear-gradient(to top, v=
ar(--color-grey-100), white); --button-primary-border-color-base: var(--col=
or-orange-200); --button-primary-border-color-hover: var(--color-orange-200=
); --button-primary-border-color-focus: var(--color-orange-200); --button-p=
rimary-text-color-base: var(--color-orange-600); --button-primary-text-colo=
r-hover: var(--color-orange-600); --button-primary-text-color-focus: var(--=
color-orange-600); --button-primary-background-base: linear-gradient(to bot=
tom right, rgb(255 216 180 / 0.7), rgb(255 176 102 / 0.8)); --button-primar=
y-background-hover: linear-gradient(to bottom right, rgb(255 216 180 / 0.7)=
, rgb(255 216 180 / 0.9)); --button-primary-background-focus: linear-gradie=
nt(to bottom right, rgb(255 216 180 / 0.7), rgb(255 216 180 / 0.9)); --butt=
on-secondary-border-color-base: var(--color-grey-200); --button-secondary-b=
order-color-hover: var(--color-grey-200); --button-secondary-border-color-f=
ocus: var(--color-grey-200); --button-secondary-text-color-base: var(--bord=
er-grey-700); --button-secondary-text-color-hover: var(--border-grey-700); =
--button-secondary-text-color-focus: var(--border-grey-700); --button-secon=
dary-background-base: linear-gradient(to bottom right, rgb(243 244 246 / 0.=
7), rgb(229 231 235 / 0.8)); --button-secondary-background-hover: linear-gr=
adient(to bottom right, rgb(243 244 246 / 0.7), rgb(243 244 246 / 0.9)); --=
button-secondary-background-focus: linear-gradient(to bottom right, rgb(243=
244 246 / 0.7), rgb(243 244 246 / 0.9)); --button-cancel-border-color-base=
: var(--color-red-200); --button-cancel-border-color-hover: var(--color-red=
-200); --button-cancel-border-color-focus: var(--color-red-200); --button-c=
ancel-text-color-base: var(--color-red-600); --button-cancel-text-color-hov=
er: var(--color-red-600); --button-cancel-text-color-focus: var(--color-red=
-600); --button-cancel-background-base: linear-gradient(to bottom right, rg=
b(254 202 202 / 0.7), rgb(252 165 165 / 0.8)); --button-cancel-background-h=
over: linear-gradient(to bottom right, rgb(254 202 202 / 0.7), rgb(254 202 =
202 / 0.9)); --button-cancel-background-focus: linear-gradient(to bottom ri=
ght, rgb(254 202 202 / 0.7), rgb(254 202 202 / 0.9)); --button-plain-border=
-color-base: var(--color-border-primary); --button-plain-border-color-hover=
: var(--color-border-primary); --button-plain-border-color-focus: var(--col=
or-border-primary); --button-plain-text-color-base: var(--color-text-body);=
--button-plain-text-color-hover: var(--color-text-body); --button-plain-te=
xt-color-focus: var(--color-text-body); --button-plain-background-base: whi=
te; --button-plain-background-hover: white; --button-plain-background-focus=
: white; --gallery-label-background-base: var(--color-grey-50); --gallery-l=
abel-background-hover: var(--color-grey-50); --gallery-label-border-color-b=
ase: var(--color-border-primary); --gallery-label-border-color-hover: var(-=
-color-border-primary); --gallery-thumb-background-base: var(--color-grey-1=
00); --gallery-thumb-background-hover: white; --gallery-thumb-border-color-=
base: var(--color-border-primary); --gallery-thumb-border-color-hover: var(=
--color-accent-light); --gallery-thumb-border-color-focus: var(--color-focu=
s-secondary); --gallery-thumb-border-color-selected: var(--color-accent-bas=
e); --chatbot-border-radius: var(--radius-3xl); --chatbot-border-width: 0; =
--chatbot-user-background-base: var(--color-orange-400); --chatbot-user-bac=
kground-latest: var(--color-orange-400); --chatbot-user-text-color-base: wh=
ite; --chatbot-user-text-color-latest: white; --chatbot-user-border-color-b=
ase: transparent; --chatbot-user-border-color-latest: transparent; --chatbo=
t-bot-background-base: var(--color-grey-400); --chatbot-bot-background-late=
st: var(--color-grey-400); --chatbot-bot-text-color-base: white; --chatbot-=
bot-text-color-latest: white; --chatbot-bot-border-color-base: transparent;=
--chatbot-bot-border-color-latest: transparent; --label-gradient-from: var=
(--color-orange-400); --label-gradient-to: var(--color-orange-200); --table=
-even-background: white; --table-odd-background: var(--color-grey-50); --ta=
ble-background-edit: var(--color-orange-50); --dataset-gallery-background-b=
ase: white; --dataset-gallery-background-hover: var(--color-grey-50); --dat=
aset-dataframe-border-base: var(--color-grey-300); --dataset-dataframe-bord=
er-hover: var(--color-grey-300); --dataset-table-background-base: transpare=
nt; --dataset-table-background-hover: var(--color-orange-50); --dataset-tab=
le-border-base: var(--color-border-primary); --dataset-table-border-hover: =
var(--color-orange-100); }
.dark { --color-focus-primary: var(--color-grey-700); --color-focus-seconda=
ry: var(--color-grey-600); --color-focus-ring: rgb(55 65 81); --color-backg=
round-primary: var(--color-grey-950); --color-background-secondary: var(--c=
olor-grey-900); --color-background-tertiary: var(--color-grey-800); --color=
-text-body: var(--color-grey-100); --color-text-label: var(--color-grey-200=
); --color-text-placeholder: var(--color-grey); --color-text-subdued: var(-=
-color-grey-400); --color-text-link-base: var(--color-blue-500); --color-te=
xt-link-hover: var(--color-blue-400); --color-text-link-visited: var(--colo=
r-blue-600); --color-text-link-active: var(--color-blue-500); --color-text-=
code-background: var(--color-grey-800); --color-text-code-border: color.bor=
der-primary; --color-border-primary: var(--color-grey-700); --color-border-=
secondary: var(--color-grey-600); --color-border-highlight: var(--color-acc=
ent-base); --color-accent-base: var(--color-orange-500); --color-accent-lig=
ht: var(--color-orange-300); --color-accent-dark: var(--color-orange-700); =
--color-functional-error-base: var(--color-red-400); --color-functional-err=
or-subdued: var(--color-red-300); --color-functional-error-background: var(=
--color-background-primary); --color-functional-info-base: var(--color-yell=
ow); --color-functional-info-subdued: var(--color-yellow-300); --color-func=
tional-success-base: var(--color-green); --color-functional-success-subdued=
: var(--color-green-300); --shadow-spread: 2px; --api-background: linear-gr=
adient(to bottom, rgba(255, 216, 180, 0.05), transparent); --api-pill-backg=
round: var(--color-orange-400); --api-pill-border: var(--color-orange-600);=
--api-pill-text: var(--color-orange-900); --block-border-color: var(--colo=
r-border-primary); --block-background: var(--color-background-tertiary); --=
uploadable-border-color-hover: var(--color-border-primary); --uploadable-bo=
rder-color-loaded: var(--color-functional-success); --uploadable-text-color=
: var(--color-text-subdued); --block_label-border-color: var(--color-border=
-primary); --block_label-icon-color: var(--color-text-label); --block_label=
-shadow: var(--shadow-drop); --block_label-background: var(--color-backgrou=
nd-secondary); --icon_button-icon-color-base: var(--color-text-label); --ic=
on_button-icon-color-hover: var(--color-text-label); --icon_button-backgrou=
nd-base: var(--color-background-primary); --icon_button-background-hover: v=
ar(--color-background-primary); --icon_button-border-color-base: var(--colo=
r-background-primary); --icon_button-border-color-hover: var(--color-border=
-secondary); --input-text-color: var(--color-text-body); --input-border-col=
or-base: var(--color-border-primary); --input-border-color-hover: var(--col=
or-border-primary); --input-border-color-focus: var(--color-border-primary)=
; --input-background-base: var(--color-background-tertiary); --input-backgr=
ound-hover: var(--color-background-tertiary); --input-background-focus: var=
(--color-background-tertiary); --input-shadow: var(--shadow-inset); --check=
box-border-color-base: var(--color-border-primary); --checkbox-border-color=
-hover: var(--color-focus-primary); --checkbox-border-color-focus: var(--co=
lor-blue-500); --checkbox-background-base: var(--color-background-primary);=
--checkbox-background-hover: var(--color-background-primary); --checkbox-b=
ackground-focus: var(--color-background-primary); --checkbox-background-sel=
ected: var(--color-blue-600); --checkbox-label-border-color-base: var(--col=
or-border-primary); --checkbox-label-border-color-hover: var(--color-border=
-primary); --checkbox-label-border-color-focus: var(--color-border-secondar=
y); --checkbox-label-background-base: linear-gradient(to top, var(--color-g=
rey-900), var(--color-grey-800)); --checkbox-label-background-hover: linear=
-gradient(to top, var(--color-grey-900), var(--color-grey-800)); --checkbox=
-label-background-focus: linear-gradient(to top, var(--color-grey-900), var=
(--color-grey-800)); --form-seperator-color: var(--color-border-primary); -=
-button-primary-border-color-base: var(--color-orange-600); --button-primar=
y-border-color-hover: var(--color-orange-600); --button-primary-border-colo=
r-focus: var(--color-orange-600); --button-primary-text-color-base: white; =
--button-primary-text-color-hover: white; --button-primary-text-color-focus=
: white; --button-primary-background-base: linear-gradient(to bottom right,=
var(--color-orange-700), var(--color-orange-700)); --button-primary-backgr=
ound-hover: linear-gradient(to bottom right, var(--color-orange-700), var(-=
-color-orange-500)); --button-primary-background-focus: linear-gradient(to =
bottom right, var(--color-orange-700), var(--color-orange-500)); --button-s=
econdary-border-color-base: var(--color-grey-600); --button-secondary-borde=
r-color-hover: var(--color-grey-600); --button-secondary-border-color-focus=
: var(--color-grey-600); --button-secondary-text-color-base: white; --butto=
n-secondary-text-color-hover: white; --button-secondary-text-color-focus: w=
hite; --button-secondary-background-base: linear-gradient(to bottom right, =
var(--color-grey-600), var(--color-grey-700)); --button-secondary-backgroun=
d-hover: linear-gradient(to bottom right, var(--color-grey-600), var(--colo=
r-grey-600)); --button-secondary-background-focus: linear-gradient(to botto=
m right, var(--color-grey-600), var(--color-grey-600)); --button-cancel-bor=
der-color-base: var(--color-red-600); --button-cancel-border-color-hover: v=
ar(--color-red-600); --button-cancel-border-color-focus: var(--color-red-60=
0); --button-cancel-text-color-base: white; --button-cancel-text-color-hove=
r: white; --button-cancel-text-color-focus: white; --button-cancel-backgrou=
nd-base: linear-gradient(to bottom right, var(--color-red-700), var(--color=
-red-700)); --button-cancel-background-focus: linear-gradient(to bottom rig=
ht, var(--color-red-700), var(--color-red-500)); --button-cancel-background=
-hover: linear-gradient(to bottom right, var(--color-red-700), var(--color-=
red-500)); --button-plain-border-color-base: var(--color-grey-600); --butto=
n-plain-border-color-hover: var(--color-grey-500); --button-plain-border-co=
lor-focus: var(--color-grey-500); --button-plain-text-color-base: var(--col=
or-text-body); --button-plain-text-color-hover: var(--color-text-body); --b=
utton-plain-text-color-focus: var(--color-text-body); --button-plain-backgr=
ound-base: var(--color-grey-700); --button-plain-background-hover: var(--co=
lor-grey-700); --button-plain-background-focus: var(--color-grey-700); --ga=
llery-label-background-base: var(--color-grey-50); --gallery-label-backgrou=
nd-hover: var(--color-grey-50); --gallery-label-border-color-base: var(--co=
lor-border-primary); --gallery-label-border-color-hover: var(--color-border=
-primary); --gallery-thumb-background-base: var(--color-grey-900); --galler=
y-thumb-background-hover: var(--color-grey-900); --gallery-thumb-border-col=
or-base: var(--color-border-primary); --gallery-thumb-border-color-hover: v=
ar(--color-accent-base); --gallery-thumb-border-color-focus: var(--color-bl=
ue-500); --gallery-thumb-border-color-selected: var(--color-accent-base); -=
-chatbot-border-border-color-base: transparent; --chatbot-border-border-col=
or-latest: transparent; --chatbot-user-background-base: ; --chatbot-user-ba=
ckground-latest: ; --chatbot-user-text-color-base: white; --chatbot-user-te=
xt-color-latest: white; --chatbot-bot-background-base: ; --chatbot-bot-back=
ground-latest: ; --chatbot-bot-text-color-base: white; --chatbot-bot-text-c=
olor-latest: white; --label-gradient-from: var(--color-orange-400); --label=
-gradient-to: var(--color-orange-600); --table-odd-background: var(--color-=
grey-900); --table-even-background: var(--color-grey-950); --table-backgrou=
nd-edit: transparent; --dataset-gallery-background-base: var(--color-backgr=
ound-primary); --dataset-gallery-background-hover: var(--color-grey-800); -=
-dataset-dataframe-border-base: var(--color-border-primary); --dataset-data=
frame-border-hover: var(--color-border-secondary); --dataset-table-backgrou=
nd-base: transparent; --dataset-table-background-hover: var(--color-grey-70=
0); --dataset-table-border-base: var(--color-grey-800); --dataset-table-bor=
der-hover: var(--color-grey-800); }
: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: 0.75rem; --scale-00: 0.875rem; --scale-fluid-0: clamp(0.875rem, 0.8rem=
+ 0.25vw, 1rem); --scale-fluid-1: clamp(1rem, 0.925rem + 0.25vw, 1.125rem)=
; --scale-fluid-2: clamp(1.125rem, 1.05rem + 0.25vw, 1.25rem); --scale-flui=
d-3: clamp(1.8125rem, 2rem + -0.625vw, 1.5rem); --scale-fluid-4: clamp(1.5r=
em, 1.275rem + 0.75vw, 1.875rem); --scale-fluid-5: clamp(1.875rem, 1.65rem =
+ 0.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: cl=
amp(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-f=
luid-000: clamp(0.625rem, 0.55rem + 0.25vw, 0.75rem); --scale-fluid-00: cla=
mp(0.75rem, 0.675rem + 0.25vw, 0.875rem); --font-sans: Source Sans Pro, ui-=
sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Robot=
o, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "=
Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: Georg=
ia, Cambria, "Times New Roman", Times, serif; --font-mono: IBM Plex Mono, u=
i-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "C=
ourier New", monospace; --weight-light: 300; --weight-regular: 400; --weigh=
t-medium: 500; --weight-semibold: 600; --weight-bold: 700; --weight-extrabo=
ld: 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: -0.05em; =
--letter-sm: -0.025em; --letter-none: 0em; --letter-lg: 0.025em; --letter-x=
l: 0.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; --s=
ize-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: 11=
2px; --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; --si=
ze-px: 1px; --size-full: 100%; --size-screen: 100vw; --size-min: min-conten=
t; --size-max: max-content; --size-0-5: 2px; --size-1-5: 6px; --size-2-5: 1=
0px; --size-screen-h: 100vh; --width-xs: 480px; --width-sm: 640px; --width-=
md: 768px; --width-lg: 1024px; --width-xl: 1280px; --ratio-square: 1/1; --r=
atio-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=
: 2.14748e+9; --shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba=
(0, 0, 0, 0.06); --shadow-sm: 0 4px 6px -2px rgba(0, 0, 0, 0.1), 0 2px 4px =
-2px rgba(0, 0, 0, 0.06); --shadow-md: 0 12px 16px -4px rgba(0, 0, 0, 0.1),=
0 4px 6px -2px rgba(0, 0, 0, 0.05); --shadow-lg: 0 20px 24px -4px rgba(0, =
0, 0, 0.1), 0 8px 8px -4px rgba(0, 0, 0, 0.04); --shadow-xl: 0 24px 48px -1=
2px rgba(0, 0, 0, 0.25); --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715=
); --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1); --ease-in-out-sine=
: cubic-bezier(0.445, 0.05, 0.55, 0.95); --ease-in-quad: cubic-bezier(0.55,=
0.085, 0.68, 0.53); --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);=
--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); --ease-in-cub=
ic: cubic-bezier(0.55, 0.055, 0.675, 0.19); --ease-out-cubic: cubic-bezier(=
0.215, 0.61, 0.355, 1); --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.3=
55, 1); --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22); --ease-out=
-quart: cubic-bezier(0.165, 0.84, 0.44, 1); --ease-in-out-quart: cubic-bezi=
er(0.77, 0, 0.175, 1); --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.=
06); --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1); --ease-in-out-quint:=
cubic-bezier(0.86, 0, 0.07, 1); --ease-in-expo: cubic-bezier(0.95, 0.05, 0=
.795, 0.035); --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1); --ease-in-ou=
t-expo: cubic-bezier(1, 0, 0, 1); --ease-in-circ: cubic-bezier(0.6, 0.04, 0=
.98, 0.335); --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1); --ease-i=
n-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86); --ease-in-back: cubic-b=
ezier(0.6, -0.28, 0.735, 0.045); --ease-out-back: cubic-bezier(0.175, 0.885=
, 0.32, 1.275); --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);=
--easing-standard: cubic-bezier(0.4, 0, 0.2, 1); --easing-accelerate: cubi=
c-bezier(0.4, 0, 1, 1); --easing-decelerate: cubic-bezier(0, 0, 0.2, 1); --=
elevation-1: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --elevation-2: 0 1px 3px 0 rg=
ba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); --elevation-3: 0 4px 6px=
-2px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06); --elevation-4=
: 0 12px 16px -4px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); =
--elevation-5: 0 20px 24px -4px rgba(0, 0, 0, 0.1), 0 8px 8px -4px rgba(0, =
0, 0, 0.04); --elevation-6: 0 24px 48px -12px rgba(0, 0, 0, 0.25); --elevat=
ion-7: 0 32px 64px -12px rgba(0, 0, 0, 0.2); --color-grey-50: #f9fafb; --co=
lor-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-30=
0: #fca5a5; --color-red-500: #ef4444; --color-red-700: #b91c1c; --color-red=
: #ef4444; --color-green-300: #86efac; --color-green-500: #22c55e; --color-=
green-700: #2f855a; --color-green: #22c55e; --color-blue-300: #93c5fd; --co=
lor-blue-500: #0ea5e9; --color-blue-700: #1d4ed8; --color-blue: #0ea5e9; --=
color-pink-300: #fbb6ce; --color-pink-500: #ed64a6; --color-pink-700: #d53f=
8c; --color-pink: var(--color-pink-500); --color-purple-300: #b794f4; --col=
or-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-yello=
w-300: #fde047; --color-yellow-500: #eab308; --color-yellow-700: #d69e2e; -=
-color-yellow: #eab308; --color-orange-300: #ffb066; --color-orange-500: #f=
f7c00; --color-orange-700: #ce6400; --color-orange: #f97316; --color-brown-=
300: #a1887f; --color-brown-500: #795548; --color-brown-700: #5d4037; --col=
or-brown: var(--color-brown-500); --color-blue-200: #bfdbfe; --color-blue-4=
00: #60a5fa; --color-blue-600: #2563eb; --color-grey-950: #0b0f19; --color-=
red-100: #fee2e2; --color-red-200: #fecaca; --color-red-400: #f87171; --col=
or-red-600: #dc2626; --color-red-800: #991b1b; --color-red-900: #7f1d1d; --=
color-green-200: #bbf7d0; --color-green-400: #4ade80; --color-green-600: #1=
6a34a; --color-green-800: #166534; --color-orange-50: #fff2e5; --color-oran=
ge-100: #ffe5cc; --color-orange-200: #ffd8b4; --color-orange-400: #ff9633; =
--color-orange-600: #ee7400; --color-orange-800: #a45000; --color-orange-90=
0: #5c2d00; --color-yellow-200: #fef08a; --color-yellow-400: #facc15; --col=
or-yellow-600: #ca8a04; --color-yellow-800: #854d0e; --grid-2: repeat(2, mi=
nmax(0, 1fr)); --grid-3: repeat(3, minmax(0, 1fr)); --grid-4: repeat(4, min=
max(0, 1fr)); --grid-5: repeat(5, minmax(0, 1fr)); --grid-6: repeat(6, minm=
ax(0, 1fr)); --grid-7: repeat(7, minmax(0, 1fr)); --grid-8: repeat(8, minma=
x(0, 1fr)); --grid-9: repeat(9, minmax(0, 1fr)); --grid-10: repeat(10, minm=
ax(0, 1fr)); --grid-11: repeat(11, minmax(0, 1fr)); --grid-12: repeat(12, m=
inmax(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-3-17-0 .prose { font-size: var(--scale-0); }
.gradio-container-3-17-0 .prose * { color: var(--color-text-body); }
.gradio-container-3-17-0 .prose p { margin-bottom: 1rem; font-size: var(--s=
cale-0); line-height: var(--line-lg); }
.gradio-container-3-17-0 .prose h1, .gradio-container-3-17-0 .prose h2, .gr=
adio-container-3-17-0 .prose h3, .gradio-container-3-17-0 .prose h4, .gradi=
o-container-3-17-0 .prose h5 { margin: 2rem 0px 1rem; font-weight: 600; lin=
e-height: 1.3; }
.gradio-container-3-17-0 .prose h1 { margin-top: 0px; font-size: 1.802rem; =
}
.gradio-container-3-17-0 .prose h2 { font-size: 1.602rem; }
.gradio-container-3-17-0 .prose h3 { font-size: 1.424rem; }
.gradio-container-3-17-0 .prose h4 { font-size: 1.266rem; }
.gradio-container-3-17-0 .prose h5 { font-size: 1.125rem; }
@media (min-width: 550px) {
.gradio-container-3-17-0 .prose h1 { margin-top: 0px; font-size: 2.488rem=
; }
.gradio-container-3-17-0 .prose h2 { font-size: 2.074rem; }
.gradio-container-3-17-0 .prose h3 { font-size: 1.728rem; }
.gradio-container-3-17-0 .prose h4 { font-size: 1.44rem; }
.gradio-container-3-17-0 .prose h5 { font-size: 1.2rem; }
.gradio-container-3-17-0 .prose small { font-size: 0.833rem; }
}
.gradio-container-3-17-0 .prose ul { list-style: inside circle; }
.gradio-container-3-17-0 .prose ol { list-style: inside decimal; }
.gradio-container-3-17-0 .prose ol, .gradio-container-3-17-0 .prose ul { ma=
rgin-top: 0px; padding-left: 0px; }
.gradio-container-3-17-0 .prose ul ul, .gradio-container-3-17-0 .prose ul o=
l, .gradio-container-3-17-0 .prose ol ol, .gradio-container-3-17-0 .prose o=
l ul { margin: 0.5rem 0px 0.5rem 3rem; font-size: 90%; }
.gradio-container-3-17-0 .prose li { margin-bottom: 0.5rem; }
.gradio-container-3-17-0 .prose code { border: 1px solid var(--color-border=
-primary); border-radius: var(--radius-sm); background: var(--color-backgro=
und-secondary); padding: 1px 3px; font-size: 85%; white-space: nowrap; }
.gradio-container-3-17-0 .prose pre > code { display: block; padding: 0.5re=
m 0.7rem; white-space: pre; }
.gradio-container-3-17-0 .prose th, .gradio-container-3-17-0 .prose td { bo=
rder-bottom: 1px solid rgb(225, 225, 225); padding: 12px 15px; text-align: =
left; }
.gradio-container-3-17-0 .prose th:first-child, .gradio-container-3-17-0 .p=
rose td:first-child { padding-left: 0px; }
.gradio-container-3-17-0 .prose th:last-child, .gradio-container-3-17-0 .pr=
ose td:last-child { padding-right: 0px; }
.gradio-container-3-17-0 .prose button, .gradio-container-3-17-0 .prose .bu=
tton, .gradio-container-3-17-0 .prose input, .gradio-container-3-17-0 .pros=
e textarea, .gradio-container-3-17-0 .prose select, .gradio-container-3-17-=
0 .prose fieldset { margin-bottom: 1rem; }
.gradio-container-3-17-0 .prose pre, .gradio-container-3-17-0 .prose blockq=
uote, .gradio-container-3-17-0 .prose dl, .gradio-container-3-17-0 .prose f=
igure, .gradio-container-3-17-0 .prose table, .gradio-container-3-17-0 .pro=
se p, .gradio-container-3-17-0 .prose ul, .gradio-container-3-17-0 .prose o=
l, .gradio-container-3-17-0 .prose form { margin-bottom: 1rem; }
.gradio-container-3-17-0 .prose a { color: var(--color-text-link-base); tex=
t-decoration: underline; }
.gradio-container-3-17-0 .prose a:visited { color: var(--color-text-link-vi=
sited); }
.gradio-container-3-17-0 .prose a:hover { color: var(--color-text-link-hove=
r); }
.gradio-container-3-17-0 .prose a:active { color: var(--color-text-link-act=
ive); }
.gradio-container-3-17-0 .prose hr { margin-top: 3rem; margin-bottom: 3.5re=
m; border-width: 1px 0px 0px; border-top-style: solid; border-top-color: rg=
b(225, 225, 225); }
.gradio-container-3-17-0 .prose blockquote { border-left: 5px solid var(--c=
olor-border-primary); padding-left: var(--size-2); margin: var(--size-6) 0 =
!important; }
button.svelte-1ma3u5b { display: inline-flex; justify-content: center; alig=
n-items: center; box-shadow: var(--shadow-drop); padding: var(--size-0-5) v=
ar(--size-2); text-align: center; }
button.svelte-1ma3u5b:hover { box-shadow: var(--shadow-drop-lg); }
.hide.svelte-1ma3u5b { display: none; }
.plain.svelte-1ma3u5b { border: 1px solid var(--button-plain-border-color-b=
ase); background: var(--button-plain-background-base); color: var(--button-=
plain-text-color-base); }
.plain.svelte-1ma3u5b:hover { border: 1px solid var(--button-plain-border-c=
olor-hover); background: var(--button-plain-background-hover); color: var(-=
-button-plain-text-color-hover); }
.plain.svelte-1ma3u5b:focus { border: 1px solid var(--button-plain-border-c=
olor-focus); background: var(--button-plain-background-focus); color: var(-=
-button-plain-text-color-focus); }
.primary.svelte-1ma3u5b { border: 1px solid var(--button-primary-border-col=
or-base); background: var(--button-primary-background-base); color: var(--b=
utton-primary-text-color-base); }
.primary.svelte-1ma3u5b:hover { border-color: var(--button-primary-border-c=
olor-hover); background: var(--button-primary-background-hover); color: var=
(--button-primary-text-color-hover); }
.primary.svelte-1ma3u5b:focus { border-color: var(--button-primary-border-c=
olor-focus); background: var(--button-primary-background-focus); color: var=
(--button-primary-text-color-focus); }
.secondary.svelte-1ma3u5b { border: 1px solid var(--button-secondary-border=
-color-base); background: var(--button-secondary-background-base); color: v=
ar(--button-secondary-text-color-base); }
.secondary.svelte-1ma3u5b:hover { border-color: var(--button-secondary-bord=
er-color-hover); background: var(--button-secondary-background-hover); colo=
r: var(--button-secondary-text-color-hover); }
.secondary.svelte-1ma3u5b:focus { border-color: var(--button-secondary-bord=
er-color-focus); background: var(--button-secondary-background-focus); colo=
r: var(--button-secondary-text-color-focus); }
.stop.svelte-1ma3u5b { border: 1px solid var(--button-cancel-border-color-b=
ase); background: var(--button-cancel-background-base); color: var(--button=
-cancel-text-color-base); }
.stop.svelte-1ma3u5b:hover { border-color: var(--button-cancel-border-color=
-hover); background: var(--button-cancel-background-hover); color: var(--bu=
tton-cancel-text-color-hover); }
.stop.svelte-1ma3u5b:focus { border-color: var(--button-cancel-border-color=
-focus); background: var(--button-cancel-background-focus); color: var(--bu=
tton-cancel-text-color-focus); }
.sm.svelte-1ma3u5b { border-radius: var(--radius-sm); padding: var(--size-1=
) var(--size-3); font-weight: var(--weight-regular); font-size: var(--scale=
-00); }
.lg.svelte-1ma3u5b { border-radius: var(--radius-lg); padding: var(--size-2=
) var(--size-4); font-weight: var(--weight-bold); font-size: var(--scale-0)=
; line-height: var(--line-md); }
h3.svelte-1vf9tph { margin-bottom: var(--size-2); color: var(--color-text-b=
ody); font-weight: var(--weight-bold); font-size: var(--scale-1); }
.post.svelte-1vf9tph { margin-right: var(--size-2); border: 1px solid var(-=
-api-pill-border); border-radius: var(--radius-sm); background: var(--api-p=
ill-background); padding-right: var(--size-1); padding-left: var(--size-1);=
color: var(--api-pill-text); font-weight: var(--weight-semibold); font-siz=
e: var(--scale-00); }
.endpoint.svelte-1vf9tph { margin-bottom: var(--size-6); color: var(--color=
-text-body); font-size: var(--scale-00); }
code.svelte-1vf9tph { border: none; background: none; font-size: 90%; }
.endpoint.svelte-1vf9tph > button { margin-bottom: 0px; margin-left: var(--=
size-2); padding: 0 var(--size-2); }
.space.svelte-daypbi { display: flex; margin-top: var(--size-4); }
h4.svelte-daypbi { display: flex; align-items: center; margin-top: var(--si=
ze-6); margin-bottom: var(--size-3); color: var(--color-text-body); font-we=
ight: var(--weight-bold); }
.toggle-icon.svelte-daypbi { display: flex; align-items: center; margin-rig=
ht: var(--size-2); border-radius: var(--radius-full); background: var(--col=
or-grey-300); width: 12px; height: 4px; }
.toggle-dot.svelte-daypbi { border-radius: var(--radius-full); background: =
var(--color-grey-700); width: 6px; height: 6px; }
.dark .toggle-icon.svelte-daypbi { background: var(--color-grey-500); }
.dark .toggle-dot.svelte-daypbi { background: var(--color-grey-400); }
.payload-details.svelte-daypbi { display: block; border: 1px solid var(--co=
lor-border-primary); border-radius: var(--radius-lg); background: var(--col=
or-background-tertiary); padding: var(--size-4); color: var(--color-text-bo=
dy); font-size: var(--scale-00); font-family: var(--font-mono); }
input.svelte-daypbi { --ring-color:transparent; margin-top: var(--size-0-5)=
; margin-bottom: var(--size-0-5); box-shadow: 0 0 0 var(--shadow-spread) va=
r(--ring-color); border: 1px solid var(--input-border-color-base); border-r=
adius: var(--radius-sm); background: var(--input-background-base); padding:=
var(--size-0-5) var(--size-1); width: var(--size-40); font-size: var(--sca=
le-000); }
input.svelte-daypbi:focus-visible { --ring-color:var(--color-focus-primary)=
; outline: none; }
input.svelte-daypbi:focus { --ring-color:var(--color-focus-primary); border=
-color: var(--input-border-color-focus); }
.error.svelte-daypbi { color: var(--color-functional-error-base); }
.type.svelte-daypbi { color: var(--color-text-label); }
.desc.svelte-daypbi { color: var(--color-text-subdued); }
.name.svelte-daypbi { text-transform: capitalize; }
svg.svelte-17vbz2n { width: var(--size-20); height: var(--size-20); font-si=
ze: var(--scale-2); }
div.svelte-17vbz2n { z-index: var(--layer-2); }
.margin.svelte-17vbz2n { margin: var(--size-4); }
.load-wrap.svelte-ex55su { place-self: center; }
h4.svelte-ex55su { display: flex; align-items: center; margin-top: var(--si=
ze-6); margin-bottom: var(--size-3); color: var(--color-text-body); font-we=
ight: var(--weight-bold); }
.toggle-icon.svelte-ex55su { display: flex; align-items: center; margin-rig=
ht: var(--size-2); border-radius: var(--radius-full); background: var(--col=
or-grey-300); width: 12px; height: 4px; }
.toggle-dot.svelte-ex55su { margin-left: auto; border-radius: var(--radius-=
full); background: var(--color-grey-700); width: 6px; height: 6px; }
.response-wrap.svelte-ex55su { display: flex; flex-direction: column; borde=
r: 1px solid var(--color-border-primary); border-radius: var(--radius-lg); =
background: var(--color-background-tertiary); padding: var(--size-4); color=
: var(--color-text-body); font-size: var(--scale-00); font-family: var(--fo=
nt-mono); }
input.svelte-ex55su { --ring-color:transparent; margin-top: var(--size-0-5)=
; margin-bottom: var(--size-0-5); box-shadow: 0 0 0 var(--shadow-spread) va=
r(--ring-color); border: 1px solid var(--input-border-color-base); border-r=
adius: var(--radius-sm); background: var(--input-background-base); padding:=
var(--size-0-5) var(--size-1); width: var(--size-40); font-size: var(--sca=
le-000); }
input.svelte-ex55su:focus-visible { --ring-color:var(--color-focus-primary)=
; outline: none; }
input.svelte-ex55su:focus { --ring-color:var(--color-focus-primary); border=
-color: var(--input-border-color-focus); }
.type.svelte-ex55su { color: var(--color-text-label); }
.desc.svelte-ex55su { color: var(--color-text-subdued); }
.name.svelte-ex55su { text-transform: capitalize; }
.hide.svelte-ex55su { display: none; }
h4.svelte-si2r3q.svelte-si2r3q.svelte-si2r3q { display: flex; align-items: =
center; margin-top: var(--size-8); margin-bottom: var(--size-3); color: var=
(--color-text-body); font-weight: var(--weight-bold); }
h4.svelte-si2r3q svg.svelte-si2r3q.svelte-si2r3q { margin-right: var(--size=
-1-5); }
.snippets.svelte-si2r3q.svelte-si2r3q.svelte-si2r3q { display: flex; align-=
items: center; margin-bottom: var(--size-3); }
.snippets.svelte-si2r3q > .svelte-si2r3q + .svelte-si2r3q { margin-left: va=
r(--size-2); }
.snippet.svelte-si2r3q.svelte-si2r3q.svelte-si2r3q { display: flex; align-i=
tems: center; border: 1px solid var(--color-border-primary); border-radius:=
var(--radius-md); padding: var(--size-1) var(--size-1-5); color: var(--col=
or-text-body); font-size: var(--scale-0); line-height: 1; user-select: none=
; text-transform: capitalize; }
.current-lang.svelte-si2r3q.svelte-si2r3q.svelte-si2r3q { border: 1px solid=
var(--color-text-subdued); color: var(--color-text-body); }
.inactive-lang.svelte-si2r3q.svelte-si2r3q.svelte-si2r3q { cursor: pointer;=
color: var(--color-text-subdued); }
.inactive-lang.svelte-si2r3q.svelte-si2r3q.svelte-si2r3q:hover, .inactive-l=
ang.svelte-si2r3q.svelte-si2r3q.svelte-si2r3q:focus { box-shadow: var(--sha=
dow-drop); color: var(--color-text-body); }
.snippet.svelte-si2r3q img.svelte-si2r3q.svelte-si2r3q { margin-right: var(=
--size-1-5); width: var(--size-3); }
code.svelte-si2r3q pre.svelte-si2r3q.svelte-si2r3q { display: flex; flex-di=
rection: column; border: 1px solid var(--color-border-primary); border-radi=
us: var(--radius-md); background-color: var(--color-background-tertiary); p=
adding: var(--size-4); overflow-x: auto; color: var(--color-text-body); fon=
t-size: var(--scale-00); tab-size: 2; }
.client.svelte-si2r3q.svelte-si2r3q.svelte-si2r3q { white-space: pre-wrap; =
overflow-wrap: break-word; }
.banner-wrap.svelte-12lwdui { position: relative; border-bottom: 1px solid =
var(--color-border-primary); padding: var(--size-4) var(--size-6); font-siz=
e: var(--scale-00); }
@media (min-width: 768px) {
.banner-wrap.svelte-12lwdui { font-size: var(--scale-1); }
}
.docs-wrap.svelte-12lwdui { display: flex; flex-direction: column; gap: var=
(--size-6); }
.endpoint.svelte-12lwdui { border-radius: var(--radius-md); background: var=
(--api-background); padding: var(--size-6); }
.wrap.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { display: flex; flex-di=
rection: column; width: var(--size-full); }
.contain.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { margin-right: auto;=
margin-left: auto; background: var(--color-background-primary); padding: v=
ar(--size-6) var(--size-4); width: 100%; }
@media (min-width: 640px) {
.contain.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { max-width: 640px;=
}
}
@media (min-width: 768px) {
.contain.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { max-width: 768px;=
}
}
@media (min-width: 1024px) {
.contain.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { max-width: 1024px=
; }
}
@media (min-width: 1280px) {
.contain.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { max-width: 1280px=
; }
}
@media (min-width: 1536px) {
.contain.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { max-width: 1536px=
; }
}
footer.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { display: flex; justif=
y-content: center; padding-bottom: var(--size-6); color: var(--color-text-s=
ubdued); font-size: var(--scale-00); }
footer.svelte-1iguv9h > .svelte-1iguv9h + .svelte-1iguv9h { margin-left: va=
r(--size-2); }
.show-api.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { display: flex; ali=
gn-items: center; }
.show-api.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h:hover { color: var(-=
-color-text-body); }
.show-api.svelte-1iguv9h img.svelte-1iguv9h.svelte-1iguv9h { margin-right: =
var(--size-1); margin-left: var(--size-2); width: var(--size-3); }
.built-with.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { display: flex; a=
lign-items: center; }
.built-with.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h:hover { color: var=
(--color-text-body); }
.built-with.svelte-1iguv9h img.svelte-1iguv9h.svelte-1iguv9h { margin-right=
: var(--size-1); margin-left: var(--size-2); width: var(--size-3); }
.api-docs.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { display: flex; pos=
ition: fixed; top: 0px; z-index: var(--layer-5); background: rgba(0, 0, 0, =
0.5); width: var(--size-screen); height: var(--size-screen-h); }
.backdrop.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { flex: 1 1 0%; back=
drop-filter: blur(4px); }
.api-docs-wrap.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { box-shadow: v=
ar(--shadow-drop-lg); background: var(--color-background-primary); overflow=
: hidden auto; }
@media (min-width: 768px) {
.api-docs-wrap.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { border-top-=
left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg);=
width: 950px; }
}
@media (min-width: 1536px) {
.api-docs-wrap.svelte-1iguv9h.svelte-1iguv9h.svelte-1iguv9h { width: 1150=
px; }
}
div.svelte-1fwqiwq { display: flex; flex-direction: inherit; flex-wrap: wra=
p; gap: 1px; border: 1px solid var(--color-border-primary); border-radius: =
var(--radius-lg); background: var(--color-border-primary); overflow: hidden=
; }
div.svelte-1fwqiwq .block { box-shadow: none !important; border-width: 0px =
!important; border-radius: 0px !important; }
.hidden.svelte-1fwqiwq { display: none; }
label.svelte-1623jum.svelte-1623jum.svelte-1623jum { display: flex; align-i=
tems: center; cursor: pointer; color: var(--color-text-body); font-size: va=
r(--scale-00); line-height: var(--line-md); }
label.svelte-1623jum > .svelte-1623jum + .svelte-1623jum { margin-left: var=
(--size-2); }
input.svelte-1623jum.svelte-1623jum.svelte-1623jum { --ring-color:transpare=
nt; position: relative; box-shadow: 0 0 0 var(--shadow-spread) var(--ring-c=
olor),var(--shadow-drop); border: 1px solid var(--checkbox-border-color-bas=
e); border-radius: var(--checkbox-border-radius); background-color: var(--c=
heckbox-background-base); font-size: var(--scale-00); line-height: var(--li=
ne-sm); }
input.svelte-1623jum.svelte-1623jum.svelte-1623jum:checked { border-color: =
var(--checkbox-border-color-selected); background-color: var(--checkbox-bac=
kground-selected); }
input.svelte-1623jum.svelte-1623jum.svelte-1623jum:hover { border-color: va=
r(--checkbox-border-color-hover); background-color: var(--checkbox-backgrou=
nd-hover); }
input.svelte-1623jum.svelte-1623jum.svelte-1623jum:focus { --ring-color:var=
(--color-focus-ring); border-color: var(--checkbox-border-color-focus); bac=
kground-color: var(--checkbox-background-focus); }
input.svelte-1623jum.svelte-1623jum.svelte-1623jum:checked:focus { border-c=
olor: var(--checkbox-background-selected); background-color: var(--checkbox=
-background-selected); }
input.svelte-1623jum.svelte-1623jum.svelte-1623jum:checked:hover { border-c=
olor: var(--checkbox-background-selected); background-color: var(--checkbox=
-background-selected); }
input[disabled].svelte-1623jum.svelte-1623jum.svelte-1623jum, .disabled.sve=
lte-1623jum.svelte-1623jum.svelte-1623jum { cursor: not-allowed; }
div.svelte-22eyqs { display: flex; flex-direction: column; border: 1px soli=
d var(--color-border-primary); border-radius: var(--radius-xl); background:=
var(--color-background-secondary); padding: var(--size-4); }
div.svelte-22eyqs > * + * { margin-top: var(--size-2); }
.block.svelte-faijhx { position: relative; margin: 0px; box-shadow: var(--s=
hadow-drop); border-width: 1px; border-radius: var(--radius-lg); background=
: var(--color-background-tertiary); width: 100%; color: var(--color-text-bo=
dy); font-size: var(--scale-00); line-height: var(--line-sm); }
.padded.svelte-faijhx { padding: var(--size-2-5) var(--size-3); }
.hidden.svelte-faijhx { display: none; }
span.svelte-1l2rj76 { display: block; position: relative; z-index: var(--la=
yer-4); margin-bottom: var(--size-2); color: var(--color-text-label); font-=
size: var(--scale-00); line-height: var(--line-sm); }
.hide.svelte-1l2rj76 { margin: 0px; height: 0px; }
div.svelte-1890zbi { display: flex; position: absolute; top: 0px; left: 0px=
; align-items: center; z-index: var(--layer-2); box-shadow: var(--shadow-dr=
op); border-right-color: ; border-right-style: ; border-right-width: ; bord=
er-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-ima=
ge-source: ; border-image-slice: ; border-image-width: ; border-image-outse=
t: ; border-image-repeat: ; border-top: none; border-left: none; border-top=
-left-radius: calc(var(--radius-lg) - 1px); border-bottom-right-radius: var=
(--radius-lg); background: var(--block_label-background); padding: var(--si=
ze-1) var(--size-2); pointer-events: none; color: var(--color-text-label); =
font-size: var(--scale-000); line-height: var(--line-sm); }
.hide.svelte-1890zbi { height: 0px; }
span.svelte-1890zbi { opacity: 0.8; margin-right: var(--size-2); width: var=
(--size-3); height: var(--size-3); }
button.svelte-6wz9ny { display: flex; justify-content: center; align-items:=
center; z-index: var(--layer-1); box-shadow: var(--shadow-drop); border: 1=
px solid var(--icon_button-border-color-base); border-radius: var(--radius-=
sm); background: var(--color-background-primary); width: var(--size-5); hei=
ght: var(--size-5); color: var(--color-text-label); }
button.svelte-6wz9ny:hover { border: 1px solid var(--icon_button-border-col=
or-hover); color: var(--color-text-label); }
div.svelte-6wz9ny { width: 60%; height: 60%; }
.empty.svelte-1vhybi6 { display: flex; justify-content: center; align-items=
: center; height: var(--size-full); }
.icon.svelte-1vhybi6 { opacity: 0.5; height: var(--size-5); color: var(--co=
lor-text-body); }
.small.svelte-1vhybi6 { height: calc(var(--size-32) - 20px); }
.large.svelte-1vhybi6 { height: calc(var(--size-64) - 20px); }
.unpadded_box.small.svelte-1vhybi6 { min-height: var(--size-32); }
.unpadded_box.large.svelte-1vhybi6 { min-height: var(--size-64); }
.wrap.svelte-s95fid.svelte-s95fid.svelte-s95fid { display: flex; flex-wrap:=
wrap; gap: var(--size-2); }
label.svelte-s95fid.svelte-s95fid.svelte-s95fid { display: flex; align-item=
s: center; cursor: pointer; box-shadow: var(--shadow-drop); border: 1px sol=
id var(--checkbox-label-border-color-base); border-radius: var(--radius-lg)=
; background: var(--checkbox-label-background-base); padding: var(--size-1-=
5) var(--size-3); color: var(--color-text-body); font-size: var(--scale-00)=
; line-height: var(--line-md); }
label.svelte-s95fid.svelte-s95fid.svelte-s95fid:hover { background: var(--c=
heckbox-label-background-hover); }
label.svelte-s95fid.svelte-s95fid.svelte-s95fid:focus { background: var(--c=
heckbox-label-background-focus); }
label.svelte-s95fid > .svelte-s95fid + .svelte-s95fid { margin-left: var(--=
size-2); }
input.svelte-s95fid.svelte-s95fid.svelte-s95fid { --ring-color:transparent;=
position: relative; box-shadow: 0 0 0 var(--shadow-spread) var(--ring-colo=
r),var(--shadow-drop); border: 1px solid var(--checkbox-border-color-base);=
border-radius: var(--checkbox-border-radius); background-color: var(--chec=
kbox-background-base); font-size: var(--scale-00); line-height: var(--line-=
sm); }
input.svelte-s95fid.svelte-s95fid.svelte-s95fid:checked { border-color: var=
(--checkbox-border-color-selected); background-color: var(--checkbox-backgr=
ound-selected); }
input.svelte-s95fid.svelte-s95fid.svelte-s95fid:hover { border-color: var(-=
-checkbox-border-color-hover); background-color: var(--checkbox-background-=
hover); }
input.svelte-s95fid.svelte-s95fid.svelte-s95fid:focus { --ring-color:var(--=
color-focus-ring); border-color: var(--checkbox-border-color-focus); backgr=
ound-color: var(--checkbox-background-focus); }
input.svelte-s95fid.svelte-s95fid.svelte-s95fid:checked:focus { border-colo=
r: var(--checkbox-background-selected); background-color: var(--checkbox-ba=
ckground-selected); }
input.svelte-s95fid.svelte-s95fid.svelte-s95fid:checked:hover { border-colo=
r: var(--checkbox-background-selected); background-color: var(--checkbox-ba=
ckground-selected); }
input[disabled].svelte-s95fid.svelte-s95fid.svelte-s95fid, .disabled.svelte=
-s95fid.svelte-s95fid.svelte-s95fid { cursor: not-allowed; }
.wrap.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf { position: relative; borde=
r: 1px solid var(--color-border-primary); border-radius: var(--radius-lg); =
}
.wrap-inner.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf { display: flex; posi=
tion: relative; flex-wrap: wrap; align-items: center; }
.token.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf { display: flex; align-ite=
ms: center; cursor: pointer; margin: var(--size-1); box-shadow: var(--shado=
w-drop); border: 1px solid var(--checkbox-label-border-color-base); border-=
radius: var(--radius-md); background: var(--checkbox-label-background-base)=
; padding: var(--size-1-5) var(--size-3); color: var(--color-text-body); fo=
nt-size: var(--scale-00); line-height: var(--line-md); }
.token.svelte-ygwfmf > .svelte-ygwfmf + .svelte-ygwfmf { margin-left: var(-=
-size-2); }
.token-remove.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf { fill: var(--color=
-text-body); display: flex; justify-content: center; align-items: center; c=
ursor: pointer; border: 1px solid var(--color-border-primary); border-radiu=
s: var(--radius-full); background: var(--color-background-tertiary); paddin=
g: var(--size-0-5); width: 18px; height: 18px; }
.secondary-wrap.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf { display: flex; =
flex: 1 1 0%; align-items: center; border: none; min-width: min-content; }
input.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf { margin-left: var(--size-2=
); outline: none; border: none; background: inherit; width: var(--size-full=
); color: var(--color-text-body); font-size: var(--scale-1); }
input.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf:disabled { cursor: not-allo=
wed; }
.remove-all.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf { margin-left: var(--=
size-1); width: 20px; height: 20px; }
.dropdown-arrow.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf { fill: var(--col=
or-text-body); margin-right: var(--size-2); width: var(--size-5); }
.options.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf { position: absolute; z-=
index: var(--layer-5); margin-left: 0px; box-shadow: var(--shadow-drop-lg);=
border-radius: var(--radius-lg); background: var(--color-background-primar=
y); width: var(--size-full); max-height: var(--size-32); overflow: auto; co=
lor: var(--color-text-body); list-style: none; }
.item.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf { display: flex; cursor: po=
inter; padding: var(--size-2); }
.item.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf:hover { background: var(--c=
olor-background-secondary); }
.inner-item.svelte-ygwfmf.svelte-ygwfmf.svelte-ygwfmf { padding-right: var(=
--size-1); }
select.svelte-1bhvxvb { --ring-color:transparent; display: block; position:=
relative; box-shadow: 0 0 0 var(--shadow-spread) var(--ring-color),var(--s=
hadow-inset); border: 1px solid var(--input-border-color-base); border-radi=
us: var(--radius-lg); background-color: var(--input-background-base); paddi=
ng: var(--size-2-5); width: 100%; color: var(--color-text-body); font-size:=
var(--scale-00); line-height: var(--line-sm); outline: none !important; }
select.svelte-1bhvxvb:focus { --ring-color:var(--color-focus-ring); border-=
color: var(--input-border-color-focus); }
select.svelte-1bhvxvb::placeholder { color: var(--color-text-placeholder); =
}
select[disabled].svelte-1bhvxvb { cursor: not-allowed; box-shadow: none; }
input[type=3D"number"].svelte-1v4etis { --ring-color:transparent; display: =
block; position: relative; box-shadow: 0 0 0 var(--shadow-spread) var(--rin=
g-color),var(--shadow-inset); border: 1px solid var(--input-border-color-ba=
se); border-radius: var(--radius-lg); background: var(--input-background-ba=
se); padding: var(--size-2-5); width: 100%; color: var(--color-text-body); =
font-size: var(--scale-00); line-height: var(--line-sm); outline: none !imp=
ortant; }
input.svelte-1v4etis:focus { --ring-color:var(--color-focus-ring); border-c=
olor: var(--input-border-color-focus); }
input.svelte-1v4etis::placeholder { color: var(--color-text-placeholder); }
input[disabled].svelte-1v4etis { box-shadow: none; }
.wrap.svelte-1wjs5yr.svelte-1wjs5yr.svelte-1wjs5yr { display: flex; flex-wr=
ap: wrap; gap: var(--size-2); }
label.svelte-1wjs5yr.svelte-1wjs5yr.svelte-1wjs5yr { display: flex; align-i=
tems: center; cursor: pointer; box-shadow: var(--shadow-drop); border: 1px =
solid var(--checkbox-label-border-color-base); border-radius: var(--radius-=
lg); background: var(--checkbox-label-background-base); padding: var(--size=
-1-5) var(--size-3); color: var(--color-text-body); font-size: var(--scale-=
00); line-height: var(--line-md); }
label.svelte-1wjs5yr.svelte-1wjs5yr.svelte-1wjs5yr:hover { background: var(=
--checkbox-label-background-hover); }
label.svelte-1wjs5yr.svelte-1wjs5yr.svelte-1wjs5yr:focus { background: var(=
--checkbox-label-background-focus); }
label.svelte-1wjs5yr > .svelte-1wjs5yr + .svelte-1wjs5yr { margin-left: var=
(--size-2); }
input.svelte-1wjs5yr.svelte-1wjs5yr.svelte-1wjs5yr { --ring-color:transpare=
nt; position: relative; box-shadow: 0 0 0 var(--shadow-spread) var(--ring-c=
olor),var(--shadow-inset); border: 1px solid var(--checkbox-border-color-ba=
se); border-radius: var(--radius-full); background-color: var(--checkbox-ba=
ckground-base); font-size: var(--scale-00); line-height: var(--line-sm); }
input.svelte-1wjs5yr.svelte-1wjs5yr.svelte-1wjs5yr:checked { border-color: =
var(--checkbox-border-color-selected); background-color: var(--checkbox-bac=
kground-selected); }
input.svelte-1wjs5yr.svelte-1wjs5yr.svelte-1wjs5yr:hover { border-color: va=
r(--checkbox-border-color-hover); background-color: var(--checkbox-backgrou=
nd-hover); }
input.svelte-1wjs5yr.svelte-1wjs5yr.svelte-1wjs5yr:focus { --ring-color:var=
(--color-focus-ring); border-color: var(--checkbox-border-color-focus); bac=
kground-color: var(--checkbox-background-focus); }
input.svelte-1wjs5yr.svelte-1wjs5yr.svelte-1wjs5yr:checked:focus { border-c=
olor: var(--checkbox-background-selected); background-color: var(--checkbox=
-background-selected); }
input.svelte-1wjs5yr.svelte-1wjs5yr.svelte-1wjs5yr:checked:hover { border-c=
olor: var(--checkbox-background-selected); background-color: var(--checkbox=
-background-selected); }
input[disabled].svelte-1wjs5yr.svelte-1wjs5yr.svelte-1wjs5yr, .disabled.sve=
lte-1wjs5yr.svelte-1wjs5yr.svelte-1wjs5yr { cursor: not-allowed; }
label.svelte-2xzfnp { display: block; width: 100%; }
input[type=3D"text"].svelte-2xzfnp, input[type=3D"password"].svelte-2xzfnp,=
input[type=3D"email"].svelte-2xzfnp, textarea.svelte-2xzfnp { --ring-color=
:transparent; display: block; position: relative; box-shadow: 0 0 0 var(--s=
hadow-spread) var(--ring-color),var(--shadow-inset); border: 1px solid var(=
--input-border-color-base); border-radius: var(--radius-lg); background: va=
r(--input-background-base); padding: var(--size-2-5); width: 100%; color: v=
ar(--color-text-body); font-size: var(--scale-00); line-height: var(--line-=
sm); outline: none !important; }
input.svelte-2xzfnp:focus, textarea.svelte-2xzfnp:focus { --ring-color:var(=
--color-focus-ring); border-color: var(--input-border-color-focus); }
input.svelte-2xzfnp::placeholder, textarea.svelte-2xzfnp::placeholder { col=
or: var(--color-text-placeholder); }
input[disabled].svelte-2xzfnp, textarea[disabled].svelte-2xzfnp { box-shado=
w: none; }
.wrap.svelte-gbyarh { display: flex; flex-direction: column; width: 100%; }
.head.svelte-gbyarh { display: flex; justify-content: space-between; }
input[type=3D"number"].svelte-gbyarh { --ring-color:transparent; display: b=
lock; position: relative; box-shadow: 0 0 0 var(--shadow-spread) var(--ring=
-color),var(--shadow-inset); border: 1px solid var(--input-border-color-bas=
e); border-radius: var(--radius-lg); background: var(--input-background-bas=
e); padding: var(--size-2) var(--size-2); height: var(--size-6); color: var=
(--color-text-body); font-size: var(--scale-00); line-height: var(--line-sm=
); text-align: center; outline: none !important; }
input.svelte-gbyarh:focus { --ring-color:var(--color-focus-ring); border-co=
lor: var(--input-border-color-focus); }
input.svelte-gbyarh::placeholder { color: var(--color-text-placeholder); }
input[type=3D"range"].svelte-gbyarh { width: 100%; }
input[disabled].svelte-gbyarh { cursor: not-allowed; box-shadow: none; }
input.svelte-19forxm { position: relative; background: var(--color-backgrou=
nd-tertiary); font-size: var(--scale-00); line-height: var(--line-sm); }
.wrap.svelte-1um281z { display: flex; position: absolute; flex-direction: c=
olumn; justify-content: center; align-items: center; z-index: var(--layer-5=
); border-radius: var(--radius-lg); background-color: var(--color-backgroun=
d-tertiary); max-height: var(--size-screen-h); overflow: hidden; pointer-ev=
ents: none; }
.wrap.center.svelte-1um281z { top: 0px; right: 0px; left: 0px; }
.wrap.default.svelte-1um281z { inset: 0px; }
.hide.svelte-1um281z { opacity: 0; }
.generating.svelte-1um281z { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s =
infinite normal none running svelte-1um281z-pulse; border: 2px solid var(--=
color-accent-base); background: transparent; }
.translucent.svelte-1um281z { background: none; }
@keyframes svelte-1um281z-pulse {=20
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
.loading.svelte-1um281z { z-index: var(--layer-2); color: var(--color-text-=
body); }
.eta-bar.svelte-1um281z { position: absolute; inset: 0px; transform-origin:=
left center; opacity: 0.8; z-index: var(--layer-1); transition: all 10ms e=
ase 0s; background: var(--color-background-secondary); }
.progress-bar-wrap.svelte-1um281z { border: 1px solid var(--color-border-pr=
imary); border-radius: var(--radius-sm); background: var(--color-background=
-primary); width: 55.5%; height: var(--size-4); }
.progress-bar.svelte-1um281z { transform-origin: left center; border-radius=
: var(--radius-sm); background-color: var(--color-accent-base); width: var(=
--size-full); height: var(--size-full); }
.progress-level.svelte-1um281z { display: flex; flex-direction: column; ali=
gn-items: center; z-index: var(--layer-2); width: var(--size-full); }
.progress-level-inner.svelte-1um281z { margin: var(--size-2) auto; color: v=
ar(--color-text-body); font-size: var(--scale-000); font-family: var(--font=
-mono); }
.meta-text.svelte-1um281z { position: absolute; top: 0px; right: 0px; z-ind=
ex: var(--layer-2); padding: var(--size-1) var(--size-2); font-size: var(--=
scale-000); font-family: var(--font-mono); }
.meta-text-center.svelte-1um281z { display: flex; position: absolute; top: =
0px; right: 0px; justify-content: center; align-items: center; transform: t=
ranslateY(var(--size-6)); z-index: var(--layer-2); padding: var(--size-1) v=
ar(--size-2); font-size: var(--scale-000); font-family: var(--font-mono); t=
ext-align: center; }
.error.svelte-1um281z { box-shadow: var(--shadow-drop); border-radius: var(=
--radius-full); background: rgba(255, 0, 0, 0.2); padding-right: var(--size=
-4); padding-left: var(--size-4); color: var(--color-functional-error-base)=
; font-weight: var(--weight-semibold); font-size: var(--scale-1); line-heig=
ht: var(--line-lg); font-family: var(--font-sans); }
.toast.svelte-1um281z { position: fixed; top: 0px; right: var(--size-4); bo=
ttom: 0px; left: var(--size-4); z-index: var(--layer-top); padding: var(--s=
ize-4); }
.toast-body.svelte-1um281z { display: flex; position: absolute; top: var(--=
size-8); right: 0px; left: 0px; align-items: center; margin: auto; box-shad=
ow: var(--shadow-drop-lg-xl); border: 1px solid var(--color-border-primary)=
; border-radius: var(--radius-lg); background: var(--color-functional-error=
-background); padding: var(--size-4) var(--size-6); max-width: 610px; overf=
low: hidden; pointer-events: auto; }
.toast-title.svelte-1um281z { display: flex; align-items: center; padding: =
var(--size-1) var(--size-3); color: var(--color-red-500); font-weight: var(=
--weight-bold); font-size: var(--scale-0); line-height: var(--line-xs); }
.toast-close.svelte-1um281z { display: flex; flex-shrink: 0; justify-conten=
t: center; align-items: center; border-radius: var(--radius-full); backgrou=
nd: var(--color-red-600); padding-top: ; padding-right: ; padding-bottom: ;=
padding-left: calc(var(--size-2) - 1px); width: var(--size-10); height: va=
r(--size-10); color: rgb(255, 255, 255); font-weight: var(--weight-bold); f=
ont-size: var(--scale-5); text-align: center; }
.toast-text.svelte-1um281z { padding: var(--size-1) var(--size-3); font-siz=
e: var(--scale-00); font-family: var(--font-mono); }
.toast-details.svelte-1um281z { padding-left: var(--size-3); width: 100%; }
@media (min-width: 768px) {
.toast-body.svelte-1um281z { right: var(--size-4); left: auto; }
}
.wrap.svelte-b4im1l { display: flex; flex-direction: column; justify-conten=
t: center; align-items: center; background: var(--color-background-primary)=
; width: var(--size-full); }
.panel.svelte-b4im1l { display: flex; flex-flow: column wrap; gap: var(--si=
ze-4); border-radius: var(--radius-lg); background: var(--color-background-=
secondary); padding: var(--size-8); width: var(--size-full); }
h2.svelte-b4im1l { margin-bottom: var(--size-3); color: var(--color-text-bo=
dy); font-weight: var(--weight-semibold); font-size: var(--scale-2); }
.auth.svelte-b4im1l { margin-top: var(--size-1); margin-bottom: var(--size-=
1); color: var(--color-text-body); }
.creds.svelte-b4im1l { margin-top: var(--size-4); margin-bottom: var(--size=
-4); color: var(--color-functional-error-base); font-weight: var(--weight-s=
emibold); }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/index.f6ac8e97.css
@charset "utf-8";
.min.svelte-1ybaih5 { min-height: var(--size-24); }
.hide.svelte-1ybaih5 { display: none; }
div.svelte-1ed2p3z { transition: all 0.15s ease 0s; }
.pending.svelte-1ed2p3z { opacity: 0.2; }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/index.d8fa7c88.css
@charset "utf-8";
div.svelte-362y77 { display: flex; flex-wrap: wrap; gap: var(--size-4); wid=
th: var(--size-full); }
.hide.svelte-362y77 { display: none; }
.compact.svelte-362y77 > *, .compact.svelte-362y77 .box { border-radius: 0p=
x; }
.compact.svelte-362y77, .panel.svelte-362y77 { border-radius: var(--radius-=
lg); background: var(--color-background-secondary); padding: var(--size-2);=
}
.unequal-height.svelte-362y77 { align-items: flex-start; }
.stretch.svelte-362y77 { align-items: stretch; }
div.svelte-362y77 > *, div.svelte-362y77 > .form > * { flex: 1 1 0%; flex-w=
rap: wrap; min-width: min(160px, 100%); }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/Column.6bf4ee97.css
@charset "utf-8";
div.svelte-1dl81bf { display: flex; position: relative; flex-direction: col=
umn; }
div.svelte-1dl81bf > *, div.svelte-1dl81bf > .form > * { width: var(--size-=
full); }
.gap.svelte-1dl81bf { gap: var(--size-4); }
.hide.svelte-1dl81bf { display: none; }
.compact.svelte-1dl81bf > *, .compact.svelte-1dl81bf .box { border-radius: =
0px; }
.compact.svelte-1dl81bf, .panel.svelte-1dl81bf { border-radius: var(--radiu=
s-lg); background: var(--color-background-secondary); padding: var(--size-2=
); }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/index.722bec8b.css
@charset "utf-8";
div.svelte-1oo81b7 > :not(.absolute) { border-radius: 0px !important; }
div.svelte-1oo81b7 > :first-child { border-top-right-radius: var(--radius-l=
g) !important; border-top-left-radius: var(--radius-lg) !important; }
div.svelte-1oo81b7 > :last-child { border-top-right-radius: var(--radius-lg=
) !important; border-top-left-radius: var(--radius-lg) !important; }
div.svelte-1oo81b7 > * + :not(.absolute) { border-top: none !important; }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/index.2b70700c.css
@charset "utf-8";
.preview.svelte-1lwssy1.svelte-1lwssy1 { display: flex; position: absolute;=
inset: 0px; flex-direction: column; z-index: var(--layer-2); backdrop-filt=
er: blur(8px); background: var(--color-background-primary); height: var(--s=
ize-full); }
.fixed-height.svelte-1lwssy1.svelte-1lwssy1 { min-height: var(--size-80); m=
ax-height: 55vh; }
@media (min-width: 1280px) {
.fixed-height.svelte-1lwssy1.svelte-1lwssy1 { min-height: 450px; }
}
.preview.svelte-1lwssy1 img.svelte-1lwssy1 { width: var(--size-full); heigh=
t: calc(var(--size-full) - 60px); object-fit: contain; }
.preview.svelte-1lwssy1 img.with-caption.svelte-1lwssy1 { height: calc(var(=
--size-full) - 80px); }
.caption.svelte-1lwssy1.svelte-1lwssy1 { padding: var(--size-2) var(--size-=
3); overflow: hidden; color: var(--color-text-label); font-weight: var(--we=
ight-semibold); text-align: center; text-overflow: ellipsis; white-space: n=
owrap; }
.thumbnails.svelte-1lwssy1.svelte-1lwssy1 { display: flex; position: absolu=
te; bottom: 0px; justify-content: center; align-items: center; gap: var(--s=
ize-2); width: var(--size-full); height: var(--size-14); overflow-x: scroll=
; font-size: var(--scale-00); }
.thumbnail-item.svelte-1lwssy1.svelte-1lwssy1 { --ring-color:transparent; p=
osition: relative; outline: none; box-shadow: 0 0 0 2px var(--ring-color),v=
ar(--shadow-drop); border: 1px solid var(--gallery-thumb-border-color-base)=
; border-radius: var(--radius-sm); background-color: var(--gallery-thumb-ba=
ckground-base); aspect-ratio: var(--ratio-square); width: var(--size-full);=
height: var(--size-full); overflow: hidden; }
.thumbnail-item.svelte-1lwssy1.svelte-1lwssy1:hover { --ring-color:var(--ga=
llery-thumb-border-color-hover); filter: brightness(1.1); border-color: var=
(--gallery-thumb-border-color-hover); }
.thumbnail-item.svelte-1lwssy1.svelte-1lwssy1:focus { --ring-color:var(--ga=
llery-thumb-border-color-focus); border-color: var(--gallery-thumb-border-c=
olor-focus); }
.thumbnail-small.svelte-1lwssy1.svelte-1lwssy1 { flex: 0 0 auto; transform:=
scale(0.9); transition: all 75ms ease 0s; width: var(--size-9); height: va=
r(--size-9); }
.thumbnail-small.selected.svelte-1lwssy1.svelte-1lwssy1 { --ring-color:var(=
--gallery-thumb-border-color-selected); transform: scale(1); border-color: =
var(--gallery-thumb-border-color-selected); }
.thumbnail-small.selected.svelte-1lwssy1.svelte-1lwssy1:focus { --ring-colo=
r:var(--gallery-thumb-border-color-focus) !important; border-color: var(--=
gallery-thumb-border-color-focus) !important; }
.thumbnail-small.svelte-1lwssy1 > img.svelte-1lwssy1 { width: var(--size-fu=
ll); height: var(--size-full); overflow: hidden; object-fit: cover; }
.grid-wrap.svelte-1lwssy1.svelte-1lwssy1 { padding: var(--size-2); height: =
var(--size-full); overflow-y: auto; }
.grid-container.svelte-1lwssy1.svelte-1lwssy1 { display: grid; gap: var(--s=
ize-2); }
.thumbnail-lg.svelte-1lwssy1 > img.svelte-1lwssy1 { width: var(--size-full)=
; height: var(--size-full); overflow: hidden; object-fit: cover; }
.thumbnail-lg.svelte-1lwssy1:hover .caption-label.svelte-1lwssy1 { opacity:=
0.5; }
.caption-label.svelte-1lwssy1.svelte-1lwssy1 { position: absolute; right: 0=
px; bottom: 0px; z-index: var(--layer-1); border-top: 1px solid var(--galle=
ry-label-border-color-base); border-left: 1px solid var(--gallery-label-bor=
der-color-base); border-top-left-radius: var(--radius-lg); background: var(=
--gallery-thumb-background-base); padding: var(--size-1) var(--size-3); max=
-width: 80%; overflow: hidden; font-weight: var(--weight-semibold); font-si=
ze: var(--scale-000); text-align: left; text-overflow: ellipsis; white-spac=
e: nowrap; }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/ModifyUpload.svelte_svelte_type_style_lang.ff94a0ea.css
@charset "utf-8";
div.svelte-116rqfv { cursor: pointer; width: var(--size-full); height: var(=
--size-full); }
.center.svelte-116rqfv { text-align: center; }
.flex.svelte-116rqfv { display: flex; justify-content: center; align-items:=
center; }
input.svelte-116rqfv { display: none; }
div.svelte-97wjeb { display: flex; top: var(--size-2); right: var(--size-2)=
; justify-content: flex-end; gap: var(--size-1); z-index: var(--layer-1); }
.not-absolute.svelte-97wjeb { margin: var(--size-1); }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/index.a23ae87f.css
@charset "utf-8";
.gradio-container-3-17-0 .output-markdown .math.inline { display: inline-bl=
ock; vertical-align: middle; padding: var(--size-1-5) -var(--size-1); }
.dark .output-markdown .math.inline { filter: invert(100%); }
.gradio-container-3-17-0 .output-markdown .math.inline svg { display: inlin=
e; }
div.svelte-86o770 { max-width: 100%; }
.min.svelte-86o770 { min-height: var(--size-24); }
.hide.svelte-86o770 { display: none; }
div.svelte-1ed2p3z { transition: all 0.15s ease 0s; }
.pending.svelte-1ed2p3z { opacity: 0.2; }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/TabItem.svelte_svelte_type_style_lang.da9a4e2f.css
@charset "utf-8";
.tabs.svelte-710i53 { display: flex; position: relative; flex-direction: co=
lumn; margin-top: var(--size-4); margin-bottom: var(--size-4); }
.hide.svelte-710i53 { display: none; }
.tab-nav.svelte-710i53 { display: flex; position: relative; flex-wrap: wrap=
; border-bottom: 2px solid var(--color-border-primary); white-space: nowrap=
; }
button.svelte-710i53 { margin-bottom: -2px; border-top: 2px solid transpare=
nt; border-right: 2px solid transparent; border-left: 2px solid transparent=
; border-image: initial; border-bottom: none; border-top-right-radius: var(=
--radius-md); border-top-left-radius: var(--radius-md); padding: var(--size=
-1) var(--size-4); color: var(--color-text-subdued); }
button.svelte-710i53:hover { color: var(--color-text-body); }
.selected.svelte-710i53 { border-color: var(--color-border-primary); backgr=
ound-color: var(--color-background-primary); color: var(--color-text-body);=
}
div.svelte-1rfkt5w { display: flex; position: relative; border-right-color:=
; border-right-style: ; border-right-width: ; border-bottom-color: ; borde=
r-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-s=
tyle: ; border-left-width: ; border-image-source: ; border-image-slice: ; b=
order-image-width: ; border-image-outset: ; border-image-repeat: ; border-t=
op: none; padding: var(--size-2); }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/StaticImage.svelte_svelte_type_style_lang.569fb102.css
@charset "utf-8";
canvas.svelte-13f9i4m { display: block; position: absolute; inset: 0px; mar=
gin: auto; }
canvas.svelte-13f9i4m:hover { cursor: none; }
.wrap.svelte-13f9i4m { position: relative; width: var(--size-full); height:=
var(--size-full); touch-action: none; }
.start-prompt.svelte-13f9i4m { display: flex; position: absolute; inset: 0p=
x; justify-content: center; align-items: center; z-index: var(--layer-4); t=
ouch-action: none; pointer-events: none; color: var(--color-text-subdued); =
}
.wrap.svelte-1ovntsr { position: relative; width: var(--size-full); height:=
var(--size-full); min-height: var(--size-60); }
video.svelte-1ovntsr { width: var(--size-full); height: var(--size-full); }
button.svelte-1ovntsr { display: flex; position: absolute; right: 0px; bott=
om: var(--size-2); left: 0px; justify-content: center; align-items: center;=
margin: auto; box-shadow: var(--shadow-drop-lg); border-radius: var(--radi=
us-xl); background-color: rgba(0, 0, 0, 0.9); width: var(--size-10); height=
: var(--size-10); }
@media (min-width: 768px) {
button.svelte-1ovntsr { bottom: var(--size-4); }
}
@media (min-width: 1280px) {
button.svelte-1ovntsr { bottom: var(--size-8); }
}
.icon.svelte-1ovntsr { opacity: 0.8; width: 50%; height: 50%; color: rgb(25=
5, 255, 255); }
div.svelte-16330ex { display: flex; position: absolute; top: var(--size-2);=
right: var(--size-2); justify-content: flex-end; gap: var(--size-1); z-ind=
ex: var(--layer-5); }
.wrap.svelte-11lfbcw.svelte-11lfbcw { display: flex; position: absolute; to=
p: var(--size-10); right: var(--size-2); flex-direction: column; justify-co=
ntent: flex-end; gap: var(--size-1); z-index: var(--layer-5); }
.brush.svelte-11lfbcw.svelte-11lfbcw { top: 0px; right: 0px; }
.brush.svelte-11lfbcw input.svelte-11lfbcw { position: absolute; top: 3px; =
right: calc(100% + 5px); }
.col.svelte-11lfbcw input.svelte-11lfbcw { position: absolute; right: calc(=
100% + 5px); bottom: -4px; }
.fixed-height.svelte-zyic3i { height: var(--size-60); }
img.svelte-zyic3i { width: var(--size-full); height: var(--size-full); obje=
ct-fit: contain; }
.absolute-img.svelte-zyic3i { position: absolute; }
.webcam.svelte-zyic3i { transform: scaleX(-1); }
img.svelte-1ku16gh { width: var(--size-full); height: var(--size-full); obj=
ect-fit: contain; }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/UploadText.05b296f2.css
@charset "utf-8";
.wrap.svelte-1hmcgg5 { display: flex; flex-direction: column; justify-conte=
nt: center; min-height: var(--size-60); color: var(--color-text-label); lin=
e-height: var(--line-md); }
.or.svelte-1hmcgg5 { color: var(--color-text-subdued); }
@media (min-width: 768px) {
.wrap.svelte-1hmcgg5 { font-size: var(--scale-0); }
}
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/Image.87318b8b.css
@charset "utf-8";
img.svelte-1o2w54y { max-width: none; }
img.svelte-1o2w54y:hover, img.selected.svelte-1o2w54y { border-color: var(-=
-color-accent-light); }
.table.svelte-1o2w54y { border: 1px solid var(--color-border-primary); bord=
er-radius: var(--radius-lg); width: var(--size-20); height: var(--size-20);=
object-fit: cover; }
.gallery.svelte-1o2w54y { max-height: var(--size-20); object-fit: cover; }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/index.c5b05bb6.css
@charset "utf-8";
.gallery.svelte-1i18mgb { display: flex; align-items: center; cursor: point=
er; border-radius: var(--radius-lg); background: var(--dataset-gallery-back=
ground-base); padding: var(--size-1) var(--size-2); font-size: var(--scale-=
00); text-align: left; }
.gallery.svelte-1i18mgb:hover, .selected.gallery.svelte-1i18mgb { backgroun=
d: var(--dataset-gallery-background-hover); }
.gallery.svelte-1w9463b { padding: var(--size-1) var(--size-2); font-size: =
var(--scale-00); }
div.svelte-6fcyt9 { font-size: var(--scale-000); font-family: var(--font-mo=
no); }
.gallery.svelte-6fcyt9 { display: flex; align-items: center; cursor: pointe=
r; border-radius: var(--radius-lg); padding: var(--size-1) var(--size-2); t=
ext-align: left; }
.gallery.svelte-6fcyt9:hover, .selected.gallery.svelte-6fcyt9 { background:=
var(--dataset-gallery-background-hover); }
.gallery.svelte-1x3lfds { display: flex; align-items: center; cursor: point=
er; border-radius: var(--radius-lg); background: var(--dataset-gallery-back=
ground-base); padding: var(--size-1) var(--size-2); text-align: left; }
.gallery.svelte-1x3lfds:hover, .selected.gallery.svelte-1x3lfds { backgroun=
d: var(--dataset-gallery-background-hover); }
.gallery.svelte-1i18mgb { display: flex; align-items: center; cursor: point=
er; border-radius: var(--radius-lg); background: var(--dataset-gallery-back=
ground-base); padding: var(--size-1) var(--size-2); font-size: var(--scale-=
00); text-align: left; }
.gallery.svelte-1i18mgb:hover, .selected.gallery.svelte-1i18mgb { backgroun=
d: var(--dataset-gallery-background-hover); }
video.svelte-b57nop { flex: 0 0 auto; border: 2px solid var(--color-border-=
primary); border-radius: var(--radius-lg); max-width: none; }
video.svelte-b57nop:hover, video.selected.svelte-b57nop { border-color: var=
(--color-accent-light); }
.table.svelte-b57nop { width: var(--size-20); height: var(--size-20); objec=
t-fit: cover; }
.gallery.svelte-b57nop { max-height: var(--size-20); object-fit: cover; }
div.svelte-198wwl3 { overflow: hidden; text-overflow: ellipsis; white-space=
: nowrap; }
.gallery.svelte-198wwl3 { display: flex; align-items: center; cursor: point=
er; background: var(--dataset-gallery-background-base); padding: var(--size=
-1) var(--size-2); font-size: var(--scale-00); text-align: left; }
.gallery.svelte-198wwl3:hover, .selected.gallery.svelte-198wwl3 { backgroun=
d: var(--dataset-gallery-background-hover); }
.gallery.svelte-2ubd30.svelte-2ubd30 { align-items: center; cursor: pointer=
; border-collapse: collapse; padding: var(--size-2); overflow: hidden; font=
-size: var(--scale-000); line-height: var(--line-sm); text-align: left; }
table.svelte-2ubd30.svelte-2ubd30 { position: relative; }
td.svelte-2ubd30.svelte-2ubd30 { border: 1px solid var(--dataset-dataframe-=
border-base); padding: var(--size-2); font-size: var(--scale-000); font-fam=
ily: var(--font-mono); }
.table.selected.svelte-2ubd30 td.svelte-2ubd30, .gallery.selected.svelte-2u=
bd30 td.svelte-2ubd30 { border-color: var(--dataset-dataframe-border-hover)=
; }
td.svelte-2ubd30.svelte-2ubd30:first-child { border-left: none; }
tr.svelte-2ubd30:first-child td.svelte-2ubd30 { border-top: none; }
td.svelte-2ubd30.svelte-2ubd30:last-child { border-right: none; }
tr.svelte-2ubd30:last-child td.svelte-2ubd30 { border-bottom: none; }
.overlay.svelte-2ubd30.svelte-2ubd30 { --gradient-to:transparent; position:=
absolute; bottom: 0px; background: linear-gradient(to bottom,transparent,v=
ar(--gradient-to)); width: var(--size-full); height: 50%; }
.odd.svelte-2ubd30.svelte-2ubd30 { --gradient-to:var(--table-even-backgroun=
d); }
.even.svelte-2ubd30.svelte-2ubd30 { --gradient-to:var(--table-odd-backgroun=
d); }
.button.svelte-2ubd30.svelte-2ubd30 { --gradient-to:var(--dataset-gallery-b=
ackground-base); }
.selected.svelte-2ubd30 .even.svelte-2ubd30, .selected.svelte-2ubd30 .odd.s=
velte-2ubd30 { --gradient-to:var(--dataset-table-background-hover); }
.selected.svelte-2ubd30 .button.svelte-2ubd30 { --gradient-to:var(--dataset=
-gallery-background-hover); }
div.svelte-188nwnl { width: var(--size-10); height: var(--size-10); }
.gallery.svelte-1i18mgb { display: flex; align-items: center; cursor: point=
er; border-radius: var(--radius-lg); background: var(--dataset-gallery-back=
ground-base); padding: var(--size-1) var(--size-2); font-size: var(--scale-=
00); text-align: left; }
.gallery.svelte-1i18mgb:hover, .selected.gallery.svelte-1i18mgb { backgroun=
d: var(--dataset-gallery-background-hover); }
.gallery.svelte-9f83do { display: flex; align-items: center; cursor: pointe=
r; border-radius: var(--radius-lg); background: var(--dataset-gallery-backg=
round-base); padding: var(--size-2); font-size: var(--scale-000); text-alig=
n: left; }
.gallery.svelte-9f83do:hover, .selected.gallery.svelte-9f83do { background:=
var(--dataset-gallery-background-hover); }
.wrap.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { display: inline-block;=
margin-top: var(--size-4); width: var(--size-full); max-width: var(--size-=
full); color: var(--color-text-body); }
.hide.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { display: none; }
.label.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { display: flex; align-=
items: center; margin-bottom: var(--size-2); color: var(--color-text-label)=
; font-size: var(--scale-000); line-height: var(--line-sm); }
svg.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { margin-right: var(--size=
-1); }
.gallery.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { display: flex; flex=
-wrap: wrap; gap: var(--size-2); }
.button.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { border: 1px solid va=
r(--color-border-primary); border-radius: var(--radius-lg); overflow: hidde=
n; }
.button.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88:hover { border-color: =
var(--dataset-dataframe-border-hover); background: var(--dataset-gallery-ba=
ckground-hover); }
.table-wrap.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { border: 1px soli=
d var(--color-border-primary); border-radius: var(--radius-lg); width: var(=
--size-full); table-layout: auto; overflow-x: auto; font-size: var(--scale-=
00); line-height: var(--line-sm); }
table.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { width: var(--size-full=
); }
.tr-head.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { box-shadow: var(--s=
hadow-drop-lg); border-bottom: 1px solid var(--color-border-primary); }
.tr-head.svelte-1clqs88 > .svelte-1clqs88 + .svelte-1clqs88 { border-right-=
width: 0px; border-left-width: 1px; border-color: var(--dataset-table-borde=
r-base); }
th.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { padding: var(--size-2); w=
hite-space: nowrap; }
.tr-body.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { cursor: pointer; bo=
rder-bottom: 1px solid var(--dataset-table-border-base); background: var(--=
table-even-background); }
.tr-body.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88:last-child { border: =
none; }
.tr-body.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88:nth-child(2n+1) { bac=
kground: var(--table-odd-background); }
.tr-body.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88:hover { background: v=
ar(--dataset-table-background-hover); }
.tr-body.svelte-1clqs88 > .svelte-1clqs88 + .svelte-1clqs88 { border-right-=
width: 0px; border-left-width: 1px; border-color: var(--dataset-table-borde=
r-base); }
.tr-body.svelte-1clqs88:hover > .svelte-1clqs88 + .svelte-1clqs88 { border-=
color: var(--dataset-table-border-hover); }
td.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { padding: var(--size-2); }
.paginate.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { display: flex; jus=
tify-content: center; align-items: center; gap: var(--size-2); font-size: v=
ar(--scale-000); }
button.current-page.svelte-1clqs88.svelte-1clqs88.svelte-1clqs88 { font-wei=
ght: var(--weight-bold); }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/Model3D.a1c5cf27.css
@charset "utf-8";
.gallery.svelte-1i18mgb { display: flex; align-items: center; cursor: point=
er; border-radius: var(--radius-lg); background: var(--dataset-gallery-back=
ground-base); padding: var(--size-1) var(--size-2); font-size: var(--scale-=
00); text-align: left; }
.gallery.svelte-1i18mgb:hover, .selected.gallery.svelte-1i18mgb { backgroun=
d: var(--dataset-gallery-background-hover); }
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: image/svg+xml
Content-Transfer-Encoding: quoted-printable
Content-Location: https://camo.githubusercontent.com/84f0493939e0c4de4e6dbe113251b4bfb5353e57134ffd9fcab6b8714514d4d1/68747470733a2f2f636f6c61622e72657365617263682e676f6f676c652e636f6d2f6173736574732f636f6c61622d62616467652e737667
<svg xmlns=3D"http://www.w3.org/2000/svg" xmlns:xlink=3D"http://www.w3.org/=
1999/xlink" width=3D"117" height=3D"20"><linearGradient id=3D"b" x2=3D"0" y=
2=3D"100%"><stop offset=3D"0" stop-color=3D"#bbb" stop-opacity=3D".1"/><sto=
p offset=3D"1" stop-opacity=3D".1"/></linearGradient><clipPath id=3D"a"><re=
ct width=3D"117" height=3D"20" rx=3D"3" fill=3D"#fff"/></clipPath><g clip-p=
ath=3D"url(#a)"><path fill=3D"#555" d=3D"M0 0h30v20H0z"/><path fill=3D"#007=
ec6" d=3D"M30 0h87v20H30z"/><path fill=3D"url(#b)" d=3D"M0 0h117v20H0z"/></=
g><g fill=3D"#fff" text-anchor=3D"middle" font-family=3D"DejaVu Sans,Verdan=
a,Geneva,sans-serif" font-size=3D"110"><svg x=3D"4px" y=3D"0px" width=3D"22=
px" height=3D"20px" viewBox=3D"-2 0 28 24" style=3D"background-color: #fff;=
border-radius: 1px;"><path style=3D"fill:#e8710a;" d=3D"M1.977,16.77c-2.667=
-2.277-2.605-7.079,0-9.357C2.919,8.057,3.522,9.075,4.49,9.691c-1.152,1.6-1.=
146,3.201-0.004,4.803C3.522,15.111,2.918,16.126,1.977,16.77z"/><path style=
=3D"fill:#f9ab00;" d=3D"M12.257,17.114c-1.767-1.633-2.485-3.658-2.118-6.02c=
0.451-2.91,2.139-4.893,4.946-5.678c2.565-0.718,4.964-0.217,6.878,1.819c-0.8=
84,0.743-1.707,1.547-2.434,2.446C18.488,8.827,17.319,8.435,16,8.856c-2.404,=
0.767-3.046,3.241-1.494,5.644c-0.241,0.275-0.493,0.541-0.721,0.826C13.295,1=
5.939,12.511,16.3,12.257,17.114z"/><path style=3D"fill:#e8710a;" d=3D"M19.5=
29,9.682c0.727-0.899,1.55-1.703,2.434-2.446c2.703,2.783,2.701,7.031-0.005,9=
.764c-2.648,2.674-6.936,2.725-9.701,0.115c0.254-0.814,1.038-1.175,1.528-1.7=
88c0.228-0.285,0.48-0.552,0.721-0.826c1.053,0.916,2.254,1.268,3.6,0.83C20.5=
02,14.551,21.151,11.927,19.529,9.682z"/><path style=3D"fill:#f9ab00;" d=3D"=
M4.49,9.691C3.522,9.075,2.919,8.057,1.977,7.413c2.209-2.398,5.721-2.942,8.4=
76-1.355c0.555,0.32,0.719,0.606,0.285,1.128c-0.157,0.188-0.258,0.422-0.391,=
0.631c-0.299,0.47-0.509,1.067-0.929,1.371C8.933,9.539,8.523,8.847,8.021,8.7=
46C6.673,8.475,5.509,8.787,4.49,9.691z"/><path style=3D"fill:#f9ab00;" d=3D=
"M1.977,16.77c0.941-0.644,1.545-1.659,2.509-2.277c1.373,1.152,2.85,1.433,4.=
45,0.499c0.332-0.194,0.503-0.088,0.673,0.19c0.386,0.635,0.753,1.285,1.181,1=
.89c0.34,0.48,0.222,0.715-0.253,1.006C7.84,19.73,4.205,19.188,1.977,16.77z"=
/></svg><text x=3D"245" y=3D"140" transform=3D"scale(.1)" textLength=3D"30"=
> </text><text x=3D"725" y=3D"150" fill=3D"#010101" fill-opacity=3D".3" tra=
nsform=3D"scale(.1)" textLength=3D"770">Open in Colab</text><text x=3D"725"=
y=3D"140" transform=3D"scale(.1)" textLength=3D"770">Open in Colab</text><=
/g> </svg>=0A
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: image/webp
Content-Transfer-Encoding: base64
Content-Location: https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png
UklGRioPAABXRUJQVlA4TB0PAAAvIAImEF+hqG0jqfzhbt/r2YMEQbZN/Wk/giNo2zZL+YP1EXz+
FQIIgAA0HHHmPwDAOADAEx8PAGwAQJs2bSJtuvncKpGWSMt/+IEIR0HaBkzrX/eOhIiYAM6OLwLK
l6KzbVUkqes0tnZ5/NUgEkMqaIz3f4UtoPzIJvx7iug/JEiS2zazsq0cYRK3OEIgnrZU2wpr2ypE
FI0iIlFErH8Fd5xjTNc7Se77i+i/LNh247a5irovIPgIgiAl/38d65HmFUS6mvKd3L9cdU9riH0V
3048ciAB1Q5HfhqgAtV/zvGsgBL0vp8gaYAWVD0O+QZyUPM8/iGOQwIkodp2g2dDE0BloQKq0I/p
uwBdSL/OoyEMSo0cKEO7lXsH0qD8JaUN4NfIrYmD99cDiINqP00dJ3PyIKnIgx8gD3L6oPxPGVrG
BmEXZ6wnArpBfNS6nZb6iKGLega5bBhaJG/jnFasG55W2UY4vXYM88gQ3XTrhi4W28jNzqykECOz
iQsh1FGleYltlGWdJZhTvYaNcjafYR/rbErw80fYMPZ7LVpnjGzEceVXKSWFqUkpZUTek2U9KCOb
dt7Q1AH0+iIutu+o/aBGTfoziG8Hl8kV6ZelptTFeBvQMCl3Jvhl0h2YWG9F7gch1bm722vLQ68X
YA0R/XkoHbOpP3xK+g1JI1FJqyWtbUTTCyFY58HP+3SxDFtseUic9RirPD6tZkOQiGL4dqxZqUlL
bzxsJhRKqRPPsY1funXzrCl+kZt3ddHL5p8pdmF6ozFn4zTjoiYxKv3i2GXUGIxSysVHuWbUr0qJ
0QzF9acYu0ittB0vzhgTWrSkyUxJGRjrzpVqFrksflNKGF5Kmys12/8Q2JjoYA4pmNdCr996RmJ8
EmPOORbX+/syH4+7eyFj2p8hzbwU7BIoBNK8Lx9Kn+vVwqdTF9fjHy+GxJei15361hcfNPJUXM19
OJ2TFsJr/UQ/TCPr8LMQxmVDO1E1zPHhX3NB0S3+rbCnwC5K7g0/zss6xsWk7F4N98Qc9rN/Z6G+
J+ysyaI3E+qb9Q22bS7Wc08SEGg6Zvlq/IoilH3YHhDK5uMg4cn3znSUOv3q7+LC9aLA5BsOeKAK
TFyJH01aSHyuG692UEmu/lglztLH8K44yhreP5qyopjrXu4sbMvGSS2oIKc6ekWccp9OXYAJQXg2
6CGzFhm5ldBlrzWbmY4toKFZHfwHwPO5rrzuaXrGzAcy2geZNe4eDGMOjVNNeQxGWTIw8U8i4/pH
VrX2rk33tGMXTgS1KIx2S1uyVbnqoXSj6BA/aWySYq10kpplSNHAPq7FIkX9sqxhZX+Oe3ES0MzR
lkFgKWFMkbNv+TdctdZof1ehbgpnpPp33Q3vYac+p8NkUMhUueqx70Zbe+yWI2w04d2ibLGR/cQu
5Dt+WOh1XWyzpSmuatYOrrKDAyFOcJ0bEVcKIZnD7QwRg8pLnbTBV1W5yeoLuPq2DKPZKDmfyKzV
dpER2PGCwpCGc8OTmHSizZLOOqzMHlQMMfgL3GUyrIOnV4TOubWwZW24bmVv2Acvh1x0TXDB2OQV
be0qLo2iw0T0Z+ElKW3E7tqoskzY1ol/nklkH8iKU1W4argYrlihst3ISju4GySagQ08f6G3rSL8
ydQHYw+/7F4Bl0ToMBUDxxJX+QeinKnz9LUrKyz9IDFPnLLDu2656aFUiqLUeQT91L/2INCIVH5g
olGLLulIU0FS0tc2iyZG7Y38lXYq/OpxM53KVY/ldDWwyZ83i14eup3oq8CcD6lq4oUY1UQOBgWx
iLlWrep3mUR/jipD1RAGDDYhGDFh2bSBmxpOHUGIh85QdWroiKxooaotUajbo5TpMumZuC6M6vR+
u1kxS3GLx1RcMB32RDMXssIjxVJBBQXk3y7mcGPtRmmnZdNHBFPd0NOExrOPXaJ0dJNCGZgofbA2
PRXgw6wt4HZNWzIuTCTkqmdz6n+zSG6320nAM7N71Z5ZR+lg0nRY3BBIRFRkB9JxJYpuyB41QcY2
NFpmO1RYsMLBAcgM2eS6+tEgD2ipOGqCtjhAR656KvxkQFSmj9uxMgCn9ALlLKG+gmJLxMIEomqK
eH1DIJ6uRg3igkUwIiYg0bCR0Ng1LG5VPaL0jsMk6dgVLxqYdgq4VdMW4E7kKuCS8ECYyT3JinJX
kb32VZoDCvEl6QDdI6Z3lkjcaKYxLwSySeS5h1UQ1o4H+nX6FVEgbfAEntp7PGjEzHogqvRY3y3g
okh5Sol24iq7uuqJBbrNMGBu7npD55V6X0PQ+dqhICvcVPSATGXUMwyZCjOqXijIoOODuv5ykTYI
N21N20Zq/IK6HkZyioZX3WI6I0g7gewLLEuJBoxHlvjNwvZ0p8T355L8s8kbWtsMeMCDYV1hECPi
24ogksRXxxYqLZH6sUxRyooqCSftrTu/06TAhoXjqyBpKVDEvsjbUoHAT2CcAa56Lr/v8OuKgLWp
pojL/qRV1CkaNlUuYvYwfDSQIg+MDGPrEOpJ2hAmjS3QUA/dlsDmVadlkyH5UYXfS+c74KBjUlc9
ktmIiBJ3GiPS4nhkXTA2a+cZEtijImm+VLPXscXF59Og2roVirVVn2tn0obCAqYZcGMqKjf44MQY
RVy6hH1e0dYm4W3xqJptmKvq8UiUQeaONwNX/RAXGYmXlIBiGQqr9W2PwAvvBova4YLHRWZKF5x+
thksJga86E86/EKBLR62SdQFXKtYTjW5MbHlqmch9dKGg7wUDXaLkaFJhwf1FbAHV+GOHJj22E8q
kaluNZdX/ZCEgoQqJwRCwtoumkSrS6kHNRubC37TVY9CGOTHXMCfW9M5NbhbgpAAzlbQVAjghxNg
z7WDEoUVG1Q4nXi6JCLrsEtyO6Bu5nUB69oTkZ2NK9lxTGc1KgUFuso9Dw4lBrMXAzcpcq0VrKcL
aQVWzKUOATAWOUriONyiptn2LdgLRmpFV4xN2Ki8942RLsPeBH+dEicNZQ7d6GhDULlqsc88CDMk
QuDbCLQW35wTUkX2C6GbsmEynNAtxUNwSk5yyktzrsiT4OpVxdgZ8AhxexRhqDIS0b3ma0L43gSa
u8uGq57HdODQXcrA9YdudA+yPMXDuk5Wc4Wgu+3sDl2kv4ciXZ215kCPt+iwA1R9kNVdmQfTMZR1
sYg1IgywD8HPvo1aE5C/A6466YmcJ2HashiYZq8n6CmNAvNIg096erxUMnkywlAEKriwUuXWWOVV
s0iPwmj6y+Q4iYcxJNHMpdNbGgN+qCR0eq7EFZiTqba0Falje9hpepOHKwW+P3dqHu/0UoMWAtRX
cVfGwydpZROHXDPLIJDRhfflSYGSdzw/DX9wM22bDA9Pp7IUbevAasLZzKp5c+YxJ8ZFcrSpQfKG
qx7GajQNv9wN3MGPgWvgjypSnQOB3aG+M+ZSnksQha9OB7eyWiOET4GSD6iTB48+VU4lPF0xXbuh
14RbPclsHblHzek083eXKhaeClc9CjNoxsBMWcFmZL8+QJE7WQfIYerG3L6aPZgdZqMMqqikN8AF
Go06WREFovpglW3we1YSCNYil0aR2QU8DKP2TM7g1MJUGOeGq55JC9nlDNxrqq8EN+TzD+5qDr/z
WhMW+1GhlP41C53g2Pp25yxq66tvQh6qakvXSO0Ek9moHaW/Oqqr1OhwnLQOiS5LXfUsLAmuGHyw
v8+5ahmnSrYFKuIkBifaRx2WplRbb5YN9TS1L98yoSvfopNIhCx7r1MJmgirOyrdjIoeaLeMZEA1
uvyZYNNgTSKuehzC4O3Iw2LgeoD2gKpfm0FmRClE+TyeaySOqVZoA+tlYPE6OpsocpugchbQh6UK
Y1dhbYrrwOg87opARG5zUAIerKM21BqNq87jcXDTobucgZs1M3yPRjeLDEuLML70u3+iXeZ71vuE
qIr13qlHR9Msd4PGW/jAbmL3zldP0ixTFWrVbOYUAnpFqeo9cipXPQ+GB2bP8KDEVY3NVfTdFdXP
JrXFHn9pnoumdzHaJfy1VQQi0nJ8ltW5K6SUFBXUanSNulbzC7E/NNnQaA5Gi8KLFpyCJgXJrJgs
Va56LBIaR1KLgYsog2KIbroOQyyv8H7G1t10xqdb/W4vLoM5lZRO1+fJf1JEamvE1Xea8q3E1qe0
vrWSV3xlcpTRJnLBs3MhWcChcZV55msnkCzczNKt84VkzpSS33I1Szbr/2zclVprCWvz0DKqZ/vD
Dx91xz9wnaD0NxYdCjrfNj/Rq47NoXNVwMwAd8dUaYuBG5auCflnXtR+D4fgHvxitCTW+MCXlu4c
xWW4al0VKguOQ1cCD5E4MV/w5jwPdBgRR/uZVwNGYSHC+u4RspMb2ncAdJjdGq/Q8HsxbMZb6kZt
EuJ58ejfQlmcCHdJ/fshcCzcIIcc4df7Eolk/gLcYgIBPav3fgxYBNgd4ZCV1PQFHDrEuPNvxmA6
dK7+3BoYoDQVwQNuH4N5VRgW4Y2Lp6wVCjQvfAwH/2X7ZnRGkaudSKANj/VfiWCOe/uPmIBPpHHC
Q/7INSxcFAN3Cu/aYPu9fgUgkevs+fLxgixIiOBWBhd6c97Lg1KdhF991NDZqn+fyzt0udn1ZnC3
DuiB+k/4oLwONi2trMjIba70hrTwQjFwg8ODw0gf8SEkTT4RDtwpX+bj3gzbxuDfbkyBYqQB5U1B
6+53kCNcx7/P5S1cS9ebwXEeBYzs1/8pObjGz+mGd8NSrXn/ZRi45GAo2EL+lO8SP+zZjnfDjJyd
DJjEyIRdQyLM9fqE74+z1Ao/hjnsOzI73bAM0cA1gw31L/kqYOwN8AjJ29GaY91p7g6JsEOAY3s7
P+gTfn2ps1+efIJVHzWa4/WA1Sx1zbmj97clWYUH9jl28OPPu16Qz2YpdlWWJS+r0ixv9qXwFubY
7877oHO2x/8B8G07NvD7g3WfOBhGQpSPIXExv3V1YucGWr1uxt+Ipz8Yl6hdR0N5j3iAI40SIOoB
5j5+gJVBHHLdnc9YRQvRDwAMcj49igT+eyyCQdxGmgu7RtYRyL5V/X8GBYHs525OHiQpefCgj711
J5D9/SeRGUO4E4f7QiCzlkEf8x5CIDOnQh9zL0Mfs7dDIPM/RCEzyGQ/UMQPfcxiF33Mgxl5zKQb
eczFHbXM5h99zAfiFwA=
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: image/svg+xml
Content-Transfer-Encoding: quoted-printable
Content-Location: https://visitor-badge.glitch.me/badge?page_id=anzorq.finetuned_diffusion
<svg height=3D"20" width=3D"101.6" xmlns=3D"http://www.w3.org/2000/svg" xml=
ns:xlink=3D"http://www.w3.org/1999/xlink"><linearGradient id=3D"smooth" x2=
=3D"0" y2=3D"100%"><stop offset=3D"0" stop-color=3D"#bbb" stop-opacity=3D".=
1"/><stop offset=3D"1" stop-opacity=3D".1"/></linearGradient><clipPath id=
=3D"round"><rect fill=3D"#fff" height=3D"20" rx=3D"3" width=3D"101.6"/></cl=
ipPath><g clip-path=3D"url(#round)"><rect fill=3D"#595959" height=3D"20" wi=
dth=3D"49.6"/><rect fill=3D"#1283c3" height=3D"20" width=3D"52.0" x=3D"49.6=
"/><rect fill=3D"url(#smooth)" height=3D"20" width=3D"101.6"/></g><g fill=
=3D"#fff" font-family=3D"DejaVu Sans,Verdana,Geneva,sans-serif" font-size=
=3D"110" text-anchor=3D"middle"><text fill=3D"#010101" fill-opacity=3D".3" =
lengthAdjust=3D"spacing" textLength=3D"396.0" transform=3D"scale(0.1)" x=3D=
"258.0" y=3D"150">visitors</text><text lengthAdjust=3D"spacing" textLength=
=3D"396.0" transform=3D"scale(0.1)" x=3D"258.0" y=3D"140">visitors</text><t=
ext fill=3D"#010101" fill-opacity=3D".3" lengthAdjust=3D"spacing" textLengt=
h=3D"420.0" transform=3D"scale(0.1)" x=3D"746.0" y=3D"150">171758</text><te=
xt lengthAdjust=3D"spacing" textLength=3D"420.0" transform=3D"scale(0.1)" x=
=3D"746.0" y=3D"140">171758</text></g></svg>
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: image/svg+xml
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/static/img/api-logo.svg
<svg width=3D"28" height=3D"28" viewBox=3D"0 0 28 28" fill=3D"none" xmlns=
=3D"http://www.w3.org/2000/svg">
<path fill-rule=3D"evenodd" clip-rule=3D"evenodd" d=3D"M26.9425 2.94265C27.=
4632 2.42195 27.4632 1.57773 26.9425 1.05703C26.4218 0.536329 25.5776 0.536=
329 25.0569 1.05703L22.5713 3.54256C21.1213 2.59333 19.5367 2.43378 18.1753=
2.64006C16.5495 2.88638 15.1127 3.66838 14.3905 4.39053L12.3905 6.39053C12=
.1405 6.64058 12 6.97972 12 7.33334C12 7.68697 12.1405 8.0261 12.3905 8.276=
15L19.7239 15.6095C20.2446 16.1302 21.0888 16.1302 21.6095 15.6095L23.6095 =
13.6095C24.3316 12.8873 25.1136 11.4505 25.36 9.82475C25.5663 8.46312 25.40=
66 6.87827 24.4571 5.42807L26.9425 2.94265Z" fill=3D"#3c4555"/>
<path fill-rule=3D"evenodd" clip-rule=3D"evenodd" d=3D"M12.276 12.9426C12.7=
967 12.4219 12.7967 11.5777 12.276 11.057C11.7553 10.5363 10.9111 10.5363 1=
0.3904 11.057L8.66651 12.7809L8.27615 12.3905C8.0261 12.1405 7.68697 12 7.3=
3334 12C6.97972 12 6.64058 12.1405 6.39053 12.3905L4.39053 14.3905C3.66838 =
15.1127 2.88638 16.5495 2.64006 18.1753C2.43377 19.5367 2.59333 21.1214 3.5=
4262 22.5714L1.05703 25.057C0.536329 25.5777 0.536329 26.4219 1.05703 26.94=
26C1.57773 27.4633 2.42195 27.4633 2.94265 26.9426L5.42817 24.4571C6.87835 =
25.4066 8.46315 25.5663 9.82475 25.36C11.4505 25.1136 12.8873 24.3316 13.60=
95 23.6095L15.6095 21.6095C16.1302 21.0888 16.1302 20.2446 15.6095 19.7239L=
15.2188 19.3332L16.9426 17.6093C17.4633 17.0886 17.4633 16.2444 16.9426 15.=
7237C16.4219 15.203 15.5777 15.203 15.057 15.7237L13.3332 17.4475L10.5521 1=
4.6665L12.276 12.9426Z" fill=3D"#FF7C00"/>
</svg>=0A
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: image/svg+xml
Content-Transfer-Encoding: quoted-printable
Content-Location: https://gradio.s3-us-west-2.amazonaws.com/3.17.0/assets/logo.0a070fcf.svg
<svg width=3D"16" height=3D"16" viewBox=3D"0 0 16 16" fill=3D"none" xmlns=
=3D"http://www.w3.org/2000/svg">
<path d=3D"M8.03076 0.0166016L15.9999 4.38717V6.93362L8.03076 2.56305V0.=
0166016Z" fill=3D"#FF7C00" fill-opacity=3D"0.75"/>
<path d=3D"M15.9974 4.38672L7.99902 8.77375V11.3366L15.9974 6.94955V4.38=
672Z" fill=3D"#FF7C00"/>
<path d=3D"M0 4.38672L7.9991 8.77375V11.3366L0 6.94957V4.38672Z" fill=3D=
"#FF7C00" fill-opacity=3D"0.75"/>
<path d=3D"M8.03008 0L0.000976562 4.38697V6.94982L8.03008 2.56286V0Z" fi=
ll=3D"#FF7C00"/>
<path d=3D"M8.03076 4.43604L15.9999 8.80659V11.353L8.03076 6.98248V4.436=
04Z" fill=3D"#FF7C00" fill-opacity=3D"0.75"/>
<path d=3D"M15.9974 8.80664L7.99902 13.1937V15.7565L15.9974 11.3695V8.80=
664Z" fill=3D"#FF7C00"/>
<path d=3D"M0 8.80664L7.9991 13.1937V15.7565L0 11.3695V8.80664Z" fill=3D=
"#FF7C00" fill-opacity=3D"0.75"/>
<path d=3D"M8.03008 4.41992L0.000976562 8.8069V11.3697L8.03008 6.98279V4=
.41992Z" fill=3D"#FF7C00"/>
</svg>=0A
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR----
Content-Type: text/html
Content-ID: <frame-88EBE6D4AFB41B4ED554D815F222F02E@mhtml.blink>
Content-Transfer-Encoding: quoted-printable
<html><head><meta http-equiv=3D"Content-Type" content=3D"text/html; charset=
=3DUTF-8"></head><body></body></html>
------MultipartBoundary--uiSlKt7XkFnMSejJJCXXeuPDLNxdnN2pUkk3bAO9iR------