From: <Saved by Blink>
Snapshot-Content-Location: https://grok.com/chat
Subject: =?utf-8?Q?=D0=9E=D1=82=D0=BA=D1=80=D1=8B=D1=82=D0=B8=D0=B5=20=D0=B8=20=D0?=
 =?utf-8?Q?=BF=D1=80=D0=BE=D1=81=D0=BC=D0=BE=D1=82=D1=80=20=D1=84=D0=B0=D0?=
 =?utf-8?Q?=B9=D0=BB=D0=BE=D0=B2=20=D0=BD=D0=B0=20=D0=BA=D0=BB=D0=B8=D0=B5?=
 =?utf-8?Q?=D0=BD=D1=82=D0=B5=20-=20Grok?=
Date: Thu, 17 Jul 2025 14:38:38 -0000
MIME-Version: 1.0
Content-Type: multipart/related;
	type="text/html";
	boundary="----MultipartBoundary--eCZqYQTKrSuXs2w6OoKyo4Qe7APU4TOajiumXkTIP9----"


------MultipartBoundary--eCZqYQTKrSuXs2w6OoKyo4Qe7APU4TOajiumXkTIP9----
Content-Type: text/html
Content-ID: <frame-67052DE3F7365A4703FA36411E978FAD@mhtml.blink>
Content-Transfer-Encoding: quoted-printable
Content-Location: https://grok.com/chat

<!DOCTYPE html><html lang=3D"en" translate=3D"no" class=3D"light" style=3D"=
color-scheme: light;"><head><meta http-equiv=3D"Content-Type" content=3D"te=
xt/html; charset=3DUTF-8"><link rel=3D"stylesheet" type=3D"text/css" href=
=3D"cid:css-def01b57-bb84-4680-885c-de4d7832249e@mhtml.blink" /><link rel=
=3D"stylesheet" type=3D"text/css" href=3D"cid:css-c2638dfa-48bc-448e-b5c5-2=
2f6359f1789@mhtml.blink" /><link rel=3D"stylesheet" type=3D"text/css" href=
=3D"cid:css-99f435e2-7908-4678-b8bd-58bc32ab69e2@mhtml.blink" /><link rel=
=3D"stylesheet" type=3D"text/css" href=3D"cid:css-a7287125-fb20-445b-aedd-3=
b56597bde0e@mhtml.blink" /><link rel=3D"stylesheet" type=3D"text/css" href=
=3D"cid:css-df238413-f0d8-413a-bbf9-14aa2469260d@mhtml.blink" /><link rel=
=3D"preload" href=3D"https://grok.com/_next/static/media/e1447589d6f59c4b.p=
.woff2" as=3D"font" crossorigin=3D"" nonce=3D"" type=3D"font/woff2"><link r=
el=3D"preload" href=3D"https://grok.com/_next/static/media/f5a90156f8995c8c=
.p.woff2" as=3D"font" crossorigin=3D"" nonce=3D"" type=3D"font/woff2"><link=
 rel=3D"stylesheet" href=3D"https://grok.com/_next/static/css/0af0a5dbea0a6=
87a.css" nonce=3D"" data-precedence=3D"next"><link rel=3D"stylesheet" href=
=3D"https://grok.com/_next/static/css/5cb590abb3f80466.css" nonce=3D"" data=
-precedence=3D"next"><link rel=3D"stylesheet" href=3D"https://grok.com/_nex=
t/static/css/d5c0afe820e08ba1.css" nonce=3D"" data-precedence=3D"next"><lin=
k rel=3D"preload" as=3D"script" fetchpriority=3D"low" nonce=3D"" href=3D"ht=
tps://grok.com/_next/static/chunks/webpack-52e0873919a04489.js"><link rel=
=3D"preload" href=3D"https://www.googletagmanager.com/gtag/js?id=3DG-8FEWB0=
57YH" as=3D"script" nonce=3D""><link rel=3D"preconnect" href=3D"https://fea=
tureassets.org/" crossorigin=3D"anonymous"><link rel=3D"preconnect" href=3D=
"https://www.google-analytics.com/" crossorigin=3D"anonymous"><link rel=3D"=
preconnect" href=3D"https://ssff.grok.com/" crossorigin=3D"anonymous"><meta=
 name=3D"theme-color" media=3D"(prefers-color-scheme: light)" content=3D"#f=
9f8f7"><meta name=3D"theme-color" media=3D"(prefers-color-scheme: dark)" co=
ntent=3D"#1e1f22"><meta name=3D"apple-itunes-app" content=3D"app-id=3D66703=
24846, affiliate-data=3Dpt=3D126952307&amp;ct=3DGrok.com%20Smart%20App%20Ba=
nner&amp;mt=3D8"><meta name=3D"grok-site-verification" content=3D"oLym4St58=
X6GbckC8xj9Ym038CyeJrHmqqIAnnGvntJPpiQb5SQQtxcm/7aKuNWW"><meta name=3D"sent=
ry-trace" content=3D"34a05d3242bbd1654940ce7eb49d277e-78bad7e49811f658-0"><=
meta name=3D"baggage" content=3D"sentry-environment=3Dproduction,sentry-rel=
ease=3DJXOVER1Co35sncqHKrsQo,sentry-public_key=3Db311e0f2690c81f25e2c4cf6d4=
f7ce1c,sentry-trace_id=3D34a05d3242bbd1654940ce7eb49d277e,sentry-sampled=3D=
false"><link rel=3D"preload" href=3D"https://grok.com/_next/static/media/1f=
2316909698f815.p.woff2" as=3D"font" crossorigin=3D"" nonce=3D"" type=3D"fon=
t/woff2"><link rel=3D"preload" href=3D"https://grok.com/_next/static/media/=
3d4419af2cf8609b.p.woff2" as=3D"font" crossorigin=3D"" nonce=3D"" type=3D"f=
ont/woff2"><link rel=3D"preload" href=3D"https://grok.com/_next/static/medi=
a/4dec29efcaeb336c.p.woff2" as=3D"font" crossorigin=3D"" nonce=3D"" type=3D=
"font/woff2"><link rel=3D"preload" href=3D"https://grok.com/_next/static/me=
dia/74452ea3ef0f9101.p.woff2" as=3D"font" crossorigin=3D"" nonce=3D"" type=
=3D"font/woff2"><link rel=3D"preload" href=3D"https://grok.com/_next/static=
/media/904ef0a86fe32a00.p.woff2" as=3D"font" crossorigin=3D"" nonce=3D"" ty=
pe=3D"font/woff2"><link rel=3D"preload" href=3D"https://grok.com/_next/stat=
ic/media/d886a03bcda7ad8f.p.woff2" as=3D"font" crossorigin=3D"" nonce=3D"" =
type=3D"font/woff2"><meta name=3D"viewport" content=3D"width=3Ddevice-width=
, initial-scale=3D1, interactive-widget=3Dresizes-content"><meta name=3D"ne=
xt-size-adjust" content=3D""><title>=D0=9E=D1=82=D0=BA=D1=80=D1=8B=D1=82=D0=
=B8=D0=B5 =D0=B8 =D0=BF=D1=80=D0=BE=D1=81=D0=BC=D0=BE=D1=82=D1=80 =D1=84=D0=
=B0=D0=B9=D0=BB=D0=BE=D0=B2 =D0=BD=D0=B0 =D0=BA=D0=BB=D0=B8=D0=B5=D0=BD=D1=
=82=D0=B5 - Grok</title><meta name=3D"description" content=3D"Grok is a fre=
e AI assistant designed by xAI to maximize truth and objectivity. Grok offe=
rs real-time search, image generation, trend analysis, and more."><link rel=
=3D"manifest" href=3D"https://grok.com/manifest.webmanifest"><meta name=3D"=
apple-itunes-app" content=3D"app-id=3D6670324846, affiliate-data=3Dpt=3D126=
952307&amp;ct=3DGrok.com%20Smart%20App%20Banner&amp;mt=3D8"><link rel=3D"ic=
on" href=3D"https://grok.com/images/favicon-light.png" media=3D"(prefers-co=
lor-scheme: light)"><link rel=3D"icon" href=3D"https://grok.com/images/favi=
con-dark.png" media=3D"(prefers-color-scheme: dark)"><link rel=3D"canonical=
" href=3D"https://grok.com/chat"></head><body class=3D"antialiased font-bod=
y text-fg-primary bg-surface-base overflow-x-hidden tracking-[-0.1px] __var=
iable_0be3b1 __variable_b15d38 __variable_779740 __variable_2484fd __variab=
le_6dcc77" dir=3D""><div class=3D"group/sidebar-wrapper flex min-h-svh w-fu=
ll has-[[data-variant=3Dinset]]:bg-sidebar" style=3D"--sidebar-width: 16rem=
; --sidebar-width-icon: 3.5rem;"><div class=3D"flex w-full h-full overflow-=
hidden @container/mainview"><div class=3D"flex w-full h-full" data-testid=
=3D"drop-container"><div class=3D"flex w-full h-full" data-testid=3D"drop-u=
i"><main class=3D"h-dvh flex-grow flex-shrink relative selection:bg-highlig=
ht w-0 @container isolate print:h-full print:prose print:max-w-none"><div c=
lass=3D"w-full relative @container/nav z-[25] flex-shrink-0 print:hidden"><=
div class=3D"h-16 top-0 @[80rem]/nav:h-0 @[80rem]/nav:top-8 absolute z-10 f=
lex flex-row items-center justify-center w-full bg-gradient-to-b from-backg=
round via-background via-80% to-transparent @[80rem]/nav:from-transparent @=
[80rem]/nav:via-transparent"><div class=3D"absolute start-1"><div class=3D"=
flex flex-row items-center"><a aria-label=3D"=D0=93=D0=BB=D0=B0=D0=B2=D0=BD=
=D0=B0=D1=8F =D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D0=B0" class=3D"rou=
nded-lg focus:outline-none focus-visible:ring-1 focus-visible:ring-ring ms-=
2 me-[0.5]" href=3D"https://grok.com/"><svg width=3D"88" height=3D"33" view=
Box=3D"0 0 88 33" fill=3D"none" xmlns=3D"http://www.w3.org/2000/svg" class=
=3D"opacity-90 hover:opacity-100 fill-black dark:fill-white max-w-full [&am=
p;>path]:hidden sm:[&amp;>path]:block [&amp;>#mark]:block [&amp;>#furigana]=
:opacity-60 [&amp;>#subtitle]:opacity-60"><path d=3D"M76.4462 24.7077V8.415=
84H79.0216V19.1679L84.4685 12.9109H87.5908L82.6908 18.2731L87.6364 24.7077H=
84.5596L80.5539 19.1788L79.0216 19.1679V24.7077H76.4462Z" fill=3D"currentCo=
lor"></path><path d=3D"M68.6362 24.9815C64.8074 24.9815 62.7335 22.2662 62.=
7335 18.7979C62.7335 15.3068 64.8074 12.6143 68.6362 12.6143C72.4878 12.614=
3 74.5389 15.3068 74.5389 18.7979C74.5389 22.2662 72.4878 24.9815 68.6362 2=
4.9815ZM65.4228 18.7979C65.4228 21.4904 66.8813 22.8366 68.6362 22.8366C70.=
4139 22.8366 71.8497 21.4904 71.8497 18.7979C71.8497 16.1054 70.4139 14.736=
3 68.6362 14.7363C66.8813 14.7363 65.4228 16.1054 65.4228 18.7979Z" fill=3D=
"currentColor"></path><path d=3D"M55.5659 24.7077V14.782L57.731 12.9109H62.=
3347V15.1014H58.1413V24.7077H55.5659Z" fill=3D"currentColor"></path><path d=
=3D"M45.7187 25.009C40.8101 25.009 37.8834 21.4448 37.8834 16.5846C37.8834 =
11.6788 40.9146 8.02795 45.8145 8.02795C49.6433 8.02795 52.4466 9.99027 53.=
1075 13.6411H50.1675C49.7345 11.5647 48.0024 10.401 45.8145 10.401C42.282 1=
0.401 40.7322 13.4586 40.7322 16.5846C40.7322 19.7106 42.282 22.7454 45.814=
5 22.7454C49.1875 22.7454 50.6689 20.3039 50.7828 18.2731H45.7006V15.9105H5=
3.381L53.3684 17.1457C53.3684 21.7359 51.4978 25.009 45.7187 25.009Z" fill=
=3D"currentColor"></path><path d=3D"M13.2371 21.0407L24.3186 12.8506C24.861=
9 12.4491 25.6384 12.6057 25.8973 13.2294C27.2597 16.5185 26.651 20.4712 23=
.9403 23.1851C21.2297 25.8989 17.4581 26.4941 14.0108 25.1386L10.2449 26.88=
43C15.6463 30.5806 22.2053 29.6665 26.304 25.5601C29.5551 22.3051 30.562 17=
.8683 29.6205 13.8673L29.629 13.8758C28.2637 7.99809 29.9647 5.64871 33.449=
 0.844576C33.5314 0.730667 33.6139 0.616757 33.6964 0.5L29.1113 5.09055V5.0=
7631L13.2343 21.0436" fill=3D"currentColor" id=3D"mark"></path><path d=3D"M=
10.9503 23.0313C7.07343 19.3235 7.74185 13.5853 11.0498 10.2763C13.4959 7.8=
2722 17.5036 6.82767 21.0021 8.2971L24.7595 6.55998C24.0826 6.07017 23.215 =
5.54334 22.2195 5.17313C17.7198 3.31926 12.3326 4.24192 8.67479 7.90126C5.1=
5635 11.4239 4.0499 16.8403 5.94992 21.4622C7.36924 24.9165 5.04257 27.3598=
 2.69884 29.826C1.86829 30.7002 1.0349 31.5745 0.36364 32.5L10.9474 23.0341=
" fill=3D"currentColor" id=3D"mark"></path></svg></a></div></div><div class=
=3D"grow justify-center hidden max-w-[50%] @[640px]/nav:flex"></div><div cl=
ass=3D"absolute flex flex-row items-center gap-0.5 ms-auto end-3"><span sty=
le=3D"opacity: 1; transform: none;"><a class=3D"inline-flex items-center ju=
stify-center gap-2 whitespace-nowrap text-sm font-medium leading-[normal] c=
ursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible=
:ring-ring disabled:opacity-60 disabled:cursor-not-allowed transition-color=
s duration-100 [&amp;_svg]:shrink-0 select-none text-fg-primary hover:bg-bu=
tton-ghost-hover disabled:hover:bg-transparent border border-transparent h-=
10 w-10 rounded-full" type=3D"button" data-state=3D"closed" href=3D"https:/=
/grok.com/"><svg width=3D"20" height=3D"20" viewBox=3D"0 0 24 24" fill=3D"n=
one" xmlns=3D"http://www.w3.org/2000/svg" class=3D"stroke-[2] " stroke-widt=
h=3D"2"><path d=3D"M10 4V4C8.13623 4 7.20435 4 6.46927 4.30448C5.48915 4.71=
046 4.71046 5.48915 4.30448 6.46927C4 7.20435 4 8.13623 4 10V13.6C4 15.8402=
 4 16.9603 4.43597 17.816C4.81947 18.5686 5.43139 19.1805 6.18404 19.564C7.=
03968 20 8.15979 20 10.4 20H14C15.8638 20 16.7956 20 17.5307 19.6955C18.510=
8 19.2895 19.2895 18.5108 19.6955 17.5307C20 16.7956 20 15.8638 20 14V14" s=
troke=3D"currentColor" stroke-linecap=3D"square"></path><path d=3D"M12.4393=
 14.5607L19.5 7.5C20.3284 6.67157 20.3284 5.32843 19.5 4.5C18.6716 3.67157 =
17.3284 3.67157 16.5 4.5L9.43934 11.5607C9.15804 11.842 9 12.2235 9 12.6213=
V15H11.3787C11.7765 15 12.158 14.842 12.4393 14.5607Z" stroke=3D"currentCol=
or" stroke-linecap=3D"square"></path></svg></a></span><button class=3D"inli=
ne-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-me=
dium leading-[normal] cursor-pointer focus-visible:outline-none focus-visib=
le:ring-1 focus-visible:ring-ring disabled:opacity-60 disabled:cursor-not-a=
llowed transition-colors duration-100 [&amp;_svg]:shrink-0 select-none text=
-fg-primary hover:bg-button-ghost-hover disabled:hover:bg-transparent borde=
r border-transparent h-10 w-10 rounded-full" type=3D"button" aria-label=3D"=
=D0=98=D1=81=D1=82=D0=BE=D1=80=D0=B8=D1=8F" data-state=3D"closed"><svg widt=
h=3D"20" height=3D"20" viewBox=3D"2 2 21 21" fill=3D"none" xmlns=3D"http://=
www.w3.org/2000/svg" class=3D"stroke-[2] "><path d=3D"M3 5L19 5" stroke=3D"=
currentColor" stroke-linecap=3D"square" stroke-linejoin=3D"round"></path><p=
ath d=3D"M3 12H7" stroke=3D"currentColor" stroke-linecap=3D"square" stroke-=
linejoin=3D"round"></path><circle cx=3D"16" cy=3D"15" r=3D"4" stroke=3D"cur=
rentColor"></circle><path d=3D"M19 18L21 20" stroke=3D"currentColor" stroke=
-linecap=3D"square"></path><path d=3D"M3 19H7" stroke=3D"currentColor" stro=
ke-linecap=3D"square" stroke-linejoin=3D"round"></path></svg></button><butt=
on class=3D"inline-flex items-center justify-center gap-2 whitespace-nowrap=
 font-medium cursor-pointer focus-visible:outline-none focus-visible:ring-1=
 focus-visible:ring-ring disabled:opacity-60 disabled:cursor-not-allowed tr=
ansition-colors duration-100 [&amp;_svg]:shrink-0 select-none border border=
-border-l2 text-fg-primary hover:bg-button-ghost-hover [&amp;_svg]:hover:te=
xt-fg-primary disabled:hover:bg-transparent h-10 px-3.5 py-2 text-sm rounde=
d-full" type=3D"button" aria-label=3D"=D0=9F=D0=BE=D0=B4=D0=B5=D0=BB=D0=B8=
=D1=82=D1=8C=D1=81=D1=8F =D1=80=D0=B0=D0=B7=D0=B3=D0=BE=D0=B2=D0=BE=D1=80=
=D0=BE=D0=BC" data-state=3D"closed"><span style=3D"opacity: 1; transform: n=
one;"><svg width=3D"20" height=3D"20" viewBox=3D"0 0 24 24" fill=3D"none" x=
mlns=3D"http://www.w3.org/2000/svg" class=3D"stroke-[2] " stroke-width=3D"2=
"><path d=3D"M6.99609 9L11.9961 4L16.9961 9M6.99609 9M12 16V4" stroke=3D"cu=
rrentColor"></path><path d=3D"M4 15V16C4 18.2091 5.79086 20 8 20H16C18.2091=
 20 20 18.2091 20 16V15" stroke=3D"currentColor"></path></svg></span><span =
class=3D"font-semibold">=D0=9F=D0=BE=D0=B4=D0=B5=D0=BB=D0=B8=D1=82=D1=8C=D1=
=81=D1=8F</span></button><div class=3D"flex flex-row items-center gap-2"><b=
utton class=3D"items-center justify-center gap-2 whitespace-nowrap text-sm =
font-medium leading-[normal] cursor-pointer focus-visible:outline-none focu=
s-visible:ring-1 focus-visible:ring-ring disabled:opacity-60 disabled:curso=
r-not-allowed transition-colors duration-100 [&amp;_svg]:shrink-0 select-no=
ne text-fg-primary hover:bg-button-ghost-hover disabled:hover:bg-transparen=
t border border-transparent h-10 w-10 rounded-full hidden @sm:flex" type=3D=
"button" aria-label=3D"=D0=9D=D0=B0=D1=81=D1=82=D1=80=D0=BE=D0=B9=D0=BA=D0=
=B8" id=3D"radix-=C2=ABr61=C2=BB" aria-haspopup=3D"menu" aria-expanded=3D"f=
alse" data-state=3D"closed"><svg width=3D"20" height=3D"20" viewBox=3D"0 0 =
24 24" fill=3D"none" xmlns=3D"http://www.w3.org/2000/svg" class=3D"stroke-[=
2] "><path stroke=3D"currentColor" d=3D"M13.5 3h-3C9.408 5.913 8.024 6.711 =
4.956 6.201l-1.5 2.598c1.976 2.402 1.976 4 0 6.402l1.5 2.598c3.068-.51 4.45=
2.288 5.544 3.201h3c1.092-2.913 2.476-3.711 5.544-3.2l1.5-2.599c-1.976-2.40=
2-1.976-4 0-6.402l-1.5-2.598c-3.068.51-4.452-.288-5.544-3.201Z"></path><cir=
cle cx=3D"12" cy=3D"12" r=3D"2.5" fill=3D"currentColor"></circle></svg></bu=
tton><button class=3D"inline-flex items-center justify-center gap-2 whitesp=
ace-nowrap font-medium cursor-pointer focus-visible:outline-none focus-visi=
ble:ring-1 focus-visible:ring-ring disabled:opacity-60 disabled:cursor-not-=
allowed transition-colors duration-100 [&amp;_svg]:shrink-0 select-none bg-=
button-primary text-background hover:bg-button-primary-hover rounded-full p=
y-2 h-8 px-3 text-sm" type=3D"button"><svg xmlns=3D"http://www.w3.org/2000/=
svg" width=3D"16" height=3D"16" viewBox=3D"0 0 24 24" fill=3D"none" stroke=
=3D"currentColor" stroke-width=3D"2" stroke-linecap=3D"round" stroke-linejo=
in=3D"round" class=3D"lucide lucide-user"><path d=3D"M19 21v-2a4 4 0 0 0-4-=
4H9a4 4 0 0 0-4 4v2"></path><circle cx=3D"12" cy=3D"7" r=3D"4"></circle></s=
vg><div>=D0=A0=D0=B5=D0=B3=D0=B8=D1=81=D1=82=D1=80=D0=B0=D1=86=D0=B8=D1=8F<=
/div></button><button class=3D"items-center justify-center gap-2 whitespace=
-nowrap font-medium cursor-pointer focus-visible:outline-none focus-visible=
:ring-1 focus-visible:ring-ring disabled:opacity-60 disabled:cursor-not-all=
owed transition-colors duration-100 [&amp;_svg]:shrink-0 select-none rounde=
d-full py-2 hidden @sm:flex h-8 px-3 text-sm text-primary bg-transparent ri=
ng-1 ring-inset ring-toggle-border hover:bg-button-secondary-hover hover:bo=
rder-text-secondary" type=3D"button"><div>=D0=92=D0=BE=D0=B9=D1=82=D0=B8</d=
iv></button></div></div></div></div><div class=3D"relative flex flex-col it=
ems-center h-full @container/main min-w-[340px] [--content-max-width:32rem]=
 @[32rem]:[--content-max-width:40rem] @[64rem]:[--content-max-width:48rem] =
[--content-gutter:1rem] breakout"><div class=3D"w-full h-full overflow-y-au=
to overflow-x-hidden scrollbar-gutter-stable flex flex-col items-center px-=
gutter" style=3D"overflow-anchor: none;"><div class=3D"relative w-full flex=
 flex-col items-center pt-20 pb-4"><div></div><div class=3D"w-full flex-col=
 mx-auto flex max-w-[--content-max-width]" id=3D"last-reply-container" styl=
e=3D"--gutter-width: calc((100cqw - var(--content-width)) / 2);"><div class=
=3D"flex flex-col items-center"><div class=3D"relative group flex flex-col =
justify-center w-full max-w-[var(--content-max-width)] pb-0.5 items-end"><d=
iv dir=3D"auto" class=3D"message-bubble rounded-3xl text-primary min-h-7 pr=
ose dark:prose-invert break-words prose-p:opacity-100 prose-strong:opacity-=
100 prose-li:opacity-100 prose-ul:opacity-100 prose-ol:opacity-100 prose-ul=
:my-1 prose-ol:my-1 prose-li:my-2 last:prose-li:mb-3 prose-li:ps-1 prose-li=
:ms-1 bg-surface-l2 border border-border-l1 max-w-[100%] sm:max-w-[90%] px-=
4 py-2.5 rounded-br-lg"><span class=3D"whitespace-pre-wrap">=D0=B2=D0=BE=D0=
=B7=D0=BC=D0=BE=D0=B6=D0=BD=D0=BE =D0=BB=D0=B8 =D0=BE=D1=82=D0=BA=D1=80=D1=
=8B=D1=82=D1=8C =D1=84=D0=B0=D0=B9=D0=BB=D1=8B =D1=82=D0=B5 =D0=BA=D0=BE=D1=
=82=D0=BE=D1=80=D1=8B=D0=B5 =D0=B2 type input =D0=9E=D1=82=D0=BA=D1=80=D1=
=8B=D1=82=D1=8C =D0=B4=D0=BB=D1=8F =D0=BF=D0=BE=D0=BE=D1=81=D0=BC=D0=BE=D1=
=82=D1=80=D0=B0
</span><section class=3D"inline-media-container flex flex-col gap-1"></sect=
ion><section class=3D"auth-notification flex flex-col gap-1"></section></di=
v><div class=3D"order-first sticky hidden @md/mainview:block top-11 h-0 opa=
city-0 group-focus-within:opacity-100 group-hover:opacity-100 -mr-[36px] @l=
g/mainview:-mr-12"><div class=3D"min-h-7 py-4 flex flex-col gap-0.5"></div>=
</div><div class=3D"action-buttons h-8 mt-0.5 flex flex-row flex-wrap w-ful=
l justify-end print:hidden"><div class=3D"flex items-center gap-[2px] w-max=
 rounded-lg text-xs px-2 end-4 -mr-2" style=3D"bottom: 127.984px;"><button =
class=3D"inline-flex items-center justify-center gap-2 whitespace-nowrap te=
xt-sm font-medium leading-[normal] cursor-pointer focus-visible:outline-non=
e focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed =
transition-colors duration-100 [&amp;_svg]:shrink-0 select-none text-fg-sec=
ondary hover:text-fg-primary hover:bg-button-ghost-hover disabled:hover:tex=
t-fg-secondary disabled:hover:bg-transparent [&amp;_svg]:hover:text-fg-prim=
ary h-8 w-8 rounded-full opacity-0 group-focus-within:opacity-100 group-hov=
er:opacity-100 [.last-response_&amp;]:opacity-100 disabled:opacity-0 group-=
focus-within:disabled:opacity-60 group-hover:disabled:opacity-60 [.last-res=
ponse_&amp;]:disabled:opacity-60" type=3D"button" aria-label=3D"=D0=A0=D0=
=B5=D0=B4=D0=B0=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D1=82=D1=8C" data=
-state=3D"closed"><span style=3D"opacity: 1; transform: none;"><svg width=
=3D"16" height=3D"16" viewBox=3D"0 0 24 24" fill=3D"none" xmlns=3D"http://w=
ww.w3.org/2000/svg" class=3D"stroke-[2] size-4"><path d=3D"M18.25 5.75C16.8=
693 4.36929 14.6307 4.36929 13.25 5.75L10.125 8.875L5.52404 13.476C4.86236 =
14.1376 4.45361 15.0104 4.36889 15.9423L4 20.0001L8.0578 19.6311C8.98967 19=
.5464 9.86234 19.1377 10.524 18.476L18.25 10.75C19.6307 9.36929 19.6307 7.1=
3071 18.25 5.75V5.75Z" stroke=3D"currentColor"></path><path d=3D"M12.5 7.5L=
16.5 11.5" stroke=3D"currentColor"></path></svg></span></button><button cla=
ss=3D"inline-flex items-center justify-center gap-2 whitespace-nowrap text-=
sm font-medium leading-[normal] cursor-pointer focus-visible:outline-none f=
ocus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed tra=
nsition-colors duration-100 [&amp;_svg]:shrink-0 select-none text-fg-second=
ary hover:text-fg-primary hover:bg-button-ghost-hover disabled:hover:text-f=
g-secondary disabled:hover:bg-transparent [&amp;_svg]:hover:text-fg-primary=
 h-8 w-8 rounded-full opacity-0 group-focus-within:opacity-100 group-hover:=
opacity-100 [.last-response_&amp;]:opacity-100 disabled:opacity-0 group-foc=
us-within:disabled:opacity-60 group-hover:disabled:opacity-60 [.last-respon=
se_&amp;]:disabled:opacity-60" type=3D"button" aria-label=3D"=D0=9A=D0=BE=
=D0=BF=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D1=82=D1=8C" data-state=3D"closed"><sp=
an style=3D"opacity: 1; transform: none;"><svg width=3D"16" height=3D"16" v=
iewBox=3D"0 0 24 24" fill=3D"none" xmlns=3D"http://www.w3.org/2000/svg" cla=
ss=3D"stroke-[2] size-4"><rect x=3D"3" y=3D"8" width=3D"13" height=3D"13" r=
x=3D"4" stroke=3D"currentColor"></rect><path fill-rule=3D"evenodd" clip-rul=
e=3D"evenodd" d=3D"M13 2.00004L12.8842 2.00002C12.0666 1.99982 11.5094 1.99=
968 11.0246 2.09611C9.92585 2.31466 8.95982 2.88816 8.25008 3.69274C7.90896=
 4.07944 7.62676 4.51983 7.41722 5.00004H9.76392C10.189 4.52493 10.7628 4.1=
8736 11.4147 4.05768C11.6802 4.00488 12.0228 4.00004 13 4.00004H14.6C15.736=
6 4.00004 16.5289 4.00081 17.1458 4.05121C17.7509 4.10066 18.0986 4.19283 1=
8.362 4.32702C18.9265 4.61464 19.3854 5.07358 19.673 5.63807C19.8072 5.9014=
2 19.8994 6.24911 19.9488 6.85428C19.9992 7.47112 20 8.26343 20 9.40004V11C=
20 11.9773 19.9952 12.3199 19.9424 12.5853C19.8127 13.2373 19.4748 13.8114 =
19 14.2361V16.5829C20.4795 15.9374 21.5804 14.602 21.9039 12.9755C22.0004 1=
2.4907 22.0002 11.9334 22 11.1158L22 11V9.40004V9.35725C22 8.27346 22 7.399=
3 21.9422 6.69141C21.8826 5.96256 21.7568 5.32238 21.455 4.73008C20.9757 3.=
78927 20.2108 3.02437 19.27 2.545C18.6777 2.24322 18.0375 2.1174 17.3086 2.=
05785C16.6007 2.00002 15.7266 2.00003 14.6428 2.00004L14.6 2.00004H13Z" fil=
l=3D"currentColor"></path></svg></span></button></div></div><div style=3D"h=
eight: 1px; position: absolute; bottom: 0px; z-index: 1000;"></div></div></=
div><div class=3D"flex flex-col items-center"><div class=3D"relative group =
flex flex-col justify-center w-full max-w-[var(--content-max-width)] pb-0.5=
 items-start"><div dir=3D"auto" class=3D"message-bubble rounded-3xl text-pr=
imary min-h-7 prose dark:prose-invert break-words prose-p:opacity-100 prose=
-strong:opacity-100 prose-li:opacity-100 prose-ul:opacity-100 prose-ol:opac=
ity-100 prose-ul:my-1 prose-ol:my-1 prose-li:my-2 last:prose-li:mb-3 prose-=
li:ps-1 prose-li:ms-1 w-full max-w-none"><div class=3D"response-content-mar=
kdown markdown [&amp;_a:not(.not-prose)]:text-current [&amp;_a:not(.not-pro=
se):hover]:text-primary [&amp;_a:not(.not-prose):hover]:decoration-primary =
[&amp;_a:not(.not-prose)]:underline [&amp;_a:not(.not-prose)]:decoration-pr=
imary/30 [&amp;_a:not(.not-prose)]:underline-offset-2 [&amp;_h2:not(.not-pr=
ose):first-child]:mt-0 [&amp;_h3:not(.not-prose):first-child]:mt-0 [&amp;_h=
4:not(.not-prose):first-child]:mt-0"><p dir=3D"auto" class=3D"break-words" =
style=3D"white-space: pre-wrap;">=D0=94=D0=B0, =D1=84=D0=B0=D0=B9=D0=BB=D1=
=8B, =D0=B2=D1=8B=D0=B1=D1=80=D0=B0=D0=BD=D0=BD=D1=8B=D0=B5 =D1=87=D0=B5=D1=
=80=D0=B5=D0=B7 <span class=3D"text-sm px-1 rounded-sm !font-mono bg-orange=
-400/10 text-orange-500 dark:bg-orange-300/10 dark:text-orange-200">&lt;inp=
ut type=3D"file"&gt;</span> =D0=B2 HTML, =D0=BC=D0=BE=D0=B6=D0=BD=D0=BE =D0=
=BE=D1=82=D0=BA=D1=80=D1=8B=D1=82=D1=8C =D0=B8 =D0=BF=D1=80=D0=BE=D1=81=D0=
=BC=D0=BE=D1=82=D1=80=D0=B5=D1=82=D1=8C =D0=BD=D0=B0 =D1=81=D1=82=D0=BE=D1=
=80=D0=BE=D0=BD=D0=B5 =D0=BA=D0=BB=D0=B8=D0=B5=D0=BD=D1=82=D0=B0 =D1=81 =D0=
=BF=D0=BE=D0=BC=D0=BE=D1=89=D1=8C=D1=8E JavaScript. =D0=9E=D0=B4=D0=BD=D0=
=B0=D0=BA=D0=BE =D0=B5=D1=81=D1=82=D1=8C =D0=BD=D0=B5=D1=81=D0=BA=D0=BE=D0=
=BB=D1=8C=D0=BA=D0=BE =D0=B2=D0=B0=D0=B6=D0=BD=D1=8B=D1=85 =D0=BC=D0=BE=D0=
=BC=D0=B5=D0=BD=D1=82=D0=BE=D0=B2:</p>
<ol dir=3D"auto" class=3D"marker:text-secondary">
<li class=3D"break-words"><strong class=3D"font-semibold">=D0=94=D0=BE=D1=
=81=D1=82=D1=83=D0=BF =D0=BA =D1=84=D0=B0=D0=B9=D0=BB=D0=B0=D0=BC</strong>:=
 =D0=91=D1=80=D0=B0=D1=83=D0=B7=D0=B5=D1=80=D1=8B =D0=BE=D0=B3=D1=80=D0=B0=
=D0=BD=D0=B8=D1=87=D0=B8=D0=B2=D0=B0=D1=8E=D1=82 =D0=B4=D0=BE=D1=81=D1=82=
=D1=83=D0=BF =D0=BA =D1=84=D0=B0=D0=B9=D0=BB=D0=B0=D0=BC =D0=B8=D0=B7 =D1=
=81=D0=BE=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8=D0=B9 =D0=B1=D0=
=B5=D0=B7=D0=BE=D0=BF=D0=B0=D1=81=D0=BD=D0=BE=D1=81=D1=82=D0=B8. =D0=92=D1=
=8B =D0=BC=D0=BE=D0=B6=D0=B5=D1=82=D0=B5 =D1=80=D0=B0=D0=B1=D0=BE=D1=82=D0=
=B0=D1=82=D1=8C =D1=82=D0=BE=D0=BB=D1=8C=D0=BA=D0=BE =D1=81 =D1=84=D0=B0=D0=
=B9=D0=BB=D0=B0=D0=BC=D0=B8, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B5 =D0=
=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D0=B5=D0=BB=D1=8C =D1=
=8F=D0=B2=D0=BD=D0=BE =D0=B2=D1=8B=D0=B1=D1=80=D0=B0=D0=BB =D1=87=D0=B5=D1=
=80=D0=B5=D0=B7 <span class=3D"text-sm px-1 rounded-sm !font-mono bg-orange=
-400/10 text-orange-500 dark:bg-orange-300/10 dark:text-orange-200">&lt;inp=
ut type=3D"file"&gt;</span>.</li>
<li class=3D"break-words"><strong class=3D"font-semibold">=D0=A7=D1=82=D0=
=B5=D0=BD=D0=B8=D0=B5 =D1=84=D0=B0=D0=B9=D0=BB=D0=BE=D0=B2</strong>: =D0=94=
=D0=BB=D1=8F =D0=BF=D1=80=D0=BE=D1=81=D0=BC=D0=BE=D1=82=D1=80=D0=B0 =D1=81=
=D0=BE=D0=B4=D0=B5=D1=80=D0=B6=D0=B8=D0=BC=D0=BE=D0=B3=D0=BE =D1=84=D0=B0=
=D0=B9=D0=BB=D0=BE=D0=B2 =D0=B8=D1=81=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D1=83=
=D0=B5=D1=82=D1=81=D1=8F API <span class=3D"text-sm px-1 rounded-sm !font-m=
ono bg-orange-400/10 text-orange-500 dark:bg-orange-300/10 dark:text-orange=
-200">FileReader</span>. =D0=AD=D1=82=D0=BE =D0=BF=D0=BE=D0=B7=D0=B2=D0=BE=
=D0=BB=D1=8F=D0=B5=D1=82 =D1=87=D0=B8=D1=82=D0=B0=D1=82=D1=8C =D1=81=D0=BE=
=D0=B4=D0=B5=D1=80=D0=B6=D0=B8=D0=BC=D0=BE=D0=B5 =D1=84=D0=B0=D0=B9=D0=BB=
=D0=BE=D0=B2 (=D0=BD=D0=B0=D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=80, =D1=82=D0=
=B5=D0=BA=D1=81=D1=82, =D0=B8=D0=B7=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=
=BD=D0=B8=D1=8F, PDF =D0=B8 =D1=82.=D0=B4.) =D0=B8 =D0=BE=D1=82=D0=BE=D0=B1=
=D1=80=D0=B0=D0=B6=D0=B0=D1=82=D1=8C =D0=B8=D1=85 =D0=B2 =D0=B1=D1=80=D0=B0=
=D1=83=D0=B7=D0=B5=D1=80=D0=B5.</li>
<li class=3D"break-words"><strong class=3D"font-semibold">=D0=9F=D1=80=D0=
=B8=D0=BC=D0=B5=D1=80=D1=8B =D0=B8=D1=81=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=
=BE=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F</strong>:
<ul dir=3D"auto" class=3D"marker:text-secondary">
<li class=3D"break-words">=D0=94=D0=BB=D1=8F =D1=82=D0=B5=D0=BA=D1=81=D1=82=
=D0=BE=D0=B2=D1=8B=D1=85 =D1=84=D0=B0=D0=B9=D0=BB=D0=BE=D0=B2 =D0=BC=D0=BE=
=D0=B6=D0=BD=D0=BE =D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B7=D0=B8=D1=82=
=D1=8C =D0=B8=D1=85 =D1=81=D0=BE=D0=B4=D0=B5=D1=80=D0=B6=D0=B8=D0=BC=D0=BE=
=D0=B5.</li>
<li class=3D"break-words">=D0=94=D0=BB=D1=8F =D0=B8=D0=B7=D0=BE=D0=B1=D1=80=
=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8=D0=B9 =D0=BC=D0=BE=D0=B6=D0=BD=D0=BE =D0=BE=
=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B7=D0=B8=D1=82=D1=8C =D0=B8=D1=85 =D0=B2 =
<span class=3D"text-sm px-1 rounded-sm !font-mono bg-orange-400/10 text-ora=
nge-500 dark:bg-orange-300/10 dark:text-orange-200">&lt;img&gt;</span> =D1=
=8D=D0=BB=D0=B5=D0=BC=D0=B5=D0=BD=D1=82=D0=B5.</li>
<li class=3D"break-words">=D0=94=D0=BB=D1=8F =D0=B4=D1=80=D1=83=D0=B3=D0=B8=
=D1=85 =D1=82=D0=B8=D0=BF=D0=BE=D0=B2 =D1=84=D0=B0=D0=B9=D0=BB=D0=BE=D0=B2 =
(=D0=BD=D0=B0=D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=80, PDF) =D0=BC=D0=BE=D0=B6=
=D0=B5=D1=82 =D0=BF=D0=BE=D1=82=D1=80=D0=B5=D0=B1=D0=BE=D0=B2=D0=B0=D1=82=
=D1=8C=D1=81=D1=8F =D0=BF=D1=80=D0=B5=D0=B4=D0=B2=D0=B0=D1=80=D0=B8=D1=82=
=D0=B5=D0=BB=D1=8C=D0=BD=D0=B0=D1=8F =D0=BE=D0=B1=D1=80=D0=B0=D0=B1=D0=BE=
=D1=82=D0=BA=D0=B0 =D0=B8=D0=BB=D0=B8 =D1=81=D1=82=D0=BE=D1=80=D0=BE=D0=BD=
=D0=BD=D0=B8=D0=B5 =D0=B1=D0=B8=D0=B1=D0=BB=D0=B8=D0=BE=D1=82=D0=B5=D0=BA=
=D0=B8.</li>
</ul>
</li>
</ol>
<h3 dir=3D"auto" class=3D"">=D0=9F=D1=80=D0=B8=D0=BC=D0=B5=D1=80 =D0=BA=D0=
=BE=D0=B4=D0=B0 =D0=B4=D0=BB=D1=8F =D0=BF=D1=80=D0=BE=D1=81=D0=BC=D0=BE=D1=
=82=D1=80=D0=B0 =D1=84=D0=B0=D0=B9=D0=BB=D0=B0</h3>
<div dir=3D"auto" class=3D"not-prose"><div class=3D"relative not-prose @con=
tainer/code-block [&amp;_div+div]:!mt-0 mt-3 mb-3 @md:-mx-4 @md:-mr-4"><div=
 class=3D"flex flex-row px-4 py-2 h-10 items-center rounded-t-xl bg-surface=
-l2 border border-border-l1"><span class=3D"font-mono text-xs">html</span><=
/div><div class=3D"sticky w-full right-2 z-10 @[1280px]/mainview:z-40 @[128=
0px]/mainview:top-10 top-24 @[0px]/preview:top-5 print:hidden"><div class=
=3D"absolute bottom-1 right-1 flex flex-row gap-0.5"><div class=3D"flex fle=
x-row gap-0.5" style=3D"opacity: 1;"><button class=3D"inline-flex items-cen=
ter justify-center gap-2 whitespace-nowrap font-medium cursor-pointer focus=
-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled=
:opacity-60 disabled:cursor-not-allowed transition-colors duration-100 [&am=
p;_svg]:shrink-0 select-none text-fg-secondary hover:text-fg-primary disabl=
ed:hover:text-fg-secondary bg-surface-l1 dark:bg-surface-l2 dark:hover:bg-s=
urface-l3 hover:bg-surface-l4-hover disabled:hover:bg-surface-l1 dark:disab=
led:hover:bg-surface-l2 h-8 rounded-xl px-3 text-xs @[0px]/preview:hidden" =
type=3D"button"><svg xmlns=3D"http://www.w3.org/2000/svg" width=3D"24" heig=
ht=3D"24" viewBox=3D"0 0 24 24" fill=3D"none" stroke=3D"currentColor" strok=
e-width=3D"2" stroke-linecap=3D"round" stroke-linejoin=3D"round" class=3D"l=
ucide lucide-circle-play size-4"><circle cx=3D"12" cy=3D"12" r=3D"10"></cir=
cle><polygon points=3D"10 8 16 12 10 16 10 8"></polygon></svg><span class=
=3D"hidden @sm/code-block:block">=D0=9F=D1=80=D0=B5=D0=B4=D0=B2=D0=B0=D1=80=
=D0=B8=D1=82=D0=B5=D0=BB=D1=8C=D0=BD=D1=8B=D0=B9 =D0=BF=D1=80=D0=BE=D1=81=
=D0=BC=D0=BE=D1=82=D1=80</span></button><button class=3D"inline-flex items-=
center justify-center gap-2 whitespace-nowrap font-medium cursor-pointer fo=
cus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disab=
led:opacity-60 disabled:cursor-not-allowed transition-colors duration-100 [=
&amp;_svg]:shrink-0 select-none text-fg-secondary hover:text-fg-primary dis=
abled:hover:text-fg-secondary bg-surface-l1 dark:bg-surface-l2 dark:hover:b=
g-surface-l3 hover:bg-surface-l4-hover disabled:hover:bg-surface-l1 dark:di=
sabled:hover:bg-surface-l2 h-8 rounded-xl px-3 text-xs" type=3D"button"><sv=
g xmlns=3D"http://www.w3.org/2000/svg" width=3D"24" height=3D"24" viewBox=
=3D"0 0 24 24" fill=3D"none" stroke=3D"currentColor" stroke-width=3D"2" str=
oke-linecap=3D"round" stroke-linejoin=3D"round" class=3D"lucide lucide-chev=
rons-down-up size-4"><path d=3D"m7 20 5-5 5 5"></path><path d=3D"m7 4 5 5 5=
-5"></path></svg><span class=3D"hidden @sm/code-block:block">=D0=A1=D0=B2=
=D0=B5=D1=80=D0=BD=D1=83=D1=82=D1=8C</span></button><button class=3D"inline=
-flex items-center justify-center gap-2 whitespace-nowrap font-medium curso=
r-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:rin=
g-ring disabled:opacity-60 disabled:cursor-not-allowed transition-colors du=
ration-100 [&amp;_svg]:shrink-0 select-none text-fg-secondary hover:text-fg=
-primary disabled:hover:text-fg-secondary bg-surface-l1 dark:bg-surface-l2 =
dark:hover:bg-surface-l3 hover:bg-surface-l4-hover disabled:hover:bg-surfac=
e-l1 dark:disabled:hover:bg-surface-l2 h-8 rounded-xl px-3 text-xs" type=3D=
"button"><svg xmlns=3D"http://www.w3.org/2000/svg" width=3D"24" height=3D"2=
4" viewBox=3D"0 0 24 24" fill=3D"none" stroke=3D"currentColor" stroke-width=
=3D"2" stroke-linecap=3D"round" stroke-linejoin=3D"round" class=3D"lucide l=
ucide-wrap-text size-4"><line x1=3D"3" x2=3D"21" y1=3D"6" y2=3D"6"></line><=
path d=3D"M3 12h15a3 3 0 1 1 0 6h-4"></path><polyline points=3D"16 16 14 18=
 16 20"></polyline><line x1=3D"3" x2=3D"10" y1=3D"18" y2=3D"18"></line></sv=
g><span class=3D"hidden @sm/code-block:block">=D0=9F=D0=B5=D1=80=D0=B5=D0=
=BD=D0=BE=D1=81</span></button></div><button class=3D"inline-flex items-cen=
ter justify-center gap-2 whitespace-nowrap font-medium cursor-pointer focus=
-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled=
:opacity-60 disabled:cursor-not-allowed transition-colors duration-100 [&am=
p;_svg]:shrink-0 select-none text-fg-secondary hover:text-fg-primary disabl=
ed:hover:text-fg-secondary bg-surface-l1 dark:bg-surface-l2 dark:hover:bg-s=
urface-l3 hover:bg-surface-l4-hover disabled:hover:bg-surface-l1 dark:disab=
led:hover:bg-surface-l2 h-8 rounded-xl px-3 text-xs" type=3D"button"><svg w=
idth=3D"16" height=3D"16" viewBox=3D"0 0 24 24" fill=3D"none" xmlns=3D"http=
://www.w3.org/2000/svg" class=3D"stroke-[2] size-4"><rect x=3D"3" y=3D"8" w=
idth=3D"13" height=3D"13" rx=3D"4" stroke=3D"currentColor"></rect><path fil=
l-rule=3D"evenodd" clip-rule=3D"evenodd" d=3D"M13 2.00004L12.8842 2.00002C1=
2.0666 1.99982 11.5094 1.99968 11.0246 2.09611C9.92585 2.31466 8.95982 2.88=
816 8.25008 3.69274C7.90896 4.07944 7.62676 4.51983 7.41722 5.00004H9.76392=
C10.189 4.52493 10.7628 4.18736 11.4147 4.05768C11.6802 4.00488 12.0228 4.0=
0004 13 4.00004H14.6C15.7366 4.00004 16.5289 4.00081 17.1458 4.05121C17.750=
9 4.10066 18.0986 4.19283 18.362 4.32702C18.9265 4.61464 19.3854 5.07358 19=
.673 5.63807C19.8072 5.90142 19.8994 6.24911 19.9488 6.85428C19.9992 7.4711=
2 20 8.26343 20 9.40004V11C20 11.9773 19.9952 12.3199 19.9424 12.5853C19.81=
27 13.2373 19.4748 13.8114 19 14.2361V16.5829C20.4795 15.9374 21.5804 14.60=
2 21.9039 12.9755C22.0004 12.4907 22.0002 11.9334 22 11.1158L22 11V9.40004V=
9.35725C22 8.27346 22 7.3993 21.9422 6.69141C21.8826 5.96256 21.7568 5.3223=
8 21.455 4.73008C20.9757 3.78927 20.2108 3.02437 19.27 2.545C18.6777 2.2432=
2 18.0375 2.1174 17.3086 2.05785C16.6007 2.00002 15.7266 2.00003 14.6428 2.=
00004L14.6 2.00004H13Z" fill=3D"currentColor"></path></svg><span class=3D"h=
idden @sm/code-block:block">=D0=9A=D0=BE=D0=BF=D0=B8=D1=80=D0=BE=D0=B2=D0=
=B0=D1=82=D1=8C</span></button></div></div><div style=3D"display: block; ov=
erflow: auto; padding: 16px; color: var(--fg-primary); background: var(--su=
rface-l1); border-radius: 0px 0px 12px 12px; border-top: none; border-right=
-width: ; border-bottom-width: ; border-left-width: ; border-right-style: ;=
 border-bottom-style: ; border-left-style: ; border-right-color: ; border-b=
ottom-color: ; border-left-color: ; border-image-source: ; border-image-sli=
ce: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; m=
argin-top: 0px; font-size: 0.9em; font-family: var(--font-ibm-plex-mono); l=
ine-height: 1.5em;"><code style=3D"white-space: pre; line-height: inherit; =
font-size: inherit;"><div style=3D"height: 100%; width: 100%; overflow: aut=
o;"><div style=3D"height: 1123.2px; width: 100%; position: relative;"><div =
style=3D"position: absolute; top: 0px; left: 0px; width: 100%; height: 1.5e=
m; transform: translateY(0px);"><span><span style=3D"color: rgb(64, 120, 24=
2);">&lt;!DOCTYPE </span><span class=3D"hljs-meta-keyword" style=3D"color: =
rgb(64, 120, 242);">html</span><span style=3D"color: rgb(64, 120, 242);">&g=
t;</span><span>
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(21.6px);"><span><span></s=
pan><span class=3D"hljs-tag">&lt;</span><span class=3D"hljs-tag" style=3D"c=
olor: rgb(228, 86, 73);">html</span><span class=3D"hljs-tag"> </span><span =
class=3D"hljs-tag" style=3D"color: rgb(152, 104, 1);">lang</span><span clas=
s=3D"hljs-tag">=3D</span><span class=3D"hljs-tag" style=3D"color: rgb(80, 1=
61, 79);">"ru"</span><span class=3D"hljs-tag">&gt;</span><span>
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(43.2px);"><span><span></s=
pan><span class=3D"hljs-tag">&lt;</span><span class=3D"hljs-tag" style=3D"c=
olor: rgb(228, 86, 73);">head</span><span class=3D"hljs-tag">&gt;</span><sp=
an>
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(64.8px);"><span><span>  <=
/span><span class=3D"hljs-tag">&lt;</span><span class=3D"hljs-tag" style=3D=
"color: rgb(228, 86, 73);">meta</span><span class=3D"hljs-tag"> </span><spa=
n class=3D"hljs-tag" style=3D"color: rgb(152, 104, 1);">charset</span><span=
 class=3D"hljs-tag">=3D</span><span class=3D"hljs-tag" style=3D"color: rgb(=
80, 161, 79);">"UTF-8"</span><span class=3D"hljs-tag">&gt;</span><span>
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(86.4px);"><span><span>  <=
/span><span class=3D"hljs-tag">&lt;</span><span class=3D"hljs-tag" style=3D=
"color: rgb(228, 86, 73);">title</span><span class=3D"hljs-tag">&gt;</span>=
<span>=D0=9F=D1=80=D0=BE=D1=81=D0=BC=D0=BE=D1=82=D1=80 =D1=84=D0=B0=D0=B9=
=D0=BB=D0=B0</span><span class=3D"hljs-tag">&lt;/</span><span class=3D"hljs=
-tag" style=3D"color: rgb(228, 86, 73);">title</span><span class=3D"hljs-ta=
g">&gt;</span><span>
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(108px);"><span><span></sp=
an><span class=3D"hljs-tag">&lt;/</span><span class=3D"hljs-tag" style=3D"c=
olor: rgb(228, 86, 73);">head</span><span class=3D"hljs-tag">&gt;</span><sp=
an>
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(129.6px);"><span><span></=
span><span class=3D"hljs-tag">&lt;</span><span class=3D"hljs-tag" style=3D"=
color: rgb(228, 86, 73);">body</span><span class=3D"hljs-tag">&gt;</span><s=
pan>
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(151.2px);"><span><span>  =
</span><span class=3D"hljs-tag">&lt;</span><span class=3D"hljs-tag" style=
=3D"color: rgb(228, 86, 73);">input</span><span class=3D"hljs-tag"> </span>=
<span class=3D"hljs-tag" style=3D"color: rgb(152, 104, 1);">type</span><spa=
n class=3D"hljs-tag">=3D</span><span class=3D"hljs-tag" style=3D"color: rgb=
(80, 161, 79);">"file"</span><span class=3D"hljs-tag"> </span><span class=
=3D"hljs-tag" style=3D"color: rgb(152, 104, 1);">id</span><span class=3D"hl=
js-tag">=3D</span><span class=3D"hljs-tag" style=3D"color: rgb(80, 161, 79)=
;">"fileInput"</span><span class=3D"hljs-tag"> </span><span class=3D"hljs-t=
ag" style=3D"color: rgb(152, 104, 1);">accept</span><span class=3D"hljs-tag=
">=3D</span><span class=3D"hljs-tag" style=3D"color: rgb(80, 161, 79);">"im=
age/*,text/*"</span><span class=3D"hljs-tag">&gt;</span><span>
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(172.8px);"><span><span>  =
</span><span class=3D"hljs-tag">&lt;</span><span class=3D"hljs-tag" style=
=3D"color: rgb(228, 86, 73);">div</span><span class=3D"hljs-tag"> </span><s=
pan class=3D"hljs-tag" style=3D"color: rgb(152, 104, 1);">id</span><span cl=
ass=3D"hljs-tag">=3D</span><span class=3D"hljs-tag" style=3D"color: rgb(80,=
 161, 79);">"preview"</span><span class=3D"hljs-tag">&gt;</span><span class=
=3D"hljs-tag">&lt;/</span><span class=3D"hljs-tag" style=3D"color: rgb(228,=
 86, 73);">div</span><span class=3D"hljs-tag">&gt;</span><span>
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(194.4px);"><span>
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(216px);"><span><span>  </span><s=
pan class=3D"hljs-tag">&lt;</span><span class=3D"hljs-tag" style=3D"color: =
rgb(228, 86, 73);">script</span><span class=3D"hljs-tag">&gt;</span><span c=
lass=3D"javascript">
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(237.6px);"><span><span cl=
ass=3D"javascript">    </span><span class=3D"javascript" style=3D"color: rg=
b(166, 38, 164);">const</span><span class=3D"javascript"> fileInput =3D </s=
pan><span class=3D"javascript" style=3D"color: rgb(193, 132, 1);">document<=
/span><span class=3D"javascript">.getElementById(</span><span class=3D"java=
script" style=3D"color: rgb(80, 161, 79);">'fileInput'</span><span class=3D=
"javascript">);
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(259.2px);"><span><span cl=
ass=3D"javascript">    </span><span class=3D"javascript" style=3D"color: rg=
b(166, 38, 164);">const</span><span class=3D"javascript"> preview =3D </spa=
n><span class=3D"javascript" style=3D"color: rgb(193, 132, 1);">document</s=
pan><span class=3D"javascript">.getElementById(</span><span class=3D"javasc=
ript" style=3D"color: rgb(80, 161, 79);">'preview'</span><span class=3D"jav=
ascript">);
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(280.8px);"><span class=3D=
"javascript">
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(302.4px);"><span><span class=3D"=
javascript">    fileInput.addEventListener(</span><span class=3D"javascript=
" style=3D"color: rgb(80, 161, 79);">'change'</span><span class=3D"javascri=
pt">, </span><span class=3D"javascript hljs-function" style=3D"color: rgb(1=
66, 38, 164);">function</span><span class=3D"javascript hljs-function">(</s=
pan><span class=3D"javascript hljs-function hljs-params">event</span><span =
class=3D"javascript hljs-function">) </span><span class=3D"javascript">{
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(324px);"><span><span clas=
s=3D"javascript">      </span><span class=3D"javascript" style=3D"color: rg=
b(166, 38, 164);">const</span><span class=3D"javascript"> file =3D event.ta=
rget.files[</span><span class=3D"javascript" style=3D"color: rgb(152, 104, =
1);">0</span><span class=3D"javascript">]; </span><span class=3D"javascript=
" style=3D"color: rgb(160, 161, 167); font-style: italic;">// =D0=9F=D0=BE=
=D0=BB=D1=83=D1=87=D0=B0=D0=B5=D0=BC =D0=BF=D0=B5=D1=80=D0=B2=D1=8B=D0=B9 =
=D0=B2=D1=8B=D0=B1=D1=80=D0=B0=D0=BD=D0=BD=D1=8B=D0=B9 =D1=84=D0=B0=D0=B9=
=D0=BB</span><span class=3D"javascript">
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(345.6px);"><span><span cl=
ass=3D"javascript">      </span><span class=3D"javascript" style=3D"color: =
rgb(166, 38, 164);">if</span><span class=3D"javascript"> (!file) </span><sp=
an class=3D"javascript" style=3D"color: rgb(166, 38, 164);">return</span><s=
pan class=3D"javascript">;
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(367.2px);"><span class=3D=
"javascript">
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(388.8px);"><span><span class=3D"=
javascript">      </span><span class=3D"javascript" style=3D"color: rgb(166=
, 38, 164);">const</span><span class=3D"javascript"> reader =3D </span><spa=
n class=3D"javascript" style=3D"color: rgb(166, 38, 164);">new</span><span =
class=3D"javascript"> FileReader();
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(410.4px);"><span class=3D=
"javascript">
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(432px);"><span><span class=3D"ja=
vascript">      </span><span class=3D"javascript" style=3D"color: rgb(160, =
161, 167); font-style: italic;">// =D0=9E=D0=B1=D1=80=D0=B0=D0=B1=D0=BE=D1=
=82=D1=87=D0=B8=D0=BA =D0=BF=D0=BE=D1=81=D0=BB=D0=B5 =D1=87=D1=82=D0=B5=D0=
=BD=D0=B8=D1=8F =D1=84=D0=B0=D0=B9=D0=BB=D0=B0</span><span class=3D"javascr=
ipt">
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(453.6px);"><span><span cl=
ass=3D"javascript">      reader.onload =3D </span><span class=3D"javascript=
 hljs-function" style=3D"color: rgb(166, 38, 164);">function</span><span cl=
ass=3D"javascript hljs-function">(</span><span class=3D"javascript hljs-fun=
ction hljs-params">e</span><span class=3D"javascript hljs-function">) </spa=
n><span class=3D"javascript">{
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(475.2px);"><span><span cl=
ass=3D"javascript">        </span><span class=3D"javascript" style=3D"color=
: rgb(166, 38, 164);">const</span><span class=3D"javascript"> fileType =3D =
file.type;
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(496.8px);"><span class=3D=
"javascript">
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(518.4px);"><span><span class=3D"=
javascript">        </span><span class=3D"javascript" style=3D"color: rgb(1=
66, 38, 164);">if</span><span class=3D"javascript"> (fileType.startsWith(</=
span><span class=3D"javascript" style=3D"color: rgb(80, 161, 79);">'image/'=
</span><span class=3D"javascript">)) {
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(540px);"><span><span clas=
s=3D"javascript">          </span><span class=3D"javascript" style=3D"color=
: rgb(160, 161, 167); font-style: italic;">// =D0=95=D1=81=D0=BB=D0=B8 =D1=
=8D=D1=82=D0=BE =D0=B8=D0=B7=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD=D0=
=B8=D0=B5</span><span class=3D"javascript">
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(561.6px);"><span><span cl=
ass=3D"javascript">          </span><span class=3D"javascript" style=3D"col=
or: rgb(166, 38, 164);">const</span><span class=3D"javascript"> img =3D </s=
pan><span class=3D"javascript" style=3D"color: rgb(193, 132, 1);">document<=
/span><span class=3D"javascript">.createElement(</span><span class=3D"javas=
cript" style=3D"color: rgb(80, 161, 79);">'img'</span><span class=3D"javasc=
ript">);
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(583.2px);"><span><span cl=
ass=3D"javascript">          img.src =3D e.target.result; </span><span clas=
s=3D"javascript" style=3D"color: rgb(160, 161, 167); font-style: italic;">/=
/ =D0=A3=D1=81=D1=82=D0=B0=D0=BD=D0=B0=D0=B2=D0=BB=D0=B8=D0=B2=D0=B0=D0=B5=
=D0=BC =D1=81=D0=BE=D0=B4=D0=B5=D1=80=D0=B6=D0=B8=D0=BC=D0=BE=D0=B5 =D1=84=
=D0=B0=D0=B9=D0=BB=D0=B0 =D0=BA=D0=B0=D0=BA =D0=B8=D1=81=D1=82=D0=BE=D1=87=
=D0=BD=D0=B8=D0=BA =D0=B8=D0=B7=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD=
=D0=B8=D1=8F</span><span class=3D"javascript">
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(604.8px);"><span><span cl=
ass=3D"javascript">          img.style.maxWidth =3D </span><span class=3D"j=
avascript" style=3D"color: rgb(80, 161, 79);">'300px'</span><span class=3D"=
javascript">;
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(626.4px);"><span><span cl=
ass=3D"javascript">          preview.innerHTML =3D </span><span class=3D"ja=
vascript" style=3D"color: rgb(80, 161, 79);">''</span><span class=3D"javasc=
ript">; </span><span class=3D"javascript" style=3D"color: rgb(160, 161, 167=
); font-style: italic;">// =D0=9E=D1=87=D0=B8=D1=89=D0=B0=D0=B5=D0=BC =D0=
=BF=D1=80=D0=B5=D0=B4=D1=8B=D0=B4=D1=83=D1=89=D0=B8=D0=B9 =D0=BA=D0=BE=D0=
=BD=D1=82=D0=B5=D0=BD=D1=82</span><span class=3D"javascript">
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(648px);"><span class=3D"j=
avascript">          preview.appendChild(img);
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(669.6px);"><span><span class=3D"=
javascript">        } </span><span class=3D"javascript" style=3D"color: rgb=
(166, 38, 164);">else</span><span class=3D"javascript"> </span><span class=
=3D"javascript" style=3D"color: rgb(166, 38, 164);">if</span><span class=3D=
"javascript"> (fileType.startsWith(</span><span class=3D"javascript" style=
=3D"color: rgb(80, 161, 79);">'text/'</span><span class=3D"javascript">)) {
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(691.2px);"><span><span cl=
ass=3D"javascript">          </span><span class=3D"javascript" style=3D"col=
or: rgb(160, 161, 167); font-style: italic;">// =D0=95=D1=81=D0=BB=D0=B8 =
=D1=8D=D1=82=D0=BE =D1=82=D0=B5=D0=BA=D1=81=D1=82=D0=BE=D0=B2=D1=8B=D0=B9 =
=D1=84=D0=B0=D0=B9=D0=BB</span><span class=3D"javascript">
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(712.8px);"><span><span cl=
ass=3D"javascript">          </span><span class=3D"javascript" style=3D"col=
or: rgb(166, 38, 164);">const</span><span class=3D"javascript"> text =3D </=
span><span class=3D"javascript" style=3D"color: rgb(193, 132, 1);">document=
</span><span class=3D"javascript">.createElement(</span><span class=3D"java=
script" style=3D"color: rgb(80, 161, 79);">'pre'</span><span class=3D"javas=
cript">);
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(734.4px);"><span><span cl=
ass=3D"javascript">          text.textContent =3D e.target.result; </span><=
span class=3D"javascript" style=3D"color: rgb(160, 161, 167); font-style: i=
talic;">// =D0=A3=D1=81=D1=82=D0=B0=D0=BD=D0=B0=D0=B2=D0=BB=D0=B8=D0=B2=D0=
=B0=D0=B5=D0=BC =D1=82=D0=B5=D0=BA=D1=81=D1=82 =D1=84=D0=B0=D0=B9=D0=BB=D0=
=B0</span><span class=3D"javascript">
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(756px);"><span><span clas=
s=3D"javascript">          preview.innerHTML =3D </span><span class=3D"java=
script" style=3D"color: rgb(80, 161, 79);">''</span><span class=3D"javascri=
pt">;
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(777.6px);"><span class=3D=
"javascript">          preview.appendChild(text);
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(799.2px);"><span><span class=3D"=
javascript">        } </span><span class=3D"javascript" style=3D"color: rgb=
(166, 38, 164);">else</span><span class=3D"javascript"> {
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(820.8px);"><span><span cl=
ass=3D"javascript">          preview.innerHTML =3D </span><span class=3D"ja=
vascript" style=3D"color: rgb(80, 161, 79);">'=D0=9D=D0=B5=D0=BF=D0=BE=D0=
=B4=D0=B4=D0=B5=D1=80=D0=B6=D0=B8=D0=B2=D0=B0=D0=B5=D0=BC=D1=8B=D0=B9 =D1=
=82=D0=B8=D0=BF =D1=84=D0=B0=D0=B9=D0=BB=D0=B0'</span><span class=3D"javasc=
ript">;
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(842.4px);"><span class=3D=
"javascript">        }
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(864px);"><span class=3D"javascri=
pt">      };
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(885.6px);"><span class=3D"javasc=
ript">
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(907.2px);"><span><span class=3D"=
javascript">      </span><span class=3D"javascript" style=3D"color: rgb(160=
, 161, 167); font-style: italic;">// =D0=A7=D0=B8=D1=82=D0=B0=D0=B5=D0=BC =
=D1=84=D0=B0=D0=B9=D0=BB =D0=BA=D0=B0=D0=BA Data URL (=D0=B4=D0=BB=D1=8F =
=D0=B8=D0=B7=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8=D0=B9) =D0=B8=
=D0=BB=D0=B8 =D1=82=D0=B5=D0=BA=D1=81=D1=82 (=D0=B4=D0=BB=D1=8F =D1=82=D0=
=B5=D0=BA=D1=81=D1=82=D0=BE=D0=B2=D1=8B=D1=85 =D1=84=D0=B0=D0=B9=D0=BB=D0=
=BE=D0=B2)</span><span class=3D"javascript">
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(928.8px);"><span><span cl=
ass=3D"javascript">      </span><span class=3D"javascript" style=3D"color: =
rgb(166, 38, 164);">if</span><span class=3D"javascript"> (file.type.startsW=
ith(</span><span class=3D"javascript" style=3D"color: rgb(80, 161, 79);">'i=
mage/'</span><span class=3D"javascript">)) {
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(950.4px);"><span class=3D=
"javascript">        reader.readAsDataURL(file);
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(972px);"><span><span class=3D"ja=
vascript">      } </span><span class=3D"javascript" style=3D"color: rgb(166=
, 38, 164);">else</span><span class=3D"javascript"> </span><span class=3D"j=
avascript" style=3D"color: rgb(166, 38, 164);">if</span><span class=3D"java=
script"> (file.type.startsWith(</span><span class=3D"javascript" style=3D"c=
olor: rgb(80, 161, 79);">'text/'</span><span class=3D"javascript">)) {
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(993.6px);"><span class=3D=
"javascript">        reader.readAsText(file);
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(1015.2px);"><span class=3D"javas=
cript">      }
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(1036.8px);"><span class=3D"javas=
cript">    });
</span></div><div style=3D"position: absolute; top: 0px; left: 0px; width: =
100%; height: 1.5em; transform: translateY(1058.4px);"><span><span class=3D=
"javascript">  </span><span class=3D"hljs-tag">&lt;/</span><span class=3D"h=
ljs-tag" style=3D"color: rgb(228, 86, 73);">script</span><span class=3D"hlj=
s-tag">&gt;</span><span>
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(1080px);"><span><span></s=
pan><span class=3D"hljs-tag">&lt;/</span><span class=3D"hljs-tag" style=3D"=
color: rgb(228, 86, 73);">body</span><span class=3D"hljs-tag">&gt;</span><s=
pan>
</span></span></div><div style=3D"position: absolute; top: 0px; left: 0px; =
width: 100%; height: 1.5em; transform: translateY(1101.6px);"><span><span><=
/span><span class=3D"hljs-tag">&lt;/</span><span class=3D"hljs-tag" style=
=3D"color: rgb(228, 86, 73);">html</span><span class=3D"hljs-tag">&gt;</spa=
n></span></div></div></div></code></div><div></div><div class=3D"false flex=
 flex-col gap-2 h-full"></div></div></div>
<h3 dir=3D"auto" class=3D"">=D0=9E=D0=B1=D1=8A=D1=8F=D1=81=D0=BD=D0=B5=D0=
=BD=D0=B8=D0=B5:</h3>
<ol dir=3D"auto" class=3D"marker:text-secondary">
<li class=3D"break-words"><strong class=3D"font-semibold"><span class=3D"te=
xt-sm px-1 rounded-sm !font-mono bg-orange-400/10 text-orange-500 dark:bg-o=
range-300/10 dark:text-orange-200">&lt;input type=3D"file"&gt;</span></stro=
ng>: =D0=9F=D0=BE=D0=B7=D0=B2=D0=BE=D0=BB=D1=8F=D0=B5=D1=82 =D0=BF=D0=BE=D0=
=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D0=B5=D0=BB=D1=8E =D0=B2=D1=8B=D0=
=B1=D1=80=D0=B0=D1=82=D1=8C =D1=84=D0=B0=D0=B9=D0=BB. =D0=90=D1=82=D1=80=D0=
=B8=D0=B1=D1=83=D1=82 <span class=3D"text-sm px-1 rounded-sm !font-mono bg-=
orange-400/10 text-orange-500 dark:bg-orange-300/10 dark:text-orange-200">a=
ccept</span> =D0=BE=D0=B3=D1=80=D0=B0=D0=BD=D0=B8=D1=87=D0=B8=D0=B2=D0=B0=
=D0=B5=D1=82 =D0=B2=D1=8B=D0=B1=D0=BE=D1=80 =D0=BE=D0=BF=D1=80=D0=B5=D0=B4=
=D0=B5=D0=BB=D1=91=D0=BD=D0=BD=D1=8B=D0=BC=D0=B8 =D1=82=D0=B8=D0=BF=D0=B0=
=D0=BC=D0=B8 =D1=84=D0=B0=D0=B9=D0=BB=D0=BE=D0=B2 (=D0=BD=D0=B0=D0=BF=D1=80=
=D0=B8=D0=BC=D0=B5=D1=80, =D0=B8=D0=B7=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=
=D0=BD=D0=B8=D1=8F =D0=B8=D0=BB=D0=B8 =D1=82=D0=B5=D0=BA=D1=81=D1=82).</li>
<li class=3D"break-words"><strong class=3D"font-semibold">FileReader</stron=
g>:
<ul dir=3D"auto" class=3D"marker:text-secondary">
<li class=3D"break-words"><span class=3D"text-sm px-1 rounded-sm !font-mono=
 bg-orange-400/10 text-orange-500 dark:bg-orange-300/10 dark:text-orange-20=
0">readAsDataURL()</span>: =D0=A7=D0=B8=D1=82=D0=B0=D0=B5=D1=82 =D1=84=D0=
=B0=D0=B9=D0=BB =D0=BA=D0=B0=D0=BA Data URL (=D0=BF=D0=BE=D0=B4=D1=85=D0=BE=
=D0=B4=D0=B8=D1=82 =D0=B4=D0=BB=D1=8F =D0=B8=D0=B7=D0=BE=D0=B1=D1=80=D0=B0=
=D0=B6=D0=B5=D0=BD=D0=B8=D0=B9).</li>
<li class=3D"break-words"><span class=3D"text-sm px-1 rounded-sm !font-mono=
 bg-orange-400/10 text-orange-500 dark:bg-orange-300/10 dark:text-orange-20=
0">readAsText()</span>: =D0=A7=D0=B8=D1=82=D0=B0=D0=B5=D1=82 =D1=84=D0=B0=
=D0=B9=D0=BB =D0=BA=D0=B0=D0=BA =D1=82=D0=B5=D0=BA=D1=81=D1=82 (=D0=B4=D0=
=BB=D1=8F =D1=82=D0=B5=D0=BA=D1=81=D1=82=D0=BE=D0=B2=D1=8B=D1=85 =D1=84=D0=
=B0=D0=B9=D0=BB=D0=BE=D0=B2).</li>
</ul>
</li>
<li class=3D"break-words"><strong class=3D"font-semibold">=D0=9E=D0=B1=D1=
=80=D0=B0=D0=B1=D0=BE=D1=82=D0=BA=D0=B0 =D1=80=D0=B5=D0=B7=D1=83=D0=BB=D1=
=8C=D1=82=D0=B0=D1=82=D0=B0</strong>: =D0=9F=D0=BE=D1=81=D0=BB=D0=B5 =D1=87=
=D1=82=D0=B5=D0=BD=D0=B8=D1=8F =D1=84=D0=B0=D0=B9=D0=BB=D0=B0 =D1=80=D0=B5=
=D0=B7=D1=83=D0=BB=D1=8C=D1=82=D0=B0=D1=82 =D0=B4=D0=BE=D1=81=D1=82=D1=83=
=D0=BF=D0=B5=D0=BD =D0=B2 <span class=3D"text-sm px-1 rounded-sm !font-mono=
 bg-orange-400/10 text-orange-500 dark:bg-orange-300/10 dark:text-orange-20=
0">e.target.result</span>. =D0=94=D0=BB=D1=8F =D0=B8=D0=B7=D0=BE=D0=B1=D1=
=80=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8=D0=B9 =D1=8D=D1=82=D0=BE =D0=B1=D1=83=D0=
=B4=D0=B5=D1=82 =D1=81=D1=82=D1=80=D0=BE=D0=BA=D0=B0 Data URL, =D0=B4=D0=BB=
=D1=8F =D1=82=D0=B5=D0=BA=D1=81=D1=82=D0=B0 =E2=80=94 =D1=81=D0=BE=D0=B4=D0=
=B5=D1=80=D0=B6=D0=B8=D0=BC=D0=BE=D0=B5 =D1=84=D0=B0=D0=B9=D0=BB=D0=B0.</li=
>
</ol>
<h3 dir=3D"auto" class=3D"">=D0=9E=D0=B3=D1=80=D0=B0=D0=BD=D0=B8=D1=87=D0=
=B5=D0=BD=D0=B8=D1=8F:</h3>
<ul dir=3D"auto" class=3D"marker:text-secondary">
<li class=3D"break-words"><strong class=3D"font-semibold">=D0=A2=D0=B8=D0=
=BF=D1=8B =D1=84=D0=B0=D0=B9=D0=BB=D0=BE=D0=B2</strong>: =D0=9D=D0=B5 =D0=
=B2=D1=81=D0=B5 =D1=84=D0=B0=D0=B9=D0=BB=D1=8B =D0=BC=D0=BE=D0=B6=D0=BD=D0=
=BE =D0=BF=D1=80=D0=BE=D1=81=D0=BC=D0=BE=D1=82=D1=80=D0=B5=D1=82=D1=8C =D0=
=BD=D0=B0=D0=BF=D1=80=D1=8F=D0=BC=D1=83=D1=8E =D0=B2 =D0=B1=D1=80=D0=B0=D1=
=83=D0=B7=D0=B5=D1=80=D0=B5 (=D0=BD=D0=B0=D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=
=80, =D0=B4=D0=BB=D1=8F PDF =D0=BC=D0=BE=D0=B6=D0=B5=D1=82 =D0=BF=D0=BE=D0=
=BD=D0=B0=D0=B4=D0=BE=D0=B1=D0=B8=D1=82=D1=8C=D1=81=D1=8F =D0=B1=D0=B8=D0=
=B1=D0=BB=D0=B8=D0=BE=D1=82=D0=B5=D0=BA=D0=B0 =D0=B2=D1=80=D0=BE=D0=B4=D0=
=B5 <span class=3D"text-sm px-1 rounded-sm !font-mono bg-orange-400/10 text=
-orange-500 dark:bg-orange-300/10 dark:text-orange-200">pdf.js</span>).</li=
>
<li class=3D"break-words"><strong class=3D"font-semibold">=D0=A0=D0=B0=D0=
=B7=D0=BC=D0=B5=D1=80 =D1=84=D0=B0=D0=B9=D0=BB=D0=BE=D0=B2</strong>: =D0=91=
=D0=BE=D0=BB=D1=8C=D1=88=D0=B8=D0=B5 =D1=84=D0=B0=D0=B9=D0=BB=D1=8B =D0=BC=
=D0=BE=D0=B3=D1=83=D1=82 =D0=B7=D0=B0=D0=BC=D0=B5=D0=B4=D0=BB=D0=B8=D1=82=
=D1=8C =D1=80=D0=B0=D0=B1=D0=BE=D1=82=D1=83 =D0=B1=D1=80=D0=B0=D1=83=D0=B7=
=D0=B5=D1=80=D0=B0.</li>
<li class=3D"break-words"><strong class=3D"font-semibold">=D0=91=D0=B5=D0=
=B7=D0=BE=D0=BF=D0=B0=D1=81=D0=BD=D0=BE=D1=81=D1=82=D1=8C</strong>: =D0=9D=
=D0=B5=D0=BB=D1=8C=D0=B7=D1=8F =D0=BF=D0=BE=D0=BB=D1=83=D1=87=D0=B8=D1=82=
=D1=8C =D0=B4=D0=BE=D1=81=D1=82=D1=83=D0=BF =D0=BA =D1=84=D0=B0=D0=B9=D0=BB=
=D0=B0=D0=BC =D0=B1=D0=B5=D0=B7 =D1=8F=D0=B2=D0=BD=D0=BE=D0=B3=D0=BE =D0=B2=
=D1=8B=D0=B1=D0=BE=D1=80=D0=B0 =D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=
=D0=B0=D1=82=D0=B5=D0=BB=D0=B5=D0=BC.</li>
</ul>
<p dir=3D"auto" class=3D"break-words" style=3D"white-space: pre-wrap;">=D0=
=95=D1=81=D0=BB=D0=B8 =D0=B2=D0=B0=D0=BC =D0=BD=D1=83=D0=B6=D0=BD=D0=BE =D1=
=87=D1=82=D0=BE-=D1=82=D0=BE =D0=BA=D0=BE=D0=BD=D0=BA=D1=80=D0=B5=D1=82=D0=
=BD=D0=BE=D0=B5 (=D0=BD=D0=B0=D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=80, =D0=BF=
=D0=BE=D0=B4=D0=B4=D0=B5=D1=80=D0=B6=D0=BA=D0=B0 PDF, Excel =D0=B8=D0=BB=D0=
=B8 =D0=B4=D1=80=D1=83=D0=B3=D0=B8=D1=85 =D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=
=82=D0=BE=D0=B2), =D1=83=D1=82=D0=BE=D1=87=D0=BD=D0=B8=D1=82=D0=B5, =D0=B8 =
=D1=8F =D0=BF=D0=BE=D0=BC=D0=BE=D0=B3=D1=83 =D0=B0=D0=B4=D0=B0=D0=BF=D1=82=
=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D1=82=D1=8C =D1=80=D0=B5=D1=88=D0=B5=D0=BD=
=D0=B8=D0=B5!</p></div><section class=3D"inline-media-container flex flex-c=
ol gap-1"></section><section class=3D"auth-notification flex flex-col gap-1=
"></section></div><div class=3D"order-first sticky hidden @md/mainview:bloc=
k top-11 h-0 opacity-0 group-focus-within:opacity-100 group-hover:opacity-1=
00 -ml-[36px] @lg/mainview:-ml-[40px] -left-[26px]"><div class=3D"min-h-7 p=
y-4 flex flex-col gap-0.5"><button class=3D"inline-flex items-center justif=
y-center gap-2 whitespace-nowrap text-sm font-medium leading-[normal] curso=
r-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:rin=
g-ring disabled:cursor-not-allowed transition-colors duration-100 [&amp;_sv=
g]:shrink-0 select-none text-fg-secondary hover:text-fg-primary hover:bg-bu=
tton-ghost-hover disabled:hover:text-fg-secondary disabled:hover:bg-transpa=
rent [&amp;_svg]:hover:text-fg-primary h-8 w-8 rounded-full opacity-0 group=
-focus-within:opacity-100 group-hover:opacity-100 [.last-response_&amp;]:op=
acity-100 disabled:opacity-0 group-focus-within:disabled:opacity-60 group-h=
over:disabled:opacity-60 [.last-response_&amp;]:disabled:opacity-60" type=
=3D"button" aria-label=3D"=D0=9A=D0=BE=D0=BF=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=
=D1=82=D1=8C" data-state=3D"closed"><span style=3D"opacity: 1; transform: n=
one;"><svg width=3D"16" height=3D"16" viewBox=3D"0 0 24 24" fill=3D"none" x=
mlns=3D"http://www.w3.org/2000/svg" class=3D"stroke-[2] size-4"><rect x=3D"=
3" y=3D"8" width=3D"13" height=3D"13" rx=3D"4" stroke=3D"currentColor"></re=
ct><path fill-rule=3D"evenodd" clip-rule=3D"evenodd" d=3D"M13 2.00004L12.88=
42 2.00002C12.0666 1.99982 11.5094 1.99968 11.0246 2.09611C9.92585 2.31466 =
8.95982 2.88816 8.25008 3.69274C7.90896 4.07944 7.62676 4.51983 7.41722 5.0=
0004H9.76392C10.189 4.52493 10.7628 4.18736 11.4147 4.05768C11.6802 4.00488=
 12.0228 4.00004 13 4.00004H14.6C15.7366 4.00004 16.5289 4.00081 17.1458 4.=
05121C17.7509 4.10066 18.0986 4.19283 18.362 4.32702C18.9265 4.61464 19.385=
4 5.07358 19.673 5.63807C19.8072 5.90142 19.8994 6.24911 19.9488 6.85428C19=
.9992 7.47112 20 8.26343 20 9.40004V11C20 11.9773 19.9952 12.3199 19.9424 1=
2.5853C19.8127 13.2373 19.4748 13.8114 19 14.2361V16.5829C20.4795 15.9374 2=
1.5804 14.602 21.9039 12.9755C22.0004 12.4907 22.0002 11.9334 22 11.1158L22=
 11V9.40004V9.35725C22 8.27346 22 7.3993 21.9422 6.69141C21.8826 5.96256 21=
.7568 5.32238 21.455 4.73008C20.9757 3.78927 20.2108 3.02437 19.27 2.545C18=
.6777 2.24322 18.0375 2.1174 17.3086 2.05785C16.6007 2.00002 15.7266 2.0000=
3 14.6428 2.00004L14.6 2.00004H13Z" fill=3D"currentColor"></path></svg></sp=
an></button></div></div><div class=3D"action-buttons h-8 mt-0.5 flex flex-r=
ow flex-wrap w-full justify-between last-response print:hidden"><div class=
=3D"flex items-center gap-[2px] w-max rounded-lg text-xs px-2 start-0 md:st=
art-3 -ml-4" style=3D"bottom: 127.984px;"><button class=3D"inline-flex item=
s-center justify-center gap-2 whitespace-nowrap text-sm font-medium leading=
-[normal] cursor-pointer focus-visible:outline-none focus-visible:ring-1 fo=
cus-visible:ring-ring disabled:cursor-not-allowed transition-colors duratio=
n-100 [&amp;_svg]:shrink-0 select-none text-fg-secondary hover:text-fg-prim=
ary hover:bg-button-ghost-hover disabled:hover:text-fg-secondary disabled:h=
over:bg-transparent [&amp;_svg]:hover:text-fg-primary h-8 w-8 rounded-full =
opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 [.last-res=
ponse_&amp;]:opacity-100 disabled:opacity-0 group-focus-within:disabled:opa=
city-60 group-hover:disabled:opacity-60 [.last-response_&amp;]:disabled:opa=
city-60" type=3D"button" aria-label=3D"Regenerate" data-state=3D"closed"><s=
pan style=3D"opacity: 1; transform: none;"><svg width=3D"16" height=3D"16" =
viewBox=3D"0 0 24 24" fill=3D"none" xmlns=3D"http://www.w3.org/2000/svg" cl=
ass=3D"stroke-[2] size-4"><path d=3D"M4 20V15H4.31241M4.31241 15H9M4.31241 =
15C5.51251 18.073 8.50203 20.25 12 20.25C15.8582 20.25 19.0978 17.6016 20 1=
4.0236M20 4V9H19.6876M19.6876 9H15M19.6876 9C18.4875 5.92698 15.498 3.75 12=
 3.75C8.14184 3.75 4.90224 6.3984 4 9.9764" stroke=3D"currentColor"></path>=
</svg></span></button><button class=3D"inline-flex items-center justify-cen=
ter gap-2 whitespace-nowrap text-sm font-medium leading-[normal] cursor-poi=
nter focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-rin=
g disabled:cursor-not-allowed transition-colors duration-100 [&amp;_svg]:sh=
rink-0 select-none text-fg-secondary hover:text-fg-primary hover:bg-button-=
ghost-hover disabled:hover:text-fg-secondary disabled:hover:bg-transparent =
[&amp;_svg]:hover:text-fg-primary h-8 w-8 rounded-full opacity-0 group-focu=
s-within:opacity-100 group-hover:opacity-100 [.last-response_&amp;]:opacity=
-100 disabled:opacity-0 group-focus-within:disabled:opacity-60 group-hover:=
disabled:opacity-60 [.last-response_&amp;]:disabled:opacity-60" type=3D"but=
ton" aria-label=3D"=D0=9A=D0=BE=D0=BF=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D1=82=
=D1=8C" data-state=3D"closed"><span style=3D"opacity: 1; transform: none;">=
<svg width=3D"16" height=3D"16" viewBox=3D"0 0 24 24" fill=3D"none" xmlns=
=3D"http://www.w3.org/2000/svg" class=3D"stroke-[2] size-4"><rect x=3D"3" y=
=3D"8" width=3D"13" height=3D"13" rx=3D"4" stroke=3D"currentColor"></rect><=
path fill-rule=3D"evenodd" clip-rule=3D"evenodd" d=3D"M13 2.00004L12.8842 2=
.00002C12.0666 1.99982 11.5094 1.99968 11.0246 2.09611C9.92585 2.31466 8.95=
982 2.88816 8.25008 3.69274C7.90896 4.07944 7.62676 4.51983 7.41722 5.00004=
H9.76392C10.189 4.52493 10.7628 4.18736 11.4147 4.05768C11.6802 4.00488 12.=
0228 4.00004 13 4.00004H14.6C15.7366 4.00004 16.5289 4.00081 17.1458 4.0512=
1C17.7509 4.10066 18.0986 4.19283 18.362 4.32702C18.9265 4.61464 19.3854 5.=
07358 19.673 5.63807C19.8072 5.90142 19.8994 6.24911 19.9488 6.85428C19.999=
2 7.47112 20 8.26343 20 9.40004V11C20 11.9773 19.9952 12.3199 19.9424 12.58=
53C19.8127 13.2373 19.4748 13.8114 19 14.2361V16.5829C20.4795 15.9374 21.58=
04 14.602 21.9039 12.9755C22.0004 12.4907 22.0002 11.9334 22 11.1158L22 11V=
9.40004V9.35725C22 8.27346 22 7.3993 21.9422 6.69141C21.8826 5.96256 21.756=
8 5.32238 21.455 4.73008C20.9757 3.78927 20.2108 3.02437 19.27 2.545C18.677=
7 2.24322 18.0375 2.1174 17.3086 2.05785C16.6007 2.00002 15.7266 2.00003 14=
.6428 2.00004L14.6 2.00004H13Z" fill=3D"currentColor"></path></svg></span><=
/button><button class=3D"inline-flex items-center justify-center gap-2 whit=
espace-nowrap text-sm font-medium leading-[normal] cursor-pointer focus-vis=
ible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cur=
sor-not-allowed transition-colors duration-100 [&amp;_svg]:shrink-0 select-=
none text-fg-secondary hover:text-fg-primary hover:bg-button-ghost-hover di=
sabled:hover:text-fg-secondary disabled:hover:bg-transparent [&amp;_svg]:ho=
ver:text-fg-primary h-8 w-8 rounded-full opacity-0 group-focus-within:opaci=
ty-100 group-hover:opacity-100 [.last-response_&amp;]:opacity-100 disabled:=
opacity-0 group-focus-within:disabled:opacity-60 group-hover:disabled:opaci=
ty-60 [.last-response_&amp;]:disabled:opacity-60" type=3D"button" aria-labe=
l=3D"=D0=9F=D0=BE=D0=B4=D0=B5=D0=BB=D0=B8=D1=82=D1=8C=D1=81=D1=8F =D1=80=D0=
=B0=D0=B7=D0=B3=D0=BE=D0=B2=D0=BE=D1=80=D0=BE=D0=BC" data-state=3D"closed">=
<span style=3D"opacity: 1; transform: none;"><svg width=3D"16" height=3D"16=
" viewBox=3D"0 0 24 24" fill=3D"none" xmlns=3D"http://www.w3.org/2000/svg" =
class=3D"stroke-[2] size-4"><path d=3D"M6.99609 9L11.9961 4L16.9961 9M6.996=
09 9M12 16V4" stroke=3D"currentColor"></path><path d=3D"M4 15V16C4 18.2091 =
5.79086 20 8 20H16C18.2091 20 20 18.2091 20 16V15" stroke=3D"currentColor">=
</path></svg></span></button><button class=3D"inline-flex items-center just=
ify-center gap-2 whitespace-nowrap text-sm font-medium leading-[normal] cur=
sor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:r=
ing-ring disabled:cursor-not-allowed transition-colors duration-100 [&amp;_=
svg]:shrink-0 select-none text-fg-secondary hover:text-fg-primary hover:bg-=
button-ghost-hover disabled:hover:text-fg-secondary disabled:hover:bg-trans=
parent [&amp;_svg]:hover:text-fg-primary h-8 w-8 rounded-full opacity-0 gro=
up-focus-within:opacity-100 group-hover:opacity-100 [.last-response_&amp;]:=
opacity-100 disabled:opacity-0 group-focus-within:disabled:opacity-60 group=
-hover:disabled:opacity-60 [.last-response_&amp;]:disabled:opacity-60" type=
=3D"button" aria-label=3D"=D0=9D=D1=80=D0=B0=D0=B2=D0=B8=D1=82=D1=81=D1=8F"=
 id=3D"radix-=C2=ABr9m=C2=BB" aria-haspopup=3D"menu" aria-expanded=3D"false=
" data-state=3D"closed"><span style=3D"opacity: 1; transform: none;"><svg w=
idth=3D"16" height=3D"16" viewBox=3D"0 0 24 24" fill=3D"none" xmlns=3D"http=
://www.w3.org/2000/svg" class=3D"stroke-[2] size-4"><path d=3D"M7 20H3V9H5.=
5C6.32843 9 7 9.67157 7 10.5V20ZM7 20H16.2062C17.8403 20 19.257 18.8692 19.=
6192 17.2757L20.8059 12.0541C21.1614 10.4896 19.9724 9 18.3681 9H14.5L15.11=
42 5.31454C15.3162 4.10294 14.3818 3 13.1535 3C12.4402 3 11.7816 3.38222 11=
.4277 4.00155L8.43188 9.24421C8.16482 9.71157 7.6678 10 7.12952 10H6.91465"=
 stroke=3D"currentColor"></path></svg></span></button><button class=3D"inli=
ne-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-me=
dium leading-[normal] cursor-pointer focus-visible:outline-none focus-visib=
le:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed transition-co=
lors duration-100 [&amp;_svg]:shrink-0 select-none text-fg-secondary hover:=
text-fg-primary hover:bg-button-ghost-hover disabled:hover:text-fg-secondar=
y disabled:hover:bg-transparent [&amp;_svg]:hover:text-fg-primary h-8 w-8 r=
ounded-full opacity-0 group-focus-within:opacity-100 group-hover:opacity-10=
0 [.last-response_&amp;]:opacity-100 disabled:opacity-0 group-focus-within:=
disabled:opacity-60 group-hover:disabled:opacity-60 [.last-response_&amp;]:=
disabled:opacity-60" type=3D"button" aria-label=3D"=D0=9D=D0=B5 =D0=BD=D1=
=80=D0=B0=D0=B2=D0=B8=D1=82=D1=81=D1=8F" id=3D"radix-=C2=ABr9s=C2=BB" aria-=
haspopup=3D"menu" aria-expanded=3D"false" data-state=3D"closed"><span style=
=3D"opacity: 1; transform: none;"><svg width=3D"16" height=3D"16" viewBox=
=3D"0 0 24 24" fill=3D"none" xmlns=3D"http://www.w3.org/2000/svg" class=3D"=
stroke-[2] size-4"><path d=3D"M7 4H3V15H5.5C6.32843 15 7 14.3284 7 13.5V4ZM=
7 4H16.2062C17.8403 4 19.257 5.13082 19.6192 6.72433L20.8059 11.9459C21.161=
4 13.5104 19.9724 15 18.3681 15H14.5L15.1142 18.6855C15.3162 19.8971 14.381=
8 21 13.1535 21C12.4402 21 11.7816 20.6178 11.4277 19.9984L8.43188 14.7558C=
8.16482 14.2884 7.6678 14 7.12952 14H6.91465" stroke=3D"currentColor"></pat=
h></svg></span></button><button class=3D"inline-flex items-center justify-c=
enter gap-2 whitespace-nowrap text-sm font-medium leading-[normal] cursor-p=
ointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-r=
ing disabled:cursor-not-allowed transition-colors duration-100 [&amp;_svg]:=
shrink-0 select-none text-fg-secondary hover:text-fg-primary hover:bg-butto=
n-ghost-hover disabled:hover:text-fg-secondary disabled:hover:bg-transparen=
t [&amp;_svg]:hover:text-fg-primary h-8 w-8 rounded-full opacity-0 group-fo=
cus-within:opacity-100 group-hover:opacity-100 [.last-response_&amp;]:opaci=
ty-100 disabled:opacity-0 group-focus-within:disabled:opacity-60 group-hove=
r:disabled:opacity-60 [.last-response_&amp;]:disabled:opacity-60" type=3D"b=
utton" aria-label=3D"=D0=91=D0=BE=D0=BB=D1=8C=D1=88=D0=B5 =D0=B4=D0=B5=D0=
=B9=D1=81=D1=82=D0=B2=D0=B8=D0=B9" id=3D"radix-=C2=ABra2=C2=BB" aria-haspop=
up=3D"menu" aria-expanded=3D"false" data-state=3D"closed"><span style=3D"op=
acity: 1; transform: none;"><svg xmlns=3D"http://www.w3.org/2000/svg" width=
=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none" stroke=3D"current=
Color" stroke-width=3D"2" stroke-linecap=3D"round" stroke-linejoin=3D"round=
" class=3D"lucide lucide-ellipsis size-4"><circle cx=3D"12" cy=3D"12" r=3D"=
1"></circle><circle cx=3D"19" cy=3D"12" r=3D"1"></circle><circle cx=3D"5" c=
y=3D"12" r=3D"1"></circle></svg></span></button><div class=3D"px-1.5 text-s=
econdary hover:bg-button-ghost-hover rounded-md cursor-default opacity-0 gr=
oup-focus-within:opacity-100 group-hover:opacity-100 [.last-response_&amp;]=
:opacity-100 disabled:opacity-0 group-focus-within:disabled:opacity-60 grou=
p-hover:disabled:opacity-60 [.last-response_&amp;]:disabled:opacity-60" dat=
a-state=3D"closed">4,2s</div></div></div><div style=3D"height: 1px; positio=
n: absolute; bottom: 0px; z-index: 1000;"></div></div></div><div style=3D"p=
adding-bottom: 143.984px; width: 100%;"></div></div></div></div><div class=
=3D"absolute bottom-0 mx-auto inset-x-0 max-w-breakout z-40 print:hidden"><=
div class=3D"absolute flex justify-center w-full h-0 px-gutter @md:px-0 mx-=
auto -top-3" style=3D"opacity: 1; transform: none;"><div class=3D"h-0 flex =
items-end justify-end w-full max-w-breakout z-40"><button class=3D"inline-f=
lex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium=
 leading-[normal] cursor-pointer focus-visible:outline-none focus-visible:r=
ing-1 focus-visible:ring-ring disabled:opacity-60 disabled:cursor-not-allow=
ed transition-colors duration-100 [&amp;_svg]:shrink-0 select-none bg-surfa=
ce-l2 text-fg-secondary hover:bg-surface-l4-hover dark:hover:bg-surface-l3 =
border border-border-l1 disabled:hover:bg-surface-l2 dark:disabled:hover:bg=
-surface-l2 h-8 w-8 rounded-full shadow-sm" type=3D"button" aria-label=3D"=
=D0=9F=D1=80=D0=BE=D0=BA=D1=80=D1=83=D1=82=D0=B8=D1=82=D1=8C =D0=B2=D0=BD=
=D0=B8=D0=B7"><svg width=3D"20" height=3D"20" viewBox=3D"0 0 24 24" fill=3D=
"none" xmlns=3D"http://www.w3.org/2000/svg" class=3D"stroke-[2] -mb-0.5"><p=
ath d=3D"M6 9L12 15L18 9" stroke=3D"currentColor" stroke-linecap=3D"square"=
></path></svg></button></div></div><div class=3D"relative z-40 flex flex-co=
l items-center w-full"><div class=3D"relative w-full px-gutter @md:px-0 pb-=
2 sm:pb-4"><form class=3D"w-full text-base flex flex-col gap-2 items-center=
 justify-center relative z-10"><div class=3D"flex flex-row gap-2 justify-ce=
nter w-full relative"><input class=3D"hidden" multiple=3D"" type=3D"file" n=
ame=3D"files"><div class=3D"query-bar group z-10 bg-surface-l2 ring-border-=
l1 hover:ring-border-l2 focus-within:ring-border-l2 hover:focus-within:ring=
-border-l2 relative w-full overflow-hidden @container/input shadow shadow-b=
lack/5 max-w-breakout ring-1 ring-inset focus-within:ring-1 pb-12 px-2 @[48=
0px]/input:px-3 rounded-3xl" style=3D"transition-property: background-color=
, box-shadow, border-color; transition-duration: 100ms; transition-timing-f=
unction: ease-in-out;"><div class=3D"w-full flex-row gap-2 mt-3 px-1 whites=
pace-nowrap hidden flex-wrap will-change-[mask-image] @sm:[mask-image:none]=
 [mask-image:linear-gradient(to_right,transparent_0,black_0px,black_calc(10=
0%_-_40px),transparent_100%)]" style=3D"opacity: 1; transform: none;"></div=
><div class=3D"relative z-10"><span class=3D"absolute px-2 @[480px]/input:p=
x-3 py-5 text-fg-secondary pointer-events-none select-none">=D0=9A=D0=B0=D0=
=BA Grok =D0=BC=D0=BE=D0=B6=D0=B5=D1=82 =D0=BF=D0=BE=D0=BC=D0=BE=D1=87=D1=
=8C?</span><textarea dir=3D"auto" aria-label=3D"=D0=A1=D0=BF=D1=80=D0=B0=D1=
=88=D0=B8=D0=B2=D0=B0=D0=B9 Grok =D1=87=D1=82=D0=BE =D1=83=D0=B3=D0=BE=D0=
=B4=D0=BD=D0=BE" class=3D"w-full px-2 @[480px]/input:px-3 pt-5 mb-5 bg-tran=
sparent focus:outline-none text-fg-primary align-bottom" style=3D"resize: n=
one; height: 44px !important;"></textarea></div><div class=3D"flex gap-1.5 =
absolute inset-x-0 bottom-0 border-2 border-transparent p-2 @[480px]/input:=
p-2 max-w-full"><button class=3D"inline-flex items-center justify-center ga=
p-2 whitespace-nowrap text-sm font-medium leading-[normal] cursor-pointer f=
ocus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disa=
bled:opacity-60 disabled:cursor-not-allowed transition-colors duration-100 =
[&amp;_svg]:shrink-0 select-none border border-border-l2 text-fg-primary ho=
ver:bg-button-ghost-hover [&amp;_svg]:hover:text-fg-primary disabled:hover:=
bg-transparent h-10 w-10 rounded-full group/attach-button" type=3D"button" =
aria-label=3D"=D0=9F=D0=BE=D0=B6=D0=B0=D0=BB=D1=83=D0=B9=D1=81=D1=82=D0=B0,=
 =D0=B2=D0=BE=D0=B9=D0=B4=D0=B8, =D1=87=D1=82=D0=BE=D0=B1=D1=8B =D0=BF=D1=
=80=D0=B8=D0=BA=D1=80=D0=B5=D0=BF=D0=BB=D1=8F=D1=82=D1=8C =D1=84=D0=B0=D0=
=B9=D0=BB=D1=8B" disabled=3D"" tabindex=3D"0" id=3D"radix-=C2=ABr7e=C2=BB" =
aria-haspopup=3D"menu" aria-expanded=3D"false" data-state=3D"closed" data-d=
isabled=3D""><svg width=3D"18" height=3D"18" viewBox=3D"0 0 24 24" fill=3D"=
none" xmlns=3D"http://www.w3.org/2000/svg" class=3D"stroke-[2] text-fg-seco=
ndary group-hover/attach-button:text-fg-primary transition-colors duration-=
100"><path d=3D"M10 9V15C10 16.1046 10.8954 17 12 17V17C13.1046 17 14 16.10=
46 14 15V7C14 4.79086 12.2091 3 10 3V3C7.79086 3 6 4.79086 6 7V15C6 18.3137=
 8.68629 21 12 21V21C15.3137 21 18 18.3137 18 15V8" stroke=3D"currentColor"=
></path></svg></button><div class=3D" flex grow gap-1.5 max-w-full" style=
=3D"transform: none; opacity: 1;"><div class=3D"grow flex gap-1.5 max-w-ful=
l"><div class=3D"flex ring-1 rounded-full items-center max-h-[40px] box-bor=
der transition-colors duration-100 relative overflow-hidden ring-inset ring=
-border-l2"><button class=3D"inline-flex items-center justify-center gap-2 =
whitespace-nowrap font-medium cursor-pointer focus-visible:outline-none foc=
us-visible:ring-1 disabled:opacity-60 disabled:cursor-not-allowed [&amp;_sv=
g]:shrink-0 select-none h-10 px-3.5 py-2 text-sm rounded-full group/ds-togg=
le transition-colors duration-100 focus-visible:ring-transparent box-border=
 relative overflow-hidden rounded-r-none pr-3 bg-transparent hover:bg-butto=
n-ghost-hover focus-visible:bg-button-ghost-hover" type=3D"button" aria-lab=
el=3D"DeepSearch" tabindex=3D"0" aria-pressed=3D"false" data-state=3D"close=
d"><svg width=3D"18" height=3D"18" viewBox=3D"0 0 24 24" fill=3D"none" xmln=
s=3D"http://www.w3.org/2000/svg" class=3D"stroke-[2] text-fg-secondary grou=
p-hover/ds-toggle:text-fg-primary"><path d=3D"M19.2987 8.84667C15.3929 1.86=
808 5.44409 5.76837 7.08971 11.9099C8.01826 15.3753 12.8142 14.8641 13.2764=
 12.8592C13.6241 11.3504 10.2964 12.3528 10.644 10.844C11.1063 8.839 15.902=
2 8.32774 16.8307 11.793C18.5527 18.2196 7.86594 22.4049 4.71987 15.2225" s=
troke-width=3D"5" stroke-linecap=3D"round" class=3D"stroke-black/10 dark:st=
roke-white/20 transition-[opacity,transform] duration-200 origin-center opa=
city-0 scale-0"></path><path d=3D"M2 13.8236C4.5 22.6927 18 21.3284 18 14.0=
536C18 9.94886 11.9426 9.0936 10.7153 11.1725C9.79198 12.737 14.208 12.6146=
 13.2847 14.1791C12.0574 16.2581 6 15.4029 6 11.2982C6 3.68585 20.5 2.2251 =
22 11.0945" stroke=3D"currentColor" class=3D"transition-transform duration-=
200 eas-out origin-center rotate-0"></path></svg><span>DeepSearch</span></b=
utton><div class=3D"h-4 w-[1px] bg-toggle-border focus:outline-none" tabind=
ex=3D"-1"></div><button class=3D"inline-flex items-center justify-center ga=
p-2 whitespace-nowrap font-medium cursor-pointer focus-visible:outline-none=
 focus-visible:ring-1 disabled:opacity-60 disabled:cursor-not-allowed [&amp=
;_svg]:shrink-0 select-none h-10 px-3.5 py-2 text-sm rounded-full transitio=
n-colors duration-100 relative overflow-hidden focus-visible:ring-transpare=
nt rounded-l-none pl-2 pr-3 bg-transparent hover:bg-button-ghost-hover focu=
s-visible:bg-button-ghost-hover" type=3D"button" aria-label=3D"=D0=A1=D0=BC=
=D0=B5=D0=BD=D0=B8=D1=82=D1=8C =D1=80=D0=B5=D0=B6=D0=B8=D0=BC" id=3D"radix-=
=C2=ABr7s=C2=BB" aria-haspopup=3D"menu" aria-expanded=3D"false" data-state=
=3D"closed"><svg width=3D"12" height=3D"12" viewBox=3D"0 0 24 24" fill=3D"n=
one" xmlns=3D"http://www.w3.org/2000/svg" class=3D"stroke-[2] text-fg-secon=
dary"><path d=3D"M6 9L12 15L18 9" stroke=3D"currentColor" stroke-linecap=3D=
"square"></path></svg></button></div><button class=3D"inline-flex items-cen=
ter justify-center gap-2 whitespace-nowrap font-medium cursor-pointer focus=
-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled=
:opacity-60 disabled:cursor-not-allowed [&amp;_svg]:shrink-0 select-none bo=
rder-border-l2 text-fg-primary hover:bg-button-ghost-hover [&amp;_svg]:hove=
r:text-fg-primary disabled:hover:bg-transparent h-10 px-3.5 py-2 text-sm ro=
unded-full group/think-toggle transition-colors duration-100 relative overf=
low-hidden border" type=3D"button" aria-label=3D"Think" tabindex=3D"0" aria=
-pressed=3D"false" data-state=3D"closed"><svg width=3D"18" height=3D"18" vi=
ewBox=3D"0 0 24 24" fill=3D"none" xmlns=3D"http://www.w3.org/2000/svg" clas=
s=3D"stroke-[2] group-hover/think-toggle:text-fg-primary text-fg-secondary"=
><path d=3D"M19 9C19 12.866 15.866 17 12 17C8.13398 17 4.99997 12.866 4.999=
97 9C4.99997 5.13401 8.13398 3 12 3C15.866 3 19 5.13401 19 9Z" class=3D"fil=
l-yellow-100 dark:fill-yellow-300 origin-center transition-[transform,opaci=
ty] duration-100 scale-0 opacity-0"></path><path d=3D"M15 16.1378L14.487 15=
.2794L14 15.5705V16.1378H15ZM8.99997 16.1378H9.99997V15.5705L9.51293 15.279=
4L8.99997 16.1378ZM18 9C18 11.4496 16.5421 14.0513 14.487 15.2794L15.5129 1=
6.9963C18.1877 15.3979 20 12.1352 20 9H18ZM12 4C13.7598 4 15.2728 4.48657 1=
6.3238 5.33011C17.3509 6.15455 18 7.36618 18 9H20C20 6.76783 19.082 4.97946=
 17.5757 3.77039C16.0931 2.58044 14.1061 2 12 2V4ZM5.99997 9C5.99997 7.3661=
8 6.64903 6.15455 7.67617 5.33011C8.72714 4.48657 10.2401 4 12 4V2C9.89382 =
2 7.90681 2.58044 6.42427 3.77039C4.91791 4.97946 3.99997 6.76783 3.99997 9=
H5.99997ZM9.51293 15.2794C7.4578 14.0513 5.99997 11.4496 5.99997 9H3.99997C=
3.99997 12.1352 5.81225 15.3979 8.48701 16.9963L9.51293 15.2794ZM9.99997 19=
.5001V16.1378H7.99997V19.5001H9.99997ZM10.5 20.0001C10.2238 20.0001 9.99997=
 19.7763 9.99997 19.5001H7.99997C7.99997 20.8808 9.11926 22.0001 10.5 22.00=
01V20.0001ZM13.5 20.0001H10.5V22.0001H13.5V20.0001ZM14 19.5001C14 19.7763 1=
3.7761 20.0001 13.5 20.0001V22.0001C14.8807 22.0001 16 20.8808 16 19.5001H1=
4ZM14 16.1378V19.5001H16V16.1378H14Z" fill=3D"currentColor"></path><path d=
=3D"M9 16.0001H15" stroke=3D"currentColor"></path><path d=3D"M12 16V12" str=
oke=3D"currentColor" stroke-linecap=3D"square"></path><g><path d=3D"M20 7L1=
9 8" stroke=3D"currentColor" stroke-linecap=3D"round" class=3D"transition-[=
transform,opacity] duration-100 ease-in-out translate-x-0 translate-y-0 opa=
city-0"></path><path d=3D"M20 9L19 8" stroke=3D"currentColor" stroke-lineca=
p=3D"round" class=3D"transition-[transform,opacity] duration-100 ease-in-ou=
t translate-x-0 translate-y-0 opacity-0"></path><path d=3D"M4 7L5 8" stroke=
=3D"currentColor" stroke-linecap=3D"round" class=3D"transition-[transform,o=
pacity] duration-100 ease-in-out translate-x-0 translate-y-0 opacity-0"></p=
ath><path d=3D"M4 9L5 8" stroke=3D"currentColor" stroke-linecap=3D"round" c=
lass=3D"transition-[transform,opacity] duration-100 ease-in-out translate-x=
-0 translate-y-0 opacity-0"></path></g></svg><span>Think</span></button></d=
iv><div class=3D"flex items-center"><button class=3D"inline-flex items-cent=
er justify-center gap-2 whitespace-nowrap font-medium cursor-pointer focus-=
visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:=
opacity-60 disabled:cursor-not-allowed transition-colors duration-100 [&amp=
;_svg]:shrink-0 select-none text-fg-primary hover:bg-button-ghost-hover dis=
abled:hover:bg-transparent h-10 px-3.5 py-2 text-sm rounded-full border bor=
der-border-l2 sm:border-0" type=3D"button" id=3D"radix-=C2=ABr82=C2=BB" ari=
a-haspopup=3D"menu" aria-expanded=3D"false" data-state=3D"closed"><span cla=
ss=3D"inline-block text-primary text-xs @[400px]/input:text-sm">Grok 3</spa=
n><svg width=3D"16" height=3D"16" viewBox=3D"0 0 24 24" fill=3D"none" xmlns=
=3D"http://www.w3.org/2000/svg" class=3D"stroke-[2] size-3 text-secondary t=
ransition-transform false"><path d=3D"M6 9L12 15L18 9" stroke=3D"currentCol=
or" stroke-linecap=3D"square"></path></svg></button></div></div><div class=
=3D"ml-auto flex flex-row items-end gap-1"><button class=3D"group flex flex=
-col justify-center rounded-full focus:outline-none focus-visible:outline-n=
one focus-visible:ring-1 focus-visible:ring-ring" type=3D"submit" aria-labe=
l=3D"=D0=9E=D1=82=D0=BF=D1=80=D0=B0=D0=B2=D0=B8=D1=82=D1=8C" disabled=3D"" =
style=3D"opacity: 1;"><div class=3D"h-10 relative aspect-square flex flex-c=
ol items-center justify-center rounded-full ring-inset before:absolute befo=
re:inset-0 before:rounded-full before:bg-button-filled before:ring-0 before=
:transition-[clip-path,background-color] duration-100 bg-warm-gray-100 dark=
:bg-gray-600 text-fg-secondary before:[clip-path:circle(0%_at_50%_50%)] rin=
g-0"><svg width=3D"20" height=3D"20" viewBox=3D"0 0 24 24" fill=3D"none" xm=
lns=3D"http://www.w3.org/2000/svg" class=3D"stroke-[2] relative"><path d=3D=
"M5 11L12 4M12 4L19 11M12 4V21" stroke=3D"currentColor"></path></svg></div>=
</button></div></div></div></div></form></div></div><div class=3D"absolute =
bottom-0 w-full h-10 bg-background chat-input-backdrop"></div></div></div><=
/main></div></div></div></div><section aria-label=3D"Notifications alt+T" t=
abindex=3D"-1" aria-live=3D"polite" aria-relevant=3D"additions text" aria-a=
tomic=3D"false"></section><div></div><div id=3D"portal" style=3D"position:f=
ixed;left:0;top:0;z-index:9999"></div><div id=3D"tooltip-portal"></div><ifr=
ame height=3D"1" width=3D"1" style=3D"position: absolute; top: 0px; left: 0=
px; border: none; visibility: hidden;"></iframe>
<next-route-announcer style=3D"position: absolute;"><template shadowmode=3D=
"open"><div aria-live=3D"assertive" id=3D"__next-route-announcer__" role=3D=
"alert" style=3D"position: absolute; border: 0px; height: 1px; margin: -1px=
; padding: 0px; width: 1px; clip: rect(0px, 0px, 0px, 0px); overflow: hidde=
n; white-space: nowrap; overflow-wrap: normal;">New conversation - Grok</di=
v></template></next-route-announcer><textarea tabindex=3D"-1" aria-hidden=
=3D"true" style=3D"min-height: 0px !important; max-height: none !important;=
 height: 0px !important; visibility: hidden !important; overflow: hidden !i=
mportant; position: absolute !important; z-index: -1000 !important; top: 0p=
x !important; right: 0px !important; display: block !important; border-widt=
h: 0px; box-sizing: border-box; font-family: universalSans, Inter, &quot;In=
ter Fallback&quot;, Roboto, &quot;Open Sans&quot;, Arial, sans-serif, ui-sa=
ns-serif, system-ui, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe=
 UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;;=
 font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: -0.=
1px; line-height: 24px; padding: 20px 12px 0px; tab-size: 4; text-indent: 0=
px; text-rendering: auto; text-transform: none; width: 656.005px; word-brea=
k: normal; word-spacing: 0px; scrollbar-gutter: auto;"></textarea></body></=
html>
------MultipartBoundary--eCZqYQTKrSuXs2w6OoKyo4Qe7APU4TOajiumXkTIP9----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-def01b57-bb84-4680-885c-de4d7832249e@mhtml.blink

@charset "utf-8";

.r-2qswrc { position: absolute; visibility: hidden; top: 0px; width: 50px; =
pointer-events: none; }

.r-2qswrc.loaded { visibility: visible; top: 50vh; width: 50px; }
------MultipartBoundary--eCZqYQTKrSuXs2w6OoKyo4Qe7APU4TOajiumXkTIP9----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-c2638dfa-48bc-448e-b5c5-22f6359f1789@mhtml.blink

@charset "utf-8";

[vaul-drawer] { touch-action: none; will-change: transform; transition: tra=
nsform 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s; }

[vaul-drawer][vaul-drawer-direction=3D"bottom"] { transform: translate3d(0p=
x, 100%, 0px); }

[vaul-drawer][vaul-drawer-direction=3D"top"] { transform: translate3d(0px, =
-100%, 0px); }

[vaul-drawer][vaul-drawer-direction=3D"left"] { transform: translate3d(-100=
%, 0px, 0px); }

[vaul-drawer][vaul-drawer-direction=3D"right"] { transform: translate3d(100=
%, 0px, 0px); }

.vaul-dragging .vaul-scrollable [vault-drawer-direction=3D"top"] { overflow=
-y: hidden !important; }

.vaul-dragging .vaul-scrollable [vault-drawer-direction=3D"bottom"] { overf=
low-y: hidden !important; }

.vaul-dragging .vaul-scrollable [vault-drawer-direction=3D"left"] { overflo=
w-x: hidden !important; }

.vaul-dragging .vaul-scrollable [vault-drawer-direction=3D"right"] { overfl=
ow-x: hidden !important; }

[vaul-drawer][vaul-drawer-visible=3D"true"][vaul-drawer-direction=3D"top"] =
{ transform: translate3d(0,var(--snap-point-height,0),0); }

[vaul-drawer][vaul-drawer-visible=3D"true"][vaul-drawer-direction=3D"bottom=
"] { transform: translate3d(0,var(--snap-point-height,0),0); }

[vaul-drawer][vaul-drawer-visible=3D"true"][vaul-drawer-direction=3D"left"]=
 { transform: translate3d(var(--snap-point-height,0),0,0); }

[vaul-drawer][vaul-drawer-visible=3D"true"][vaul-drawer-direction=3D"right"=
] { transform: translate3d(var(--snap-point-height,0),0,0); }

[vaul-overlay] { opacity: 0; transition: opacity 0.5s cubic-bezier(0.32, 0.=
72, 0, 1) 0s; }

[vaul-overlay][vaul-drawer-visible=3D"true"] { opacity: 1; }

[vaul-drawer]::after { content: ""; position: absolute; background: inherit=
; }

[vaul-drawer][vaul-drawer-direction=3D"top"]::after { top: initial; bottom:=
 100%; left: 0px; right: 0px; height: 200%; }

[vaul-drawer][vaul-drawer-direction=3D"bottom"]::after { top: 100%; bottom:=
 initial; left: 0px; right: 0px; height: 200%; }

[vaul-drawer][vaul-drawer-direction=3D"left"]::after { left: initial; right=
: 100%; top: 0px; bottom: 0px; width: 200%; }

[vaul-drawer][vaul-drawer-direction=3D"right"]::after { left: 100%; right: =
initial; top: 0px; bottom: 0px; width: 200%; }

[vaul-handle] { display: block; position: relative; opacity: 0.8; margin-le=
ft: auto; margin-right: auto; height: 5px; width: 56px; border-radius: 1rem=
; touch-action: pan-y; cursor: grab; }

[vaul-handle]:active, [vaul-handle]:hover { opacity: 1; }

[vaul-handle]:active { cursor: grabbing; }

[vaul-handle-hitarea] { position: absolute; left: 50%; top: 50%; transform:=
 translate(-50%, -50%); width: max(100%, 2.75rem); height: max(100%, 2.75re=
m); touch-action: inherit; }

[vaul-overlay][vaul-snap-points=3D"true"]:not([vaul-snap-points-overlay=3D"=
true"]):not([data-state=3D"closed"]) { opacity: 0; }

[vaul-overlay][vaul-snap-points-overlay=3D"true"]:not([vaul-drawer-visible=
=3D"false"]) { opacity: 1; }

@media (hover: hover) and (pointer: fine) {
  [vaul-drawer] { user-select: none; }
}

@media (pointer: fine) {
}
------MultipartBoundary--eCZqYQTKrSuXs2w6OoKyo4Qe7APU4TOajiumXkTIP9----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-99f435e2-7908-4678-b8bd-58bc32ab69e2@mhtml.blink

@charset "utf-8";

:where(html[dir=3D"ltr"]), :where([data-sonner-toaster][dir=3D"ltr"]) { --t=
oast-icon-margin-start: -3px; --toast-icon-margin-end: 4px; --toast-svg-mar=
gin-start: -1px; --toast-svg-margin-end: 0px; --toast-button-margin-start: =
auto; --toast-button-margin-end: 0; --toast-close-button-start: 0; --toast-=
close-button-end: unset; --toast-close-button-transform: translate(-35%, -3=
5%); }

:where(html[dir=3D"rtl"]), :where([data-sonner-toaster][dir=3D"rtl"]) { --t=
oast-icon-margin-start: 4px; --toast-icon-margin-end: -3px; --toast-svg-mar=
gin-start: 0px; --toast-svg-margin-end: -1px; --toast-button-margin-start: =
0; --toast-button-margin-end: auto; --toast-close-button-start: unset; --to=
ast-close-button-end: 0; --toast-close-button-transform: translate(35%, -35=
%); }

:where([data-sonner-toaster]) { position: fixed; width: var(--width); font-=
family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe=
 UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Colo=
r Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --gray1:=
 hsl(0, 0%, 99%); --gray2: hsl(0, 0%, 97.3%); --gray3: hsl(0, 0%, 95.1%); -=
-gray4: hsl(0, 0%, 93%); --gray5: hsl(0, 0%, 90.9%); --gray6: hsl(0, 0%, 88=
.7%); --gray7: hsl(0, 0%, 85.8%); --gray8: hsl(0, 0%, 78%); --gray9: hsl(0,=
 0%, 56.1%); --gray10: hsl(0, 0%, 52.3%); --gray11: hsl(0, 0%, 43.5%); --gr=
ay12: hsl(0, 0%, 9%); --border-radius: 8px; box-sizing: border-box; padding=
: 0px; margin: 0px; list-style: none; outline: none; z-index: 999999999; tr=
ansition: transform 0.4s ease 0s; }

:where([data-sonner-toaster][data-lifted=3D"true"]) { transform: translateY=
(-10px); }

@media (hover: none) and (pointer: coarse) {
  :where([data-sonner-toaster][data-lifted=3D"true"]) { transform: none; }
}

:where([data-sonner-toaster][data-x-position=3D"right"]) { right: max(var(-=
-offset),env(safe-area-inset-right)); }

:where([data-sonner-toaster][data-x-position=3D"left"]) { left: max(var(--o=
ffset),env(safe-area-inset-left)); }

:where([data-sonner-toaster][data-x-position=3D"center"]) { left: 50%; tran=
sform: translate(-50%); }

:where([data-sonner-toaster][data-y-position=3D"top"]) { top: max(var(--off=
set),env(safe-area-inset-top)); }

:where([data-sonner-toaster][data-y-position=3D"bottom"]) { bottom: max(var=
(--offset),env(safe-area-inset-bottom)); }

:where([data-sonner-toast]) { --y: translateY(100%); --lift-amount: calc(va=
r(--lift) * var(--gap)); z-index: var(--z-index); position: absolute; opaci=
ty: 0; transform: var(--y); filter: blur(0px); touch-action: none; transiti=
on: transform 0.4s ease 0s, opacity 0.4s ease 0s, height 0.4s ease 0s, box-=
shadow 0.2s ease 0s; box-sizing: border-box; outline: none; overflow-wrap: =
anywhere; }

:where([data-sonner-toast][data-styled=3D"true"]) { padding: 16px; backgrou=
nd: var(--normal-bg); border: 1px solid var(--normal-border); color: var(--=
normal-text); border-radius: var(--border-radius); box-shadow: rgba(0, 0, 0=
, 0.1) 0px 4px 12px; width: var(--width); font-size: 13px; display: flex; a=
lign-items: center; gap: 6px; }

:where([data-sonner-toast]:focus-visible) { box-shadow: rgba(0, 0, 0, 0.1) =
0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }

:where([data-sonner-toast][data-y-position=3D"top"]) { top: 0px; --y: trans=
lateY(-100%); --lift: 1; --lift-amount: calc(1 * var(--gap)); }

:where([data-sonner-toast][data-y-position=3D"bottom"]) { bottom: 0px; --y:=
 translateY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)=
); }

:where([data-sonner-toast]) :where([data-description]) { font-weight: 400; =
line-height: 1.4; color: inherit; }

:where([data-sonner-toast]) :where([data-title]) { font-weight: 500; line-h=
eight: 1.5; color: inherit; }

:where([data-sonner-toast]) :where([data-icon]) { display: flex; height: 16=
px; width: 16px; position: relative; justify-content: flex-start; align-ite=
ms: center; flex-shrink: 0; margin-left: var(--toast-icon-margin-start); ma=
rgin-right: var(--toast-icon-margin-end); }

:where([data-sonner-toast][data-promise=3D"true"]) :where([data-icon]) > sv=
g { opacity: 0; transform: scale(0.8); transform-origin: center center; ani=
mation: 0.3s ease 0s 1 normal forwards running sonner-fade-in; }

:where([data-sonner-toast]) :where([data-icon]) > * { flex-shrink: 0; }

:where([data-sonner-toast]) :where([data-icon]) svg { margin-left: var(--to=
ast-svg-margin-start); margin-right: var(--toast-svg-margin-end); }

:where([data-sonner-toast]) :where([data-content]) { display: flex; flex-di=
rection: column; gap: 2px; }

[data-sonner-toast][data-styled=3D"true"] [data-button] { border-radius: 4p=
x; padding-left: 8px; padding-right: 8px; height: 24px; font-size: 12px; co=
lor: var(--normal-bg); background: var(--normal-text); margin-left: var(--t=
oast-button-margin-start); margin-right: var(--toast-button-margin-end); bo=
rder: none; cursor: pointer; outline: none; display: flex; align-items: cen=
ter; flex-shrink: 0; transition: opacity 0.4s ease 0s, box-shadow 0.2s ease=
 0s; }

:where([data-sonner-toast]) :where([data-button]):focus-visible { box-shado=
w: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; }

:where([data-sonner-toast]) :where([data-button]):first-of-type { margin-le=
ft: var(--toast-button-margin-start); margin-right: var(--toast-button-marg=
in-end); }

:where([data-sonner-toast]) :where([data-cancel]) { color: var(--normal-tex=
t); background: rgba(0, 0, 0, 0.08); }

:where([data-sonner-toast][data-theme=3D"dark"]) :where([data-cancel]) { ba=
ckground: rgba(255, 255, 255, 0.3); }

:where([data-sonner-toast]) :where([data-close-button]) { position: absolut=
e; left: var(--toast-close-button-start); right: var(--toast-close-button-e=
nd); top: 0px; height: 20px; width: 20px; display: flex; justify-content: c=
enter; align-items: center; padding: 0px; color: var(--gray12); border: 1px=
 solid var(--gray4); transform: var(--toast-close-button-transform); border=
-radius: 50%; cursor: pointer; z-index: 1; transition: opacity 0.1s ease 0s=
, background 0.2s ease 0s, border-color 0.2s ease 0s; }

[data-sonner-toast] [data-close-button] { background: var(--gray1); }

:where([data-sonner-toast]) :where([data-close-button]):focus-visible { box=
-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2p=
x; }

:where([data-sonner-toast]) :where([data-disabled=3D"true"]) { cursor: not-=
allowed; }

:where([data-sonner-toast]):hover :where([data-close-button]):hover { backg=
round: var(--gray2); border-color: var(--gray5); }

:where([data-sonner-toast][data-swiping=3D"true"])::before { content: ""; p=
osition: absolute; left: 0px; right: 0px; height: 100%; z-index: -1; }

:where([data-sonner-toast][data-y-position=3D"top"][data-swiping=3D"true"])=
::before { bottom: 50%; transform: scaleY(3) translateY(50%); }

:where([data-sonner-toast][data-y-position=3D"bottom"][data-swiping=3D"true=
"])::before { top: 50%; transform: scaleY(3) translateY(-50%); }

:where([data-sonner-toast][data-swiping=3D"false"][data-removed=3D"true"]):=
:before { content: ""; position: absolute; inset: 0px; transform: scaleY(2)=
; }

:where([data-sonner-toast])::after { content: ""; position: absolute; left:=
 0px; height: calc(var(--gap) + 1px); bottom: 100%; width: 100%; }

:where([data-sonner-toast][data-mounted=3D"true"]) { --y: translateY(0); op=
acity: 1; }

:where([data-sonner-toast][data-expanded=3D"false"][data-front=3D"false"]) =
{ --scale: var(--toasts-before) * .05 + 1; --y: translateY(calc(var(--lift-=
amount) * var(--toasts-before))) scale(calc(-1 * var(--scale))); height: va=
r(--front-toast-height); }

:where([data-sonner-toast]) > * { transition: opacity 0.4s ease 0s; }

:where([data-sonner-toast][data-expanded=3D"false"][data-front=3D"false"][d=
ata-styled=3D"true"]) > * { opacity: 0; }

:where([data-sonner-toast][data-visible=3D"false"]) { opacity: 0; pointer-e=
vents: none; }

:where([data-sonner-toast][data-mounted=3D"true"][data-expanded=3D"true"]) =
{ --y: translateY(calc(var(--lift) * var(--offset))); height: var(--initial=
-height); }

:where([data-sonner-toast][data-removed=3D"true"][data-front=3D"true"][data=
-swipe-out=3D"false"]) { --y: translateY(calc(var(--lift) * -100%)); opacit=
y: 0; }

:where([data-sonner-toast][data-removed=3D"true"][data-front=3D"false"][dat=
a-swipe-out=3D"false"][data-expanded=3D"true"]) { --y: translateY(calc(var(=
--lift) * var(--offset) + var(--lift) * -100%)); opacity: 0; }

:where([data-sonner-toast][data-removed=3D"true"][data-front=3D"false"][dat=
a-swipe-out=3D"false"][data-expanded=3D"false"]) { --y: translateY(40%); op=
acity: 0; transition: transform 0.5s ease 0s, opacity 0.2s ease 0s; }

:where([data-sonner-toast][data-removed=3D"true"][data-front=3D"false"])::b=
efore { height: calc(var(--initial-height) + 20%); }

[data-sonner-toast][data-swiping=3D"true"] { transform: var(--y) translateY=
(var(--swipe-amount, 0px)); transition: none 0s ease 0s; }

[data-sonner-toast][data-swiped=3D"true"] { user-select: none; }

[data-sonner-toast][data-swipe-out=3D"true"][data-y-position=3D"bottom"], [=
data-sonner-toast][data-swipe-out=3D"true"][data-y-position=3D"top"] { anim=
ation: 0.2s ease-out 0s 1 normal forwards running swipe-out; }

@keyframes swipe-out {=20
  0% { transform: translateY(calc(var(--lift) * var(--offset) + var(--swipe=
-amount))); opacity: 1; }
  100% { transform: translateY(calc(var(--lift) * var(--offset) + var(--swi=
pe-amount) + var(--lift) * -100%)); opacity: 0; }
}

@media (max-width: 600px) {
  [data-sonner-toaster] { position: fixed; --mobile-offset: 16px; right: va=
r(--mobile-offset); left: var(--mobile-offset); width: 100%; }
  [data-sonner-toaster][dir=3D"rtl"] { left: calc(var(--mobile-offset) * -1=
); }
  [data-sonner-toaster] [data-sonner-toast] { left: 0px; right: 0px; width:=
 calc(100% - var(--mobile-offset) * 2); }
  [data-sonner-toaster][data-x-position=3D"left"] { left: var(--mobile-offs=
et); }
  [data-sonner-toaster][data-y-position=3D"bottom"] { bottom: 20px; }
  [data-sonner-toaster][data-y-position=3D"top"] { top: 20px; }
  [data-sonner-toaster][data-x-position=3D"center"] { left: var(--mobile-of=
fset); right: var(--mobile-offset); transform: none; }
}

[data-sonner-toaster][data-theme=3D"light"] { --normal-bg: #fff; --normal-b=
order: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl(143, 8=
5%, 96%); --success-border: hsl(145, 92%, 91%); --success-text: hsl(140, 10=
0%, 27%); --info-bg: hsl(208, 100%, 97%); --info-border: hsl(221, 91%, 91%)=
; --info-text: hsl(210, 92%, 45%); --warning-bg: hsl(49, 100%, 97%); --warn=
ing-border: hsl(49, 91%, 91%); --warning-text: hsl(31, 92%, 45%); --error-b=
g: hsl(359, 100%, 97%); --error-border: hsl(359, 100%, 94%); --error-text: =
hsl(360, 100%, 45%); }

[data-sonner-toaster][data-theme=3D"light"] [data-sonner-toast][data-invert=
=3D"true"] { --normal-bg: #000; --normal-border: hsl(0, 0%, 20%); --normal-=
text: var(--gray1); }

[data-sonner-toaster][data-theme=3D"dark"] [data-sonner-toast][data-invert=
=3D"true"] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-tex=
t: var(--gray12); }

[data-sonner-toaster][data-theme=3D"dark"] { --normal-bg: #000; --normal-bo=
rder: hsl(0, 0%, 20%); --normal-text: var(--gray1); --success-bg: hsl(150, =
100%, 6%); --success-border: hsl(147, 100%, 12%); --success-text: hsl(150, =
86%, 65%); --info-bg: hsl(215, 100%, 6%); --info-border: hsl(223, 100%, 12%=
); --info-text: hsl(216, 87%, 65%); --warning-bg: hsl(64, 100%, 6%); --warn=
ing-border: hsl(60, 100%, 12%); --warning-text: hsl(46, 87%, 65%); --error-=
bg: hsl(358, 76%, 10%); --error-border: hsl(357, 89%, 16%); --error-text: h=
sl(358, 100%, 81%); }

[data-rich-colors=3D"true"][data-sonner-toast][data-type=3D"success"], [dat=
a-rich-colors=3D"true"][data-sonner-toast][data-type=3D"success"] [data-clo=
se-button] { background: var(--success-bg); border-color: var(--success-bor=
der); color: var(--success-text); }

[data-rich-colors=3D"true"][data-sonner-toast][data-type=3D"info"], [data-r=
ich-colors=3D"true"][data-sonner-toast][data-type=3D"info"] [data-close-but=
ton] { background: var(--info-bg); border-color: var(--info-border); color:=
 var(--info-text); }

[data-rich-colors=3D"true"][data-sonner-toast][data-type=3D"warning"], [dat=
a-rich-colors=3D"true"][data-sonner-toast][data-type=3D"warning"] [data-clo=
se-button] { background: var(--warning-bg); border-color: var(--warning-bor=
der); color: var(--warning-text); }

[data-rich-colors=3D"true"][data-sonner-toast][data-type=3D"error"], [data-=
rich-colors=3D"true"][data-sonner-toast][data-type=3D"error"] [data-close-b=
utton] { background: var(--error-bg); border-color: var(--error-border); co=
lor: var(--error-text); }

.sonner-loading-wrapper { --size: 16px; height: var(--size); width: var(--s=
ize); position: absolute; inset: 0px; z-index: 10; }

.sonner-loading-wrapper[data-visible=3D"false"] { transform-origin: center =
center; animation: 0.2s ease 0s 1 normal forwards running sonner-fade-out; =
}

.sonner-spinner { position: relative; top: 50%; left: 50%; height: var(--si=
ze); width: var(--size); }

.sonner-loading-bar { animation: 1.2s linear 0s infinite normal none runnin=
g sonner-spin; background: var(--gray11); border-radius: 6px; height: 8%; l=
eft: -10%; position: absolute; top: -3.9%; width: 24%; }

.sonner-loading-bar:nth-child(1) { animation-delay: -1.2s; transform: rotat=
e(0.0001deg) translate(146%); }

.sonner-loading-bar:nth-child(2) { animation-delay: -1.1s; transform: rotat=
e(30deg) translate(146%); }

.sonner-loading-bar:nth-child(3) { animation-delay: -1s; transform: rotate(=
60deg) translate(146%); }

.sonner-loading-bar:nth-child(4) { animation-delay: -0.9s; transform: rotat=
e(90deg) translate(146%); }

.sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotat=
e(120deg) translate(146%); }

.sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotat=
e(150deg) translate(146%); }

.sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotat=
e(180deg) translate(146%); }

.sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotat=
e(210deg) translate(146%); }

.sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotat=
e(240deg) translate(146%); }

.sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rota=
te(270deg) translate(146%); }

.sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rota=
te(300deg) translate(146%); }

.sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rota=
te(330deg) translate(146%); }

@keyframes sonner-fade-in {=20
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes sonner-fade-out {=20
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.8); }
}

@keyframes sonner-spin {=20
  0% { opacity: 1; }
  100% { opacity: 0.15; }
}

@media (prefers-reduced-motion) {
  [data-sonner-toast], [data-sonner-toast] > *, .sonner-loading-bar { trans=
ition: none 0s ease 0s !important; animation: auto ease 0s 1 normal none ru=
nning none !important; }
}

.sonner-loader { position: absolute; top: 50%; left: 50%; transform: transl=
ate(-50%, -50%); transform-origin: center center; transition: opacity 0.2s =
ease 0s, transform 0.2s ease 0s; }

.sonner-loader[data-visible=3D"false"] { opacity: 0; transform: scale(0.8) =
translate(-50%, -50%); }
------MultipartBoundary--eCZqYQTKrSuXs2w6OoKyo4Qe7APU4TOajiumXkTIP9----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-a7287125-fb20-445b-aedd-3b56597bde0e@mhtml.blink

@charset "utf-8";

.transform-component-module_wrapper__SPB86 { position: relative; width: fit=
-content; height: fit-content; overflow: hidden; user-select: none; margin:=
 0px; padding: 0px; }

.transform-component-module_content__FBWxo { display: flex; flex-wrap: wrap=
; width: fit-content; height: fit-content; margin: 0px; padding: 0px; trans=
form-origin: 0% 0%; }

.transform-component-module_content__FBWxo img { pointer-events: none; }
------MultipartBoundary--eCZqYQTKrSuXs2w6OoKyo4Qe7APU4TOajiumXkTIP9----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-df238413-f0d8-413a-bbf9-14aa2469260d@mhtml.blink

@charset "utf-8";

.picker-dialog-frame { width: 100%; height: 100%; border: 0px; overflow: hi=
dden; }

.picker-dialog-bg { position: absolute; top: 0px; left: 0px; background-col=
or: rgb(255, 255, 255); z-index: 1000; }

.picker-dialog { position: absolute; top: 0px; left: 0px; background-color:=
 rgb(255, 255, 255); border: 1px solid rgb(172, 172, 172); width: auto; pad=
ding: 0px; z-index: 1001; overflow: auto; box-shadow: rgba(0, 0, 0, 0.2) 0p=
x 4px 16px; }

.picker-dialog-content { height: 100%; font-size: 0px; padding: 0px; }

.picker-dialog-buttons, .picker-dialog-title { display: none; }
------MultipartBoundary--eCZqYQTKrSuXs2w6OoKyo4Qe7APU4TOajiumXkTIP9----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://grok.com/_next/static/css/0af0a5dbea0a687a.css

@charset "utf-8";

*, ::after, ::before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; =
--tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; -=
-tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: =
; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-=
from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ;=
 --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-s=
pacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-widt=
h: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: hsl(var(--blue-500)/=
0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw=
-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brigh=
tness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert:=
 ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ;=
 --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-graysc=
ale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-op=
acity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size=
: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }

::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-trans=
late-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y=
: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pin=
ch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-posit=
ion: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordi=
nal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; =
--tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --=
tw-ring-offset-color: #fff; --tw-ring-color: hsl(var(--blue-500)/0.5); --tw=
-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0=
 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; -=
-tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-sa=
turate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-back=
drop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --t=
w-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; -=
-tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-c=
ontain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }

*, ::after, ::before { box-sizing: border-box; border-width: 0px; border-st=
yle: solid; border-color: hsl(var(--gray-200)); }

::after, ::before { --tw-content: ""; }

:host, html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-f=
amily: var(--font-universal-sans),ui-sans-serif,system-ui,sans-serif,"Apple=
 Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-f=
eature-settings: normal; font-variation-settings: normal; -webkit-tap-highl=
ight-color: transparent; }

body { margin: 0px; line-height: inherit; }

hr { height: 0px; color: inherit; border-top-width: 1px; }

abbr:where([title]) { text-decoration: underline dotted; }

h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }

a { color: inherit; text-decoration: inherit; }

b, strong { font-weight: bolder; }

code, kbd, pre, samp { font-family: var(--font-ibm-plex-mono),ui-monospace,=
SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monosp=
ace; font-feature-settings: normal; font-variation-settings: normal; font-s=
ize: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-ali=
gn: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

table { text-indent: 0px; border-color: inherit; border-collapse: collapse;=
 }

button, input, optgroup, select, textarea { font-family: inherit; font-feat=
ure-settings: inherit; font-variation-settings: inherit; font-size: 100%; f=
ont-weight: inherit; line-height: inherit; letter-spacing: inherit; color: =
inherit; margin: 0px; padding: 0px; }

button, select { text-transform: none; }

button, input:where([type=3D"button"]), input:where([type=3D"reset"]), inpu=
t:where([type=3D"submit"]) { appearance: button; background-color: transpar=
ent; background-image: none; }

progress { vertical-align: baseline; }

::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }

[type=3D"search"] { appearance: textfield; outline-offset: -2px; }

::-webkit-search-decoration { appearance: none; }

::-webkit-file-upload-button { appearance: button; font: inherit; }

summary { display: list-item; }

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0p=
x; }

fieldset { margin: 0px; }

fieldset, legend { padding: 0px; }

menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }

dialog { padding: 0px; }

textarea { resize: vertical; }

input::placeholder, textarea::placeholder { opacity: 1; color: hsl(var(--gr=
ay-400)); }

[role=3D"button"], button { cursor: pointer; }

:disabled { cursor: default; }

audio, canvas, embed, iframe, img, object, svg, video { display: block; ver=
tical-align: middle; }

img, video { max-width: 100%; height: auto; }

[hidden]:where(:not([hidden=3D"until-found"])) { display: none; }

:root { --gray-50: 220 10% 94%; --gray-100: 220 10% 90%; --gray-200: 0 0% 7=
1%; --gray-300: 220 2% 58%; --gray-400: 220 2% 48%; --gray-500: 220 2% 35%;=
 --gray-600: 220 3% 25%; --gray-700: 220 4% 20%; --gray-800: 220 5% 15%; --=
gray-900: 220 6% 11%; --gray-950: 220 6% 9%; --gray-1000: 220 6% 7%; --oran=
ge-50: 14 100% 97%; --orange-100: 20 100% 94%; --orange-200: 22 89% 73%; --=
orange-300: 21 65% 60%; --orange-400: 23 76% 46%; --orange-500: 24 100% 31%=
; --orange-600: 24 100% 23%; --orange-700: 20 58% 22%; --orange-800: 20 49%=
 18%; --orange-900: 20 48% 14%; --orange-950: 22 27% 13%; --orange-1000: 20=
 17% 11%; --yellow-50: 42 96% 95%; --yellow-100: 43 100% 88%; --yellow-200:=
 42 69% 61%; --yellow-300: 41 58% 48%; --yellow-400: 42 80% 34%; --yellow-5=
00: 42 95% 25%; --yellow-600: 42 92% 19%; --yellow-700: 42 95% 15%; --yello=
w-800: 40 64% 14%; --yellow-900: 40 58% 11%; --yellow-950: 40 25% 12%; --ye=
llow-1000: 40 19% 10%; --lime-50: 75 53% 92%; --lime-100: 72 76% 85%; --lim=
e-200: 69 57% 51%; --lime-300: 69 100% 34%; --lime-400: 77 63% 35%; --lime-=
500: 70 100% 21%; --lime-600: 70 100% 15%; --lime-700: 70 60% 15%; --lime-8=
00: 70 49% 13%; --lime-900: 70 37% 11%; --lime-950: 70 21% 11%; --lime-1000=
: 70 17% 9%; --green-50: 129 54% 94%; --green-100: 126 82% 91%; --green-200=
: 133 58% 63%; --green-300: 133 34% 54%; --green-400: 137 42% 42%; --green-=
500: 138 76% 26%; --green-600: 139 65% 20%; --green-700: 138 41% 19%; --gre=
en-800: 136 29% 17%; --green-900: 136 32% 13%; --green-950: 135 17% 12%; --=
green-1000: 135 12% 10%; --teal-50: 178 71% 93%; --teal-100: 180 65% 89%; -=
-teal-200: 180 53% 61%; --teal-300: 180 47% 48%; --teal-400: 180 51% 39%; -=
-teal-500: 180 99% 22%; --teal-600: 180 75% 19%; --teal-700: 177 52% 17%; -=
-teal-800: 181 93% 11%; --teal-900: 180 79% 9%; --teal-950: 180 29% 11%; --=
teal-1000: 180 18% 9%; --blue-50: 225 100% 98%; --blue-100: 225 100% 96%; -=
-blue-200: 225 100% 82%; --blue-300: 223 89% 73%; --blue-400: 226 72% 63%; =
--blue-500: 226 48% 49%; --blue-600: 225 46% 35%; --blue-700: 225 35% 27%; =
--blue-800: 224 32% 21%; --blue-900: 225 33% 16%; --blue-950: 225 22% 14%; =
--blue-1000: 225 15% 12%; --purple-50: 248 100% 98%; --purple-100: 248 100%=
 96%; --purple-200: 249 75% 83%; --purple-300: 252 73% 74%; --purple-400: 2=
53 58% 64%; --purple-500: 255 39% 50%; --purple-600: 255 35% 36%; --purple-=
700: 252 28% 28%; --purple-800: 252 25% 22%; --purple-900: 252 22% 17%; --p=
urple-950: 248 17% 14%; --purple-1000: 240 12% 12%; --pink-50: 330 100% 98%=
; --pink-100: 325 100% 95%; --pink-200: 326 65% 78%; --pink-300: 321 64% 66=
%; --pink-400: 319 39% 55%; --pink-500: 319 48% 41%; --pink-600: 320 41% 30=
%; --pink-700: 320 33% 25%; --pink-800: 320 30% 19%; --pink-900: 320 28% 15=
%; --pink-950: 320 16% 13%; --pink-1000: 320 14% 11%; --red-50: 0 100% 98%;=
 --red-100: 0 100% 95%; --red-200: 359 81% 80%; --red-300: 356 69% 69%; --r=
ed-400: 354 54% 58%; --red-500: 353 53% 43%; --red-600: 353 50% 32%; --red-=
700: 358 37% 26%; --red-800: 0 30% 20%; --red-900: 0 31% 16%; --red-950: 0 =
20% 13%; --red-1000: 0 15% 11%; --warm-gray-50: 30 12% 97%; --warm-gray-100=
: 30 2% 92%; --warm-gray-200: 33 1% 75%; --warm-gray-300: 30 1% 62%; --warm=
-gray-400: 30 1% 52%; --warm-gray-500: 30 1% 39%; --warm-gray-600: 30 2% 29=
%; --warm-gray-700: 30 3% 23%; --warm-gray-800: 30 2% 18%; --warm-gray-900:=
 30 3% 15%; --warm-gray-950: 30 4% 12%; --warm-gray-1000: 30 5% 11%; --blac=
k: 0 0% 2%; --white: 0 0% 99%; --surface-inset: hsl(var(--warm-gray-100)); =
--surface-base: hsl(var(--warm-gray-50)); --surface-l1: hsl(var(--white)); =
--surface-l2: hsl(var(--white)); --surface-l3: hsl(var(--white)); --surface=
-l4: hsl(var(--white)); --surface-l4-hover: hsl(var(--warm-gray-100)); --su=
rface-invert: hsl(var(--warm-gray-1000)); --overlay: hsl(var(--black)/20%);=
 --button-filled: hsl(var(--warm-gray-1000)); --button-filled-hover: hsl(va=
r(--warm-gray-800)); --button-filled-active: hsl(var(--warm-gray-700)); --b=
utton-ghost-hover: hsl(var(--black)/4%); --button-ghost-active: hsl(var(--b=
lack)/8%); --border-l1: hsl(var(--black)/8%); --border-l2: hsl(var(--black)=
/10%); --border-l3: hsl(var(--black)/15%); --ring: hsl(var(--warm-gray-400)=
); --fg-primary: var(--warm-gray-1000); --fg-secondary: var(--warm-gray-500=
); --fg-tertiary: var(--warm-gray-400); --fg-invert: var(--white); --fg-dan=
ger: var(--red-500); --fg-positive: var(--teal-500); --color-jet: 0 0% 4%; =
--color-umbra: 221 12% 14%; --color-ink: 213 11% 16%; --color-ash: 216 5% 1=
9; --color-iron: 216 4% 20%; --color-steel: 216 4% 22%; --color-tin: 216 4%=
 26%; --color-fog: 216 4% 35%; --color-silver: 213 6% 74%; --color-pewter: =
213 0% 100%; --color-dove: 222 0% 86%; --color-nimbus: 228 21.74% 95.49%; -=
-color-ivory: 40 18% 97%; --color-white: 0 0% 100%; --color-midnight: 214 5=
8.3% 9.4%; --color-evenfall: 214 16.1% 28%; --color-breeze: 214 48.9% 73.9%=
; --color-cobalt: 214.6 60 45%; --color-gale: 214.6 79.1 62.5%; --color-daw=
n: 37 100% 76%; --color-sunset: 22 100% 51.6%; --color-rust: 22 93.8% 36.72=
%; --color-dusk: 263 70% 50.4%; --color-twilight: 255 92% 76%; --input-back=
ground: #ffffff; --input-background-hover: #ffffff; --input-button-backgrou=
nd: #ffffff; --input-button-background-hover: #f2f2f2; --input-button-backg=
round-selected: #f0f0f0; --input-button-border: #e3e3e3; --input-button-bor=
der-hover: #e3e3e3; --incognito-input-background: #f2f0f4; --incognito-inpu=
t-background-hover: #ede9f3; --incognito-input-button-background: #f2f0f4; =
--incognito-input-button-background-hover: #ede9f3; --incognito-input-butto=
n-background-selected: #dcd8e2; --incognito-input-button-border: #c7c3cc; -=
-incognito-input-button-border-hover: #c7c3cc; --background: hsl(var(--warm=
-gray-50)); --background-secondary: hsl(60 14% 99%); --foreground: hsl(var(=
--color-white)); --highlight: hsl(var(--color-breeze)/40%); --gradient: hsl=
(40 0% 90%); --gradient-bg: hsl(40 0% 90%); --important: hsl(0,0%,99%); --i=
mportant-hover: hsl(0,0%,98%); --button-primary: hsl(var(--color-jet)); --b=
utton-primary-hover: hsl(var(--color-jet)/80%); --button-secondary: hsl(var=
(--color-ivory)); --button-secondary-hover: hsl(var(--color-dove)/80%); --b=
utton-secondary-selected: hsl(var(--color-dove)/70%); --button-text-hover: =
hsl(var(--color-dove)/8%); --button-outline-border: hsl(var(--color-dove)/5=
0%); --input: hsl(var(--color-white)/100%); --input-glow: hsl(var(--color-d=
ove)/20%); --input-border: hsl(var(--color-dove)/38%); --input-hover: hsl(v=
ar(--color-white)); --input-border-focus: hsl(var(--color-fog)/50%); --togg=
le-border: hsl(var(--color-jet)/10%); --toggle-hover: hsl(var(--color-ivory=
)); --toggle-selected: hsl(var(--color-jet)/8%); --popover: hsl(var(--color=
-white)); --popover-border: hsl(var(--color-white)); --popover-hover: hsl(v=
ar(--color-ivory)/20%); --card: hsl(var(--color-white)/80%); --card-focus: =
hsl(var(--color-dove)); --card-border: hsl(var(--color-nimbus)); --card-bor=
der-focus: hsl(var(--color-dove)); --card-hover: hsl(var(--color-steel)/4%)=
; --chip: hsl(var(--color-dove)/20%); --link: hsl(var(--color-cobalt)); --l=
ink-hover: hsl(var(--color-gale)); --primary: var(--color-jet); --secondary=
: var(--color-fog); --incognito: hsl(var(--color-dusk)); --input-incognito:=
 hsl(var(--color-dusk)/4%); --input-glow-incognito: hsl(var(--color-dusk)/1=
5%); --input-border-incognito: hsl(var(--color-dusk)/40%); --input-hover-in=
cognito: hsl(var(--color-dusk)/7%); --input-border-focus-incognito: hsl(var=
(--color-dusk)/75%); --border-incognito: hsl(var(--color-dusk)); --ring-inc=
ognito: hsl(var(--color-dusk)); --card-foreground: 0 0% 3.9%; --popover-for=
eground: 0 0% 3.9%; --primary-foreground: 0 0% 98%; --secondary-foreground:=
 0 0% 9%; --muted: 0 0% 96.1%; --muted-foreground: 0 0% 45.1%; --accent: 0 =
0% 96.1%; --accent-foreground: 0 0% 9%; --destructive: 0 84.2% 60.2%; --des=
tructive-foreground: 0 0% 98%; --border: 0 0% 89.8%; --chart-1: 12 76% 61%;=
 --chart-2: 173 58% 39%; --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --c=
hart-5: 27 87% 67%; --radius: 0.5rem; --sidebar-foreground: 240 5.3% 26.1%;=
 --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; -=
-sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%;=
 --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; --font-d=
efault: var(--font-universal-sans),var(--font-ibm-plex-mono); --content-max=
-width: 48rem; --content-gutter: 1rem; --content-breakout-margin: calc(-1 *=
 var(--content-gutter)); --content-breakout-max-width: calc(var(--content-m=
ax-width) + 2 * var(--content-gutter)); --header-height: 56px; --subheader-=
height: 48px; }

.dark { --surface-inset: hsl(var(--gray-1000)); --surface-base: hsl(var(--g=
ray-950)); --surface-l1: hsl(var(--gray-900)); --surface-l2: hsl(var(--gray=
-800)); --surface-l3: hsl(var(--gray-700)); --surface-l4: hsl(var(--gray-60=
0)); --surface-l4-hover: hsl(var(--gray-500)); --surface-invert: hsl(var(--=
white)); --overlay: hsl(var(--black)/50%); --button-filled: hsl(var(--white=
)); --button-filled-hover: hsl(var(--gray-200)); --button-filled-active: hs=
l(var(--gray-300)); --button-ghost-hover: hsl(var(--white)/8%); --button-gh=
ost-active: hsl(var(--white)/10%); --border-l1: hsl(var(--white)/6%); --bor=
der-l2: hsl(var(--white)/10%); --border-l3: hsl(var(--white)/20%); --ring: =
hsl(var(--gray-500)); --fg-primary: var(--white); --fg-secondary: var(--gra=
y-200); --fg-tertiary: var(--gray-300); --fg-invert: var(--gray-1000); --fg=
-danger: var(--red-300); --fg-positive: var(--teal-300); --input-background=
: #313234; --input-background-hover: #36383a; --input-button-background: #3=
13234; --input-button-background-hover: #424446; --input-button-background-=
selected: #626365; --input-button-border: #444446; --input-button-border-ho=
ver: #707172; --incognito-input-background: #222329; --incognito-input-back=
ground-hover: #26252e; --incognito-input-button-background: #222329; --inco=
gnito-input-button-background-hover: #33333b; --incognito-input-button-back=
ground-selected: #5a5a61; --incognito-input-button-border: #36373c; --incog=
nito-input-button-border-hover: #66666a; --background: hsl(var(--gray-950))=
; --background-secondary: hsl(220 6% 10%); --foreground: hsl(var(--color-do=
ve)/8%); --highlight: hsl(var(--color-pewter)/30%); --gradient: hsl(var(--c=
olor-pewter)/10%); --gradient-bg: hsla(217,4%,14%,1); --important: hsl(var(=
--color-ash)); --important-hover: hsl(var(--color-steel)); --button-primary=
: hsl(var(--color-ivory)/90%); --button-primary-hover: hsl(var(--color-ivor=
y)); --button-secondary: hsl(var(--color-dove)/12%); --button-secondary-hov=
er: hsl(var(--color-dove)/20%); --button-secondary-selected: hsl(var(--colo=
r-dove)/30%); --button-text-hover: hsl(var(--color-dove)/8%); --button-outl=
ine-border: hsl(var(--color-dove)/8%); --input: hsl(var(--color-iron)/100%)=
; --input-glow: hsl(var(--color-pewter)/20%); --input-border: hsl(var(--col=
or-dove)/4%); --input-hover: hsl(var(--color-iron)/100%); --input-border-fo=
cus: hsl(var(--color-white)/16%); --input-foreground-hover: hsl(var(--color=
-tin)/100%); --toggle-border: hsl(var(--color-white)/9%); --toggle-hover: h=
sl(var(--color-white)/6%); --toggle-selected: hsl(var(--color-white)/24%); =
--toggle-disabled: hsl(var(--color-white)/8%); --popover: hsl(var(--color-s=
teel)/100%); --popover-border: hsl(var(--color-dove)/4%); --popover-hover: =
hsl(var(--color-dove)/4%); --card: hsl(var(--color-dove)/8%); --card-hover:=
 hsl(var(--color-dove)/6%); --card-focus: hsl(var(--color-dove)/14%); --car=
d-border: hsl(var(--color-dove)/4%); --card-border-focus: hsl(var(--color-d=
ove)/4%); --chip: hsl(var(--color-dove)/5%); --link: hsl(var(--color-gale))=
; --link-hover: hsl(var(--color-cobalt)); --primary: var(--color-ivory); --=
secondary: var(--color-silver); --incognito: hsl(var(--color-twilight)); --=
input-incognito: hsl(var(--color-twilight)/4%); --input-glow-incognito: hsl=
(var(--color-twilight)/25%); --input-border-incognito: hsl(var(--color-twil=
ight)/35%); --input-hover-incognito: hsl(var(--color-twilight)/7%); --input=
-border-focus-incognito: hsl(var(--color-twilight)/55%); --border-incognito=
: hsl(var(--color-twilight)); --ring-incognito: hsl(var(--color-twilight));=
 --card-foreground: 0 0% 98%; --popover-foreground: 0 0% 98%; --primary-for=
eground: 0 0% 9%; --secondary-foreground: 0 0% 98%; --muted: 0 0% 14.9%; --=
muted-foreground: 0 0% 63.9%; --accent: 240 4% 16%; --accent-foreground: 0 =
0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; -=
-border: 0 0% 14.9%; --chart-1: 220 70% 50%; --chart-2: 160 60% 45%; --char=
t-3: 30 80% 55%; --chart-4: 280 65% 60%; --chart-5: 340 75% 55%; --sidebar-=
foreground: 240 4.8% 95.9%; --sidebar-primary: 224.3 76.3% 48%; --sidebar-p=
rimary-foreground: 0 0% 100%; --sidebar-accent: 240 5% 26%; --sidebar-accen=
t-foreground: 240 4.8% 95.9%; --sidebar-border: 240 3.7% 15.9%; --sidebar-r=
ing: 217.2 91.2% 59.8%; }

* { border-color: var(--border-l1); }

body { background-color: var(--background); color: var(--foreground); }

.\!container { width: 100% !important; }

.container { width: 100%; }

@media (min-width: 375px) {
  .\!container { max-width: 375px !important; }
  .container { max-width: 375px; }
}

@media (min-width: 640px) {
  .\!container { max-width: 640px !important; }
  .container { max-width: 640px; }
}

@media (min-width: 768px) {
  .\!container { max-width: 768px !important; }
  .container { max-width: 768px; }
}

@media (min-width: 1024px) {
  .\!container { max-width: 1024px !important; }
  .container { max-width: 1024px; }
}

@media (min-width: 1280px) {
  .\!container { max-width: 1280px !important; }
  .container { max-width: 1280px; }
}

@media (min-width: 1536px) {
  .\!container { max-width: 1536px !important; }
  .container { max-width: 1536px; }
}

.prose { color: var(--tw-prose-body); max-width: 65ch; }

.prose :where(p):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"] =
*)) { margin-top: var(--paragraph-margin); margin-bottom: var(--paragraph-m=
argin); color: hsl(var(--primary)/100%); }

.prose :where([class~=3D"lead"]):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-=
height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; }

.prose :where(a):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"] =
*)) { color: var(--link); text-decoration: none; font-weight: 500; }

.prose :where(a):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"] =
*)):hover { color: var(--link-hover); }

.prose :where(strong):not(:where([class~=3D"not-prose"], [class~=3D"not-pro=
se"] *)) { color: hsl(var(--primary)/100%); font-weight: 600; }

.prose :where(a strong):not(:where([class~=3D"not-prose"], [class~=3D"not-p=
rose"] *)) { color: inherit; }

.prose :where(blockquote strong):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { color: inherit; }

.prose :where(thead th strong):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { color: inherit; }

.prose :where(ol):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { list-style-type: decimal; margin-top: 0.5em; margin-bottom: 1em; pad=
ding-inline-start: var(--list-padding-inline-start); }

.prose :where(ol[type=3D"A"]):not(:where([class~=3D"not-prose"], [class~=3D=
"not-prose"] *)) { list-style-type: upper-alpha; }

.prose :where(ol[type=3D"a"]):not(:where([class~=3D"not-prose"], [class~=3D=
"not-prose"] *)) { list-style-type: lower-alpha; }

.prose :where():not(:where([class~=3D"not-prose"], [class~=3D"not-prose"] *=
)) { list-style-type: upper-alpha; }

.prose :where():not(:where([class~=3D"not-prose"], [class~=3D"not-prose"] *=
)) { list-style-type: lower-alpha; }

.prose :where(ol[type=3D"I"]):not(:where([class~=3D"not-prose"], [class~=3D=
"not-prose"] *)) { list-style-type: upper-roman; }

.prose :where(ol[type=3D"i"]):not(:where([class~=3D"not-prose"], [class~=3D=
"not-prose"] *)) { list-style-type: lower-roman; }

.prose :where():not(:where([class~=3D"not-prose"], [class~=3D"not-prose"] *=
)) { list-style-type: upper-roman; }

.prose :where():not(:where([class~=3D"not-prose"], [class~=3D"not-prose"] *=
)) { list-style-type: lower-roman; }

.prose :where(ol[type=3D"1"]):not(:where([class~=3D"not-prose"], [class~=3D=
"not-prose"] *)) { list-style-type: decimal; }

.prose :where(ul):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { list-style-type: disc; margin-top: 0.5em; margin-bottom: 1em; paddin=
g-inline-start: var(--list-padding-inline-start); }

.prose :where(ol > li):not(:where([class~=3D"not-prose"], [class~=3D"not-pr=
ose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); }

.prose :where(ul > li):not(:where([class~=3D"not-prose"], [class~=3D"not-pr=
ose"] *))::marker { color: var(--tw-prose-bullets); }

.prose :where(dt):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25e=
m; }

.prose :where(hr):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top:=
 1.2em; margin-bottom: 1.2em; }

.prose :where(blockquote):not(:where([class~=3D"not-prose"], [class~=3D"not=
-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-=
quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var=
(--tw-prose-quote-borders); quotes: "=E2=80=9C" "=E2=80=9D" "=E2=80=98" "=
=E2=80=99"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: =
1em; }

.prose :where(blockquote p:first-of-type):not(:where([class~=3D"not-prose"]=
, [class~=3D"not-prose"] *))::before { content: open-quote; }

.prose :where(blockquote p:last-of-type):not(:where([class~=3D"not-prose"],=
 [class~=3D"not-prose"] *))::after { content: close-quote; }

.prose :where(h1):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { color: hsl(var(--primary)/100%); font-weight: 800; font-size: 1.7em;=
 margin-top: 0px; margin-bottom: 0.5em; line-height: 1.11111; }

.prose :where(h1 strong):not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { font-weight: 900; color: inherit; }

.prose :where(h2):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { color: hsl(var(--primary)/100%); font-weight: 700; font-size: 1.4em;=
 margin-top: 1.8em; margin-bottom: 0.5em; line-height: 1.33333; }

.prose :where(h2 strong):not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { font-weight: 800; color: inherit; }

.prose :where(h3):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { color: hsl(var(--primary)/100%); font-weight: 600; font-size: 1.1em;=
 margin-top: 1.2em; margin-bottom: 0.5em; line-height: 1.6; }

.prose :where(h3 strong):not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { font-weight: 700; color: inherit; }

.prose :where(h4):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { color: hsl(var(--primary)/100%); font-weight: 600; margin-top: 1em; =
margin-bottom: 0.5em; line-height: 1.5; }

.prose :where(h4 strong):not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { font-weight: 700; color: inherit; }

.prose :where(img):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"=
] *)) { margin-top: 2em; margin-bottom: 2em; }

.prose :where(picture):not(:where([class~=3D"not-prose"], [class~=3D"not-pr=
ose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; }

.prose :where(video):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { margin-top: 2em; margin-bottom: 2em; }

.prose :where(kbd):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"=
] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd);=
 box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var=
(--tw-prose-kbd-shadows)/10%); font-size: 0.875em; border-radius: 0.3125rem=
; padding-top: 0.1875em; padding-inline: 0.375em; padding-bottom: 0.1875em;=
 }

.prose :where(code):not(:where([class~=3D"not-prose"], [class~=3D"not-prose=
"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em;=
 }

.prose :where(code):not(:where([class~=3D"not-prose"], [class~=3D"not-prose=
"] *))::before { content: "`"; }

.prose :where(code):not(:where([class~=3D"not-prose"], [class~=3D"not-prose=
"] *))::after { content: "`"; }

.prose :where(a code):not(:where([class~=3D"not-prose"], [class~=3D"not-pro=
se"] *)) { color: inherit; }

.prose :where(h1 code):not(:where([class~=3D"not-prose"], [class~=3D"not-pr=
ose"] *)) { color: inherit; }

.prose :where(h2 code):not(:where([class~=3D"not-prose"], [class~=3D"not-pr=
ose"] *)) { color: inherit; font-size: 0.875em; }

.prose :where(h3 code):not(:where([class~=3D"not-prose"], [class~=3D"not-pr=
ose"] *)) { color: inherit; font-size: 0.9em; }

.prose :where(h4 code):not(:where([class~=3D"not-prose"], [class~=3D"not-pr=
ose"] *)) { color: inherit; }

.prose :where(blockquote code):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { color: inherit; }

.prose :where(thead th code):not(:where([class~=3D"not-prose"], [class~=3D"=
not-prose"] *)) { color: inherit; }

.prose :where(pre):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"=
] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-p=
re-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height=
: 1.71429; margin-top: 1.71429em; margin-bottom: 1.71429em; border-radius: =
0.375rem; padding-top: 0.857143em; padding-inline: 1.14286em; padding-botto=
m: 0.857143em; }

.prose :where(pre code):not(:where([class~=3D"not-prose"], [class~=3D"not-p=
rose"] *)) { background-color: transparent; border-width: 0px; border-radiu=
s: 0px; padding: 0px; font-weight: inherit; color: inherit; font-size: inhe=
rit; font-family: inherit; line-height: inherit; }

.prose :where(pre code):not(:where([class~=3D"not-prose"], [class~=3D"not-p=
rose"] *))::before { content: none; }

.prose :where(pre code):not(:where([class~=3D"not-prose"], [class~=3D"not-p=
rose"] *))::after { content: none; }

.prose :where(table):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { width: 100%; table-layout: auto; margin-top: 0px; margin-bottom: =
0px; font-size: 0.875em; line-height: 1.71429; }

.prose :where(thead):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-=
borders); }

.prose :where(thead th):not(:where([class~=3D"not-prose"], [class~=3D"not-p=
rose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-al=
ign: bottom; padding-inline: 0.571429em; padding-bottom: 0.571429em; }

.prose :where(tbody tr):not(:where([class~=3D"not-prose"], [class~=3D"not-p=
rose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-=
td-borders); }

.prose :where(tbody tr:last-child):not(:where([class~=3D"not-prose"], [clas=
s~=3D"not-prose"] *)) { border-bottom-width: 0px; }

.prose :where(tbody td):not(:where([class~=3D"not-prose"], [class~=3D"not-p=
rose"] *)) { vertical-align: baseline; }

.prose :where(tfoot):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-border=
s); }

.prose :where(tfoot td):not(:where([class~=3D"not-prose"], [class~=3D"not-p=
rose"] *)) { vertical-align: top; }

.prose :where(th, td):not(:where([class~=3D"not-prose"], [class~=3D"not-pro=
se"] *)) { text-align: start; }

.prose :where(figure > *):not(:where([class~=3D"not-prose"], [class~=3D"not=
-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }

.prose :where(figcaption):not(:where([class~=3D"not-prose"], [class~=3D"not=
-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-he=
ight: 1.42857; margin-top: 0.857143em; }

.prose { --tw-prose-body: #374151; --tw-prose-headings: #111827; --tw-prose=
-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #111827; --tw-p=
rose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr: #e5e7eb=
; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose=
-captions: #6b7280; --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: 17 24 =
39; --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-=
bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders: #e5e7eb=
; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-p=
rose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert=
-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets=
: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6=
; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9c=
a3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: 255 255 2=
55; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw=
-prose-invert-pre-bg: rgb(0 0 0/50%); --tw-prose-invert-th-borders: #4b5563=
; --tw-prose-invert-td-borders: #374151; font-size: 1rem; line-height: 1.75=
; }

.prose :where(picture > img):not(:where([class~=3D"not-prose"], [class~=3D"=
not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }

.prose :where(li):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { margin-top: 0px; margin-bottom: 0px; color: hsl(var(--primary)/90%);=
 }

.prose :where(ol > li):not(:where([class~=3D"not-prose"], [class~=3D"not-pr=
ose"] *)) { padding-inline-start: 0.375em; }

.prose :where(ul > li):not(:where([class~=3D"not-prose"], [class~=3D"not-pr=
ose"] *)) { padding-inline-start: 0.375em; }

.prose :where(.prose > ul > li p):not(:where([class~=3D"not-prose"], [class=
~=3D"not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }

.prose :where(.prose > ul > li > p:first-child):not(:where([class~=3D"not-p=
rose"], [class~=3D"not-prose"] *)) { margin-top: 1.25em; }

.prose :where(.prose > ul > li > p:last-child):not(:where([class~=3D"not-pr=
ose"], [class~=3D"not-prose"] *)) { margin-bottom: 1.25em; }

.prose :where(.prose > ol > li > p:first-child):not(:where([class~=3D"not-p=
rose"], [class~=3D"not-prose"] *)) { margin-top: 1.25em; }

.prose :where(.prose > ol > li > p:last-child):not(:where([class~=3D"not-pr=
ose"], [class~=3D"not-prose"] *)) { margin-bottom: 1.25em; }

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=3D"not-prose"]=
, [class~=3D"not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }

.prose :where(dl):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { margin-top: 1.25em; margin-bottom: 1.25em; }

.prose :where(dd):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { margin-top: 0.5em; padding-inline-start: 1.625em; }

.prose :where(hr + *):not(:where([class~=3D"not-prose"], [class~=3D"not-pro=
se"] *)) { margin-top: 0px; }

.prose :where(h2 + *):not(:where([class~=3D"not-prose"], [class~=3D"not-pro=
se"] *)) { margin-top: 0px; }

.prose :where(h3 + *):not(:where([class~=3D"not-prose"], [class~=3D"not-pro=
se"] *)) { margin-top: 0px; }

.prose :where(h4 + *):not(:where([class~=3D"not-prose"], [class~=3D"not-pro=
se"] *)) { margin-top: 0px; }

.prose :where(thead th:first-child):not(:where([class~=3D"not-prose"], [cla=
ss~=3D"not-prose"] *)) { padding-inline-start: 0px; }

.prose :where(thead th:last-child):not(:where([class~=3D"not-prose"], [clas=
s~=3D"not-prose"] *)) { padding-inline-end: 0px; }

.prose :where(tbody td, tfoot td):not(:where([class~=3D"not-prose"], [class=
~=3D"not-prose"] *)) { padding-top: 0.571429em; padding-inline: 0.571429em;=
 padding-bottom: 0.571429em; }

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class=
~=3D"not-prose"], [class~=3D"not-prose"] *)) { padding-inline-start: 0px; }

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=
=3D"not-prose"], [class~=3D"not-prose"] *)) { padding-inline-end: 0px; }

.prose :where(figure):not(:where([class~=3D"not-prose"], [class~=3D"not-pro=
se"] *)) { margin-top: 2em; margin-bottom: 2em; }

.prose :where(.prose > :first-child):not(:where([class~=3D"not-prose"], [cl=
ass~=3D"not-prose"] *)) { margin-top: 0px; }

.prose :where(.prose > :last-child):not(:where([class~=3D"not-prose"], [cla=
ss~=3D"not-prose"] *)) { margin-bottom: 0px; }

.prose { --list-padding-inline-start: 1.2rem; --paragraph-margin: 0.5em; }

.prose :where(h5):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { color: hsl(var(--primary)/100%); margin-top: 1em; margin-bottom: 0.5=
em; }

.prose :where(h6):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { color: hsl(var(--primary)/100%); margin-top: 1em; margin-bottom: 0.5=
em; }

.prose :where(th):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { color: hsl(var(--primary)/100%); }

.prose :where(td):not(:where([class~=3D"not-prose"], [class~=3D"not-prose"]=
 *)) { color: hsl(var(--primary)/100%); }

.prose-xl { font-size: 1.25rem; line-height: 1.8; }

.prose-xl :where(p):not(:where([class~=3D"not-prose"], [class~=3D"not-prose=
"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; }

.prose-xl :where([class~=3D"lead"]):not(:where([class~=3D"not-prose"], [cla=
ss~=3D"not-prose"] *)) { font-size: 1.2em; line-height: 1.5; margin-top: 1e=
m; margin-bottom: 1em; }

.prose-xl :where(blockquote):not(:where([class~=3D"not-prose"], [class~=3D"=
not-prose"] *)) { margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-s=
tart: 1.06667em; }

.prose-xl :where(h1):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { font-size: 2.8em; margin-top: 0px; margin-bottom: 0.857143em; lin=
e-height: 1; }

.prose-xl :where(h2):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { font-size: 1.8em; margin-top: 1.55556em; margin-bottom: 0.888889e=
m; line-height: 1.11111; }

.prose-xl :where(h3):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { font-size: 1.5em; margin-top: 1.6em; margin-bottom: 0.666667em; l=
ine-height: 1.33333; }

.prose-xl :where(h4):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { margin-top: 1.8em; margin-bottom: 0.6em; line-height: 1.6; }

.prose-xl :where(img):not(:where([class~=3D"not-prose"], [class~=3D"not-pro=
se"] *)) { margin-top: 2em; margin-bottom: 2em; }

.prose-xl :where(picture):not(:where([class~=3D"not-prose"], [class~=3D"not=
-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }

.prose-xl :where(picture > img):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }

.prose-xl :where(video):not(:where([class~=3D"not-prose"], [class~=3D"not-p=
rose"] *)) { margin-top: 2em; margin-bottom: 2em; }

.prose-xl :where(kbd):not(:where([class~=3D"not-prose"], [class~=3D"not-pro=
se"] *)) { font-size: 0.9em; border-radius: 0.3125rem; padding-top: 0.25em;=
 padding-inline: 0.4em; padding-bottom: 0.25em; }

.prose-xl :where(code):not(:where([class~=3D"not-prose"], [class~=3D"not-pr=
ose"] *)) { font-size: 0.9em; }

.prose-xl :where(h2 code):not(:where([class~=3D"not-prose"], [class~=3D"not=
-prose"] *)) { font-size: 0.861111em; }

.prose-xl :where(h3 code):not(:where([class~=3D"not-prose"], [class~=3D"not=
-prose"] *)) { font-size: 0.9em; }

.prose-xl :where(pre):not(:where([class~=3D"not-prose"], [class~=3D"not-pro=
se"] *)) { font-size: 0.9em; line-height: 1.77778; margin-top: 2em; margin-=
bottom: 2em; border-radius: 0.5rem; padding-top: 1.11111em; padding-inline:=
 1.33333em; padding-bottom: 1.11111em; }

.prose-xl :where(ol):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; padding-inline-start: 1.=
6em; }

.prose-xl :where(ul):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; padding-inline-start: 1.=
6em; }

.prose-xl :where(li):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { margin-top: 0.6em; margin-bottom: 0.6em; }

.prose-xl :where(ol > li):not(:where([class~=3D"not-prose"], [class~=3D"not=
-prose"] *)) { padding-inline-start: 0.4em; }

.prose-xl :where(ul > li):not(:where([class~=3D"not-prose"], [class~=3D"not=
-prose"] *)) { padding-inline-start: 0.4em; }

.prose-xl :where(.prose-xl > ul > li p):not(:where([class~=3D"not-prose"], =
[class~=3D"not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0.8em; }

.prose-xl :where(.prose-xl > ul > li > p:first-child):not(:where([class~=3D=
"not-prose"], [class~=3D"not-prose"] *)) { margin-top: 1.2em; }

.prose-xl :where(.prose-xl > ul > li > p:last-child):not(:where([class~=3D"=
not-prose"], [class~=3D"not-prose"] *)) { margin-bottom: 1.2em; }

.prose-xl :where(.prose-xl > ol > li > p:first-child):not(:where([class~=3D=
"not-prose"], [class~=3D"not-prose"] *)) { margin-top: 1.2em; }

.prose-xl :where(.prose-xl > ol > li > p:last-child):not(:where([class~=3D"=
not-prose"], [class~=3D"not-prose"] *)) { margin-bottom: 1.2em; }

.prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=3D"not-pros=
e"], [class~=3D"not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0.8em; =
}

.prose-xl :where(dl):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; }

.prose-xl :where(dt):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { margin-top: 1.2em; }

.prose-xl :where(dd):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { margin-top: 0.6em; padding-inline-start: 1.6em; }

.prose-xl :where(hr):not(:where([class~=3D"not-prose"], [class~=3D"not-pros=
e"] *)) { margin-top: 2.8em; margin-bottom: 2.8em; }

.prose-xl :where(hr + *):not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { margin-top: 0px; }

.prose-xl :where(h2 + *):not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { margin-top: 0px; }

.prose-xl :where(h3 + *):not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { margin-top: 0px; }

.prose-xl :where(h4 + *):not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { margin-top: 0px; }

.prose-xl :where(table):not(:where([class~=3D"not-prose"], [class~=3D"not-p=
rose"] *)) { font-size: 0.9em; line-height: 1.55556; }

.prose-xl :where(thead th):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { padding-inline: 0.666667em; padding-bottom: 0.888889em; }

.prose-xl :where(thead th:first-child):not(:where([class~=3D"not-prose"], [=
class~=3D"not-prose"] *)) { padding-inline-start: 0px; }

.prose-xl :where(thead th:last-child):not(:where([class~=3D"not-prose"], [c=
lass~=3D"not-prose"] *)) { padding-inline-end: 0px; }

.prose-xl :where(tbody td, tfoot td):not(:where([class~=3D"not-prose"], [cl=
ass~=3D"not-prose"] *)) { padding-top: 0.888889em; padding-inline: 0.666667=
em; padding-bottom: 0.888889em; }

.prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([cl=
ass~=3D"not-prose"], [class~=3D"not-prose"] *)) { padding-inline-start: 0px=
; }

.prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([clas=
s~=3D"not-prose"], [class~=3D"not-prose"] *)) { padding-inline-end: 0px; }

.prose-xl :where(figure):not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { margin-top: 2em; margin-bottom: 2em; }

.prose-xl :where(figure > *):not(:where([class~=3D"not-prose"], [class~=3D"=
not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }

.prose-xl :where(figcaption):not(:where([class~=3D"not-prose"], [class~=3D"=
not-prose"] *)) { font-size: 0.9em; line-height: 1.55556; margin-top: 1em; =
}

.prose-xl :where(.prose-xl > :first-child):not(:where([class~=3D"not-prose"=
], [class~=3D"not-prose"] *)) { margin-top: 0px; }

.prose-xl :where(.prose-xl > :last-child):not(:where([class~=3D"not-prose"]=
, [class~=3D"not-prose"] *)) { margin-bottom: 0px; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margi=
n: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: now=
rap; border-width: 0px; }

.pointer-events-none { pointer-events: none; }

.pointer-events-auto { pointer-events: auto; }

.visible { visibility: visible; }

.invisible { visibility: hidden; }

.collapse { visibility: collapse; }

.static { position: static; }

.fixed { position: fixed; }

.absolute { position: absolute; }

.relative { position: relative; }

.sticky { position: sticky; }

.inset-0 { inset: 0px; }

.-inset-x-12 { left: -3rem; right: -3rem; }

.-inset-x-\[600px\] { left: -600px; right: -600px; }

.inset-x-0 { left: 0px; right: 0px; }

.inset-x-3 { left: 0.75rem; right: 0.75rem; }

.inset-y-0 { top: 0px; bottom: 0px; }

.inset-y-3 { top: 0.75rem; bottom: 0.75rem; }

.-bottom-1 { bottom: -0.25rem; }

.-bottom-12 { bottom: -3rem; }

.-bottom-2 { bottom: -0.5rem; }

.-bottom-8 { bottom: -2rem; }

.-left-12 { left: -3rem; }

.-left-2 { left: -0.5rem; }

.-left-3 { left: -0.75rem; }

.-left-6 { left: -1.5rem; }

.-left-\[26px\] { left: -26px; }

.-right-1 { right: -0.25rem; }

.-right-1\.5 { right: -0.375rem; }

.-right-12 { right: -3rem; }

.-right-3 { right: -0.75rem; }

.-right-4 { right: -1rem; }

.-right-5 { right: -1.25rem; }

.-right-6 { right: -1.5rem; }

.-top-1 { top: -0.25rem; }

.-top-1\.5 { top: -0.375rem; }

.-top-12 { top: -3rem; }

.-top-3 { top: -0.75rem; }

.-top-8 { top: -2rem; }

.bottom-0 { bottom: 0px; }

.bottom-0\.5 { bottom: 0.125rem; }

.bottom-1 { bottom: 0.25rem; }

.bottom-2 { bottom: 0.5rem; }

.bottom-3 { bottom: 0.75rem; }

.bottom-4 { bottom: 1rem; }

.bottom-6 { bottom: 1.5rem; }

.bottom-\[0\.4rem\] { bottom: 0.4rem; }

.bottom-\[100\%\] { bottom: 100%; }

.bottom-\[2\.5rem\] { bottom: 2.5rem; }

.bottom-full { bottom: 100%; }

.end-0 { inset-inline-end: 0px; }

.end-2 { inset-inline-end: 0.5rem; }

.end-3 { inset-inline-end: 0.75rem; }

.end-4 { inset-inline-end: 1rem; }

.left-0 { left: 0px; }

.left-0\.5 { left: 0.125rem; }

.left-1 { left: 0.25rem; }

.left-1\/2 { left: 50%; }

.left-2 { left: 0.5rem; }

.left-3 { left: 0.75rem; }

.left-3\.5 { left: 0.875rem; }

.left-\[26px\] { left: 26px; }

.left-\[50\%\] { left: 50%; }

.right-0 { right: 0px; }

.right-1 { right: 0.25rem; }

.right-1\.5 { right: 0.375rem; }

.right-1\/2 { right: 50%; }

.right-2 { right: 0.5rem; }

.right-3 { right: 0.75rem; }

.right-4 { right: 1rem; }

.right-5 { right: 1.25rem; }

.right-\[6px\] { right: 6px; }

.start-0 { inset-inline-start: 0px; }

.start-1 { inset-inline-start: 0.25rem; }

.start-\[\.5rem\] { inset-inline-start: 0.5rem; }

.start-\[100\%\] { inset-inline-start: 100%; }

.top-0 { top: 0px; }

.top-0\.5 { top: 0.125rem; }

.top-1 { top: 0.25rem; }

.top-1\.5 { top: 0.375rem; }

.top-1\/2 { top: 50%; }

.top-11 { top: 2.75rem; }

.top-12 { top: 3rem; }

.top-16 { top: 4rem; }

.top-2 { top: 0.5rem; }

.top-24 { top: 6rem; }

.top-28 { top: 7rem; }

.top-3 { top: 0.75rem; }

.top-3\.5 { top: 0.875rem; }

.top-4 { top: 1rem; }

.top-40 { top: 10rem; }

.top-5 { top: 1.25rem; }

.top-8 { top: 2rem; }

.top-\[-20px\] { top: -20px; }

.top-\[0\.3em\] { top: 0.3em; }

.top-\[100\%\] { top: 100%; }

.top-\[1px\] { top: 1px; }

.top-\[50\%\] { top: 50%; }

.top-\[60\%\] { top: 60%; }

.top-\[6px\] { top: 6px; }

.top-full { top: 100%; }

.isolate { isolation: isolate; }

.-z-10 { z-index: -10; }

.z-0 { z-index: 0; }

.z-10 { z-index: 10; }

.z-20 { z-index: 20; }

.z-30 { z-index: 30; }

.z-40 { z-index: 40; }

.z-50 { z-index: 50; }

.z-\[1000\] { z-index: 1000; }

.z-\[100\] { z-index: 100; }

.z-\[101\] { z-index: 101; }

.z-\[10\] { z-index: 10; }

.z-\[149\] { z-index: 149; }

.z-\[150\] { z-index: 150; }

.z-\[1\] { z-index: 1; }

.z-\[200\] { z-index: 200; }

.z-\[25\] { z-index: 25; }

.z-\[30\] { z-index: 30; }

.z-\[40\] { z-index: 40; }

.z-\[50\] { z-index: 50; }

.z-\[60\] { z-index: 60; }

.z-\[999\] { z-index: 999; }

.order-first { order: -9999; }

.col-span-1 { grid-column: span 1 / span 1; }

.col-span-2 { grid-column: span 2 / span 2; }

.col-start-1 { grid-column-start: 1; }

.col-end-2 { grid-column-end: 2; }

.row-span-1 { grid-row: span 1 / span 1; }

.row-span-2 { grid-row: span 2 / span 2; }

.row-start-1 { grid-row-start: 1; }

.row-end-2 { grid-row-end: 2; }

.\!m-0 { margin: 0px !important; }

.-m-1 { margin: -0.25rem; }

.-m-1\.5 { margin: -0.375rem; }

.-m-\[14px\] { margin: -14px; }

.m-0 { margin: 0px; }

.m-1 { margin: 0.25rem; }

.m-2 { margin: 0.5rem; }

.m-4 { margin: 1rem; }

.m-\[1px\] { margin: 1px; }

.m-\[3px\] { margin: 3px; }

.-mx-0 { margin-left: 0px; margin-right: 0px; }

.-mx-0\.5 { margin-left: -0.125rem; margin-right: -0.125rem; }

.-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; }

.-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; }

.-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; }

.-my-0\.5 { margin-top: -0.125rem; margin-bottom: -0.125rem; }

.mx-0\.5 { margin-left: 0.125rem; margin-right: 0.125rem; }

.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }

.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }

.mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }

.mx-3\.5 { margin-left: 0.875rem; margin-right: 0.875rem; }

.mx-4 { margin-left: 1rem; margin-right: 1rem; }

.mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }

.mx-8 { margin-left: 2rem; margin-right: 2rem; }

.mx-\[\.125rem\] { margin-left: 0.125rem; margin-right: 0.125rem; }

.mx-\[calc\(40px\+1\.5rem\)\] { margin-left: calc(40px + 1.5rem); margin-ri=
ght: calc(40px + 1.5rem); }

.mx-auto { margin-left: auto; margin-right: auto; }

.my-0 { margin-top: 0px; margin-bottom: 0px; }

.my-0\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; }

.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }

.my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }

.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }

.my-4 { margin-top: 1rem; margin-bottom: 1rem; }

.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }

.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }

.my-8 { margin-top: 2rem; margin-bottom: 2rem; }

.my-auto { margin-top: auto; margin-bottom: auto; }

.\!ml-auto { margin-left: auto !important; }

.-mb-0\.5 { margin-bottom: -0.125rem; }

.-mb-10 { margin-bottom: -2.5rem; }

.-mb-4 { margin-bottom: -1rem; }

.-mb-\[2px\] { margin-bottom: -2px; }

.-ml-0\.5 { margin-left: -0.125rem; }

.-ml-1 { margin-left: -0.25rem; }

.-ml-2 { margin-left: -0.5rem; }

.-ml-3 { margin-left: -0.75rem; }

.-ml-4 { margin-left: -1rem; }

.-ml-5 { margin-left: -1.25rem; }

.-ml-\[36px\] { margin-left: -36px; }

.-mr-1\.5 { margin-right: -0.375rem; }

.-mr-2 { margin-right: -0.5rem; }

.-mr-2\.5 { margin-right: -0.625rem; }

.-mr-\[36px\] { margin-right: -36px; }

.-ms-0\.5 { margin-inline-start: -0.125rem; }

.-ms-1 { margin-inline-start: -0.25rem; }

.-ms-2 { margin-inline-start: -0.5rem; }

.-ms-\[13px\] { margin-inline-start: -13px; }

.-mt-0\.5 { margin-top: -0.125rem; }

.-mt-1 { margin-top: -0.25rem; }

.-mt-12 { margin-top: -3rem; }

.-mt-2 { margin-top: -0.5rem; }

.-mt-4 { margin-top: -1rem; }

.-mt-8 { margin-top: -2rem; }

.-mt-\[1px\] { margin-top: -1px; }

.-mt-\[2px\] { margin-top: -2px; }

.-mt-px { margin-top: -1px; }

.mb-0 { margin-bottom: 0px; }

.mb-0\.5 { margin-bottom: 0.125rem; }

.mb-1 { margin-bottom: 0.25rem; }

.mb-2 { margin-bottom: 0.5rem; }

.mb-3 { margin-bottom: 0.75rem; }

.mb-4 { margin-bottom: 1rem; }

.mb-5 { margin-bottom: 1.25rem; }

.mb-6 { margin-bottom: 1.5rem; }

.mb-8 { margin-bottom: 2rem; }

.me-0 { margin-inline-end: 0px; }

.me-0\.5 { margin-inline-end: 0.125rem; }

.me-1 { margin-inline-end: 0.25rem; }

.me-1\.5 { margin-inline-end: 0.375rem; }

.me-2 { margin-inline-end: 0.5rem; }

.me-3 { margin-inline-end: 0.75rem; }

.me-4 { margin-inline-end: 1rem; }

.me-\[0\.5\] { }

.me-\[11px\] { margin-inline-end: 11px; }

.me-\[1px\] { margin-inline-end: 1px; }

.me-\[2px\] { margin-inline-end: 2px; }

.me-\[4px\] { margin-inline-end: 4px; }

.me-auto { margin-inline-end: auto; }

.ml-0 { margin-left: 0px; }

.ml-0\.5 { margin-left: 0.125rem; }

.ml-1 { margin-left: 0.25rem; }

.ml-1\.5 { margin-left: 0.375rem; }

.ml-2 { margin-left: 0.5rem; }

.ml-4 { margin-left: 1rem; }

.ml-auto { margin-left: auto; }

.mr-0\.5 { margin-right: 0.125rem; }

.mr-1 { margin-right: 0.25rem; }

.mr-2 { margin-right: 0.5rem; }

.ms-0 { margin-inline-start: 0px; }

.ms-0\.5 { margin-inline-start: 0.125rem; }

.ms-1 { margin-inline-start: 0.25rem; }

.ms-1\.5 { margin-inline-start: 0.375rem; }

.ms-2 { margin-inline-start: 0.5rem; }

.ms-3 { margin-inline-start: 0.75rem; }

.ms-4 { margin-inline-start: 1rem; }

.ms-8 { margin-inline-start: 2rem; }

.ms-\[10px\] { margin-inline-start: 10px; }

.ms-\[8px\] { margin-inline-start: 8px; }

.ms-auto { margin-inline-start: auto; }

.mt-0 { margin-top: 0px; }

.mt-0\.5 { margin-top: 0.125rem; }

.mt-1 { margin-top: 0.25rem; }

.mt-1\.5 { margin-top: 0.375rem; }

.mt-12 { margin-top: 3rem; }

.mt-16 { margin-top: 4rem; }

.mt-2 { margin-top: 0.5rem; }

.mt-2\.5 { margin-top: 0.625rem; }

.mt-24 { margin-top: 6rem; }

.mt-3 { margin-top: 0.75rem; }

.mt-4 { margin-top: 1rem; }

.mt-6 { margin-top: 1.5rem; }

.mt-8 { margin-top: 2rem; }

.mt-\[12px\] { margin-top: 12px; }

.mt-\[5\.5rem\] { margin-top: 5.5rem; }

.mt-auto { margin-top: auto; }

.box-border { box-sizing: border-box; }

.box-content { box-sizing: content-box; }

.line-clamp-1 { -webkit-line-clamp: 1; }

.line-clamp-1, .line-clamp-2 { overflow: hidden; display: -webkit-box; -web=
kit-box-orient: vertical; }

.line-clamp-2 { -webkit-line-clamp: 2; }

.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient:=
 vertical; -webkit-line-clamp: 3; }

.block { display: block; }

.inline-block { display: inline-block; }

.inline { display: inline; }

.flex { display: flex; }

.inline-flex { display: inline-flex; }

.table { display: table; }

.grid { display: grid; }

.list-item { display: list-item; }

.hidden { display: none; }

.aspect-\[4\/3\] { aspect-ratio: 4 / 3; }

.aspect-auto { aspect-ratio: auto; }

.aspect-square { aspect-ratio: 1 / 1; }

.aspect-video { aspect-ratio: 16 / 9; }

.\!size-4 { width: 1rem !important; height: 1rem !important; }

.\!size-5 { width: 1.25rem !important; height: 1.25rem !important; }

.size-10 { width: 2.5rem; height: 2.5rem; }

.size-12 { width: 3rem; height: 3rem; }

.size-14 { width: 3.5rem; height: 3.5rem; }

.size-16 { width: 4rem; height: 4rem; }

.size-20 { width: 5rem; height: 5rem; }

.size-3 { width: 0.75rem; height: 0.75rem; }

.size-3\.5 { width: 0.875rem; height: 0.875rem; }

.size-4 { width: 1rem; height: 1rem; }

.size-5 { width: 1.25rem; height: 1.25rem; }

.size-6 { width: 1.5rem; height: 1.5rem; }

.size-8 { width: 2rem; height: 2rem; }

.size-80 { width: 20rem; height: 20rem; }

.size-9 { width: 2.25rem; height: 2.25rem; }

.size-\[16px\] { width: 16px; height: 16px; }

.size-\[18px\] { width: 18px; height: 18px; }

.size-\[22px\] { width: 22px; height: 22px; }

.size-full { width: 100%; height: 100%; }

.h-0 { height: 0px; }

.h-0\.5 { height: 0.125rem; }

.h-1 { height: 0.25rem; }

.h-1\.5 { height: 0.375rem; }

.h-10 { height: 2.5rem; }

.h-11 { height: 2.75rem; }

.h-12 { height: 3rem; }

.h-14 { height: 3.5rem; }

.h-16 { height: 4rem; }

.h-2 { height: 0.5rem; }

.h-2\.5 { height: 0.625rem; }

.h-20 { height: 5rem; }

.h-24 { height: 6rem; }

.h-3 { height: 0.75rem; }

.h-3\.5 { height: 0.875rem; }

.h-32 { height: 8rem; }

.h-36 { height: 9rem; }

.h-4 { height: 1rem; }

.h-40 { height: 10rem; }

.h-48 { height: 12rem; }

.h-5 { height: 1.25rem; }

.h-6 { height: 1.5rem; }

.h-7 { height: 1.75rem; }

.h-8 { height: 2rem; }

.h-9 { height: 2.25rem; }

.h-96 { height: 24rem; }

.h-\[-webkit-fill-available\] { height: -webkit-fill-available; }

.h-\[1\.125rem\] { height: 1.125rem; }

.h-\[1\.75rem\] { height: 1.75rem; }

.h-\[100dvh\] { height: 100dvh; }

.h-\[100vh\] { height: 100vh; }

.h-\[102px\] { height: 102px; }

.h-\[10px\] { height: 10px; }

.h-\[12px\] { height: 12px; }

.h-\[136px\] { height: 136px; }

.h-\[140px\] { height: 140px; }

.h-\[150px\] { height: 150px; }

.h-\[180px\] { height: 180px; }

.h-\[18px\] { height: 18px; }

.h-\[1lh\] { height: 1lh; }

.h-\[1px\] { height: 1px; }

.h-\[2\.5rem\] { height: 2.5rem; }

.h-\[20px\] { height: 20px; }

.h-\[238px\] { height: 238px; }

.h-\[24px\] { height: 24px; }

.h-\[25px\] { height: 25px; }

.h-\[2px\] { height: 2px; }

.h-\[30px\] { height: 30px; }

.h-\[346px\] { height: 346px; }

.h-\[34px\] { height: 34px; }

.h-\[36px\] { height: 36px; }

.h-\[4\.5rem\] { height: 4.5rem; }

.h-\[400px\] { height: 400px; }

.h-\[42px\] { height: 42px; }

.h-\[45\%\] { height: 45%; }

.h-\[450px\] { height: 450px; }

.h-\[48px\] { height: 48px; }

.h-\[50\.56vw\] { height: 50.56vw; }

.h-\[500px\] { height: 500px; }

.h-\[50vh\] { height: 50vh; }

.h-\[56px\] { height: 56px; }

.h-\[600px\] { height: 600px; }

.h-\[64px\] { height: 64px; }

.h-\[70vh\] { height: 70vh; }

.h-\[768px\] { height: 768px; }

.h-\[80vh\] { height: 80vh; }

.h-\[88px\] { height: 88px; }

.h-\[90\%\] { height: 90%; }

.h-\[96px\] { height: 96px; }

.h-\[97dvh\] { height: 97dvh; }

.h-\[calc\(100\%-0\.25rem\)\] { height: calc(100% - 0.25rem); }

.h-\[calc\(100dvh-64px\)\] { height: calc(100dvh - 64px); }

.h-\[calc\(100dvh-64px-128px\)\] { height: calc((100dvh - 64px) - 128px); }

.h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix=
-navigation-menu-viewport-height); }

.h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-tr=
igger-height); }

.h-auto { height: auto; }

.h-dvh { height: 100dvh; }

.h-fit { height: fit-content; }

.h-full { height: 100%; }

.h-header-height { height: var(--header-height); }

.h-max { height: max-content; }

.h-px { height: 1px; }

.h-screen { height: 100vh; }

.h-subheader-height { height: var(--subheader-height); }

.h-svh { height: 100svh; }

.max-h-12 { max-height: 3rem; }

.max-h-48 { max-height: 12rem; }

.max-h-64 { max-height: 16rem; }

.max-h-\[--radix-dropdown-menu-content-available-height\] { max-height: var=
(--radix-dropdown-menu-content-available-height); }

.max-h-\[100px\] { max-height: 100px; }

.max-h-\[100vh\] { max-height: 100vh; }

.max-h-\[150px\] { max-height: 150px; }

.max-h-\[200px\] { max-height: 200px; }

.max-h-\[20vh\] { max-height: 20vh; }

.max-h-\[300px\] { max-height: 300px; }

.max-h-\[4\.5em\] { max-height: 4.5em; }

.max-h-\[400px\] { max-height: 400px; }

.max-h-\[40px\] { max-height: 40px; }

.max-h-\[50dvh\] { max-height: 50dvh; }

.max-h-\[50vh\] { max-height: 50vh; }

.max-h-\[70dvh\] { max-height: 70dvh; }

.max-h-\[80\%\] { max-height: 80%; }

.max-h-\[80vh\] { max-height: 80vh; }

.max-h-\[90dvh\] { max-height: 90dvh; }

.max-h-\[90vh\] { max-height: 90vh; }

.max-h-\[960px\] { max-height: 960px; }

.max-h-\[97dvh\] { max-height: 97dvh; }

.max-h-\[calc\(100dvh-80px\)\] { max-height: calc(100dvh - 80px); }

.max-h-\[calc\(100vh-100px\)\] { max-height: calc(100vh - 100px); }

.max-h-\[calc\(100vh-10rem\)\] { max-height: calc(100vh - 10rem); }

.max-h-\[calc\(100vh-200px\)\] { max-height: calc(100vh - 200px); }

.max-h-full { max-height: 100%; }

.max-h-screen { max-height: 100vh; }

.max-h-svh { max-height: 100svh; }

.min-h-0 { min-height: 0px; }

.min-h-10 { min-height: 2.5rem; }

.min-h-11 { min-height: 2.75rem; }

.min-h-12 { min-height: 3rem; }

.min-h-14 { min-height: 3.5rem; }

.min-h-16 { min-height: 4rem; }

.min-h-36 { min-height: 9rem; }

.min-h-4 { min-height: 1rem; }

.min-h-7 { min-height: 1.75rem; }

.min-h-\[100px\] { min-height: 100px; }

.min-h-\[100vh\] { min-height: 100vh; }

.min-h-\[105px\] { min-height: 105px; }

.min-h-\[200px\] { min-height: 200px; }

.min-h-\[20px\] { min-height: 20px; }

.min-h-\[3\.5rem\] { min-height: 3.5rem; }

.min-h-\[300px\] { min-height: 300px; }

.min-h-\[32px\] { min-height: 32px; }

.min-h-\[40px\] { min-height: 40px; }

.min-h-\[42px\] { min-height: 42px; }

.min-h-\[44px\] { min-height: 44px; }

.min-h-\[50dvh\] { min-height: 50dvh; }

.min-h-\[60dvh\] { min-height: 60dvh; }

.min-h-\[60px\] { min-height: 60px; }

.min-h-\[60vh\] { min-height: 60vh; }

.min-h-\[800px\] { min-height: 800px; }

.min-h-dvh { min-height: 100dvh; }

.min-h-full { min-height: 100%; }

.min-h-header-height { min-height: var(--header-height); }

.min-h-screen { min-height: 100vh; }

.min-h-svh { min-height: 100svh; }

.\!w-fit { width: fit-content !important; }

.\!w-full { width: 100% !important; }

.w-0 { width: 0px; }

.w-0\.5 { width: 0.125rem; }

.w-1 { width: 0.25rem; }

.w-1\.5 { width: 0.375rem; }

.w-1\/2 { width: 50%; }

.w-1\/3 { width: 33.3333%; }

.w-1\/4 { width: 25%; }

.w-1\/5 { width: 20%; }

.w-10 { width: 2.5rem; }

.w-11 { width: 2.75rem; }

.w-11\/12 { width: 91.6667%; }

.w-12 { width: 3rem; }

.w-14 { width: 3.5rem; }

.w-16 { width: 4rem; }

.w-2 { width: 0.5rem; }

.w-2\.5 { width: 0.625rem; }

.w-2\/3 { width: 66.6667%; }

.w-2\/5 { width: 40%; }

.w-20 { width: 5rem; }

.w-24 { width: 6rem; }

.w-28 { width: 7rem; }

.w-3 { width: 0.75rem; }

.w-3\.5 { width: 0.875rem; }

.w-3\/4 { width: 75%; }

.w-3\/5 { width: 60%; }

.w-32 { width: 8rem; }

.w-4 { width: 1rem; }

.w-48 { width: 12rem; }

.w-5 { width: 1.25rem; }

.w-52 { width: 13rem; }

.w-6 { width: 1.5rem; }

.w-60 { width: 15rem; }

.w-64 { width: 16rem; }

.w-7 { width: 1.75rem; }

.w-8 { width: 2rem; }

.w-8\/12 { width: 66.6667%; }

.w-80 { width: 20rem; }

.w-9 { width: 2.25rem; }

.w-96 { width: 24rem; }

.w-\[--radix-popper-anchor-width\] { width: var(--radix-popper-anchor-width=
); }

.w-\[--sidebar-width\] { width: var(--sidebar-width); }

.w-\[-webkit-fill-available\] { width: -webkit-fill-available; }

.w-\[1\.125rem\] { width: 1.125rem; }

.w-\[1\.75rem\] { width: 1.75rem; }

.w-\[100\%\] { width: 100%; }

.w-\[100cqw\] { width: 100cqw; }

.w-\[100vw\] { width: 100vw; }

.w-\[10px\] { width: 10px; }

.w-\[12px\] { width: 12px; }

.w-\[153px\] { width: 153px; }

.w-\[18px\] { width: 18px; }

.w-\[1px\] { width: 1px; }

.w-\[2\.5rem\] { width: 2.5rem; }

.w-\[200px\] { width: 200px; }

.w-\[24px\] { width: 24px; }

.w-\[250px\] { width: 250px; }

.w-\[25px\] { width: 25px; }

.w-\[2px\] { width: 2px; }

.w-\[30\%\] { width: 30%; }

.w-\[300px\] { width: 300px; }

.w-\[30px\] { width: 30px; }

.w-\[340px\] { width: 340px; }

.w-\[400px\] { width: 400px; }

.w-\[420px\] { width: 420px; }

.w-\[50\%\] { width: 50%; }

.w-\[500px\] { width: 500px; }

.w-\[60\%\] { width: 60%; }

.w-\[60px\] { width: 60px; }

.w-\[616px\] { width: 616px; }

.w-\[80\%\] { width: 80%; }

.w-\[90\%\] { width: 90%; }

.w-\[90vw\] { width: 90vw; }

.w-\[94vw\] { width: 94vw; }

.w-\[calc\(100\%\+16px\)\] { width: calc(100% + 16px); }

.w-\[calc\(100\%-16px\)\] { width: calc(100% - 16px); }

.w-\[calc\(100\%-24px\)\] { width: calc(100% - 24px); }

.w-\[calc\(100\%-40px\)\] { width: calc(100% - 40px); }

.w-\[calc\(100\%-var\(--sidebar-width\)\)\] { width: calc(100% - var(--side=
bar-width)); }

.w-\[calc\(100\%_-_2rem\)\] { width: calc(100% - 2rem); }

.w-\[min\(100\%\,460px\)\] { width: min(100%, 460px); }

.w-\[unset\] { width: unset; }

.w-\[var\(--list-padding-inline-start\)\] { width: var(--list-padding-inlin=
e-start); }

.w-auto { width: auto; }

.w-fit { width: fit-content; }

.w-full { width: 100%; }

.w-max { width: max-content; }

.w-screen { width: 100vw; }

.min-w-0 { min-width: 0px; }

.min-w-12 { min-width: 3rem; }

.min-w-16 { min-width: 4rem; }

.min-w-24 { min-width: 6rem; }

.min-w-32 { min-width: 8rem; }

.min-w-36 { min-width: 9rem; }

.min-w-40 { min-width: 10rem; }

.min-w-5 { min-width: 1.25rem; }

.min-w-52 { min-width: 13rem; }

.min-w-60 { min-width: 15rem; }

.min-w-64 { min-width: 16rem; }

.min-w-80 { min-width: 20rem; }

.min-w-\[100px\] { min-width: 100px; }

.min-w-\[140px\] { min-width: 140px; }

.min-w-\[200px\] { min-width: 200px; }

.min-w-\[220px\] { min-width: 220px; }

.min-w-\[26px\] { min-width: 26px; }

.min-w-\[30\%\] { min-width: 30%; }

.min-w-\[300px\] { min-width: 300px; }

.min-w-\[340px\] { min-width: 340px; }

.min-w-\[348px\] { min-width: 348px; }

.min-w-\[8rem\] { min-width: 8rem; }

.min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-sel=
ect-trigger-width); }

.min-w-content { min-width: var(--content-width); }

.min-w-fit { min-width: fit-content; }

.\!max-w-none { max-width: none !important; }

.max-w-0 { max-width: 0px; }

.max-w-2xl { max-width: 42rem; }

.max-w-3xl { max-width: 48rem; }

.max-w-4xl { max-width: 56rem; }

.max-w-5xl { max-width: 64rem; }

.max-w-6 { max-width: 1.5rem; }

.max-w-64 { max-width: 16rem; }

.max-w-7xl { max-width: 80rem; }

.max-w-80 { max-width: 20rem; }

.max-w-96 { max-width: 24rem; }

.max-w-\[--content-max-width\] { max-width: var(--content-max-width); }

.max-w-\[--skeleton-width\] { max-width: var(--skeleton-width); }

.max-w-\[0px\] { max-width: 0px; }

.max-w-\[100\%\] { max-width: 100%; }

.max-w-\[100vw\] { max-width: 100vw; }

.max-w-\[1280px\] { max-width: 1280px; }

.max-w-\[1600px\] { max-width: 1600px; }

.max-w-\[350px\] { max-width: 350px; }

.max-w-\[40\%\] { max-width: 40%; }

.max-w-\[400px\] { max-width: 400px; }

.max-w-\[420px\] { max-width: 420px; }

.max-w-\[480px\] { max-width: 480px; }

.max-w-\[48rem\] { max-width: 48rem; }

.max-w-\[50\%\] { max-width: 50%; }

.max-w-\[500px\] { max-width: 500px; }

.max-w-\[50rem\] { max-width: 50rem; }

.max-w-\[560px\] { max-width: 560px; }

.max-w-\[600px\] { max-width: 600px; }

.max-w-\[650px\] { max-width: 650px; }

.max-w-\[66\%\] { max-width: 66%; }

.max-w-\[750px\] { max-width: 750px; }

.max-w-\[80\%\] { max-width: 80%; }

.max-w-\[90vw\] { max-width: 90vw; }

.max-w-\[calc\(100\%-16px\)\] { max-width: calc(100% - 16px); }

.max-w-\[var\(--content-max-width\)\] { max-width: var(--content-max-width)=
; }

.max-w-breakout { max-width: var(--content-breakout-max-width); }

.max-w-full { max-width: 100%; }

.max-w-lg { max-width: 32rem; }

.max-w-max { max-width: max-content; }

.max-w-md { max-width: 28rem; }

.max-w-none { max-width: none; }

.max-w-screen-sm { max-width: 640px; }

.max-w-sm { max-width: 24rem; }

.max-w-xl { max-width: 36rem; }

.flex-1 { flex: 1 1 0%; }

.flex-initial { flex: 0 1 auto; }

.flex-shrink { flex-shrink: 1; }

.flex-shrink-0 { flex-shrink: 0; }

.shrink { flex-shrink: 1; }

.shrink-0 { flex-shrink: 0; }

.flex-grow, .grow { flex-grow: 1; }

.grow-0 { flex-grow: 0; }

.basis-0 { flex-basis: 0px; }

.basis-full { flex-basis: 100%; }

.border-collapse { border-collapse: collapse; }

.origin-center { transform-origin: center center; }

.\!-translate-x-1\/2 { --tw-translate-x: -50% !important; }

.\!-translate-x-1\/2, .\!-translate-y-1\/2 { transform: translate(var(--tw-=
translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw=
-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw=
-scale-y)) !important; }

.\!-translate-y-1\/2 { --tw-translate-y: -50% !important; }

.-translate-x-1\/2 { --tw-translate-x: -50%; }

.-translate-x-1\/2, .-translate-x-\[220px\] { transform: translate(var(--tw=
-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--t=
w-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--t=
w-scale-y)); }

.-translate-x-\[220px\] { --tw-translate-x: -220px; }

.-translate-x-\[3px\] { --tw-translate-x: -3px; }

.-translate-x-\[3px\], .-translate-x-px { transform: translate(var(--tw-tra=
nslate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-sk=
ew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-sc=
ale-y)); }

.-translate-x-px { --tw-translate-x: -1px; }

.-translate-y-1\/2 { --tw-translate-y: -50%; }

.-translate-y-16, .-translate-y-1\/2 { transform: translate(var(--tw-transl=
ate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-=
x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale=
-y)); }

.-translate-y-16 { --tw-translate-y: -4rem; }

.-translate-y-\[3px\] { --tw-translate-y: -3px; }

.-translate-y-\[3px\], .-translate-y-full { transform: translate(var(--tw-t=
ranslate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-=
skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-=
scale-y)); }

.-translate-y-full { --tw-translate-y: -100%; }

.translate-x-0 { --tw-translate-x: 0px; }

.translate-x-0, .translate-x-1\/2 { transform: translate(var(--tw-translate=
-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))=
 skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)=
); }

.translate-x-1\/2 { --tw-translate-x: 50%; }

.translate-x-\[-50\%\] { --tw-translate-x: -50%; }

.translate-x-\[-50\%\], .translate-x-\[3px\] { transform: translate(var(--t=
w-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--=
tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--=
tw-scale-y)); }

.translate-x-\[3px\] { --tw-translate-x: 3px; }

.translate-x-px { --tw-translate-x: 1px; }

.translate-x-px, .translate-y-0 { transform: translate(var(--tw-translate-x=
),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) s=
kewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));=
 }

.translate-y-0 { --tw-translate-y: 0px; }

.translate-y-0\.5 { --tw-translate-y: 0.125rem; }

.translate-y-0\.5, .translate-y-\[-50\%\] { transform: translate(var(--tw-t=
ranslate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-=
skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-=
scale-y)); }

.translate-y-\[-50\%\] { --tw-translate-y: -50%; }

.translate-y-\[3px\] { --tw-translate-y: 3px; }

.-rotate-180, .translate-y-\[3px\] { transform: translate(var(--tw-translat=
e-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)=
) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y=
)); }

.-rotate-180 { --tw-rotate: -180deg; }

.rotate-0 { --tw-rotate: 0deg; }

.rotate-0, .rotate-180 { transform: translate(var(--tw-translate-x),var(--t=
w-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(=
--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.rotate-180 { --tw-rotate: 180deg; }

.rotate-3 { --tw-rotate: 3deg; }

.rotate-3, .rotate-45 { transform: translate(var(--tw-translate-x),var(--tw=
-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(-=
-tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.rotate-45 { --tw-rotate: 45deg; }

.rotate-90 { --tw-rotate: 90deg; }

.rotate-90, .rotate-\[-10deg\] { transform: translate(var(--tw-translate-x)=
,var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) sk=
ewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); =
}

.rotate-\[-10deg\] { --tw-rotate: -10deg; }

.\!scale-100 { --tw-scale-x: 1 !important; --tw-scale-y: 1 !important; tran=
sform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--=
tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw=
-scale-x)) scaleY(var(--tw-scale-y)) !important; }

.scale-0 { --tw-scale-x: 0; --tw-scale-y: 0; }

.scale-0, .scale-100 { transform: translate(var(--tw-translate-x),var(--tw-=
translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--=
tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; }

.scale-125 { --tw-scale-x: 1.25; --tw-scale-y: 1.25; }

.scale-125, .scale-50 { transform: translate(var(--tw-translate-x),var(--tw=
-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(-=
-tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.scale-50 { --tw-scale-x: .5; --tw-scale-y: .5; }

.scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; }

.scale-75, .scale-\[1\.01\] { transform: translate(var(--tw-translate-x),va=
r(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY=
(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.scale-\[1\.01\] { --tw-scale-x: 1.01; --tw-scale-y: 1.01; }

.transform { transform: translate(var(--tw-translate-x),var(--tw-translate-=
y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)=
) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.transform-gpu { transform: translate3d(var(--tw-translate-x),var(--tw-tran=
slate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw=
-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.animate-\[loading-dots_1s_infinite_0\.2s\] { animation: 1s ease 0.2s infin=
ite normal none running loading-dots; }

.animate-\[loading-dots_1s_infinite_0\.4s\] { animation: 1s ease 0.4s infin=
ite normal none running loading-dots; }

.animate-\[loading-dots_1s_infinite_0\.6s\] { animation: 1s ease 0.6s infin=
ite normal none running loading-dots; }

.animate-\[pulse_3s_ease-in-out_infinite\] { animation: 3s ease-in-out 0s i=
nfinite normal none running pulse; }

@keyframes gaussian {=20
  0% { opacity: 0; filter: blur(3px); }
  100% { opacity: 0.5; filter: blur(0px); }
}

.animate-gaussian { animation: 0.1s ease-in-out 0s 1 normal none running ga=
ussian; }

@keyframes pulse {=20
  50% { opacity: 0.5; }
}

.animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite nor=
mal none running pulse; }

@keyframes pulse-lg {=20
  50% { opacity: 0.3; }
}

.animate-pulse-lg { animation: 1.2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinit=
e normal none running pulse-lg; }

@keyframes shiny-text {=20
  0%, 90%, 100% { background-position: calc(-100% - var(--shiny-width)) 0; =
}
  30%, 60% { background-position: calc(100% + var(--shiny-width)) 0; }
}

.animate-shiny-text { animation: 4s ease 0s infinite normal none running sh=
iny-text; }

@keyframes spin {=20
  100% { transform: rotate(1turn); }
}

.animate-spin { animation: 1s linear 0s infinite normal none running spin; =
}

.cursor-col-resize { cursor: col-resize; }

.cursor-default { cursor: default; }

.cursor-e-resize { cursor: e-resize; }

.cursor-grab { cursor: grab; }

.cursor-grabbing { cursor: grabbing; }

.cursor-move { cursor: move; }

.cursor-not-allowed { cursor: not-allowed; }

.cursor-pointer { cursor: pointer; }

.cursor-row-resize { cursor: row-resize; }

.cursor-text { cursor: text; }

.cursor-w-resize { cursor: w-resize; }

.touch-none { touch-action: none; }

.select-none { user-select: none; }

.select-text { user-select: text; }

.resize-none { resize: none; }

.resize { resize: both; }

.scroll-my-1 { scroll-margin-top: 0.25rem; scroll-margin-bottom: 0.25rem; }

.list-disc { list-style-type: disc; }

.list-none { list-style-type: none; }

.break-before-page { break-before: page; }

.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }

.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }

.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

.grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }

.grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }

.grid-cols-9 { grid-template-columns: repeat(9, minmax(0px, 1fr)); }

.grid-cols-\[fit-content\(100px\)_1fr\] { grid-template-columns: fit-conten=
t(100px) 1fr; }

.grid-cols-\[repeat\(auto-fit\,minmax\(100px\,1fr\)\)\] { grid-template-col=
umns: repeat(auto-fit, minmax(100px, 1fr)); }

.grid-rows-1 { grid-template-rows: repeat(1, minmax(0px, 1fr)); }

.grid-rows-4 { grid-template-rows: repeat(4, minmax(0px, 1fr)); }

.grid-rows-\[fit-content\(100px\)_1fr\] { grid-template-rows: fit-content(1=
00px) 1fr; }

.flex-row { flex-direction: row; }

.flex-row-reverse { flex-direction: row-reverse; }

.flex-col { flex-direction: column; }

.flex-col-reverse { flex-direction: column-reverse; }

.flex-wrap { flex-wrap: wrap; }

.flex-nowrap { flex-wrap: nowrap; }

.place-items-center { place-items: center; }

.items-start { align-items: flex-start; }

.items-end { align-items: flex-end; }

.items-center { align-items: center; }

.items-baseline { align-items: baseline; }

.items-stretch { align-items: stretch; }

.justify-start { justify-content: flex-start; }

.justify-end { justify-content: flex-end; }

.justify-center { justify-content: center; }

.justify-between { justify-content: space-between; }

.justify-around { justify-content: space-around; }

.justify-stretch { justify-content: stretch; }

.justify-items-end { justify-items: end; }

.justify-items-center { justify-items: center; }

.justify-items-stretch { justify-items: stretch; }

.\!gap-0 { gap: 0px !important; }

.\!gap-1 { gap: 0.25rem !important; }

.gap-0 { gap: 0px; }

.gap-0\.5 { gap: 0.125rem; }

.gap-1 { gap: 0.25rem; }

.gap-1\.5 { gap: 0.375rem; }

.gap-10 { gap: 2.5rem; }

.gap-11 { gap: 2.75rem; }

.gap-2 { gap: 0.5rem; }

.gap-3 { gap: 0.75rem; }

.gap-4 { gap: 1rem; }

.gap-5 { gap: 1.25rem; }

.gap-6 { gap: 1.5rem; }

.gap-8 { gap: 2rem; }

.gap-\[2px\] { gap: 2px; }

.gap-px { gap: 1px; }

.gap-x-2 { column-gap: 0.5rem; }

.gap-y-1 { row-gap: 0.25rem; }

.space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; mar=
gin-right: calc(.25rem * var(--tw-space-x-reverse)); margin-left: calc(.25r=
em * calc(1 - var(--tw-space-x-reverse))); }

.space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; mar=
gin-right: calc(.75rem * var(--tw-space-x-reverse)); margin-left: calc(.75r=
em * calc(1 - var(--tw-space-x-reverse))); }

.space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; mar=
gin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem *=
 calc(1 - var(--tw-space-x-reverse))); }

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; =
margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bot=
tom: calc(.125rem * var(--tw-space-y-reverse)); }

.space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; mar=
gin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:=
 calc(.25rem * var(--tw-space-y-reverse)); }

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; =
margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bot=
tom: calc(.375rem * var(--tw-space-y-reverse)); }

.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; mar=
gin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: =
calc(.5rem * var(--tw-space-y-reverse)); }

.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; mar=
gin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:=
 calc(.75rem * var(--tw-space-y-reverse)); }

.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; mar=
gin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: c=
alc(1rem * var(--tw-space-y-reverse)); }

.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; mar=
gin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:=
 calc(1.5rem * var(--tw-space-y-reverse)); }

.divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; bor=
der-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bot=
tom-width: calc(1px * var(--tw-divide-y-reverse)); }

.divide-border-l1 > :not([hidden]) ~ :not([hidden]) { border-color: var(--b=
order-l1); }

.place-self-start { place-self: start; }

.self-end { align-self: flex-end; }

.self-center { align-self: center; }

.self-stretch { align-self: stretch; }

.justify-self-center { justify-self: center; }

.overflow-auto { overflow: auto; }

.overflow-hidden { overflow: hidden; }

.overflow-clip { overflow: clip; }

.overflow-visible { overflow: visible; }

.overflow-scroll { overflow: scroll; }

.overflow-x-auto { overflow-x: auto; }

.overflow-y-auto { overflow-y: auto; }

.overflow-x-hidden { overflow-x: hidden; }

.overflow-y-clip { overflow-y: clip; }

.overflow-y-visible { overflow-y: visible; }

.overscroll-contain { overscroll-behavior: contain; }

.overscroll-y-contain { overscroll-behavior-y: contain; }

.overscroll-x-contain { overscroll-behavior-x: contain; }

.truncate { overflow: hidden; white-space: nowrap; }

.text-ellipsis, .truncate { text-overflow: ellipsis; }

.whitespace-normal { white-space: normal; }

.whitespace-nowrap { white-space: nowrap; }

.whitespace-pre { white-space: pre; }

.whitespace-pre-wrap { white-space: pre-wrap; }

.text-wrap { text-wrap: wrap; }

.text-nowrap { text-wrap: nowrap; }

.text-pretty { text-wrap: pretty; }

.break-words { overflow-wrap: break-word; }

.break-all { word-break: break-all; }

.rounded { border-radius: 0.25rem; }

.rounded-2xl { border-radius: 1rem; }

.rounded-3xl { border-radius: 1.5rem; }

.rounded-\[0\.5rem\] { border-radius: 0.5rem; }

.rounded-\[23px\] { border-radius: 23px; }

.rounded-\[24px\] { border-radius: 24px; }

.rounded-\[2px\] { border-radius: 2px; }

.rounded-\[32px\] { border-radius: 32px; }

.rounded-\[40px\] { border-radius: 40px; }

.rounded-\[9px\] { border-radius: 9px; }

.rounded-\[inherit\] { border-radius: inherit; }

.rounded-full { border-radius: 9999px; }

.rounded-lg { border-radius: var(--radius); }

.rounded-md { border-radius: calc(var(--radius) - 2px); }

.rounded-none { border-radius: 0px; }

.rounded-sm { border-radius: calc(var(--radius) - 4px); }

.rounded-xl { border-radius: 0.75rem; }

.\!rounded-b-none { border-bottom-right-radius: 0px !important; border-bott=
om-left-radius: 0px !important; }

.rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radiu=
s: 1rem; }

.rounded-b-\[12px\] { border-bottom-right-radius: 12px; border-bottom-left-=
radius: 12px; }

.rounded-b-\[6px\] { border-bottom-right-radius: 6px; border-bottom-left-ra=
dius: 6px; }

.rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radiu=
s: 0px; }

.rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius: 0=
px; }

.rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radius:=
 0px; }

.rounded-s-xl { border-start-start-radius: 0.75rem; border-end-start-radius=
: 0.75rem; }

.rounded-t-\[16px\] { border-top-left-radius: 16px; border-top-right-radius=
: 16px; }

.rounded-t-\[24px\] { border-top-left-radius: 24px; border-top-right-radius=
: 24px; }

.rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: =
9999px; }

.rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px=
; }

.rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0=
.75rem; }

.rounded-bl-lg { border-bottom-left-radius: var(--radius); }

.rounded-br-lg { border-bottom-right-radius: var(--radius); }

.rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); }

.border { border-width: 1px; }

.border-0 { border-width: 0px; }

.border-2 { border-width: 2px; }

.border-4 { border-width: 4px; }

.border-\[1\.5px\] { border-width: 1.5px; }

.border-\[1px\] { border-width: 1px; }

.border-\[2px\] { border-width: 2px; }

.border-b { border-bottom-width: 1px; }

.border-b-0 { border-bottom-width: 0px; }

.border-b-2 { border-bottom-width: 2px; }

.border-b-8 { border-bottom-width: 8px; }

.border-b-\[1px\] { border-bottom-width: 1px; }

.border-l { border-left-width: 1px; }

.border-l-4 { border-left-width: 4px; }

.border-r { border-right-width: 1px; }

.border-r-4 { border-right-width: 4px; }

.border-t { border-top-width: 1px; }

.border-t-0 { border-top-width: 0px; }

.border-t-2 { border-top-width: 2px; }

.border-dashed { border-style: dashed; }

.border-none { border-style: none; }

.border-\[\#E8E8E8\] { --tw-border-opacity: 1; border-color: rgb(232 232 23=
2/var(--tw-border-opacity,1)); }

.border-\[--color-border\] { border-color: var(--color-border); }

.border-background { border-color: var(--background); }

.border-border, .border-border-l1 { border-color: var(--border-l1); }

.border-border-l2 { border-color: var(--border-l2); }

.border-border-l3 { border-color: var(--border-l3); }

.border-card { border-color: var(--card); }

.border-card-border { border-color: var(--card-border); }

.border-destructive\/25 { border-color: hsl(var(--destructive)/.25); }

.border-fg-primary { border-color: hsl(var(--fg-primary)); }

.border-gray-200 { border-color: hsl(var(--gray-200)); }

.border-gray-300 { border-color: hsl(var(--gray-300)); }

.border-highlight { border-color: var(--highlight); }

.border-input { border-color: var(--input); }

.border-input-border { border-color: var(--input-border); }

.border-input-border-focus { border-color: var(--input-border-focus); }

.border-muted { border-color: hsl(var(--muted)); }

.border-muted-foreground\/10 { border-color: hsl(var(--muted-foreground)/.1=
); }

.border-primary { border-color: hsl(var(--fg-primary)); }

.border-primary\/10 { border-color: hsl(var(--fg-primary)/.1); }

.border-primary\/20 { border-color: hsl(var(--fg-primary)/.2); }

.border-primary\/5 { border-color: hsl(var(--fg-primary)/.05); }

.border-red-400 { border-color: hsl(var(--red-400)); }

.border-red-600 { border-color: hsl(var(--red-600)); }

.border-secondary { border-color: hsl(var(--fg-secondary)); }

.border-sidebar-border { border-color: hsl(var(--sidebar-border)); }

.border-surface-l1 { border-color: var(--surface-l1); }

.border-toggle-border { border-color: var(--toggle-border); }

.border-transparent { border-color: transparent; }

.border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255/var(-=
-tw-border-opacity,1)); }

.border-b-primary { border-bottom-color: hsl(var(--fg-primary)); }

.border-b-secondary { border-bottom-color: hsl(var(--fg-secondary)); }

.border-l-transparent { border-left-color: transparent; }

.border-r-transparent { border-right-color: transparent; }

.border-t-sidebar-accent-foreground\/30 { border-top-color: hsl(var(--sideb=
ar-accent-foreground)/.3); }

.border-t-transparent { border-top-color: transparent; }

.\!bg-surface-l3 { background-color: var(--surface-l3) !important; }

.\!bg-transparent { background-color: transparent !important; }

.bg-\[\#373737\] { --tw-bg-opacity: 1; background-color: rgb(55 55 55/var(-=
-tw-bg-opacity,1)); }

.bg-\[\#97C4FF\] { --tw-bg-opacity: 1; background-color: rgb(151 196 255/va=
r(--tw-bg-opacity,1)); }

.bg-\[\#BDC9E6\] { --tw-bg-opacity: 1; background-color: rgb(189 201 230/va=
r(--tw-bg-opacity,1)); }

.bg-\[\#D6DAE3\] { --tw-bg-opacity: 1; background-color: rgb(214 218 227/va=
r(--tw-bg-opacity,1)); }

.bg-\[\#FF6308\] { --tw-bg-opacity: 1; background-color: rgb(255 99 8/var(-=
-tw-bg-opacity,1)); }

.bg-\[--color-bg\] { background-color: var(--color-bg); }

.bg-accent { background-color: hsl(var(--accent)); }

.bg-background { background-color: var(--background); }

.bg-background-secondary { background-color: var(--background-secondary); }

.bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opa=
city,1)); }

.bg-black\/20 { background-color: rgba(0, 0, 0, 0.2); }

.bg-black\/50 { background-color: rgba(0, 0, 0, 0.5); }

.bg-blue-200 { background-color: hsl(var(--blue-200)); }

.bg-blue-300 { background-color: hsl(var(--blue-300)); }

.bg-blue-400 { background-color: hsl(var(--blue-400)); }

.bg-blue-500 { background-color: hsl(var(--blue-500)); }

.bg-blue-800 { background-color: hsl(var(--blue-800)); }

.bg-border, .bg-border-l1 { background-color: var(--border-l1); }

.bg-border-l2 { background-color: var(--border-l2); }

.bg-button-filled { background-color: var(--button-filled); }

.bg-button-ghost-active { background-color: var(--button-ghost-active); }

.bg-button-ghost-hover { background-color: var(--button-ghost-hover); }

.bg-button-primary { background-color: var(--button-primary); }

.bg-button-secondary { background-color: var(--button-secondary); }

.bg-button-secondary-hover { background-color: var(--button-secondary-hover=
); }

.bg-button-secondary-selected { background-color: var(--button-secondary-se=
lected); }

.bg-card { background-color: var(--card); }

.bg-card-hover { background-color: var(--card-hover); }

.bg-chip { background-color: var(--chip); }

.bg-current { background-color: currentcolor; }

.bg-destructive { background-color: hsl(var(--destructive)); }

.bg-destructive\/10 { background-color: hsl(var(--destructive)/.1); }

.bg-fg-invert { background-color: hsl(var(--fg-invert)); }

.bg-fg-primary { background-color: hsl(var(--fg-primary)); }

.bg-fg-primary\/10 { background-color: hsl(var(--fg-primary)/.1); }

.bg-fg-secondary { background-color: hsl(var(--fg-secondary)); }

.bg-fg-tertiary { background-color: hsl(var(--fg-tertiary)); }

.bg-foreground { background-color: var(--foreground); }

.bg-gray-100 { background-color: hsl(var(--gray-100)); }

.bg-gray-200 { background-color: hsl(var(--gray-200)); }

.bg-gray-600 { background-color: hsl(var(--gray-600)); }

.bg-gray-800 { background-color: hsl(var(--gray-800)); }

.bg-gray-800\/50 { background-color: hsl(var(--gray-800)/.5); }

.bg-green-300 { background-color: hsl(var(--green-300)); }

.bg-green-500 { background-color: hsl(var(--green-500)); }

.bg-green-800 { background-color: hsl(var(--green-800)); }

.bg-important { background-color: var(--important); }

.bg-input { background-color: var(--input); }

.bg-input-background { background-color: var(--input-background); }

.bg-input-border-focus { background-color: var(--input-border-focus); }

.bg-jet { background-color: hsl(var(--color-jet)); }

.bg-muted\/50 { background-color: hsl(var(--muted)/.5); }

.bg-orange-200 { background-color: hsl(var(--orange-200)); }

.bg-orange-300\/10 { background-color: hsl(var(--orange-300)/.1); }

.bg-orange-400\/10 { background-color: hsl(var(--orange-400)/.1); }

.bg-overlay { background-color: var(--overlay); }

.bg-popover { background-color: var(--popover); }

.bg-primary { background-color: hsl(var(--fg-primary)); }

.bg-primary-foreground { background-color: hsl(var(--primary-foreground)); =
}

.bg-primary\/10 { background-color: hsl(var(--fg-primary)/.1); }

.bg-primary\/20 { background-color: hsl(var(--fg-primary)/.2); }

.bg-primary\/5 { background-color: hsl(var(--fg-primary)/.05); }

.bg-primary\/50 { background-color: hsl(var(--fg-primary)/.5); }

.bg-primary\/80 { background-color: hsl(var(--fg-primary)/.8); }

.bg-purple-100 { background-color: hsl(var(--purple-100)); }

.bg-purple-50 { background-color: hsl(var(--purple-50)); }

.bg-purple-500 { background-color: hsl(var(--purple-500)); }

.bg-purple-800 { background-color: hsl(var(--purple-800)); }

.bg-red-100 { background-color: hsl(var(--red-100)); }

.bg-red-300\/10 { background-color: hsl(var(--red-300)/.1); }

.bg-red-400 { background-color: hsl(var(--red-400)); }

.bg-red-50 { background-color: hsl(var(--red-50)); }

.bg-red-500 { background-color: hsl(var(--red-500)); }

.bg-red-500\/20 { background-color: hsl(var(--red-500)/.2); }

.bg-secondary { background-color: hsl(var(--fg-secondary)); }

.bg-secondary\/25 { background-color: hsl(var(--fg-secondary)/.25); }

.bg-secondary\/80 { background-color: hsl(var(--fg-secondary)/.8); }

.bg-sidebar { background-color: hsl(var(--sidebar-background)); }

.bg-sidebar-border { background-color: hsl(var(--sidebar-border)); }

.bg-sunset { background-color: hsl(var(--color-sunset)); }

.bg-sunset\/10 { background-color: hsl(var(--color-sunset)/.1); }

.bg-sunset\/90 { background-color: hsl(var(--color-sunset)/.9); }

.bg-surface, .bg-surface-base { background-color: var(--surface-base); }

.bg-surface-inset { background-color: var(--surface-inset); }

.bg-surface-invert { background-color: var(--surface-invert); }

.bg-surface-l1 { background-color: var(--surface-l1); }

.bg-surface-l2 { background-color: var(--surface-l2); }

.bg-surface-l3 { background-color: var(--surface-l3); }

.bg-surface-l4 { background-color: var(--surface-l4); }

.bg-surface-l4-hover { background-color: var(--surface-l4-hover); }

.bg-teal-100 { background-color: hsl(var(--teal-100)); }

.bg-teal-500 { background-color: hsl(var(--teal-500)); }

.bg-toggle-border { background-color: var(--toggle-border); }

.bg-toggle-hover { background-color: var(--toggle-hover); }

.bg-toggle-selected { background-color: var(--toggle-selected); }

.bg-transparent { background-color: transparent; }

.bg-warm-gray-100 { background-color: hsl(var(--warm-gray-100)); }

.bg-warm-gray-1000\/\[3\%\] { background-color: hsl(var(--warm-gray-1000)/3=
%); }

.bg-warm-gray-200 { background-color: hsl(var(--warm-gray-200)); }

.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-=
bg-opacity,1)); }

.bg-white\/50 { background-color: rgba(255, 255, 255, 0.5); }

.bg-yellow-100 { background-color: hsl(var(--yellow-100)); }

.bg-opacity-90 { --tw-bg-opacity: 0.9; }

.bg-\[linear-gradient\(-45deg\,hsl\(var\(--primary\)\/10\%\)_calc\(var\(--x=
\)\+20\%\)\,hsl\(var\(--primary\)\/30\%\)_calc\(var\(--x\)\+25\%\)\,hsl\(va=
r\(--primary\)\/10\%\)_calc\(var\(--x\)\+100\%\)\)\] { background-image: li=
near-gradient(-45deg,hsl(var(--primary)/10%) calc(var(--x) + 20%),hsl(var(-=
-primary)/30%) calc(var(--x) + 25%),hsl(var(--primary)/10%) calc(var(--x) +=
 100%)); }

.bg-\[radial-gradient\(circle_at_center\,var\(--surface-base\)_10\%\,transp=
arent_40\%\)\] { background-image: radial-gradient(circle at center,var(--s=
urface-base) 10%,transparent 40%); }

.bg-gradient-to-b { background-image: linear-gradient(to bottom,var(--tw-gr=
adient-stops)); }

.bg-gradient-to-l { background-image: linear-gradient(to left,var(--tw-grad=
ient-stops)); }

.bg-gradient-to-r { background-image: linear-gradient(to right,var(--tw-gra=
dient-stops)); }

.bg-gradient-to-t { background-image: linear-gradient(to top,var(--tw-gradi=
ent-stops)); }

.bg-none { background-image: none; }

.from-background { --tw-gradient-from: var(--background) var(--tw-gradient-=
from-position); --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-p=
osition); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to=
); }

.from-popover { --tw-gradient-from: var(--popover) var(--tw-gradient-from-p=
osition); --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-positio=
n); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.from-secondary { --tw-gradient-from: hsl(var(--fg-secondary)) var(--tw-gra=
dient-from-position); --tw-gradient-to: hsl(var(--fg-secondary)/0) var(--tw=
-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--=
tw-gradient-to); }

.from-sunset { --tw-gradient-from: hsl(var(--color-sunset)) var(--tw-gradie=
nt-from-position); --tw-gradient-to: hsl(var(--color-sunset)/0) var(--tw-gr=
adient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-=
gradient-to); }

.from-surface-base { --tw-gradient-from: var(--surface-base) var(--tw-gradi=
ent-from-position); --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-=
to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradien=
t-to); }

.from-surface-l1 { --tw-gradient-from: var(--surface-l1) var(--tw-gradient-=
from-position); --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-p=
osition); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to=
); }

.from-transparent { --tw-gradient-from: transparent var(--tw-gradient-from-=
position); --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position); -=
-tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.via-background { --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to=
-position); --tw-gradient-stops: var(--tw-gradient-from),var(--background) =
var(--tw-gradient-via-position),var(--tw-gradient-to); }

.via-black\/90 { --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-positi=
on); --tw-gradient-stops: var(--tw-gradient-from),rgb(0 0 0/0.9) var(--tw-g=
radient-via-position),var(--tw-gradient-to); }

.via-breeze { --tw-gradient-to: hsl(var(--color-breeze)/0) var(--tw-gradien=
t-to-position); --tw-gradient-stops: var(--tw-gradient-from),hsl(var(--colo=
r-breeze)) var(--tw-gradient-via-position),var(--tw-gradient-to); }

.via-secondary-foreground { --tw-gradient-to: hsl(var(--secondary-foregroun=
d)/0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradien=
t-from),hsl(var(--secondary-foreground)) var(--tw-gradient-via-position),va=
r(--tw-gradient-to); }

.via-surface-l1 { --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to=
-position); --tw-gradient-stops: var(--tw-gradient-from),var(--surface-l1) =
var(--tw-gradient-via-position),var(--tw-gradient-to); }

.via-transparent { --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-posi=
tion); --tw-gradient-stops: var(--tw-gradient-from),transparent var(--tw-gr=
adient-via-position),var(--tw-gradient-to); }

.via-50\% { --tw-gradient-via-position: 50%; }

.via-80\% { --tw-gradient-via-position: 80%; }

.via-85\% { --tw-gradient-via-position: 85%; }

.via-90\% { --tw-gradient-via-position: 90%; }

.to-cobalt { --tw-gradient-to: hsl(var(--color-cobalt)) var(--tw-gradient-t=
o-position); }

.to-secondary { --tw-gradient-to: hsl(var(--fg-secondary)) var(--tw-gradien=
t-to-position); }

.to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-positi=
on); }

.bg-\[length\:100\%\] { background-size: 100%; }

.bg-clip-text { }

.bg-center { background-position: 50% center; }

.bg-top { background-position: center top; }

.bg-no-repeat { background-repeat: no-repeat; }

.fill-\[\#646362\] { fill: rgb(100, 99, 98); }

.fill-\[\#F3F3F1\] { fill: rgb(243, 243, 241); }

.fill-black { fill: rgb(0, 0, 0); }

.fill-blue-100 { fill: hsl(var(--blue-100)); }

.fill-blue-200 { fill: hsl(var(--blue-200)); }

.fill-current { fill: currentcolor; }

.fill-green-100 { fill: hsl(var(--green-100)); }

.fill-green-200 { fill: hsl(var(--green-200)); }

.fill-primary { fill: hsl(var(--fg-primary)); }

.fill-yellow-100 { fill: hsl(var(--yellow-100)); }

.stroke-\[\#000000\] { stroke: rgb(0, 0, 0); }

.stroke-black\/10 { stroke: rgba(0, 0, 0, 0.1); }

.stroke-blue-300 { stroke: hsl(var(--blue-300)); }

.stroke-border-l1 { stroke: var(--border-l1); }

.stroke-\[1\.5\] { stroke-width: 1.5; }

.stroke-\[2\] { stroke-width: 2; }

.object-contain { object-fit: contain; }

.object-cover { object-fit: cover; }

.\!p-0 { padding: 0px !important; }

.p-0 { padding: 0px; }

.p-0\.5 { padding: 0.125rem; }

.p-1 { padding: 0.25rem; }

.p-1\.5 { padding: 0.375rem; }

.p-2 { padding: 0.5rem; }

.p-3 { padding: 0.75rem; }

.p-3\.5 { padding: 0.875rem; }

.p-4 { padding: 1rem; }

.p-6 { padding: 1.5rem; }

.p-8 { padding: 2rem; }

.p-\[0\.375rem\] { padding: 0.375rem; }

.p-\[16px\] { padding: 16px; }

.p-\[1px\], .p-px { padding: 1px; }

.px-0 { padding-left: 0px; padding-right: 0px; }

.px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; }

.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }

.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }

.px-12 { padding-left: 3rem; padding-right: 3rem; }

.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }

.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }

.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }

.px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; }

.px-4 { padding-left: 1rem; padding-right: 1rem; }

.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }

.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }

.px-8 { padding-left: 2rem; padding-right: 2rem; }

.px-\[0\.5rem\] { padding-left: 0.5rem; padding-right: 0.5rem; }

.px-\[11px\] { padding-left: 11px; padding-right: 11px; }

.px-\[5px\] { padding-left: 5px; padding-right: 5px; }

.px-\[9px\] { padding-left: 9px; padding-right: 9px; }

.px-gutter { padding-left: var(--content-gutter); padding-right: var(--cont=
ent-gutter); }

.py-0 { padding-top: 0px; padding-bottom: 0px; }

.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }

.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }

.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }

.py-12 { padding-top: 3rem; padding-bottom: 3rem; }

.py-16 { padding-top: 4rem; padding-bottom: 4rem; }

.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }

.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }

.py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }

.py-4 { padding-top: 1rem; padding-bottom: 1rem; }

.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }

.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }

.py-8 { padding-top: 2rem; padding-bottom: 2rem; }

.py-\[10\%\] { padding-top: 10%; padding-bottom: 10%; }

.py-\[20px\] { padding-top: 20px; padding-bottom: 20px; }

.py-\[2px\] { padding-top: 2px; padding-bottom: 2px; }

.py-\[8px\] { padding-top: 8px; padding-bottom: 8px; }

.pb-0 { padding-bottom: 0px; }

.pb-0\.5 { padding-bottom: 0.125rem; }

.pb-1 { padding-bottom: 0.25rem; }

.pb-1\.5 { padding-bottom: 0.375rem; }

.pb-10 { padding-bottom: 2.5rem; }

.pb-12 { padding-bottom: 3rem; }

.pb-2 { padding-bottom: 0.5rem; }

.pb-20 { padding-bottom: 5rem; }

.pb-24 { padding-bottom: 6rem; }

.pb-3 { padding-bottom: 0.75rem; }

.pb-4 { padding-bottom: 1rem; }

.pb-5 { padding-bottom: 1.25rem; }

.pb-6 { padding-bottom: 1.5rem; }

.pb-8 { padding-bottom: 2rem; }

.pb-\[72px\] { padding-bottom: 72px; }

.pe-1 { padding-inline-end: 0.25rem; }

.pe-12 { padding-inline-end: 3rem; }

.pe-2 { padding-inline-end: 0.5rem; }

.pe-3 { padding-inline-end: 0.75rem; }

.pe-\[10px\] { padding-inline-end: 10px; }

.pe-\[11px\] { padding-inline-end: 11px; }

.pl-1 { padding-left: 0.25rem; }

.pl-1\.5 { padding-left: 0.375rem; }

.pl-10 { padding-left: 2.5rem; }

.pl-11 { padding-left: 2.75rem; }

.pl-12 { padding-left: 3rem; }

.pl-2 { padding-left: 0.5rem; }

.pl-3 { padding-left: 0.75rem; }

.pl-4 { padding-left: 1rem; }

.pl-5 { padding-left: 1.25rem; }

.pl-6 { padding-left: 1.5rem; }

.pl-7 { padding-left: 1.75rem; }

.pl-8 { padding-left: 2rem; }

.pl-\[1px\] { padding-left: 1px; }

.pl-\[77px\] { padding-left: 77px; }

.pr-0 { padding-right: 0px; }

.pr-0\.5 { padding-right: 0.125rem; }

.pr-1 { padding-right: 0.25rem; }

.pr-1\.5 { padding-right: 0.375rem; }

.pr-2 { padding-right: 0.5rem; }

.pr-24 { padding-right: 6rem; }

.pr-3 { padding-right: 0.75rem; }

.pr-4 { padding-right: 1rem; }

.pr-5 { padding-right: 1.25rem; }

.pr-8 { padding-right: 2rem; }

.ps-0 { padding-inline-start: 0px; }

.ps-1 { padding-inline-start: 0.25rem; }

.ps-1\.5 { padding-inline-start: 0.375rem; }

.ps-2 { padding-inline-start: 0.5rem; }

.ps-3 { padding-inline-start: 0.75rem; }

.ps-4 { padding-inline-start: 1rem; }

.ps-5 { padding-inline-start: 1.25rem; }

.ps-7 { padding-inline-start: 1.75rem; }

.ps-9 { padding-inline-start: 2.25rem; }

.ps-\[10px\] { padding-inline-start: 10px; }

.ps-\[11px\] { padding-inline-start: 11px; }

.ps-\[22px\] { padding-inline-start: 22px; }

.pt-0 { padding-top: 0px; }

.pt-1 { padding-top: 0.25rem; }

.pt-16 { padding-top: 4rem; }

.pt-2 { padding-top: 0.5rem; }

.pt-20 { padding-top: 5rem; }

.pt-24 { padding-top: 6rem; }

.pt-3 { padding-top: 0.75rem; }

.pt-32 { padding-top: 8rem; }

.pt-4 { padding-top: 1rem; }

.pt-5 { padding-top: 1.25rem; }

.pt-6 { padding-top: 1.5rem; }

.pt-8 { padding-top: 2rem; }

.pt-\[1\.125rem\] { padding-top: 1.125rem; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-start { text-align: start; }

.align-baseline { vertical-align: baseline; }

.align-middle { vertical-align: middle; }

.align-bottom { vertical-align: bottom; }

.align-text-bottom { vertical-align: text-bottom; }

.\!font-mono { font-family: var(--font-ibm-plex-mono),ui-monospace,SFMono-R=
egular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !imp=
ortant; }

.font-body { font-family: var(--font-universal-sans),ui-sans-serif,system-u=
i,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto C=
olor Emoji"; }

.font-mono { font-family: var(--font-ibm-plex-mono),ui-monospace,SFMono-Reg=
ular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }

.font-sans { font-family: var(--font-universal-sans),ui-sans-serif,system-u=
i,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto C=
olor Emoji"; }

.\!text-\[10px\] { font-size: 10px !important; }

.text-2xl { font-size: 1.5rem; line-height: 2rem; }

.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }

.text-\[\.9em\] { font-size: 0.9em; }

.text-\[0\.8rem\] { font-size: 0.8rem; }

.text-\[10px\] { font-size: 10px; }

.text-\[11px\] { font-size: 11px; }

.text-\[12px\] { font-size: 12px; }

.text-\[15px\] { font-size: 15px; }

.text-\[16px\] { font-size: 16px; }

.text-\[17px\] { font-size: 17px; }

.text-\[9px\] { font-size: 9px; }

.text-base { font-size: 16px; }

.text-lg { font-size: 1.125rem; line-height: 1.75rem; }

.text-sm { font-size: 14px; }

.text-xl { font-size: 1.25rem; line-height: 1.75rem; }

.text-xs, .text-xs\/3 { font-size: 13px; }

.text-xs\/3 { line-height: 0.75rem; }

.font-\[600\] { font-weight: 600; }

.font-black { font-weight: 900; }

.font-bold { font-weight: 700; }

.font-extrabold { font-weight: 800; }

.font-medium { font-weight: 500; }

.font-normal { font-weight: 400; }

.font-semibold { font-weight: 550; }

.uppercase { text-transform: uppercase; }

.lowercase { text-transform: lowercase; }

.normal-case { text-transform: none; }

.italic { font-style: italic; }

.ordinal { --tw-ordinal: ordinal; }

.ordinal, .tabular-nums { font-variant-numeric: var(--tw-ordinal) var(--tw-=
slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-n=
umeric-fraction); }

.tabular-nums { --tw-numeric-spacing: tabular-nums; }

.leading-3 { line-height: 0.75rem; }

.leading-4 { line-height: 1rem; }

.leading-5 { line-height: 1.25rem; }

.leading-6 { line-height: 1.5rem; }

.leading-8 { line-height: 2rem; }

.leading-\[1\.2\] { line-height: 1.2; }

.leading-\[1\.3\] { line-height: 1.3; }

.leading-\[1\.5em\] { line-height: 1.5em; }

.leading-\[18px\] { line-height: 18px; }

.leading-\[34px\] { line-height: 34px; }

.leading-\[normal\] { line-height: normal; }

.leading-none { line-height: 1; }

.leading-normal { line-height: 1.5; }

.leading-relaxed { line-height: 1.625; }

.leading-snug { line-height: 1.375; }

.leading-tight { line-height: 1.25; }

.tracking-\[-0\.02em\] { letter-spacing: -0.02em; }

.tracking-\[-0\.1px\] { letter-spacing: -0.1px; }

.tracking-tight { letter-spacing: -0.025em; }

.tracking-tighter { letter-spacing: -0.05em; }

.tracking-wide { letter-spacing: 0.025em; }

.tracking-widest { letter-spacing: 0.1em; }

.\!text-fg-primary { color: hsl(var(--fg-primary)) !important; }

.\!text-fg-secondary { color: hsl(var(--fg-secondary)) !important; }

.\!text-fg-tertiary { color: hsl(var(--fg-tertiary)) !important; }

.\!text-primary { color: hsl(var(--fg-primary)) !important; }

.text-\[\#34A853\] { --tw-text-opacity: 1; color: rgb(52 168 83/var(--tw-te=
xt-opacity,1)); }

.text-\[\#426db1\] { --tw-text-opacity: 1; color: rgb(66 109 177/var(--tw-t=
ext-opacity,1)); }

.text-\[\#4285F4\] { --tw-text-opacity: 1; color: rgb(66 133 244/var(--tw-t=
ext-opacity,1)); }

.text-\[\#FBBC04\] { --tw-text-opacity: 1; color: rgb(251 188 4/var(--tw-te=
xt-opacity,1)); }

.text-\[\#bb992e\] { --tw-text-opacity: 1; color: rgb(187 153 46/var(--tw-t=
ext-opacity,1)); }

.text-\[rgb\(0\,0\,0\,65\%\)\] { color: rgba(0, 0, 0, 0.65); }

.text-accent-foreground { color: hsl(var(--accent-foreground)); }

.text-background { color: var(--background); }

.text-black { --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity,=
1)); }

.text-black\/70 { color: rgba(0, 0, 0, 0.7); }

.text-blue-300 { color: hsl(var(--blue-300)); }

.text-blue-400 { color: hsl(var(--blue-400)); }

.text-blue-500 { color: hsl(var(--blue-500)); }

.text-breeze { color: hsl(var(--color-breeze)); }

.text-current { color: currentcolor; }

.text-dawn { color: hsl(var(--color-dawn)); }

.text-destructive { color: hsl(var(--destructive)); }

.text-destructive-foreground { color: hsl(var(--destructive-foreground)); }

.text-fg-danger { color: hsl(var(--fg-danger)); }

.text-fg-invert { color: hsl(var(--fg-invert)); }

.text-fg-positive { color: hsl(var(--fg-positive)); }

.text-fg-primary { color: hsl(var(--fg-primary)); }

.text-fg-secondary { color: hsl(var(--fg-secondary)); }

.text-fg-secondary\/50 { color: hsl(var(--fg-secondary)/.5); }

.text-fg-secondary\/80 { color: hsl(var(--fg-secondary)/.8); }

.text-fg-tertiary { color: hsl(var(--fg-tertiary)); }

.text-foreground { color: var(--foreground); }

.text-gray-100 { color: hsl(var(--gray-100)); }

.text-gray-300 { color: hsl(var(--gray-300)); }

.text-gray-400 { color: hsl(var(--gray-400)); }

.text-gray-500 { color: hsl(var(--gray-500)); }

.text-gray-600 { color: hsl(var(--gray-600)); }

.text-gray-700 { color: hsl(var(--gray-700)); }

.text-gray-800 { color: hsl(var(--gray-800)); }

.text-gray-900 { color: hsl(var(--gray-900)); }

.text-green-300 { color: hsl(var(--green-300)); }

.text-green-400 { color: hsl(var(--green-400)); }

.text-green-500 { color: hsl(var(--green-500)); }

.text-ivory { color: hsl(var(--color-ivory)); }

.text-lime-300 { color: hsl(var(--lime-300)); }

.text-lime-400 { color: hsl(var(--lime-400)); }

.text-muted { color: hsl(var(--muted)); }

.text-muted-foreground { color: hsl(var(--muted-foreground)); }

.text-orange-300 { color: hsl(var(--orange-300)); }

.text-orange-400 { color: hsl(var(--orange-400)); }

.text-orange-500 { color: hsl(var(--orange-500)); }

.text-pink-300 { color: hsl(var(--pink-300)); }

.text-pink-400 { color: hsl(var(--pink-400)); }

.text-primary { color: hsl(var(--fg-primary)); }

.text-primary-foreground { color: hsl(var(--primary-foreground)); }

.text-primary-foreground\/60 { color: hsl(var(--primary-foreground)/.6); }

.text-primary\/50 { color: hsl(var(--fg-primary)/.5); }

.text-purple-300 { color: hsl(var(--purple-300)); }

.text-purple-400 { color: hsl(var(--purple-400)); }

.text-red-300 { color: hsl(var(--red-300)); }

.text-red-400 { color: hsl(var(--red-400)); }

.text-red-500 { color: hsl(var(--red-500)); }

.text-red-600 { color: hsl(var(--red-600)); }

.text-rust { color: hsl(var(--color-rust)); }

.text-secondary { color: hsl(var(--fg-secondary)); }

.text-secondary-foreground { color: hsl(var(--secondary-foreground)); }

.text-secondary\/25 { color: hsl(var(--fg-secondary)/.25); }

.text-secondary\/50 { color: hsl(var(--fg-secondary)/.5); }

.text-sidebar-foreground { color: hsl(var(--sidebar-foreground)); }

.text-sidebar-foreground\/70 { color: hsl(var(--sidebar-foreground)/.7); }

.text-sunset { color: hsl(var(--color-sunset)); }

.text-teal-300 { color: hsl(var(--teal-300)); }

.text-teal-400 { color: hsl(var(--teal-400)); }

.text-transparent { color: transparent; }

.text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-op=
acity,1)); }

.text-white\/80 { color: rgba(255, 255, 255, 0.8); }

.text-yellow-200 { color: hsl(var(--yellow-200)); }

.text-yellow-300 { color: hsl(var(--yellow-300)); }

.text-yellow-400 { color: hsl(var(--yellow-400)); }

.text-yellow-500 { color: hsl(var(--yellow-500)); }

.text-yellow-700 { color: hsl(var(--yellow-700)); }

.text-opacity-100 { --tw-text-opacity: 1; }

.underline { text-decoration-line: underline; }

.\!no-underline { text-decoration-line: none !important; }

.\!decoration-transparent { text-decoration-color: transparent !important; =
}

.decoration-secondary\/50 { text-decoration-color: hsl(var(--fg-secondary)/=
.5); }

.decoration-dotted { text-decoration-style: dotted; }

.underline-offset-4 { text-underline-offset: 4px; }

.antialiased { -webkit-font-smoothing: antialiased; }

.placeholder-gray-400::placeholder { color: hsl(var(--gray-400)); }

.\!opacity-100 { opacity: 1 !important; }

.opacity-0 { opacity: 0; }

.opacity-10 { opacity: 0.1; }

.opacity-100 { opacity: 1; }

.opacity-20 { opacity: 0.2; }

.opacity-30 { opacity: 0.3; }

.opacity-5 { opacity: 0.05; }

.opacity-50 { opacity: 0.5; }

.opacity-60 { opacity: 0.6; }

.opacity-70 { opacity: 0.7; }

.opacity-75 { opacity: 0.75; }

.opacity-80 { opacity: 0.8; }

.opacity-90 { opacity: 0.9; }

.opacity-\[0\.15\] { opacity: 0.15; }

.shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/=
0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1p=
x var(--tw-shadow-color); }

.shadow, .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { box-shadow:=
 var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var=
(--tw-shadow); }

.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1=
px hsl(var(--sidebar-border)); --tw-shadow-colored: 0 0 0 1px var(--tw-shad=
ow-color); }

.shadow-lg { --tw-shadow: 0 0 30px -5px rgb(0 0 0/0.1),0 0 6px -4px rgb(0 0=
 0/0.1); --tw-shadow-colored: 0 0 30px -5px var(--tw-shadow-color),0 0 6px =
-4px var(--tw-shadow-color); }

.shadow-lg, .shadow-md { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000)=
,var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }

.shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(=
0 0 0/0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2p=
x 4px -2px var(--tw-shadow-color); }

.shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; }

.shadow-none, .shadow-sm { box-shadow: var(--tw-ring-offset-shadow,0 0 #000=
0),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }

.shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0/0.05); --tw-shadow-colored:=
 0 1px 2px 0 var(--tw-shadow-color); }

.shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px r=
gb(0 0 0/0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color)=
,0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-s=
hadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }

.shadow-black\/5 { --tw-shadow-color: rgb(0 0 0/0.05); --tw-shadow: var(--t=
w-shadow-colored); }

.shadow-input-border { --tw-shadow-color: var(--input-border); --tw-shadow:=
 var(--tw-shadow-colored); }

.outline-none { outline: transparent solid 2px; outline-offset: 2px; }

.outline { outline-style: solid; }

.outline-border { outline-color: var(--border-l1); }

.outline-transparent { outline-color: transparent; }

.ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-o=
ffset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-i=
nset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); }

.ring, .ring-0 { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-sha=
dow),var(--tw-shadow,0 0 #0000); }

.ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring=
-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring=
-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);=
 }

.ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring=
-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring=
-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);=
 }

.ring-1, .ring-2 { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-s=
hadow),var(--tw-shadow,0 0 #0000); }

.ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring=
-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring=
-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);=
 }

.ring-inset { --tw-ring-inset: inset; }

.ring-border-l1 { --tw-ring-color: var(--border-l1); }

.ring-border-l2 { --tw-ring-color: var(--border-l2); }

.ring-button-outline-border { --tw-ring-color: var(--button-outline-border)=
; }

.ring-card-border { --tw-ring-color: var(--card-border); }

.ring-input-border { --tw-ring-color: var(--input-border); }

.ring-popover-border { --tw-ring-color: var(--popover-border); }

.ring-primary { --tw-ring-color: hsl(var(--fg-primary)); }

.ring-purple-200 { --tw-ring-color: hsl(var(--purple-200)); }

.ring-purple-700 { --tw-ring-color: hsl(var(--purple-700)); }

.ring-ring { --tw-ring-color: var(--ring); }

.ring-sidebar-ring { --tw-ring-color: hsl(var(--sidebar-ring)); }

.ring-toggle-border { --tw-ring-color: var(--toggle-border); }

.ring-transparent { --tw-ring-color: transparent; }

.ring-white\/15 { --tw-ring-color: rgb(255 255 255/0.15); }

.ring-offset-2 { --tw-ring-offset-width: 2px; }

.ring-offset-background { --tw-ring-offset-color: var(--background); }

.ring-offset-surface-l2 { --tw-ring-offset-color: var(--surface-l2); }

.blur { --tw-blur: blur(8px); }

.blur, .blur-2xl { filter: var(--tw-blur) var(--tw-brightness) var(--tw-con=
trast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-s=
aturate) var(--tw-sepia) var(--tw-drop-shadow); }

.blur-2xl { --tw-blur: blur(40px); }

.blur-\[1\.5px\] { --tw-blur: blur(1.5px); }

.blur-\[1\.5px\], .blur-\[2px\] { filter: var(--tw-blur) var(--tw-brightnes=
s) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-inv=
ert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

.blur-\[2px\] { --tw-blur: blur(2px); }

.blur-\[32px\] { --tw-blur: blur(32px); }

.blur-\[32px\], .blur-lg { filter: var(--tw-blur) var(--tw-brightness) var(=
--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) va=
r(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

.blur-lg { --tw-blur: blur(16px); }

.drop-shadow-sm { --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0/0.05));=
 }

.drop-shadow-sm, .grayscale { filter: var(--tw-blur) var(--tw-brightness) v=
ar(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)=
 var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

.grayscale { --tw-grayscale: grayscale(100%); }

.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) va=
r(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) =
var(--tw-sepia) var(--tw-drop-shadow); }

.backdrop-blur-3xl { --tw-backdrop-blur: blur(64px); }

.backdrop-blur-3xl, .backdrop-blur-\[2px\] { backdrop-filter: var(--tw-back=
drop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--=
tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-inve=
rt) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdro=
p-sepia); }

.backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); }

.backdrop-blur-lg { --tw-backdrop-blur: blur(16px); }

.backdrop-blur-lg, .backdrop-blur-md { backdrop-filter: var(--tw-backdrop-b=
lur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-bac=
kdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) va=
r(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepi=
a); }

.backdrop-blur-md { --tw-backdrop-blur: blur(12px); }

.backdrop-blur-sm { --tw-backdrop-blur: blur(4px); }

.backdrop-blur-sm, .backdrop-blur-xl { backdrop-filter: var(--tw-backdrop-b=
lur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-bac=
kdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) va=
r(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepi=
a); }

.backdrop-blur-xl { --tw-backdrop-blur: blur(24px); }

.backdrop-brightness-\[1\.05\] { --tw-backdrop-brightness: brightness(1.05)=
; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) va=
r(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hu=
e-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-bac=
kdrop-saturate) var(--tw-backdrop-sepia); }

.transition { transition-property: color, background-color, border-color, t=
ext-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,=
 backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);=
 transition-duration: 0.15s; }

.transition-\[color\,box-shadow\] { transition-property: color, box-shadow;=
 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-durat=
ion: 0.15s; }

.transition-\[height\,width\] { transition-property: height, width; transit=
ion-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.1=
5s; }

.transition-\[left\,right\,width\] { transition-property: left, right, widt=
h; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-dur=
ation: 0.15s; }

.transition-\[margin\,opa\] { transition-property: margin, opa; transition-=
timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; =
}

.transition-\[max-width\] { transition-property: max-width; transition-timi=
ng-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.transition-\[opacity\,transform\] { transition-property: opacity, transfor=
m; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-dur=
ation: 0.15s; }

.transition-\[opacity\,width\,height\] { transition-property: opacity, widt=
h, height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transi=
tion-duration: 0.15s; }

.transition-\[transform\,opacity\] { transition-property: transform, opacit=
y; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-dur=
ation: 0.15s; }

.transition-\[transform\] { transition-property: transform; transition-timi=
ng-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.transition-\[width\,height\,padding\] { transition-property: width, height=
, padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transi=
tion-duration: 0.15s; }

.transition-\[width\,transform\,opacity\] { transition-property: width, tra=
nsform, opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); =
transition-duration: 0.15s; }

.transition-\[width\] { transition-property: width; transition-timing-funct=
ion: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.transition-all { transition-property: all; transition-timing-function: cub=
ic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.transition-colors { transition-property: color, background-color, border-c=
olor, text-decoration-color, fill, stroke; transition-timing-function: cubi=
c-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.transition-height { transition-property: height; transition-timing-functio=
n: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.transition-none { transition-property: none; }

.transition-opacity { transition-property: opacity; transition-timing-funct=
ion: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.transition-shadow { transition-property: box-shadow; transition-timing-fun=
ction: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.transition-transform { transition-property: transform; transition-timing-f=
unction: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.\!duration-1000 { transition-duration: 1s !important; }

.duration-0 { transition-duration: 0s; }

.duration-100 { transition-duration: 0.1s; }

.duration-1000 { transition-duration: 1s; }

.duration-150 { transition-duration: 0.15s; }

.duration-200 { transition-duration: 0.2s; }

.duration-300 { transition-duration: 0.3s; }

.duration-500 { transition-duration: 0.5s; }

.ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.ease-linear { transition-timing-function: linear; }

.ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.will-change-\[mask-image\] { will-change: ; }

.will-change-transform { will-change: transform; }

@keyframes enter {=20
  0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-=
enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-ente=
r-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw=
-enter-rotate,0)); }
}

@keyframes exit {=20
  100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw=
-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-=
scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exi=
t-rotate,0)); }
}

.animate-in { animation-name: enter; animation-duration: 0.15s; --tw-enter-=
opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --=
tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }

.fade-in-0 { --tw-enter-opacity: 0; }

.zoom-in-95 { --tw-enter-scale: .95; }

.\!duration-1000 { animation-duration: 1s !important; }

.duration-0 { animation-duration: 0s; }

.duration-100 { animation-duration: 0.1s; }

.duration-1000 { animation-duration: 1s; }

.duration-150 { animation-duration: 0.15s; }

.duration-200 { animation-duration: 0.2s; }

.duration-300 { animation-duration: 0.3s; }

.duration-500 { animation-duration: 0.5s; }

.ease-in { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.ease-linear { animation-timing-function: linear; }

.ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.running { animation-play-state: running; }

.\@container, .\@container\/chat { container-type: inline-size; }

.\@container\/chat { container-name: chat; }

.\@container\/code-block { container: code-block / inline-size; }

.\@container\/input { container: input / inline-size; }

.\@container\/main { container: main / inline-size; }

.\@container\/mainview { container: mainview / inline-size; }

.\@container\/nav { container: nav / inline-size; }

.\@container\/preview { container: preview / inline-size; }

.\@container\/split-chat { container: split-chat / inline-size; }

.\@container\/voice-bar { container: voice-bar / inline-size; }

.no-scrollbar::-webkit-scrollbar { display: none; }

.no-scrollbar { }

@media screen and (pointer: coarse) {
  .no-touch-scrollbar::-webkit-scrollbar { display: none; }
  .no-touch-scrollbar { }
}

.scrollbar-gutter-stable { scrollbar-gutter: stable both-edges; }

.scrollbar-gutter-stable-single { scrollbar-gutter: stable; }

.bgGradient { filter: contrast(115%) brightness(100%); background-image: ; =
background-position-x: ; background-position-y: ; background-size: ; backgr=
ound-repeat-x: ; background-repeat-y: ; background-attachment: ; background=
-origin: ; background-clip: ; background-color: var(--background); }

.breakout { --content-width: min(calc(100cqw - var(--content-gutter, 0) * 2=
),var(--content-max-width)); --content-breakout-max-width: calc(var(--conte=
nt-max-width) + 2 * var(--content-gutter)); }

.\[--content-gutter\:1rem\] { --content-gutter: 1rem; }

.\[--content-max-width\:32rem\] { --content-max-width: 32rem; }

.\[-webkit-mask-image\:linear-gradient\(to_bottom\,transparent\,black_16px\=
,black_calc\(100\%_-_16px\)\,transparent\)\] { -webkit-mask-image: linear-g=
radient(transparent, black 16px, black calc(100% - 16px), transparent); }

.\[-webkit-mask-image\:linear-gradient\(to_bottom\,transparent\,black_4px\,=
black_calc\(100\%_-_4px\)\,transparent\)\] { -webkit-mask-image: linear-gra=
dient(transparent, black 4px, black calc(100% - 4px), transparent); }

.\[-webkit-mask-image\:linear-gradient\(to_bottom\,transparent\,black_8px\,=
black_calc\(100\%_-_8px\)\,transparent\)\] { -webkit-mask-image: linear-gra=
dient(transparent, black 8px, black calc(100% - 8px), transparent); }

.\[-webkit-mask-image\:linear-gradient\(to_right\,transparent\,black_8px\,b=
lack_calc\(100\%_-_8px\)\,transparent\)\] { -webkit-mask-image: linear-grad=
ient(90deg, transparent, black 8px, black calc(100% - 8px), transparent); }

.\[background-position\:0_0\] { background-position: 0px 0px; }

.\[background-size\:var\(--shiny-width\)_100\%\] { background-size: var(--s=
hiny-width) 100%; }

.\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_16px\,black_c=
alc\(100\%_-_16px\)\,transparent\)\] { }

.\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_4px\,black_ca=
lc\(100\%_-_4px\)\,transparent\)\] { }

.\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_8px\,black_ca=
lc\(100\%_-_8px\)\,transparent\)\] { }

.\[mask-image\:linear-gradient\(to_right\,transparent\,black_8px\,black_cal=
c\(100\%_-_8px\)\,transparent\)\] { }

.\[mask-image\:radial-gradient\(circle_at_top\,\#000000_0\%\,transparent_80=
\%\,transparent_100\%\)\] { }

.\[transition\:background-position_1s_cubic-bezier\(\.6\,\.6\,0\,1\)_infini=
te\] { }

:root { --scrollbar-thumb-dimmed: rgba(0,0,0,0.05); --scrollbar-thumb: rgba=
(0,0,0,0.15); --scrollbar-track: transparent; }

.dark { --scrollbar-thumb-dimmed: rgba(255,255,255,0.05); --scrollbar-thumb=
: rgba(255,255,255,0.15); --scrollbar-track: transparent; }

::-webkit-scrollbar { width: 10px; height: 0px; }

::-webkit-scrollbar-track { background: var(--scrollbar-track); width: 0px;=
 }

::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-dimmed)=
; border-radius: 20px; }

::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-thumb);=
 }

* { }

:hover { }

body { }

.bgGradientMaskBottom { -webkit-mask-image: linear-gradient(0deg, transpare=
nt 40px, black 0px); will-change: ; }

@media (width >=3D 40rem) {
  .bgGradientMaskBottom { -webkit-mask-image: linear-gradient(0deg, transpa=
rent 40px, black 0px); }
}

.bgGradientMask { -webkit-mask-image: linear-gradient(black 0px, black 52px=
, transparent 80px); will-change: ; }

.fade-mask { -webkit-mask-image: linear-gradient(transparent 0px, black 40%=
, black 45%, transparent 90%, transparent); }

.fade-mask-bottom { -webkit-mask-image: linear-gradient(black 40%, black 45=
%, transparent 90%, transparent); }

.gradient-blur { z-index: 5; pointer-events: none; }

.gradient-blur::after, .gradient-blur::before, .gradient-blur > div { posit=
ion: absolute; inset: 0px; }

.gradient-blur::before { content: ""; z-index: 1; backdrop-filter: blur(0.5=
px); }

.gradient-blur > div:first-of-type { z-index: 2; backdrop-filter: blur(1px)=
; }

.gradient-blur > div:nth-of-type(2) { z-index: 3; backdrop-filter: blur(2px=
); }

.gradient-blur > div:nth-of-type(3) { z-index: 4; backdrop-filter: blur(4px=
); }

.gradient-blur > div:nth-of-type(4) { z-index: 5; backdrop-filter: blur(12p=
x); }

.gradient-blur > div:nth-of-type(5) { z-index: 6; backdrop-filter: blur(24p=
x); }

.gradient-blur > div:nth-of-type(6) { z-index: 7; backdrop-filter: blur(32p=
x); }

.gradient-blur::after { content: ""; z-index: 8; backdrop-filter: blur(40px=
); }

.completed-gradient-text { background-image: ; background-position-x: ; bac=
kground-position-y: ; background-repeat-x: ; background-repeat-y: ; backgro=
und-attachment: ; background-origin: ; background-color: ; background-clip:=
 text; background-size: 400% 400%; }

.completed-gradient-text, .loading-gradient-text { -webkit-text-fill-color:=
 transparent; animation: 5s ease 0s infinite normal none running gradientTe=
xt; }

.loading-gradient-text { background-image: ; background-position-x: ; backg=
round-position-y: ; background-repeat-x: ; background-repeat-y: ; backgroun=
d-attachment: ; background-origin: ; background-color: ; background-clip: t=
ext; background-size: 400% 400%; }

.katex-error { color: hsl(var(--primary)) !important; }

@keyframes gradientText {=20
  0% { background-position: 0px 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}

.no-siblings-highlighted:not(:has(~ [data-highlighted]))::after { content: =
var(--tw-content); background-color: var(--card-hover); }

@media (min-width: 640px) {
  .bgGradientMask { -webkit-mask-image: linear-gradient(black 0px, rgba(0, =
0, 0, 0.75) 40px, transparent 64px); }
  .bgGradientMaskSide, .bgGradientMaskSideScrolled { -webkit-mask-image: no=
ne; will-change: ; }
}

ol + ol, ol + ul, ul + ol, ul + ul { margin-top: 0px !important; }

ol:has(+ ol), ol:has(+ ul), ul:has(+ ol), ul:has(+ ul) { margin-bottom: 0px=
 !important; }

[data-a11y]:not(.no-a11y-check *):not(.no-a11y-check) { border: 2px solid r=
ed; }

[data-a11y]:not(.no-a11y-check *):not(.no-a11y-check)::after { content: att=
r(data-a11y); position: absolute; left: 100%; background-color: rgb(51, 51,=
 51); color: rgb(255, 255, 255); padding: 5px; border-radius: 4px; white-sp=
ace: nowrap; opacity: 0; transition: opacity 0.2s ease 0s; pointer-events: =
none; z-index: 10000; }

[data-a11y]:not(.no-a11y-check *):not(.no-a11y-check):hover::after { opacit=
y: 1; }

.picker-dialog-bg { opacity: 0.1; background-color: rgb(0, 0, 0) !important=
; }

.picker-dialog { border: none !important; box-shadow: rgba(0, 0, 0, 0.1) 0p=
x 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px !important; border-radi=
us: 8px !important; }

.text-shadow-custom { text-shadow: rgb(255, 255, 255) -1px -1px 0px, rgb(25=
5, 255, 255) 1px -1px 0px, rgb(255, 255, 255) -1px 1px 0px, rgb(255, 255, 2=
55) 1px 1px 0px; }

.dark .text-shadow-custom { text-shadow: rgb(0, 0, 0) -1px -1px 0px, rgb(0,=
 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px; }

.mermaid .node polygon, .mermaid .node rect { rx: 10px; ry: 10px; }

:root { --data-grid-font-family: var(--font-universal-sans),ui-sans-serif,s=
ystem-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",=
"Noto Color Emoji"; }

.gdg-style { box-shadow: 0 0 0 1px var(--gdg-accent-color),color-mix(in srg=
b,var(--gdg-accent-color) 25%,transparent) 0 0 0 4px !important; }

.gdg-clip-region { justify-content: center; }

.gdg-clip-region:has(.cm-tooltip), .gdg-style { overflow: visible !importan=
t; }

.data-grid-editor { --cm-mono-font: var(--font-ibm-plex-mono),ui-monospace,=
SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monosp=
ace; --cm-sans-font: var(--font-universal-sans),ui-sans-serif,system-ui,san=
s-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color =
Emoji"; }

.PopoverContent { animation-duration: 0.2s; }

.ProseMirror[data-virtual-cursor=3D"true"] { caret-color: transparent; }

.ProseMirror-cursor-layer { animation: 1.2s steps(1) 0s infinite normal non=
e running pm-blink; }

.ProseMirror-cursor-layer .Prosemirror-virtual-cursor { pointer-events: non=
e; }

.ProseMirror p.is-editor-empty:first-child::before { content: attr(data-pla=
ceholder); float: left; color: hsl(var(--fg-secondary)); pointer-events: no=
ne; height: 0px; }

@keyframes pm-blink {=20
  50% { opacity: 0; }
}

.markdown table[data-wide=3D"true"] [data-col-size=3D"xs"] { max-width: cal=
c(var(--content-max-width) * 2 / 24); min-width: calc(var(--content-max-wid=
th) * 4 / 24); }

.markdown table[data-wide=3D"true"] [data-col-size=3D"sm"] { max-width: cal=
c(var(--content-max-width) * 8 / 24); min-width: calc(var(--content-max-wid=
th) * 4 / 24); }

.markdown table[data-wide=3D"true"] [data-col-size=3D"md"] { max-width: cal=
c(var(--content-max-width) * 12 / 24); min-width: calc(var(--content-max-wi=
dth) * 8 / 24); }

.markdown table[data-wide=3D"true"] [data-col-size=3D"lg"] { max-width: cal=
c(var(--content-max-width) * 16 / 24); min-width: calc(var(--content-max-wi=
dth) * 12 / 24); }

.markdown table[data-wide=3D"true"] [data-col-size=3D"xl"] { max-width: cal=
c(var(--content-max-width) * 20 / 24); min-width: calc(var(--content-max-wi=
dth) * 16 / 24); }

.file-editor-task-item-node > .task-item { padding: 0px; }

.file-editor-task-item-node .file-editor-task-item-node, .file-editor-task-=
item-node + .file-editor-task-item-node { padding-top: 0.2rem; }

#tooltip-portal div[data-radix-popper-content-wrapper] { pointer-events: no=
ne; }

.upsell-amount-suffix::part(suffix) { margin-left: 0.25rem; font-weight: 55=
0; font-size: 14px; color: hsl(var(--fg-tertiary)); }

@keyframes loading-dots {=20
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}

.dark\:prose-invert:is(.dark *) { --tw-prose-body: var(--tw-prose-invert-bo=
dy); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead:=
 var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links=
); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(-=
-tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bulle=
ts); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-=
prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote=
-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose=
-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-in=
vert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose=
-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-pro=
se-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders)=
; --tw-prose-td-borders: var(--tw-prose-invert-td-borders); }

@media (min-width: 1024px) {
  .lg\:prose-xl { font-size: 1.25rem; line-height: 1.8; }
  .lg\:prose-xl :where(p):not(:where([class~=3D"not-prose"], [class~=3D"not=
-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; }
  .lg\:prose-xl :where([class~=3D"lead"]):not(:where([class~=3D"not-prose"]=
, [class~=3D"not-prose"] *)) { font-size: 1.2em; line-height: 1.5; margin-t=
op: 1em; margin-bottom: 1em; }
  .lg\:prose-xl :where(blockquote):not(:where([class~=3D"not-prose"], [clas=
s~=3D"not-prose"] *)) { margin-top: 1.6em; margin-bottom: 1.6em; padding-in=
line-start: 1.06667em; }
  .lg\:prose-xl :where(h1):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { font-size: 2.8em; margin-top: 0px; margin-bottom: 0.857143e=
m; line-height: 1; }
  .lg\:prose-xl :where(h2):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { font-size: 1.8em; margin-top: 1.55556em; margin-bottom: 0.8=
88889em; line-height: 1.11111; }
  .lg\:prose-xl :where(h3):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { font-size: 1.5em; margin-top: 1.6em; margin-bottom: 0.66666=
7em; line-height: 1.33333; }
  .lg\:prose-xl :where(h4):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { margin-top: 1.8em; margin-bottom: 0.6em; line-height: 1.6; =
}
  .lg\:prose-xl :where(img):not(:where([class~=3D"not-prose"], [class~=3D"n=
ot-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
  .lg\:prose-xl :where(picture):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
  .lg\:prose-xl :where(picture > img):not(:where([class~=3D"not-prose"], [c=
lass~=3D"not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
  .lg\:prose-xl :where(video):not(:where([class~=3D"not-prose"], [class~=3D=
"not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
  .lg\:prose-xl :where(kbd):not(:where([class~=3D"not-prose"], [class~=3D"n=
ot-prose"] *)) { font-size: 0.9em; border-radius: 0.3125rem; padding-top: 0=
.25em; padding-inline: 0.4em; padding-bottom: 0.25em; }
  .lg\:prose-xl :where(code):not(:where([class~=3D"not-prose"], [class~=3D"=
not-prose"] *)) { font-size: 0.9em; }
  .lg\:prose-xl :where(h2 code):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { font-size: 0.861111em; }
  .lg\:prose-xl :where(h3 code):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { font-size: 0.9em; }
  .lg\:prose-xl :where(pre):not(:where([class~=3D"not-prose"], [class~=3D"n=
ot-prose"] *)) { font-size: 0.9em; line-height: 1.77778; margin-top: 2em; m=
argin-bottom: 2em; border-radius: 0.5rem; padding-top: 1.11111em; padding-i=
nline: 1.33333em; padding-bottom: 1.11111em; }
  .lg\:prose-xl :where(ol):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; padding-inline-sta=
rt: 1.6em; }
  .lg\:prose-xl :where(ul):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; padding-inline-sta=
rt: 1.6em; }
  .lg\:prose-xl :where(li):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { margin-top: 0.6em; margin-bottom: 0.6em; }
  .lg\:prose-xl :where(ol > li):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { padding-inline-start: 0.4em; }
  .lg\:prose-xl :where(ul > li):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { padding-inline-start: 0.4em; }
  .lg\:prose-xl :where(.lg\:prose-xl > ul > li p):not(:where([class~=3D"not=
-prose"], [class~=3D"not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0.=
8em; }
  .lg\:prose-xl :where(.lg\:prose-xl > ul > li > p:first-child):not(:where(=
[class~=3D"not-prose"], [class~=3D"not-prose"] *)) { margin-top: 1.2em; }
  .lg\:prose-xl :where(.lg\:prose-xl > ul > li > p:last-child):not(:where([=
class~=3D"not-prose"], [class~=3D"not-prose"] *)) { margin-bottom: 1.2em; }
  .lg\:prose-xl :where(.lg\:prose-xl > ol > li > p:first-child):not(:where(=
[class~=3D"not-prose"], [class~=3D"not-prose"] *)) { margin-top: 1.2em; }
  .lg\:prose-xl :where(.lg\:prose-xl > ol > li > p:last-child):not(:where([=
class~=3D"not-prose"], [class~=3D"not-prose"] *)) { margin-bottom: 1.2em; }
  .lg\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=3D"no=
t-prose"], [class~=3D"not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0=
.8em; }
  .lg\:prose-xl :where(dl):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; }
  .lg\:prose-xl :where(dt):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { margin-top: 1.2em; }
  .lg\:prose-xl :where(dd):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { margin-top: 0.6em; padding-inline-start: 1.6em; }
  .lg\:prose-xl :where(hr):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { margin-top: 2.8em; margin-bottom: 2.8em; }
  .lg\:prose-xl :where(hr + *):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { margin-top: 0px; }
  .lg\:prose-xl :where(h2 + *):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { margin-top: 0px; }
  .lg\:prose-xl :where(h3 + *):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { margin-top: 0px; }
  .lg\:prose-xl :where(h4 + *):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { margin-top: 0px; }
  .lg\:prose-xl :where(table):not(:where([class~=3D"not-prose"], [class~=3D=
"not-prose"] *)) { font-size: 0.9em; line-height: 1.55556; }
  .lg\:prose-xl :where(thead th):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { padding-inline: 0.666667em; padding-bottom: 0.888889e=
m; }
  .lg\:prose-xl :where(thead th:first-child):not(:where([class~=3D"not-pros=
e"], [class~=3D"not-prose"] *)) { padding-inline-start: 0px; }
  .lg\:prose-xl :where(thead th:last-child):not(:where([class~=3D"not-prose=
"], [class~=3D"not-prose"] *)) { padding-inline-end: 0px; }
  .lg\:prose-xl :where(tbody td, tfoot td):not(:where([class~=3D"not-prose"=
], [class~=3D"not-prose"] *)) { padding-top: 0.888889em; padding-inline: 0.=
666667em; padding-bottom: 0.888889em; }
  .lg\:prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:whe=
re([class~=3D"not-prose"], [class~=3D"not-prose"] *)) { padding-inline-star=
t: 0px; }
  .lg\:prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where=
([class~=3D"not-prose"], [class~=3D"not-prose"] *)) { padding-inline-end: 0=
px; }
  .lg\:prose-xl :where(figure):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
  .lg\:prose-xl :where(figure > *):not(:where([class~=3D"not-prose"], [clas=
s~=3D"not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
  .lg\:prose-xl :where(figcaption):not(:where([class~=3D"not-prose"], [clas=
s~=3D"not-prose"] *)) { font-size: 0.9em; line-height: 1.55556; margin-top:=
 1em; }
  .lg\:prose-xl :where(.lg\:prose-xl > :first-child):not(:where([class~=3D"=
not-prose"], [class~=3D"not-prose"] *)) { margin-top: 0px; }
  .lg\:prose-xl :where(.lg\:prose-xl > :last-child):not(:where([class~=3D"n=
ot-prose"], [class~=3D"not-prose"] *)) { margin-bottom: 0px; }
}

@media print {
  .print\:prose { color: var(--tw-prose-body); max-width: 65ch; }
  .print\:prose :where(p):not(:where([class~=3D"not-prose"], [class~=3D"not=
-prose"] *)) { margin-top: var(--paragraph-margin); margin-bottom: var(--pa=
ragraph-margin); color: hsl(var(--primary)/100%); }
  .print\:prose :where([class~=3D"lead"]):not(:where([class~=3D"not-prose"]=
, [class~=3D"not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25=
em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; }
  .print\:prose :where(a):not(:where([class~=3D"not-prose"], [class~=3D"not=
-prose"] *)) { color: var(--link); text-decoration: none; font-weight: 500;=
 }
  .print\:prose :where(a):not(:where([class~=3D"not-prose"], [class~=3D"not=
-prose"] *)):hover { color: var(--link-hover); }
  .print\:prose :where(strong):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { color: hsl(var(--primary)/100%); font-weight: 600; }
  .print\:prose :where(a strong):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { color: inherit; }
  .print\:prose :where(blockquote strong):not(:where([class~=3D"not-prose"]=
, [class~=3D"not-prose"] *)) { color: inherit; }
  .print\:prose :where(thead th strong):not(:where([class~=3D"not-prose"], =
[class~=3D"not-prose"] *)) { color: inherit; }
  .print\:prose :where(ol):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { list-style-type: decimal; margin-top: 0.5em; margin-bottom:=
 1em; padding-inline-start: var(--list-padding-inline-start); }
  .print\:prose :where(ol[type=3D"A"]):not(:where([class~=3D"not-prose"], [=
class~=3D"not-prose"] *)) { list-style-type: upper-alpha; }
  .print\:prose :where(ol[type=3D"a"]):not(:where([class~=3D"not-prose"], [=
class~=3D"not-prose"] *)) { list-style-type: lower-alpha; }
  .print\:prose :where():not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { list-style-type: upper-alpha; }
  .print\:prose :where():not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { list-style-type: lower-alpha; }
  .print\:prose :where(ol[type=3D"I"]):not(:where([class~=3D"not-prose"], [=
class~=3D"not-prose"] *)) { list-style-type: upper-roman; }
  .print\:prose :where(ol[type=3D"i"]):not(:where([class~=3D"not-prose"], [=
class~=3D"not-prose"] *)) { list-style-type: lower-roman; }
  .print\:prose :where():not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { list-style-type: upper-roman; }
  .print\:prose :where():not(:where([class~=3D"not-prose"], [class~=3D"not-=
prose"] *)) { list-style-type: lower-roman; }
  .print\:prose :where(ol[type=3D"1"]):not(:where([class~=3D"not-prose"], [=
class~=3D"not-prose"] *)) { list-style-type: decimal; }
  .print\:prose :where(ul):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { list-style-type: disc; margin-top: 0.5em; margin-bottom: 1e=
m; padding-inline-start: var(--list-padding-inline-start); }
  .print\:prose :where(ol > li):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-count=
ers); }
  .print\:prose :where(ul > li):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *))::marker { color: var(--tw-prose-bullets); }
  .print\:prose :where(dt):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-t=
op: 1.25em; }
  .print\:prose :where(hr):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; ma=
rgin-top: 1.2em; margin-bottom: 1.2em; }
  .print\:prose :where(blockquote):not(:where([class~=3D"not-prose"], [clas=
s~=3D"not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--=
tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-c=
olor: var(--tw-prose-quote-borders); quotes: "=E2=80=9C" "=E2=80=9D" "=E2=
=80=98" "=E2=80=99"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inlin=
e-start: 1em; }
  .print\:prose :where(blockquote p:first-of-type):not(:where([class~=3D"no=
t-prose"], [class~=3D"not-prose"] *))::before { content: open-quote; }
  .print\:prose :where(blockquote p:last-of-type):not(:where([class~=3D"not=
-prose"], [class~=3D"not-prose"] *))::after { content: close-quote; }
  .print\:prose :where(h1):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { color: hsl(var(--primary)/100%); font-weight: 800; font-siz=
e: 1.7em; margin-top: 0px; margin-bottom: 0.5em; line-height: 1.11111; }
  .print\:prose :where(h1 strong):not(:where([class~=3D"not-prose"], [class=
~=3D"not-prose"] *)) { font-weight: 900; color: inherit; }
  .print\:prose :where(h2):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { color: hsl(var(--primary)/100%); font-weight: 700; font-siz=
e: 1.4em; margin-top: 1.8em; margin-bottom: 0.5em; line-height: 1.33333; }
  .print\:prose :where(h2 strong):not(:where([class~=3D"not-prose"], [class=
~=3D"not-prose"] *)) { font-weight: 800; color: inherit; }
  .print\:prose :where(h3):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { color: hsl(var(--primary)/100%); font-weight: 600; font-siz=
e: 1.1em; margin-top: 1.2em; margin-bottom: 0.5em; line-height: 1.6; }
  .print\:prose :where(h3 strong):not(:where([class~=3D"not-prose"], [class=
~=3D"not-prose"] *)) { font-weight: 700; color: inherit; }
  .print\:prose :where(h4):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { color: hsl(var(--primary)/100%); font-weight: 600; margin-t=
op: 1em; margin-bottom: 0.5em; line-height: 1.5; }
  .print\:prose :where(h4 strong):not(:where([class~=3D"not-prose"], [class=
~=3D"not-prose"] *)) { font-weight: 700; color: inherit; }
  .print\:prose :where(img):not(:where([class~=3D"not-prose"], [class~=3D"n=
ot-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
  .print\:prose :where(picture):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; =
}
  .print\:prose :where(video):not(:where([class~=3D"not-prose"], [class~=3D=
"not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
  .print\:prose :where(kbd):not(:where([class~=3D"not-prose"], [class~=3D"n=
ot-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-pr=
ose-kbd); box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px =
0 rgb(var(--tw-prose-kbd-shadows)/10%); font-size: 0.875em; border-radius: =
0.3125rem; padding-top: 0.1875em; padding-inline: 0.375em; padding-bottom: =
0.1875em; }
  .print\:prose :where(code):not(:where([class~=3D"not-prose"], [class~=3D"=
not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size:=
 0.875em; }
  .print\:prose :where(code):not(:where([class~=3D"not-prose"], [class~=3D"=
not-prose"] *))::before { content: "`"; }
  .print\:prose :where(code):not(:where([class~=3D"not-prose"], [class~=3D"=
not-prose"] *))::after { content: "`"; }
  .print\:prose :where(a code):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { color: inherit; }
  .print\:prose :where(h1 code):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { color: inherit; }
  .print\:prose :where(h2 code):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { color: inherit; font-size: 0.875em; }
  .print\:prose :where(h3 code):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { color: inherit; font-size: 0.9em; }
  .print\:prose :where(h4 code):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { color: inherit; }
  .print\:prose :where(blockquote code):not(:where([class~=3D"not-prose"], =
[class~=3D"not-prose"] *)) { color: inherit; }
  .print\:prose :where(thead th code):not(:where([class~=3D"not-prose"], [c=
lass~=3D"not-prose"] *)) { color: inherit; }
  .print\:prose :where(pre):not(:where([class~=3D"not-prose"], [class~=3D"n=
ot-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--t=
w-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; li=
ne-height: 1.71429; margin-top: 1.71429em; margin-bottom: 1.71429em; border=
-radius: 0.375rem; padding-top: 0.857143em; padding-inline: 1.14286em; padd=
ing-bottom: 0.857143em; }
  .print\:prose :where(pre code):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { background-color: transparent; border-width: 0px; bor=
der-radius: 0px; padding: 0px; font-weight: inherit; color: inherit; font-s=
ize: inherit; font-family: inherit; line-height: inherit; }
  .print\:prose :where(pre code):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *))::before { content: none; }
  .print\:prose :where(pre code):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *))::after { content: none; }
  .print\:prose :where(table):not(:where([class~=3D"not-prose"], [class~=3D=
"not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 0px; margin=
-bottom: 0px; font-size: 0.875em; line-height: 1.71429; }
  .print\:prose :where(thead):not(:where([class~=3D"not-prose"], [class~=3D=
"not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-=
prose-th-borders); }
  .print\:prose :where(thead th):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; ve=
rtical-align: bottom; padding-inline: 0.571429em; padding-bottom: 0.571429e=
m; }
  .print\:prose :where(tbody tr):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--=
tw-prose-td-borders); }
  .print\:prose :where(tbody tr:last-child):not(:where([class~=3D"not-prose=
"], [class~=3D"not-prose"] *)) { border-bottom-width: 0px; }
  .print\:prose :where(tbody td):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { vertical-align: baseline; }
  .print\:prose :where(tfoot):not(:where([class~=3D"not-prose"], [class~=3D=
"not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-=
th-borders); }
  .print\:prose :where(tfoot td):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { vertical-align: top; }
  .print\:prose :where(th, td):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { text-align: start; }
  .print\:prose :where(figure > *):not(:where([class~=3D"not-prose"], [clas=
s~=3D"not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
  .print\:prose :where(figcaption):not(:where([class~=3D"not-prose"], [clas=
s~=3D"not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em=
; line-height: 1.42857; margin-top: 0.857143em; }
  .print\:prose { --tw-prose-body: #374151; --tw-prose-headings: #111827; -=
-tw-prose-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #11182=
7; --tw-prose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr=
: #e5e7eb; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; -=
-tw-prose-captions: #6b7280; --tw-prose-kbd: #111827; --tw-prose-kbd-shadow=
s: 17 24 39; --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-p=
rose-pre-bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders=
: #e5e7eb; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #ff=
f; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-pro=
se-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-inver=
t-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes=
: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-capt=
ions: #9ca3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: =
255 255 255; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d=
5db; --tw-prose-invert-pre-bg: rgb(0 0 0/50%); --tw-prose-invert-th-borders=
: #4b5563; --tw-prose-invert-td-borders: #374151; font-size: 1rem; line-hei=
ght: 1.75; }
  .print\:prose :where(picture > img):not(:where([class~=3D"not-prose"], [c=
lass~=3D"not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
  .print\:prose :where(li):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { margin-top: 0px; margin-bottom: 0px; color: hsl(var(--prima=
ry)/90%); }
  .print\:prose :where(ol > li):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { padding-inline-start: 0.375em; }
  .print\:prose :where(ul > li):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { padding-inline-start: 0.375em; }
  .print\:prose :where(.print\:prose > ul > li p):not(:where([class~=3D"not=
-prose"], [class~=3D"not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0=
.75em; }
  .print\:prose :where(.print\:prose > ul > li > p:first-child):not(:where(=
[class~=3D"not-prose"], [class~=3D"not-prose"] *)) { margin-top: 1.25em; }
  .print\:prose :where(.print\:prose > ul > li > p:last-child):not(:where([=
class~=3D"not-prose"], [class~=3D"not-prose"] *)) { margin-bottom: 1.25em; =
}
  .print\:prose :where(.print\:prose > ol > li > p:first-child):not(:where(=
[class~=3D"not-prose"], [class~=3D"not-prose"] *)) { margin-top: 1.25em; }
  .print\:prose :where(.print\:prose > ol > li > p:last-child):not(:where([=
class~=3D"not-prose"], [class~=3D"not-prose"] *)) { margin-bottom: 1.25em; =
}
  .print\:prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=3D"no=
t-prose"], [class~=3D"not-prose"] *)) { margin-top: 0.75em; margin-bottom: =
0.75em; }
  .print\:prose :where(dl):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; }
  .print\:prose :where(dd):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; }
  .print\:prose :where(hr + *):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { margin-top: 0px; }
  .print\:prose :where(h2 + *):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { margin-top: 0px; }
  .print\:prose :where(h3 + *):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { margin-top: 0px; }
  .print\:prose :where(h4 + *):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { margin-top: 0px; }
  .print\:prose :where(thead th:first-child):not(:where([class~=3D"not-pros=
e"], [class~=3D"not-prose"] *)) { padding-inline-start: 0px; }
  .print\:prose :where(thead th:last-child):not(:where([class~=3D"not-prose=
"], [class~=3D"not-prose"] *)) { padding-inline-end: 0px; }
  .print\:prose :where(tbody td, tfoot td):not(:where([class~=3D"not-prose"=
], [class~=3D"not-prose"] *)) { padding-top: 0.571429em; padding-inline: 0.=
571429em; padding-bottom: 0.571429em; }
  .print\:prose :where(tbody td:first-child, tfoot td:first-child):not(:whe=
re([class~=3D"not-prose"], [class~=3D"not-prose"] *)) { padding-inline-star=
t: 0px; }
  .print\:prose :where(tbody td:last-child, tfoot td:last-child):not(:where=
([class~=3D"not-prose"], [class~=3D"not-prose"] *)) { padding-inline-end: 0=
px; }
  .print\:prose :where(figure):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
  .print\:prose :where(.print\:prose > :first-child):not(:where([class~=3D"=
not-prose"], [class~=3D"not-prose"] *)) { margin-top: 0px; }
  .print\:prose :where(.print\:prose > :last-child):not(:where([class~=3D"n=
ot-prose"], [class~=3D"not-prose"] *)) { margin-bottom: 0px; }
  .print\:prose { --list-padding-inline-start: 1.2rem; --paragraph-margin: =
0.5em; }
  .print\:prose :where(h5):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { color: hsl(var(--primary)/100%); margin-top: 1em; margin-bo=
ttom: 0.5em; }
  .print\:prose :where(h6):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { color: hsl(var(--primary)/100%); margin-top: 1em; margin-bo=
ttom: 0.5em; }
  .print\:prose :where(th):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { color: hsl(var(--primary)/100%); }
  .print\:prose :where(td):not(:where([class~=3D"not-prose"], [class~=3D"no=
t-prose"] *)) { color: hsl(var(--primary)/100%); }
}

.marker\:text-secondary ::marker { color: hsl(var(--fg-secondary)); }

.marker\:text-secondary::marker { color: hsl(var(--fg-secondary)); }

.selection\:bg-highlight ::selection { background-color: var(--highlight); =
}

.selection\:bg-highlight::selection { background-color: var(--highlight); }

.file\:border-0::file-selector-button { border-width: 0px; }

.file\:bg-transparent::file-selector-button { background-color: transparent=
; }

.file\:text-sm::file-selector-button { font-size: 14px; }

.file\:font-medium::file-selector-button { font-weight: 500; }

.file\:text-foreground::file-selector-button { color: var(--foreground); }

.placeholder\:text-fg-secondary::placeholder { color: hsl(var(--fg-secondar=
y)); }

.placeholder\:text-muted-foreground::placeholder { color: hsl(var(--muted-f=
oreground)); }

.before\:absolute::before { content: var(--tw-content); position: absolute;=
 }

.before\:inset-0::before { content: var(--tw-content); inset: 0px; }

.before\:-inset-x-2\.5::before { content: var(--tw-content); left: -0.625re=
m; right: -0.625rem; }

.before\:-inset-y-0\.5::before { content: var(--tw-content); top: -0.125rem=
; bottom: -0.125rem; }

.before\:rounded-full::before { content: var(--tw-content); border-radius: =
9999px; }

.before\:rounded-xl::before { content: var(--tw-content); border-radius: 0.=
75rem; }

.before\:bg-button-filled::before { content: var(--tw-content); background-=
color: var(--button-filled); }

.before\:bg-primary::before { content: var(--tw-content); background-color:=
 hsl(var(--fg-primary)); }

.before\:ring-0::before { content: var(--tw-content); --tw-ring-offset-shad=
ow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-of=
fset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--=
tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offs=
et-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }

.before\:transition-\[clip-path\,background-color\]::before { content: var(=
--tw-content); transition-property: clip-path, background-color; transition=
-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;=
 }

.before\:transition-all::before { content: var(--tw-content); transition-pr=
operty: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); tran=
sition-duration: 0.15s; }

.before\:content-\[\"\"\]::before { --tw-content: ""; content: var(--tw-con=
tent); }

.before\:\[clip-path\:circle\(0\%_at_50\%_50\%\)\]::before { content: var(-=
-tw-content); clip-path: circle(0px at 50% 50%); }

.before\:\[clip-path\:circle\(50\%_at_50\%_50\%\)\]::before { content: var(=
--tw-content); clip-path: circle(50% at 50% 50%); }

.after\:absolute::after { content: var(--tw-content); position: absolute; }

.after\:-inset-2::after { content: var(--tw-content); inset: -0.5rem; }

.after\:inset-1::after { content: var(--tw-content); inset: 0.25rem; }

.after\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0p=
x; }

.after\:left-1\/2::after { content: var(--tw-content); left: 50%; }

.after\:w-\[2px\]::after { content: var(--tw-content); width: 2px; }

.after\:rounded-lg::after { content: var(--tw-content); border-radius: var(=
--radius); }

.after\:bg-card-hover::after { content: var(--tw-content); background-color=
: var(--card-hover); }

.after\:transition::after { content: var(--tw-content); transition-property=
: color, background-color, border-color, text-decoration-color, fill, strok=
e, opacity, box-shadow, transform, filter, backdrop-filter; transition-timi=
ng-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.last\:border-b-0:last-child { border-bottom-width: 0px; }

.last\:border-r-0:last-child { border-right-width: 0px; }

.last-of-type\:rounded-br-2xl:last-of-type { border-bottom-right-radius: 1r=
em; }

.focus-within\:relative:focus-within { position: relative; }

.focus-within\:z-20:focus-within { z-index: 20; }

.focus-within\:bg-input-hover:focus-within { background-color: var(--input-=
hover); }

.focus-within\:outline-none:focus-within { outline: transparent solid 2px; =
outline-offset: 2px; }

.focus-within\:outline-0:focus-within { outline-width: 0px; }

.focus-within\:ring-1:focus-within { --tw-ring-offset-shadow: var(--tw-ring=
-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw=
-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-wi=
dth)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--=
tw-ring-shadow),var(--tw-shadow,0 0 #0000); }

.focus-within\:ring-border-l2:focus-within { --tw-ring-color: var(--border-=
l2); }

.focus-within\:ring-border-l3:focus-within { --tw-ring-color: var(--border-=
l3); }

.focus-within\:ring-input-border-focus:focus-within { --tw-ring-color: var(=
--input-border-focus); }

.focus-within\:ring-purple-300:focus-within { --tw-ring-color: hsl(var(--pu=
rple-300)); }

.focus-within\:ring-purple-600:focus-within { --tw-ring-color: hsl(var(--pu=
rple-600)); }

.hover\:h-\[12px\]:hover { height: 12px; }

.hover\:w-\[12px\]:hover { width: 12px; }

.hover\:scale-\[1\.01\]:hover { --tw-scale-x: 1.01; --tw-scale-y: 1.01; tra=
nsform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(-=
-tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--t=
w-scale-x)) scaleY(var(--tw-scale-y)); }

.hover\:border-border-l3:hover { border-color: var(--border-l3); }

.hover\:border-card-border-focus:hover { border-color: var(--card-border-fo=
cus); }

.hover\:border-card-focus:hover { border-color: var(--card-focus); }

.hover\:border-card-hover:hover { border-color: var(--card-hover); }

.hover\:border-input-border:hover { border-color: var(--input-border); }

.hover\:border-t-sidebar-accent-foreground\/20:hover { border-top-color: hs=
l(var(--sidebar-accent-foreground)/.2); }

.hover\:bg-accent:hover { background-color: hsl(var(--accent)); }

.hover\:bg-background-secondary:hover { background-color: var(--background-=
secondary); }

.hover\:bg-black\/70:hover { background-color: rgba(0, 0, 0, 0.7); }

.hover\:bg-blue-600:hover { background-color: hsl(var(--blue-600)); }

.hover\:bg-border:hover { background-color: var(--border-l1); }

.hover\:bg-button-filled:hover { background-color: var(--button-filled); }

.hover\:bg-button-filled-hover:hover { background-color: var(--button-fille=
d-hover); }

.hover\:bg-button-ghost-active:hover { background-color: var(--button-ghost=
-active); }

.hover\:bg-button-ghost-hover:hover { background-color: var(--button-ghost-=
hover); }

.hover\:bg-button-primary-hover:hover { background-color: var(--button-prim=
ary-hover); }

.hover\:bg-button-secondary-hover:hover { background-color: var(--button-se=
condary-hover); }

.hover\:bg-card-hover:hover { background-color: var(--card-hover); }

.hover\:bg-destructive\/80:hover { background-color: hsl(var(--destructive)=
/.8); }

.hover\:bg-destructive\/90:hover { background-color: hsl(var(--destructive)=
/.9); }

.hover\:bg-foreground:hover { background-color: var(--foreground); }

.hover\:bg-gray-100:hover { background-color: hsl(var(--gray-100)); }

.hover\:bg-gray-300:hover { background-color: hsl(var(--gray-300)); }

.hover\:bg-gray-50:hover { background-color: hsl(var(--gray-50)); }

.hover\:bg-green-600:hover { background-color: hsl(var(--green-600)); }

.hover\:bg-input-hover:hover { background-color: var(--input-hover); }

.hover\:bg-muted\/50:hover { background-color: hsl(var(--muted)/.5); }

.hover\:bg-primary:hover { background-color: hsl(var(--fg-primary)); }

.hover\:bg-primary\/80:hover { background-color: hsl(var(--fg-primary)/.8);=
 }

.hover\:bg-primary\/90:hover { background-color: hsl(var(--fg-primary)/.9);=
 }

.hover\:bg-purple-600:hover { background-color: hsl(var(--purple-600)); }

.hover\:bg-red-400:hover { background-color: hsl(var(--red-400)); }

.hover\:bg-red-400\/10:hover { background-color: hsl(var(--red-400)/.1); }

.hover\:bg-red-600:hover { background-color: hsl(var(--red-600)); }

.hover\:bg-secondary\/80:hover { background-color: hsl(var(--fg-secondary)/=
.8); }

.hover\:bg-sidebar-accent:hover { background-color: hsl(var(--sidebar-accen=
t)); }

.hover\:bg-sunset:hover { background-color: hsl(var(--color-sunset)); }

.hover\:bg-sunset\/80:hover { background-color: hsl(var(--color-sunset)/.8)=
; }

.hover\:bg-surface-base:hover { background-color: var(--surface-base); }

.hover\:bg-surface-invert:hover { background-color: var(--surface-invert); =
}

.hover\:bg-surface-l1:hover { background-color: var(--surface-l1); }

.hover\:bg-surface-l2:hover { background-color: var(--surface-l2); }

.hover\:bg-surface-l3:hover { background-color: var(--surface-l3); }

.hover\:bg-surface-l4-hover:hover { background-color: var(--surface-l4-hove=
r); }

.hover\:bg-toggle-selected:hover { background-color: var(--toggle-selected)=
; }

.hover\:bg-transparent:hover { background-color: transparent; }

.hover\:text-\[16\.5px\]:hover { font-size: 16.5px; }

.hover\:text-accent-foreground:hover { color: hsl(var(--accent-foreground))=
; }

.hover\:text-fg-invert:hover { color: hsl(var(--fg-invert)); }

.hover\:text-fg-primary:hover { color: hsl(var(--fg-primary)); }

.hover\:text-fg-secondary:hover { color: hsl(var(--fg-secondary)); }

.hover\:text-fg-tertiary:hover { color: hsl(var(--fg-tertiary)); }

.hover\:text-foreground:hover { color: var(--foreground); }

.hover\:text-primary:hover { color: hsl(var(--fg-primary)); }

.hover\:text-primary-foreground:hover { color: hsl(var(--primary-foreground=
)); }

.hover\:text-red-300:hover { color: hsl(var(--red-300)); }

.hover\:text-red-500:hover { color: hsl(var(--red-500)); }

.hover\:text-red-700:hover { color: hsl(var(--red-700)); }

.hover\:text-secondary:hover { color: hsl(var(--fg-secondary)); }

.hover\:text-sidebar-accent-foreground:hover { color: hsl(var(--sidebar-acc=
ent-foreground)); }

.hover\:text-yellow-700:hover { color: hsl(var(--yellow-700)); }

.hover\:underline:hover { text-decoration-line: underline; }

.hover\:no-underline:hover { text-decoration-line: none; }

.hover\:\!decoration-primary:hover { text-decoration-color: hsl(var(--fg-pr=
imary)) !important; }

.hover\:\!decoration-secondary:hover { text-decoration-color: hsl(var(--fg-=
secondary)) !important; }

.hover\:opacity-100:hover { opacity: 1; }

.hover\:opacity-75:hover { opacity: 0.75; }

.hover\:opacity-85:hover { opacity: 0.85; }

.hover\:shadow:hover { --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1=
px rgb(0 0 0/0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),=
0 1px 2px -1px var(--tw-shadow-color); }

.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover, .hover\:=
shadow:hover { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-=
ring-shadow,0 0 #0000),var(--tw-shadow); }

.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover { --tw-sh=
adow: 0 0 0 1px hsl(var(--sidebar-accent)); --tw-shadow-colored: 0 0 0 1px =
var(--tw-shadow-color); }

.hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1),0 2px =
4px -2px rgb(0 0 0/0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shado=
w-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-o=
ffset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }

.hover\:ring-1:hover { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 =
var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: =
var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw=
-ring-color); }

.hover\:ring-1:hover, .hover\:ring-2:hover { box-shadow: var(--tw-ring-offs=
et-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }

.hover\:ring-2:hover { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 =
var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: =
var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw=
-ring-color); }

.hover\:ring-inset:hover { --tw-ring-inset: inset; }

.hover\:ring-\[rgba\(0\,0\,0\,0\.1\)\]:hover { --tw-ring-color: rgba(0,0,0,=
0.1); }

.hover\:ring-border-l2:hover { --tw-ring-color: var(--border-l2); }

.hover\:ring-border-l3:hover { --tw-ring-color: var(--border-l3); }

.hover\:ring-card-border-focus:hover { --tw-ring-color: var(--card-border-f=
ocus); }

.hover\:ring-input-border-focus:hover { --tw-ring-color: var(--input-border=
-focus); }

.hover\:ring-primary:hover { --tw-ring-color: hsl(var(--fg-primary)); }

.hover\:ring-purple-300:hover { --tw-ring-color: hsl(var(--purple-300)); }

.hover\:brightness-110:hover { --tw-brightness: brightness(1.1); filter: va=
r(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) va=
r(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(=
--tw-drop-shadow); }

.hover\:filter-none:hover { filter: none; }

.\*\:hover\:text-fg-primary:hover > *, .\*\:hover\:text-primary:hover > * {=
 color: hsl(var(--fg-primary)); }

.\*\:hover\:transition-colors:hover > * { transition-property: color, backg=
round-color, border-color, text-decoration-color, fill, stroke; transition-=
timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; =
}

.hover\:after\:bg-sidebar-border:hover::after { content: var(--tw-content);=
 background-color: hsl(var(--sidebar-border)); }

.hover\:focus-within\:ring-border-l2:focus-within:hover { --tw-ring-color: =
var(--border-l2); }

.hover\:focus-within\:ring-border-l3:focus-within:hover { --tw-ring-color: =
var(--border-l3); }

.hover\:focus-within\:ring-input-border-focus:focus-within:hover { --tw-rin=
g-color: var(--input-border-focus); }

.hover\:focus-within\:ring-purple-300:focus-within:hover { --tw-ring-color:=
 hsl(var(--purple-300)); }

.focus\:border-input-border-focus:focus { border-color: var(--input-border-=
focus); }

.focus\:bg-accent:focus { background-color: hsl(var(--accent)); }

.focus\:bg-button-ghost-hover:focus { background-color: var(--button-ghost-=
hover); }

.focus\:bg-card-hover:focus { background-color: var(--card-hover); }

.focus\:bg-popover-hover:focus { background-color: var(--popover-hover); }

.focus\:bg-primary:focus { background-color: hsl(var(--fg-primary)); }

.focus\:text-accent-foreground:focus { color: hsl(var(--accent-foreground))=
; }

.focus\:text-primary-foreground:focus { color: hsl(var(--primary-foreground=
)); }

.focus\:outline-none:focus { outline: transparent solid 2px; outline-offset=
: 2px; }

.focus\:outline-0:focus { outline-width: 0px; }

.focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 =
var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: =
var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw=
-ring-color); }

.focus\:ring-0:focus, .focus\:ring-1:focus { box-shadow: var(--tw-ring-offs=
et-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }

.focus\:ring-1:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 =
var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: =
var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw=
-ring-color); }

.focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 =
var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: =
var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw=
-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow=
),var(--tw-shadow,0 0 #0000); }

.focus\:ring-blue-500:focus { --tw-ring-color: hsl(var(--blue-500)); }

.focus\:ring-gray-500:focus { --tw-ring-color: hsl(var(--gray-500)); }

.focus\:ring-ring:focus { --tw-ring-color: var(--ring); }

.focus\:ring-transparent:focus { --tw-ring-color: transparent; }

.focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; }

.focus\:after\:bg-card-hover:focus::after { content: var(--tw-content); bac=
kground-color: var(--card-hover); }

.focus-visible\:border-ring:focus-visible { border-color: var(--ring); }

.focus-visible\:bg-button-ghost-hover:focus-visible { background-color: var=
(--button-ghost-hover); }

.focus-visible\:bg-input-background:focus-visible { background-color: var(-=
-input-background); }

.focus-visible\:outline-none:focus-visible { outline: transparent solid 2px=
; outline-offset: 2px; }

.focus-visible\:ring-0:focus-visible { --tw-ring-offset-shadow: var(--tw-ri=
ng-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --=
tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-=
width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(=
--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }

.focus-visible\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ri=
ng-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --=
tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-=
width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(=
--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }

.focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ri=
ng-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --=
tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-=
width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(=
--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }

.focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-offset-shadow: var(-=
-tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-colo=
r); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-o=
ffset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow=
),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }

.focus-visible\:ring-ring:focus-visible { --tw-ring-color: var(--ring); }

.focus-visible\:ring-sidebar-ring:focus-visible { --tw-ring-color: hsl(var(=
--sidebar-ring)); }

.focus-visible\:ring-transparent:focus-visible { --tw-ring-color: transpare=
nt; }

.focus-visible\:ring-white\/15:focus-visible { --tw-ring-color: rgb(255 255=
 255/0.15); }

.focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; =
}

.focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-col=
or: var(--background); }

.active\:cursor-grabbing:active { cursor: grabbing; }

.active\:bg-button-ghost-active:active { background-color: var(--button-gho=
st-active); }

.active\:bg-sidebar-accent:active { background-color: hsl(var(--sidebar-acc=
ent)); }

.active\:bg-transparent:active { background-color: transparent; }

.active\:text-sidebar-accent-foreground:active { color: hsl(var(--sidebar-a=
ccent-foreground)); }

.disabled\:pointer-events-none:disabled { pointer-events: none; }

.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }

.disabled\:bg-surface-inset:disabled { background-color: var(--surface-inse=
t); }

.disabled\:opacity-0:disabled { opacity: 0; }

.disabled\:opacity-50:disabled { opacity: 0.5; }

.disabled\:opacity-60:disabled { opacity: 0.6; }

.disabled\:hover\:bg-button-filled:hover:disabled { background-color: var(-=
-button-filled); }

.disabled\:hover\:bg-red-500:hover:disabled { background-color: hsl(var(--r=
ed-500)); }

.disabled\:hover\:bg-surface-l1:hover:disabled { background-color: var(--su=
rface-l1); }

.disabled\:hover\:bg-surface-l2:hover:disabled { background-color: var(--su=
rface-l2); }

.disabled\:hover\:bg-transparent:hover:disabled { background-color: transpa=
rent; }

.disabled\:hover\:text-fg-primary:hover:disabled { color: hsl(var(--fg-prim=
ary)); }

.disabled\:hover\:text-fg-secondary:hover:disabled { color: hsl(var(--fg-se=
condary)); }

.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 =
{ opacity: 1; }

.group:focus-within .group-focus-within\:opacity-100 { opacity: 1; }

.group:focus-within .group-focus-within\:disabled\:opacity-60:disabled { op=
acity: 0.6; }

.group\/file:hover .group-hover\/file\:block, .group\/menu-item:hover .grou=
p-hover\/menu-item\:block { display: block; }

.group:hover .group-hover\:flex, .group\/conversation-item:hover .group-hov=
er\/conversation-item\:flex, .group\/file:hover .group-hover\/file\:flex { =
display: flex; }

.group\/file:hover .group-hover\/file\:hidden, .group\/menu-item:hover .gro=
up-hover\/menu-item\:hidden { display: none; }

.group\/file:hover .group-hover\/file\:w-8 { width: 2rem; }

.group:hover .group-hover\:scale-100, .group\/chip:hover .group-hover\/chip=
\:scale-100, .group\/image:hover .group-hover\/image\:scale-100, .group\/me=
rmaid:hover .group-hover\/mermaid\:scale-100 { --tw-scale-x: 1; --tw-scale-=
y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rot=
ate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scale=
X(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.group\/custom-instructions:hover .group-hover\/custom-instructions\:bg-but=
ton-ghost-hover { background-color: var(--button-ghost-hover); }

.group\/model-select-upsell:hover .group-hover\/model-select-upsell\:bg-but=
ton-filled-hover { background-color: var(--button-filled-hover); }

.group:hover .group-hover\:bg-blue-500 { background-color: hsl(var(--blue-5=
00)); }

.group:hover .group-hover\:bg-button-filled-hover { background-color: var(-=
-button-filled-hover); }

.group:hover .group-hover\:bg-surface-l3 { background-color: var(--surface-=
l3); }

.group\/xuser-card:hover .group-hover\/xuser-card\:from-surface-l4-hover { =
--tw-gradient-from: var(--surface-l4-hover) var(--tw-gradient-from-position=
); --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position); --t=
w-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.group\/attach-button:hover .group-hover\/attach-button\:text-fg-primary, .=
group\/ds-toggle:hover .group-hover\/ds-toggle\:text-fg-primary, .group\/me=
rmaid:hover .group-hover\/mermaid\:text-primary { color: hsl(var(--fg-prima=
ry)); }

.group\/output-mode:hover .group-hover\/output-mode\:text-breeze { color: h=
sl(var(--color-breeze)); }

.group\/output-mode:hover .group-hover\/output-mode\:text-dawn { color: hsl=
(var(--color-dawn)); }

.group\/output-mode:hover .group-hover\/output-mode\:text-primary { color: =
hsl(var(--fg-primary)); }

.group\/output-mode:hover .group-hover\/output-mode\:text-sunset { color: h=
sl(var(--color-sunset)); }

.group:hover .group-hover\:text-fg-primary, .group:hover .group-hover\:text=
-primary, .group\/sheet-tab:hover .group-hover\/sheet-tab\:text-fg-primary,=
 .group\/think-toggle:hover .group-hover\/think-toggle\:text-fg-primary, .g=
roup\/trace:hover .group-hover\/trace\:text-primary, .group\/xpost:hover .g=
roup-hover\/xpost\:text-primary { color: hsl(var(--fg-primary)); }

.group:hover .group-hover\:underline { text-decoration-line: underline; }

.group\/accordion:hover .group-hover\/accordion\:opacity-0 { opacity: 0; }

.group\/accordion:hover .group-hover\/accordion\:opacity-100, .group\/args:=
hover .group-hover\/args\:opacity-100, .group\/chip:hover .group-hover\/chi=
p\:opacity-100, .group\/header:hover .group-hover\/header\:opacity-100, .gr=
oup\/image:hover .group-hover\/image\:opacity-100, .group\/item:hover .grou=
p-hover\/item\:opacity-100, .group\/menu-item:hover .group-hover\/menu-item=
\:opacity-100, .group\/menu:hover .group-hover\/menu\:opacity-100, .group\/=
mermaid:hover .group-hover\/mermaid\:opacity-100 { opacity: 1; }

.group\/xuser-card:hover .group-hover\/xuser-card\:opacity-80 { opacity: 0.=
8; }

.group:hover .group-hover\:opacity-0 { opacity: 0; }

.group:hover .group-hover\:opacity-100 { opacity: 1; }

.group:hover .group-hover\:disabled\:opacity-60:disabled { opacity: 0.6; }

.group:last-of-type:focus .group-last-of-type\:group-focus\:rounded-br-xl, =
.group:last-of-type:hover .group-last-of-type\:group-hover\:rounded-br-xl {=
 border-bottom-right-radius: 0.75rem; }

.group\/file:focus-visible .group-focus-visible\/file\:block { display: blo=
ck; }

.group\/file:focus-visible .group-focus-visible\/file\:flex { display: flex=
; }

.group:focus-visible .group-focus-visible\:flex { display: flex; }

.group\/file:focus-visible .group-focus-visible\/file\:hidden { display: no=
ne; }

.group\/file:focus-visible .group-focus-visible\/file\:w-8 { width: 2rem; }

.group.toast .group-\[\.toast\]\:bg-muted { background-color: hsl(var(--mut=
ed)); }

.group.toast .group-\[\.toast\]\:bg-primary { background-color: hsl(var(--f=
g-primary)); }

.group.toast .group-\[\.toast\]\:text-muted-foreground { color: hsl(var(--m=
uted-foreground)); }

.group.toast .group-\[\.toast\]\:text-primary-foreground { color: hsl(var(-=
-primary-foreground)); }

.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-fo=
reground { color: hsl(var(--sidebar-accent-foreground)); }

.peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; =
}

.peer:disabled ~ .peer-disabled\:opacity-70 { opacity: 0.7; }

.has-\[\[data-variant\=3Dinset\]\]\:bg-sidebar:has([data-variant=3D"inset"]=
) { background-color: hsl(var(--sidebar-background)); }

.group\/menu-item:has([data-sidebar=3D"menu-action"]) .group-has-\[\[data-s=
idebar\=3Dmenu-action\]\]\/menu-item\:pr-8 { padding-right: 2rem; }

.aria-disabled\:pointer-events-none[aria-disabled=3D"true"] { pointer-event=
s: none; }

.aria-disabled\:cursor-not-allowed[aria-disabled=3D"true"] { cursor: not-al=
lowed; }

.aria-disabled\:opacity-50[aria-disabled=3D"true"] { opacity: 0.5; }

.aria-expanded\:bg-button-ghost-active[aria-expanded=3D"true"] { background=
-color: var(--button-ghost-active); }

.aria-expanded\:bg-button-ghost-hover[aria-expanded=3D"true"] { background-=
color: var(--button-ghost-hover); }

.aria-expanded\:text-fg-primary[aria-expanded=3D"true"] { color: hsl(var(--=
fg-primary)); }

.aria-selected\:bg-accent[aria-selected=3D"true"] { background-color: hsl(v=
ar(--accent)); }

.aria-selected\:bg-accent\/50[aria-selected=3D"true"] { background-color: h=
sl(var(--accent)/.5); }

.aria-selected\:text-accent-foreground[aria-selected=3D"true"] { color: hsl=
(var(--accent-foreground)); }

.aria-selected\:text-muted-foreground[aria-selected=3D"true"] { color: hsl(=
var(--muted-foreground)); }

.aria-selected\:opacity-100[aria-selected=3D"true"] { opacity: 1; }

.data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: no=
ne; }

.data-\[size\=3Ddefault\]\:h-9[data-size=3D"default"] { height: 2.25rem; }

.data-\[size\=3Dsm\]\:h-8[data-size=3D"sm"] { height: 2rem; }

.data-\[side\=3Dbottom\]\:translate-y-1[data-side=3D"bottom"] { --tw-transl=
ate-y: 0.25rem; }

.data-\[side\=3Dbottom\]\:translate-y-1[data-side=3D"bottom"], .data-\[side=
\=3Dleft\]\:-translate-x-1[data-side=3D"left"] { transform: translate(var(-=
-tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(=
--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(=
--tw-scale-y)); }

.data-\[side\=3Dleft\]\:-translate-x-1[data-side=3D"left"] { --tw-translate=
-x: -0.25rem; }

.data-\[side\=3Dright\]\:translate-x-1[data-side=3D"right"] { --tw-translat=
e-x: 0.25rem; }

.data-\[side\=3Dright\]\:translate-x-1[data-side=3D"right"], .data-\[side\=
=3Dtop\]\:-translate-y-1[data-side=3D"top"] { transform: translate(var(--tw=
-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--t=
w-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--t=
w-scale-y)); }

.data-\[side\=3Dtop\]\:-translate-y-1[data-side=3D"top"] { --tw-translate-y=
: -0.25rem; }

.data-\[state\=3Dchecked\]\:translate-x-5[data-state=3D"checked"] { --tw-tr=
anslate-x: 1.25rem; }

.data-\[state\=3Dchecked\]\:translate-x-5[data-state=3D"checked"], .data-\[=
state\=3Dunchecked\]\:translate-x-0[data-state=3D"unchecked"] { transform: =
translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rota=
te)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-=
x)) scaleY(var(--tw-scale-y)); }

.data-\[state\=3Dunchecked\]\:translate-x-0[data-state=3D"unchecked"] { --t=
w-translate-x: 0px; }

@keyframes accordion-up {=20
  0% { height: var(--radix-accordion-content-height); }
  100% { height: 0px; }
}

.data-\[state\=3Dclosed\]\:animate-accordion-up[data-state=3D"closed"] { an=
imation: 0.2s ease-out 0s 1 normal none running accordion-up; }

@keyframes accordion-down {=20
  0% { height: 0px; }
  100% { height: var(--radix-accordion-content-height); }
}

.data-\[state\=3Dopen\]\:animate-accordion-down[data-state=3D"open"] { anim=
ation: 0.2s ease-out 0s 1 normal none running accordion-down; }

.data-\[collapsed\=3Dtrue\]\:border-l-0[data-collapsed=3D"true"] { border-l=
eft-width: 0px; }

.data-\[resize-handle-state\=3Dhover\]\:border-border-l2[data-resize-handle=
-state=3D"hover"] { border-color: var(--border-l2); }

.data-\[resize-handle-state\=3Dhover\]\:border-border-l3[data-resize-handle=
-state=3D"hover"] { border-color: var(--border-l3); }

.data-\[state\=3Dactive\]\:border-border-l2[data-state=3D"active"] { border=
-color: var(--border-l2); }

.data-\[state\=3Dactive\]\:border-primary[data-state=3D"active"] { border-c=
olor: hsl(var(--fg-primary)); }

.data-\[state\=3Dinactive\]\:border-transparent[data-state=3D"inactive"] { =
border-color: transparent; }

.data-\[active\=3Dtrue\]\:bg-button-ghost-active[data-active=3D"true"] { ba=
ckground-color: var(--button-ghost-active); }

.data-\[active\=3Dtrue\]\:bg-sidebar-accent[data-active=3D"true"] { backgro=
und-color: hsl(var(--sidebar-accent)); }

.data-\[selected\=3Dtrue\]\:bg-button-ghost-hover[data-selected=3D"true"] {=
 background-color: var(--button-ghost-hover); }

.data-\[state\=3Dactive\]\:bg-surface-l2[data-state=3D"active"] { backgroun=
d-color: var(--surface-l2); }

.data-\[state\=3Dactive\]\:bg-transparent[data-state=3D"active"] { backgrou=
nd-color: transparent; }

.data-\[state\=3Dchecked\]\:bg-primary[data-state=3D"checked"] { background=
-color: hsl(var(--fg-primary)); }

.data-\[state\=3Doff\]\:bg-transparent[data-state=3D"off"] { background-col=
or: transparent; }

.data-\[state\=3Don\]\:bg-button-ghost-hover[data-state=3D"on"] { backgroun=
d-color: var(--button-ghost-hover); }

.data-\[state\=3Dopen\]\:bg-accent[data-state=3D"open"] { background-color:=
 hsl(var(--accent)); }

.data-\[state\=3Dopen\]\:bg-accent\/50[data-state=3D"open"] { background-co=
lor: hsl(var(--accent)/.5); }

.data-\[state\=3Dopen\]\:bg-button-ghost-hover[data-state=3D"open"] { backg=
round-color: var(--button-ghost-hover); }

.data-\[state\=3Dopen\]\:bg-secondary[data-state=3D"open"] { background-col=
or: hsl(var(--fg-secondary)); }

.data-\[state\=3Dselected\]\:bg-muted[data-state=3D"selected"] { background=
-color: hsl(var(--muted)); }

.data-\[state\=3Dunchecked\]\:bg-dove[data-state=3D"unchecked"] { backgroun=
d-color: hsl(var(--color-dove)); }

.data-\[active\=3Dtrue\]\:text-sidebar-accent-foreground[data-active=3D"tru=
e"] { color: hsl(var(--sidebar-accent-foreground)); }

.data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color: hsl=
(var(--muted-foreground)); }

.data-\[state\=3Dactive\]\:text-fg-primary[data-state=3D"active"], .data-\[=
state\=3Dactive\]\:text-primary[data-state=3D"active"] { color: hsl(var(--f=
g-primary)); }

.data-\[state\=3Dchecked\]\:text-primary-foreground[data-state=3D"checked"]=
 { color: hsl(var(--primary-foreground)); }

.data-\[state\=3Dopen\]\:text-accent-foreground[data-state=3D"open"] { colo=
r: hsl(var(--accent-foreground)); }

.data-\[state\=3Dopen\]\:text-muted-foreground[data-state=3D"open"] { color=
: hsl(var(--muted-foreground)); }

.data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; }

.data-\[state\=3Dopen\]\:opacity-100[data-state=3D"open"] { opacity: 1; }

.data-\[state\=3Dactive\]\:shadow[data-state=3D"active"] { --tw-shadow: 0 1=
px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1); --tw-shadow-colored:=
 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color); =
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0=
 #0000),var(--tw-shadow); }

.data-\[state\=3Dactive\]\:shadow-none[data-state=3D"active"] { --tw-shadow=
: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offs=
et-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }

.data-\[state\=3Dclosed\]\:duration-300[data-state=3D"closed"] { transition=
-duration: 0.3s; }

.data-\[state\=3Dopen\]\:duration-500[data-state=3D"open"] { transition-dur=
ation: 0.5s; }

.data-\[motion\^\=3Dfrom-\]\:animate-in[data-motion^=3D"from-"], .data-\[st=
ate\=3Dopen\]\:animate-in[data-state=3D"open"], .data-\[state\=3Dvisible\]\=
:animate-in[data-state=3D"visible"] { animation-name: enter; animation-dura=
tion: 0.15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-e=
nter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate=
-y: initial; }

.data-\[motion\^\=3Dto-\]\:animate-out[data-motion^=3D"to-"], .data-\[state=
\=3Dclosed\]\:animate-out[data-state=3D"closed"], .data-\[state\=3Dhidden\]=
\:animate-out[data-state=3D"hidden"] { animation-name: exit; animation-dura=
tion: 0.15s; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exi=
t-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: i=
nitial; }

.data-\[motion\^\=3Dfrom-\]\:fade-in[data-motion^=3D"from-"] { --tw-enter-o=
pacity: 0; }

.data-\[motion\^\=3Dto-\]\:fade-out[data-motion^=3D"to-"], .data-\[state\=
=3Dclosed\]\:fade-out-0[data-state=3D"closed"], .data-\[state\=3Dhidden\]\:=
fade-out[data-state=3D"hidden"] { --tw-exit-opacity: 0; }

.data-\[state\=3Dopen\]\:fade-in-0[data-state=3D"open"], .data-\[state\=3Dv=
isible\]\:fade-in[data-state=3D"visible"] { --tw-enter-opacity: 0; }

.data-\[state\=3Dclosed\]\:zoom-out-95[data-state=3D"closed"] { --tw-exit-s=
cale: .95; }

.data-\[state\=3Dopen\]\:zoom-in-90[data-state=3D"open"] { --tw-enter-scale=
: .9; }

.data-\[state\=3Dopen\]\:zoom-in-95[data-state=3D"open"] { --tw-enter-scale=
: .95; }

.data-\[motion\=3Dfrom-end\]\:slide-in-from-right-52[data-motion=3D"from-en=
d"] { --tw-enter-translate-x: 13rem; }

.data-\[motion\=3Dfrom-start\]\:slide-in-from-left-52[data-motion=3D"from-s=
tart"] { --tw-enter-translate-x: -13rem; }

.data-\[motion\=3Dto-end\]\:slide-out-to-right-52[data-motion=3D"to-end"] {=
 --tw-exit-translate-x: 13rem; }

.data-\[motion\=3Dto-start\]\:slide-out-to-left-52[data-motion=3D"to-start"=
] { --tw-exit-translate-x: -13rem; }

.data-\[side\=3Dbottom\]\:slide-in-from-top-2[data-side=3D"bottom"] { --tw-=
enter-translate-y: -0.5rem; }

.data-\[side\=3Dleft\]\:slide-in-from-right-2[data-side=3D"left"] { --tw-en=
ter-translate-x: 0.5rem; }

.data-\[side\=3Dright\]\:slide-in-from-left-2[data-side=3D"right"] { --tw-e=
nter-translate-x: -0.5rem; }

.data-\[side\=3Dtop\]\:slide-in-from-bottom-2[data-side=3D"top"] { --tw-ent=
er-translate-y: 0.5rem; }

.data-\[state\=3Dclosed\]\:slide-out-to-bottom[data-state=3D"closed"] { --t=
w-exit-translate-y: 100%; }

.data-\[state\=3Dclosed\]\:slide-out-to-left[data-state=3D"closed"] { --tw-=
exit-translate-x: -100%; }

.data-\[state\=3Dclosed\]\:slide-out-to-left-1\/2[data-state=3D"closed"] { =
--tw-exit-translate-x: -50%; }

.data-\[state\=3Dclosed\]\:slide-out-to-right[data-state=3D"closed"] { --tw=
-exit-translate-x: 100%; }

.data-\[state\=3Dclosed\]\:slide-out-to-top[data-state=3D"closed"] { --tw-e=
xit-translate-y: -100%; }

.data-\[state\=3Dclosed\]\:slide-out-to-top-\[48\%\][data-state=3D"closed"]=
 { --tw-exit-translate-y: -48%; }

.data-\[state\=3Dopen\]\:slide-in-from-bottom[data-state=3D"open"] { --tw-e=
nter-translate-y: 100%; }

.data-\[state\=3Dopen\]\:slide-in-from-left[data-state=3D"open"] { --tw-ent=
er-translate-x: -100%; }

.data-\[state\=3Dopen\]\:slide-in-from-left-1\/2[data-state=3D"open"] { --t=
w-enter-translate-x: -50%; }

.data-\[state\=3Dopen\]\:slide-in-from-right[data-state=3D"open"] { --tw-en=
ter-translate-x: 100%; }

.data-\[state\=3Dopen\]\:slide-in-from-top[data-state=3D"open"] { --tw-ente=
r-translate-y: -100%; }

.data-\[state\=3Dopen\]\:slide-in-from-top-\[48\%\][data-state=3D"open"] { =
--tw-enter-translate-y: -48%; }

.data-\[state\=3Dclosed\]\:duration-300[data-state=3D"closed"] { animation-=
duration: 0.3s; }

.data-\[state\=3Dopen\]\:duration-500[data-state=3D"open"] { animation-dura=
tion: 0.5s; }

.\*\:data-\[slot\=3Dselect-value\]\:line-clamp-1[data-slot=3D"select-value"=
] > * { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertica=
l; -webkit-line-clamp: 1; }

.\*\:data-\[slot\=3Dselect-value\]\:flex[data-slot=3D"select-value"] > * { =
display: flex; }

.\*\:data-\[slot\=3Dselect-value\]\:items-center[data-slot=3D"select-value"=
] > * { align-items: center; }

.\*\:data-\[slot\=3Dselect-value\]\:gap-2[data-slot=3D"select-value"] > * {=
 gap: 0.5rem; }

.data-\[state\=3Dopen\]\:hover\:bg-accent:hover[data-state=3D"open"] { back=
ground-color: hsl(var(--accent)); }

.data-\[state\=3Dopen\]\:hover\:bg-button-ghost-hover:hover[data-state=3D"o=
pen"] { background-color: var(--button-ghost-hover); }

.data-\[state\=3Dopen\]\:focus\:bg-accent:focus[data-state=3D"open"] { back=
ground-color: hsl(var(--accent)); }

.group[data-collapsible=3D"offcanvas"] .group-data-\[collapsible\=3Doffcanv=
as\]\:end-\[calc\(var\(--sidebar-width\)\*-1\)\] { inset-inline-end: calc(v=
ar(--sidebar-width) * -1); }

.group[data-collapsible=3D"offcanvas"] .group-data-\[collapsible\=3Doffcanv=
as\]\:start-\[calc\(var\(--sidebar-width\)\*-1\)\] { inset-inline-start: ca=
lc(var(--sidebar-width) * -1); }

.group[data-side=3D"left"] .group-data-\[side\=3Dleft\]\:-right-4 { right: =
-1rem; }

.group[data-side=3D"right"] .group-data-\[side\=3Dright\]\:left-0 { left: 0=
px; }

.group[data-collapsible=3D"icon"] .group-data-\[collapsible\=3Dicon\]\:-mt-=
8 { margin-top: -2rem; }

.group[data-collapsible=3D"icon"] .group-data-\[collapsible\=3Dicon\]\:hidd=
en { display: none; }

.group[data-collapsible=3D"icon"] .group-data-\[collapsible\=3Dicon\]\:w-\[=
--sidebar-width-icon\] { width: var(--sidebar-width-icon); }

.group[data-collapsible=3D"icon"] .group-data-\[collapsible\=3Dicon\]\:w-\[=
calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] { width: calc(=
var(--sidebar-width-icon) + 1rem); }

.group[data-collapsible=3D"icon"] .group-data-\[collapsible\=3Dicon\]\:w-\[=
calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] { width:=
 calc(var(--sidebar-width-icon) + 1rem + 2px); }

.group[data-collapsible=3D"offcanvas"] .group-data-\[collapsible\=3Doffcanv=
as\]\:w-0 { width: 0px; }

.group[data-collapsible=3D"offcanvas"] .group-data-\[collapsible\=3Doffcanv=
as\]\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-=
translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw=
-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw=
-scale-y)); }

.group[data-side=3D"right"] .group-data-\[side\=3Dright\]\:rotate-180, .gro=
up\/accordion[data-state=3D"open"] .group-data-\[state\=3Dopen\]\/accordion=
\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate=
-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))=
 skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)=
); }

.group\/accordion[data-state=3D"open"] .group-data-\[state\=3Dopen\]\/accor=
dion\:rotate-90 { --tw-rotate: 90deg; }

.group[data-state=3D"open"] .group-data-\[state\=3Dopen\]\:rotate-180, .gro=
up\/accordion[data-state=3D"open"] .group-data-\[state\=3Dopen\]\/accordion=
\:rotate-90 { transform: translate(var(--tw-translate-x),var(--tw-translate=
-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y=
)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.group[data-state=3D"open"] .group-data-\[state\=3Dopen\]\:rotate-180 { --t=
w-rotate: 180deg; }

.group[data-collapsible=3D"icon"] .group-data-\[collapsible\=3Dicon\]\:over=
flow-hidden { overflow: hidden; }

.group[data-variant=3D"floating"] .group-data-\[variant\=3Dfloating\]\:roun=
ded-xl { border-radius: 0.75rem; }

.group[data-collapsible=3D"icon"] .group-data-\[collapsible\=3Dicon\]\:\!p-=
0 { padding: 0px !important; }

.group[data-collapsible=3D"icon"] .group-data-\[collapsible\=3Dicon\]\:\!p-=
2 { padding: 0.5rem !important; }

.group[data-collapsible=3D"icon"] .group-data-\[collapsible\=3Dicon\]\:\!p-=
\[unset\] { padding: unset !important; }

.group[data-collapsible=3D"icon"] .group-data-\[collapsible\=3Dicon\]\:opac=
ity-0 { opacity: 0; }

.group[data-collapsible=3D"offcanvas"] .group-data-\[collapsible\=3Doffcanv=
as\]\:after\:left-full::after { content: var(--tw-content); left: 100%; }

.group[data-collapsible=3D"offcanvas"] .group-data-\[collapsible\=3Doffcanv=
as\]\:hover\:bg-sidebar:hover { background-color: hsl(var(--sidebar-backgro=
und)); }

.peer\/menu-button[data-size=3D"default"] ~ .peer-data-\[size\=3Ddefault\]\=
/menu-button\:top-1\.5 { top: 0.375rem; }

.peer\/menu-button[data-size=3D"lg"] ~ .peer-data-\[size\=3Dlg\]\/menu-butt=
on\:top-2\.5 { top: 0.625rem; }

.peer\/menu-button[data-size=3D"sm"] ~ .peer-data-\[size\=3Dsm\]\/menu-butt=
on\:top-1 { top: 0.25rem; }

.peer[data-variant=3D"inset"] ~ .peer-data-\[variant\=3Dinset\]\:min-h-\[ca=
lc\(100svh-theme\(spacing\.4\)\)\] { min-height: calc(100svh - 1rem); }

.peer\/menu-button[data-active=3D"true"] ~ .peer-data-\[active\=3Dtrue\]\/m=
enu-button\:text-sidebar-accent-foreground { color: hsl(var(--sidebar-accen=
t-foreground)); }

.peer[data-state=3D"active"] ~ .peer-data-\[state\=3Dactive\]\:text-fg-prim=
ary { color: hsl(var(--fg-primary)); }

.prose-p\:\!my-0 :is(:where(p):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *))) { margin-top: 0px !important; margin-bottom: 0px !impo=
rtant; }

.prose-p\:opacity-100 :is(:where(p):not(:where([class~=3D"not-prose"], [cla=
ss~=3D"not-prose"] *))) { opacity: 1; }

.prose-strong\:opacity-100 :is(:where(strong):not(:where([class~=3D"not-pro=
se"], [class~=3D"not-prose"] *))) { opacity: 1; }

.prose-ol\:my-1 :is(:where(ol):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *))) { margin-top: 0.25rem; margin-bottom: 0.25rem; }

.prose-ol\:opacity-100 :is(:where(ol):not(:where([class~=3D"not-prose"], [c=
lass~=3D"not-prose"] *))) { opacity: 1; }

.prose-ul\:my-1 :is(:where(ul):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *))) { margin-top: 0.25rem; margin-bottom: 0.25rem; }

.prose-ul\:opacity-100 :is(:where(ul):not(:where([class~=3D"not-prose"], [c=
lass~=3D"not-prose"] *))) { opacity: 1; }

.prose-li\:\!m-0 :is(:where(li):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *))) { margin: 0px !important; }

.prose-li\:my-2 :is(:where(li):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *))) { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.prose-li\:ms-1 :is(:where(li):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *))) { margin-inline-start: 0.25rem; }

.prose-li\:ps-1 :is(:where(li):not(:where([class~=3D"not-prose"], [class~=
=3D"not-prose"] *))) { padding-inline-start: 0.25rem; }

.prose-li\:opacity-100 :is(:where(li):not(:where([class~=3D"not-prose"], [c=
lass~=3D"not-prose"] *))) { opacity: 1; }

.last\:prose-li\:mb-3 :is(:where(li):not(:where([class~=3D"not-prose"], [cl=
ass~=3D"not-prose"] *))):last-child { margin-bottom: 0.75rem; }

@container preview (min-width: 0px) {
  .\@\[0px\]\/preview\:top-5 { top: 1.25rem; }
  .\@\[0px\]\/preview\:hidden { display: none; }
}

@container (min-width: 20rem) {
  .\@xs\:flex-row { flex-direction: row; }
  .\@xs\:flex-col { flex-direction: column; }
  .\@xs\:items-start { align-items: flex-start; }
  .\@xs\:items-center { align-items: center; }
  .\@xs\:justify-between { justify-content: space-between; }
  .\@xs\:border { border-width: 1px; }
  .\@xs\:border-border-l1 { border-color: var(--border-l1); }
  .\@xs\:bg-surface-l1 { background-color: var(--surface-l1); }
  .\@xs\:transition-colors { transition-property: color, background-color, =
border-color, text-decoration-color, fill, stroke; transition-timing-functi=
on: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
}

@container (min-width: 32rem) {
  .\@\[32rem\]\:\[--content-max-width\:40rem\] { --content-max-width: 40rem=
; }
}

@container code-block (min-width: 40rem) {
  .\@sm\/code-block\:block { display: block; }
}

@container mainview (min-width: 40rem) {
  .\@sm\/mainview\:min-w-\[500px\] { min-width: 500px; }
}

@container (min-width: 40rem) {
  .\@sm\:invisible { visibility: hidden; }
  .\@sm\:relative { position: relative; }
  .\@sm\:inset-x-auto { left: auto; right: auto; }
  .\@sm\:bottom-auto { bottom: auto; }
  .\@sm\:top-3 { top: 0.75rem; }
  .\@sm\:ms-2 { margin-inline-start: 0.5rem; }
  .\@sm\:mt-0 { margin-top: 0px; }
  .\@sm\:block { display: block; }
  .\@sm\:inline { display: inline; }
  .\@sm\:flex { display: flex; }
  .\@sm\:grid { display: grid; }
  .\@sm\:hidden { display: none; }
  .\@sm\:h-\[400px\] { height: 400px; }
  .\@sm\:max-w-full { max-width: 100%; }
  .\@sm\:auto-rows-max { grid-auto-rows: max-content; }
  .\@sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); =
}
  .\@sm\:flex-row { flex-direction: row; }
  .\@sm\:flex-col { flex-direction: column; }
  .\@sm\:flex-col-reverse { flex-direction: column-reverse; }
  .\@sm\:items-start { align-items: flex-start; }
  .\@sm\:items-center { align-items: center; }
  .\@sm\:items-stretch { align-items: stretch; }
  .\@sm\:gap-0 { gap: 0px; }
  .\@sm\:gap-2 { gap: 0.5rem; }
  .\@sm\:gap-3 { gap: 0.75rem; }
  .\@sm\:gap-4 { gap: 1rem; }
  .\@sm\:gap-5 { gap: 1.25rem; }
  .\@sm\:gap-9 { gap: 2.25rem; }
  .\@sm\:p-0 { padding: 0px; }
  .\@sm\:p-4 { padding: 1rem; }
  .\@sm\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .\@sm\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .\@sm\:pe-5 { padding-inline-end: 1.25rem; }
  .\@sm\:pt-12 { padding-top: 3rem; }
  .\@sm\:text-xs { font-size: 13px; }
  .\@sm\:\[mask-image\:none\] { }
  .group:hover .\@sm\:group-hover\:visible { visibility: visible; }
}

@container mainview (min-width: 48rem) {
  .\@md\/mainview\:-mx-4 { margin-left: -1rem; margin-right: -1rem; }
  .\@md\/mainview\:mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
  .\@md\/mainview\:block { display: block; }
  .\@md\/mainview\:flex-row { flex-direction: row; }
}

@container (min-width: 48rem) {
  .\@md\:-mx-4 { margin-left: -1rem; margin-right: -1rem; }
  .\@md\:-mx-breakout { margin-left: calc(var(--content-breakout-margin) * =
-1); margin-right: calc(var(--content-breakout-margin) * -1); }
  .\@md\:mx-breakout { margin-left: var(--content-breakout-margin); margin-=
right: var(--content-breakout-margin); }
  .\@md\:-mr-4 { margin-right: -1rem; }
  .\@md\:px-0 { padding-left: 0px; padding-right: 0px; }
  .\@md\:px-4 { padding-left: 1rem; padding-right: 1rem; }
}

@container mainview (min-width: 56rem) {
  .\@4xl\/mainview\:-right-9 { right: -2.25rem; }
  .\@4xl\/mainview\:flex { display: flex; }
  .\@4xl\/mainview\:w-9 { width: 2.25rem; }
}

@container mainview (min-width: 64rem) {
  .\@lg\/mainview\:-mx-32 { margin-left: -8rem; margin-right: -8rem; }
  .\@lg\/mainview\:-ml-\[40px\] { margin-left: -40px; }
  .\@lg\/mainview\:-mr-12 { margin-right: -3rem; }
}

@container (min-width: 64rem) {
  .\@lg\:absolute { position: absolute; }
  .\@lg\:-bottom-3 { bottom: -0.75rem; }
  .\@lg\:-top-3 { top: -0.75rem; }
  .\@lg\:bottom-0 { bottom: 0px; }
  .\@lg\:bottom-auto { bottom: auto; }
  .\@lg\:left-0 { left: 0px; }
  .\@lg\:right-0 { right: 0px; }
  .\@lg\:top-14 { top: 3.5rem; }
  .\@lg\:top-auto { top: auto; }
  .\@lg\:mx-0 { margin-left: 0px; margin-right: 0px; }
  .\@lg\:h-8 { height: 2rem; }
  .\@lg\:h-auto { height: auto; }
  .\@lg\:max-h-full { max-height: 100%; }
  .\@lg\:w-auto { width: auto; }
  .\@lg\:w-full { width: 100%; }
  .\@lg\:flex-col { flex-direction: column; }
  .\@lg\:bg-gradient-to-b { background-image: linear-gradient(to bottom,var=
(--tw-gradient-stops)); }
  .\@lg\:bg-gradient-to-t { background-image: linear-gradient(to top,var(--=
tw-gradient-stops)); }
  .\@lg\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .\@lg\:py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .\@\[64rem\]\:\[--content-max-width\:48rem\] { --content-max-width: 48rem=
; }
}

@container mainview (min-width: 72rem) {
  .\@6xl\/mainview\:-mx-12 { margin-left: -3rem; margin-right: -3rem; }
}

@container mainview (min-width: 80rem) {
  .\@7xl\/mainview\:\!translate-x-0 { --tw-translate-x: 0px !important; tra=
nsform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(-=
-tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--t=
w-scale-x)) scaleY(var(--tw-scale-y)) !important; }
  .\@7xl\/mainview\:border-0 { border-width: 0px; }
  .\@7xl\/mainview\:bg-surface-base { background-color: var(--surface-base)=
; }
  .\@7xl\/mainview\:p-0 { padding: 0px; }
  .\@7xl\/mainview\:shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-color=
ed: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-=
ring-shadow,0 0 #0000),var(--tw-shadow); }
}

@container nav (min-width: 80rem) {
  .\@\[80rem\]\/nav\:top-8 { top: 2rem; }
  .\@\[80rem\]\/nav\:h-0 { height: 0px; }
  .\@\[80rem\]\/nav\:from-transparent { --tw-gradient-from: transparent var=
(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0/0) var(--tw-grad=
ient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gr=
adient-to); }
  .\@\[80rem\]\/nav\:via-transparent { --tw-gradient-to: rgb(0 0 0/0) var(-=
-tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),tra=
nsparent var(--tw-gradient-via-position),var(--tw-gradient-to); }
}

@container (min-width: 80rem) {
  .\@xl\:w-4\/5 { width: 80%; }
}

@container (min-width: 160px) {
  .\@\[160px\]\:inline-block { display: inline-block; }
}

@container nav (min-width: 340px) {
  .\@\[340px\]\/nav\:max-w-\[75px\] { max-width: 75px; }
}

@container voice-bar (min-width: 360px) {
  .\@\[360px\]\/voice-bar\:flex { display: flex; }
}

@container nav (min-width: 375px) {
  .\@\[375px\]\/nav\:max-w-\[100px\] { max-width: 100px; }
}

@container input (min-width: 400px) {
  .\@\[400px\]\/input\:text-sm { font-size: 14px; }
}

@container nav (min-width: 430px) {
  .\@\[430px\]\/nav\:max-w-\[150px\] { max-width: 150px; }
}

@container input (min-width: 480px) {
  .\@\[480px\]\/input\:p-2 { padding: 0.5rem; }
  .\@\[480px\]\/input\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem=
; }
}

@container voice-bar (min-width: 480px) {
  .\@\[480px\]\/voice-bar\:px-3 { padding-left: 0.75rem; padding-right: 0.7=
5rem; }
}

@container nav (min-width: 500px) {
  .\@\[500px\]\/nav\:max-w-\[200px\] { max-width: 200px; }
}

@container input (min-width: 600px) {
  .\@\[600px\]\/input\:inline-block { display: inline-block; }
}

@container nav (min-width: 640px) {
  .\@\[640px\]\/nav\:flex { display: flex; }
}

@container mainview (min-width: 1280px) {
  .\@\[1280px\]\/mainview\:top-0 { top: 0px; }
  .\@\[1280px\]\/mainview\:top-10 { top: 2.5rem; }
  .\@\[1280px\]\/mainview\:z-40 { z-index: 40; }
}

@container mainview (min-width: 1440px) {
  .\@\[1440px\]\/mainview\:w-64 { width: 16rem; }
  .\@\[1440px\]\/mainview\:-translate-x-\[268px\] { --tw-translate-x: -268p=
x; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate=
(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(v=
ar(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}

@container mainview (min-width: 1600px) {
  .\@\[1600px\]\/mainview\:-mx-32 { margin-left: -8rem; margin-right: -8rem=
; }
}

.dark\:border:is(.dark *) { border-width: 1px; }

.dark\:border-0:is(.dark *) { border-width: 0px; }

.dark\:border-border-l1:is(.dark *) { border-color: var(--border-l1); }

.dark\:border-gray-800:is(.dark *) { border-color: hsl(var(--gray-800)); }

.dark\:border-purple-700:is(.dark *) { border-color: hsl(var(--purple-700))=
; }

.dark\:border-red-100:is(.dark *) { border-color: hsl(var(--red-100)); }

.dark\:border-red-300:is(.dark *) { border-color: hsl(var(--red-300)); }

.dark\:border-transparent:is(.dark *) { border-color: transparent; }

.dark\:bg-background:is(.dark *) { background-color: var(--background); }

.dark\:bg-black\/80:is(.dark *) { background-color: rgba(0, 0, 0, 0.8); }

.dark\:bg-blue-200:is(.dark *) { background-color: hsl(var(--blue-200)); }

.dark\:bg-dawn\/10:is(.dark *) { background-color: hsl(var(--color-dawn)/.1=
); }

.dark\:bg-gray-600:is(.dark *) { background-color: hsl(var(--gray-600)); }

.dark\:bg-gray-700:is(.dark *) { background-color: hsl(var(--gray-700)); }

.dark\:bg-gray-900:is(.dark *) { background-color: hsl(var(--gray-900)); }

.dark\:bg-orange-300\/10:is(.dark *) { background-color: hsl(var(--orange-3=
00)/.1); }

.dark\:bg-orange-600:is(.dark *) { background-color: hsl(var(--orange-600))=
; }

.dark\:bg-overlay:is(.dark *) { background-color: var(--overlay); }

.dark\:bg-purple-1000:is(.dark *) { background-color: hsl(var(--purple-1000=
)); }

.dark\:bg-purple-400:is(.dark *) { background-color: hsl(var(--purple-400))=
; }

.dark\:bg-purple-800:is(.dark *) { background-color: hsl(var(--purple-800))=
; }

.dark\:bg-red-300:is(.dark *) { background-color: hsl(var(--red-300)); }

.dark\:bg-red-300\/10:is(.dark *) { background-color: hsl(var(--red-300)/.1=
); }

.dark\:bg-red-400:is(.dark *) { background-color: hsl(var(--red-400)); }

.dark\:bg-red-500\/20:is(.dark *) { background-color: hsl(var(--red-500)/.2=
); }

.dark\:bg-surface-inset:is(.dark *) { background-color: var(--surface-inset=
); }

.dark\:bg-surface-l1:is(.dark *) { background-color: var(--surface-l1); }

.dark\:bg-surface-l2:is(.dark *) { background-color: var(--surface-l2); }

.dark\:bg-surface-l3:is(.dark *) { background-color: var(--surface-l3); }

.dark\:bg-surface-l4:is(.dark *) { background-color: var(--surface-l4); }

.dark\:bg-white\/10:is(.dark *) { background-color: rgba(255, 255, 255, 0.1=
); }

.dark\:bg-white\/\[3\%\]:is(.dark *) { background-color: rgba(255, 255, 255=
, 0.03); }

.dark\:bg-yellow-600:is(.dark *) { background-color: hsl(var(--yellow-600))=
; }

.dark\:bg-\[radial-gradient\(circle_at_50\%_0\%\,hsl\(var\(--primary\)\/10\=
%\)_0\%\,transparent_60\%\)\]:is(.dark *) { background-image: radial-gradie=
nt(circle at 50% 0,hsl(var(--primary)/10%) 0,transparent 60%); }

.dark\:from-surface-base:is(.dark *) { --tw-gradient-from: var(--surface-ba=
se) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255/0) =
var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from=
),var(--tw-gradient-to); }

.dark\:from-surface-inset:is(.dark *) { --tw-gradient-from: var(--surface-i=
nset) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255/0=
) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-fr=
om),var(--tw-gradient-to); }

.dark\:via-surface-base:is(.dark *) { --tw-gradient-to: rgb(255 255 255/0) =
var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from=
),var(--surface-base) var(--tw-gradient-via-position),var(--tw-gradient-to)=
; }

.dark\:via-surface-inset:is(.dark *) { --tw-gradient-to: rgb(255 255 255/0)=
 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-fro=
m),var(--surface-inset) var(--tw-gradient-via-position),var(--tw-gradient-t=
o); }

.dark\:via-white\/90:is(.dark *) { --tw-gradient-to: rgb(255 255 255/0) var=
(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),r=
gb(255 255 255/0.9) var(--tw-gradient-via-position),var(--tw-gradient-to); =
}

.dark\:fill-\[\#313235\]:is(.dark *) { fill: rgb(49, 50, 53); }

.dark\:fill-\[\#B5B5B5\]:is(.dark *) { fill: rgb(181, 181, 181); }

.dark\:fill-white:is(.dark *) { fill: rgb(255, 255, 255); }

.dark\:fill-yellow-300:is(.dark *) { fill: hsl(var(--yellow-300)); }

.dark\:stroke-transparent:is(.dark *) { stroke: transparent; }

.dark\:stroke-white\/10:is(.dark *) { stroke: rgba(255, 255, 255, 0.1); }

.dark\:stroke-white\/20:is(.dark *) { stroke: rgba(255, 255, 255, 0.2); }

.dark\:font-light:is(.dark *) { font-weight: 300; }

.dark\:text-\[\#7F93B0\]:is(.dark *) { --tw-text-opacity: 1; color: rgb(127=
 147 176/var(--tw-text-opacity,1)); }

.dark\:text-\[\#C4A06B\]:is(.dark *) { --tw-text-opacity: 1; color: rgb(196=
 160 107/var(--tw-text-opacity,1)); }

.dark\:text-\[rgb\(255\,255\,255\,90\%\)\]:is(.dark *) { color: rgba(255, 2=
55, 255, 0.9); }

.dark\:text-blue-200:is(.dark *) { color: hsl(var(--blue-200)); }

.dark\:text-blue-300:is(.dark *) { color: hsl(var(--blue-300)); }

.dark\:text-dawn:is(.dark *) { color: hsl(var(--color-dawn)); }

.dark\:text-fg-primary:is(.dark *) { color: hsl(var(--fg-primary)); }

.dark\:text-fg-secondary:is(.dark *) { color: hsl(var(--fg-secondary)); }

.dark\:text-fg-tertiary:is(.dark *) { color: hsl(var(--fg-tertiary)); }

.dark\:text-gray-200:is(.dark *) { color: hsl(var(--gray-200)); }

.dark\:text-green-200:is(.dark *) { color: hsl(var(--green-200)); }

.dark\:text-lime-200:is(.dark *) { color: hsl(var(--lime-200)); }

.dark\:text-orange-200:is(.dark *) { color: hsl(var(--orange-200)); }

.dark\:text-orange-300:is(.dark *) { color: hsl(var(--orange-300)); }

.dark\:text-pink-200:is(.dark *) { color: hsl(var(--pink-200)); }

.dark\:text-purple-200:is(.dark *) { color: hsl(var(--purple-200)); }

.dark\:text-purple-300:is(.dark *) { color: hsl(var(--purple-300)); }

.dark\:text-red-200:is(.dark *) { color: hsl(var(--red-200)); }

.dark\:text-red-300:is(.dark *) { color: hsl(var(--red-300)); }

.dark\:text-teal-200:is(.dark *) { color: hsl(var(--teal-200)); }

.dark\:text-yellow-100:is(.dark *) { color: hsl(var(--yellow-100)); }

.dark\:text-yellow-200:is(.dark *) { color: hsl(var(--yellow-200)); }

.dark\:opacity-50:is(.dark *) { opacity: 0.5; }

.dark\:shadow-none:is(.dark *) { --tw-shadow: 0 0 #0000; --tw-shadow-colore=
d: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-r=
ing-shadow,0 0 #0000),var(--tw-shadow); }

.dark\:ring-purple-700:is(.dark *) { --tw-ring-color: hsl(var(--purple-700)=
); }

.dark\:focus-within\:ring-purple-600:focus-within:is(.dark *) { --tw-ring-c=
olor: hsl(var(--purple-600)); }

.dark\:hover\:border-input-hover:hover:is(.dark *) { border-color: var(--in=
put-hover); }

.dark\:hover\:bg-surface-l2:hover:is(.dark *) { background-color: var(--sur=
face-l2); }

.dark\:hover\:bg-surface-l3:hover:is(.dark *) { background-color: var(--sur=
face-l3); }

.dark\:hover\:bg-surface-l4:hover:is(.dark *) { background-color: var(--sur=
face-l4); }

.dark\:hover\:text-fg-primary:hover:is(.dark *) { color: hsl(var(--fg-prima=
ry)); }

.dark\:hover\:text-fg-secondary:hover:is(.dark *) { color: hsl(var(--fg-sec=
ondary)); }

.dark\:hover\:text-white:hover:is(.dark *) { --tw-text-opacity: 1; color: r=
gb(255 255 255/var(--tw-text-opacity,1)); }

.dark\:hover\:shadow-\[0_0_20px_hsl\(var\(--primary\)\/10\%\)\]:hover:is(.d=
ark *) { --tw-shadow: 0 0 20px hsl(var(--primary)/10%); --tw-shadow-colored=
: 0 0 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,=
0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }

.dark\:hover\:ring-purple-600:hover:is(.dark *) { --tw-ring-color: hsl(var(=
--purple-600)); }

.dark\:hover\:focus-within\:ring-purple-600:focus-within:hover:is(.dark *) =
{ --tw-ring-color: hsl(var(--purple-600)); }

.dark\:disabled\:hover\:bg-surface-l2:hover:disabled:is(.dark *) { backgrou=
nd-color: var(--surface-l2); }

.group\/xuser-card:hover .dark\:group-hover\/xuser-card\:from-surface-l2:is=
(.dark *) { --tw-gradient-from: var(--surface-l2) var(--tw-gradient-from-po=
sition); --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position=
); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.dark\:data-\[state\=3Dactive\]\:border-border-l1[data-state=3D"active"]:is=
(.dark *) { border-color: var(--border-l1); }

.dark\:data-\[state\=3Dchecked\]\:bg-ivory[data-state=3D"checked"]:is(.dark=
 *) { background-color: hsl(var(--color-ivory)); }

.dark\:data-\[state\=3Dunchecked\]\:bg-button-secondary-selected[data-state=
=3D"unchecked"]:is(.dark *) { background-color: var(--button-secondary-sele=
cted); }

.dark\:data-\[state\=3Dunchecked\]\:bg-overlay[data-state=3D"unchecked"]:is=
(.dark *) { background-color: var(--overlay); }

@media (min-width: 375px) {
  .xs\:justify-center { justify-content: center; }
  .xs\:gap-3 { gap: 0.75rem; }
  .xs\:overflow-visible { overflow: visible; }
}

@media (min-width: 384px) {
  .min-\[384px\]\:w-max { width: max-content; }
  .min-\[384px\]\:min-w-52 { min-width: 13rem; }
}

@media (min-width: 640px) {
  .sm\:top-full { top: 100%; }
  .sm\:order-2 { order: 2; }
  .sm\:mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  .sm\:mx-auto { margin-left: auto; margin-right: auto; }
  .sm\:-mb-4 { margin-bottom: -1rem; }
  .sm\:mb-0 { margin-bottom: 0px; }
  .sm\:mb-10 { margin-bottom: 2.5rem; }
  .sm\:ms-0 { margin-inline-start: 0px; }
  .sm\:ms-1 { margin-inline-start: 0.25rem; }
  .sm\:mt-0 { margin-top: 0px; }
  .sm\:mt-20 { margin-top: 5rem; }
  .sm\:block { display: block; }
  .sm\:flex { display: flex; }
  .sm\:hidden { display: none; }
  .sm\:size-20 { width: 5rem; height: 5rem; }
  .sm\:size-4 { width: 1rem; height: 1rem; }
  .sm\:size-5 { width: 1.25rem; height: 1.25rem; }
  .sm\:max-h-\[calc\(100dvh-6rem\)\] { max-height: calc(100dvh - 6rem); }
  .sm\:w-28 { width: 7rem; }
  .sm\:w-64 { width: 16rem; }
  .sm\:w-\[400px\] { width: 400px; }
  .sm\:w-auto { width: auto; }
  .sm\:w-fit { width: fit-content; }
  .sm\:min-w-24 { min-width: 6rem; }
  .sm\:min-w-\[340px\] { min-width: 340px; }
  .sm\:max-w-\[250px\] { max-width: 250px; }
  .sm\:max-w-\[90\%\] { max-width: 90%; }
  .sm\:max-w-full { max-width: 100%; }
  .sm\:max-w-sm { max-width: 24rem; }
  .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .sm\:grid-cols-\[repeat\(auto-fit\,minmax\(200px\,1fr\)\)\] { grid-templa=
te-columns: repeat(auto-fit, minmax(200px, 1fr)); }
  .sm\:flex-row { flex-direction: row; }
  .sm\:flex-col { flex-direction: column; }
  .sm\:items-center { align-items: center; }
  .sm\:justify-start { justify-content: flex-start; }
  .sm\:justify-end { justify-content: flex-end; }
  .sm\:justify-center { justify-content: center; }
  .sm\:gap-20 { gap: 5rem; }
  .sm\:gap-4 { gap: 1rem; }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: =
0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc=
(.5rem * calc(1 - var(--tw-space-x-reverse))); }
  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: =
0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(=
1rem * calc(1 - var(--tw-space-x-reverse))); }
  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: =
0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bott=
om: calc(0px * var(--tw-space-y-reverse)); }
  .sm\:rounded-3xl { border-radius: 1.5rem; }
  .sm\:border-0 { border-width: 0px; }
  .sm\:border-l { border-left-width: 1px; }
  .sm\:border-input-border-focus { border-color: var(--input-border-focus);=
 }
  .sm\:bg-button-ghost-hover { background-color: var(--button-ghost-hover);=
 }
  .sm\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm\:pb-4 { padding-bottom: 1rem; }
  .sm\:pe-1 { padding-inline-end: 0.25rem; }
  .sm\:pl-3 { padding-left: 0.75rem; }
  .sm\:text-left { text-align: left; }
  .sm\:text-center { text-align: center; }
  .sm\:text-right { text-align: right; }
  .sm\:text-justify { text-align: justify; }
  .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .sm\:hover\:border-input-border-focus:hover { border-color: var(--input-b=
order-focus); }
  .sm\:hover\:bg-button-ghost-hover:hover { background-color: var(--button-=
ghost-hover); }
}

@media (min-width: 768px) {
  .md\:absolute { position: absolute; }
  .md\:right-4 { right: 1rem; }
  .md\:start-3 { inset-inline-start: 0.75rem; }
  .md\:-mx-4 { margin-left: -1rem; margin-right: -1rem; }
  .md\:mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .md\:-mr-8 { margin-right: -2rem; }
  .md\:mr-0 { margin-right: 0px; }
  .md\:block { display: block; }
  .md\:inline { display: inline; }
  .md\:flex { display: flex; }
  .md\:h-16 { height: 4rem; }
  .md\:h-3\/5 { height: 60%; }
  .md\:h-48 { height: 12rem; }
  .md\:h-\[min\(500px\,90dvh\)\] { height: min(500px, 90dvh); }
  .md\:min-h-\[420px\] { min-height: 420px; }
  .md\:w-40 { width: 10rem; }
  .md\:w-5\/6 { width: 83.3333%; }
  .md\:w-\[400px\] { width: 400px; }
  .md\:w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); }
  .md\:w-\[calc\(100dvw-32px\)\] { width: calc(100dvw - 32px); }
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width: var(--r=
adix-navigation-menu-viewport-width); }
  .md\:w-auto { width: auto; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .md\:flex-row { flex-direction: row; }
  .md\:overflow-hidden { overflow: hidden; }
  .md\:p-8 { padding: 2rem; }
  .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .md\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .md\:py-24 { padding-top: 6rem; padding-bottom: 6rem; }
  .md\:pb-32 { padding-bottom: 8rem; }
  .md\:pb-\[5\%\] { padding-bottom: 5%; }
  .md\:pr-4 { padding-right: 1rem; }
  .md\:ps-3 { padding-inline-start: 0.75rem; }
  .md\:pt-0 { padding-top: 0px; }
  .md\:pt-\[5\%\] { padding-top: 5%; }
  .md\:opacity-0 { opacity: 0; }
  .after\:md\:hidden::after { content: var(--tw-content); display: none; }
  .group\/item:active .md\:group-active\/item\:hidden, .group\/item:focus .=
md\:group-focus\/item\:hidden, .group\/item:hover .md\:group-hover\/item\:h=
idden { display: none; }
  .peer[data-variant=3D"inset"] ~ .md\:peer-data-\[variant\=3Dinset\]\:m-2 =
{ margin: 0.5rem; }
  .peer[data-state=3D"collapsed"][data-variant=3D"inset"] ~ .md\:peer-data-=
\[state\=3Dcollapsed\]\:peer-data-\[variant\=3Dinset\]\:ml-2 { margin-left:=
 0.5rem; }
  .peer[data-variant=3D"inset"] ~ .md\:peer-data-\[variant\=3Dinset\]\:ml-0=
 { margin-left: 0px; }
  .peer[data-variant=3D"inset"] ~ .md\:peer-data-\[variant\=3Dinset\]\:roun=
ded-xl { border-radius: 0.75rem; }
  .peer[data-variant=3D"inset"] ~ .md\:peer-data-\[variant\=3Dinset\]\:shad=
ow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);=
 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var=
(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var=
(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
}

@media (min-width: 1024px) {
  .lg\:fixed { position: fixed; }
  .lg\:left-auto { left: auto; }
  .lg\:right-0 { right: 0px; }
  .lg\:top-0 { top: 0px; }
  .lg\:flex { display: flex; }
  .lg\:h-full { height: 100%; }
  .lg\:max-h-none { max-height: none; }
  .lg\:w-3\/5 { width: 60%; }
  .lg\:w-5\/6 { width: 83.3333%; }
  .lg\:w-fit { width: fit-content; }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .lg\:flex-col { flex-direction: column; }
  .lg\:p-6 { padding: 1.5rem; }
}

@media (min-width: 1280px) {
  .xl\:col-span-2 { grid-column: span 2 / span 2; }
  .xl\:col-span-3 { grid-column: span 3 / span 3; }
  .xl\:max-w-6xl { max-width: 72rem; }
  .xl\:max-w-none { max-width: none; }
  .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}

@media (min-width: 1536px) {
  .\32 xl\:max-w-6xl { max-width: 72rem; }
}

.rtl\:data-\[state\=3Dchecked\]\:-translate-x-5[data-state=3D"checked"]:whe=
re([dir=3D"rtl"], [dir=3D"rtl"] *) { --tw-translate-x: -1.25rem; transform:=
 translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rot=
ate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale=
-x)) scaleY(var(--tw-scale-y)); }

@media print {
  .print\:hidden { display: none; }
  .print\:h-full { height: 100%; }
  .print\:max-w-none { max-width: none; }
}

.\[\&\:has\(\:is\(\*\)\:nth-last-child\(1\)\:not\(\:first-child\)\)\]\:pb-2=
:has(:is(*):last-child:not(:first-child)) { padding-bottom: 0.5rem; }

.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(> .day-range-end) { bor=
der-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius=
: calc(var(--radius) - 2px); }

.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(> .day-range-start) {=
 border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radi=
us: calc(var(--radius) - 2px); }

.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) { border=
-radius: calc(var(--radius) - 2px); }

.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) { backgro=
und-color: hsl(var(--accent)); }

.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected])=
:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bo=
ttom-left-radius: calc(var(--radius) - 2px); }

.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):=
last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bot=
tom-right-radius: calc(var(--radius) - 2px); }

.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-sel=
ected].day-outside) { background-color: hsl(var(--accent)/.5); }

.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-se=
lected].day-range-end) { border-top-right-radius: calc(var(--radius) - 2px)=
; border-bottom-right-radius: calc(var(--radius) - 2px); }

.\[\&\:has\(\[role\=3Dcheckbox\]\)\]\:pr-0:has([role=3D"checkbox"]) { paddi=
ng-right: 0px; }

.\[\&\>\#furigana\]\:opacity-60 > #furigana { opacity: 0.6; }

.\[\&\>\#mark\]\:block > #mark { display: block; }

.\[\&\>\#subtitle\]\:opacity-60 > #subtitle { opacity: 0.6; }

.\[\&\>\*\:first-child\]\:mt-0 > :first-child { margin-top: 0px; }

.\[\&\>\[role\=3Dcheckbox\]\]\:translate-y-\[2px\] > [role=3D"checkbox"] { =
--tw-translate-y: 2px; transform: translate(var(--tw-translate-x),var(--tw-=
translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--=
tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.\[\&\>button\]\:hidden > button { display: none; }

.\[\&\>div\>\*\:first-child\]\:my-0 > div > :first-child, .\[\&\>div\>\*\:l=
ast-child\]\:my-0 > div > :last-child { margin-top: 0px; margin-bottom: 0px=
; }

.\[\&\>div\]\:pb-0 > div { padding-bottom: 0px; }

.\[\&\>figure\]\:h-full > figure { height: 100%; }

.\[\&\>figure\]\:w-full > figure { width: 100%; }

.\[\&\>img\]\:h-full > img { height: 100%; }

.\[\&\>img\]\:w-full > img { width: 100%; }

.\[\&\>li\]\:flex > li { display: flex; }

.\[\&\>li\]\:items-center > li { align-items: center; }

.\[\&\>li\]\:gap-2 > li { gap: 0.5rem; }

.\[\&\>path\]\:hidden > path { display: none; }

@media (min-width: 640px) {
  .sm\:\[\&\>path\]\:block > path { display: block; }
  .sm\:\[\&\>path\]\:hidden > path { display: none; }
}

.\[\&\>span\:last-child\]\:truncate > span:last-child { overflow: hidden; t=
ext-overflow: ellipsis; white-space: nowrap; }

.\[\&\>svg\]\:h-2\.5 > svg { height: 0.625rem; }

.\[\&\>svg\]\:h-3 > svg { height: 0.75rem; }

.\[\&\>svg\]\:h-3\.5 > svg { height: 0.875rem; }

.\[\&\>svg\]\:h-4 > svg { height: 1rem; }

.\[\&\>svg\]\:w-2\.5 > svg { width: 0.625rem; }

.\[\&\>svg\]\:w-3 > svg { width: 0.75rem; }

.\[\&\>svg\]\:w-3\.5 > svg { width: 0.875rem; }

.\[\&\>svg\]\:w-4 > svg { width: 1rem; }

.\[\&\>svg\]\:shrink-0 > svg { flex-shrink: 0; }

.\[\&\>svg\]\:text-muted-foreground > svg { color: hsl(var(--muted-foregrou=
nd)); }

.\[\&\>svg\]\:text-primary > svg { color: hsl(var(--fg-primary)); }

.\[\&\>svg\]\:text-sidebar-accent-foreground > svg { color: hsl(var(--sideb=
ar-accent-foreground)); }

.\[\&\>thead\>tr\>th\:last-child\]\:pr-8 > thead > tr > th:last-child { pad=
ding-right: 2rem; }

.\[\&\>tr\]\:last\:border-b-0:last-child > tr { border-bottom-width: 0px; }

.\[\&\>ul\]\:m-0 > ul { margin: 0px; }

.\[\&\[data-checked\=3Dtrue\]\>\.task-item-content\>div\>p\:first-child\]\:=
text-muted-foreground[data-checked=3D"true"] > .task-item-content > div > p=
:first-child { color: hsl(var(--muted-foreground)); }

.\[\&\[data-checked\=3Dtrue\]\>\.task-item-content\>div\>p\:first-child\]\:=
line-through[data-checked=3D"true"] > .task-item-content > div > p:first-ch=
ild { text-decoration-line: line-through; }

.\[\&\[data-selected\=3D\'true\'\]\]\:after\:bg-card-hover[data-selected=3D=
"true"]::after { content: var(--tw-content); background-color: var(--card-h=
over); }

.\[\&_\.ProseMirror\]\:\!h-full .ProseMirror { height: 100% !important; }

.\[\&_\.ProseMirror\]\:\!outline-0 .ProseMirror { outline-width: 0px !impor=
tant; }

.\[\&_\.chat-input-backdrop\]\:bg-background .chat-input-backdrop { backgro=
und-color: var(--background); }

.dark\:\[\&_\.chat-input-backdrop\]\:bg-surface-l1 .chat-input-backdrop:is(=
.dark *) { background-color: var(--surface-l1); }

.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .rechart=
s-cartesian-axis-tick text { fill: hsl(var(--muted-foreground)); }

.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-=
curve.recharts-tooltip-cursor { stroke: var(--border-l1); }

.\[\&_\.recharts-dot\[stroke\=3D\'\#fff\'\]\]\:stroke-transparent .recharts=
-dot[stroke=3D"#fff"] { stroke: transparent; }

.\[\&_\.recharts-layer\]\:outline-none .recharts-layer { outline: transpare=
nt solid 2px; outline-offset: 2px; }

.\[\&_\.recharts-polar-grid_\[stroke\=3D\'\#ccc\'\]\]\:stroke-border .recha=
rts-polar-grid [stroke=3D"#ccc"] { stroke: var(--border-l1); }

.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radia=
l-bar-background-sector, .\[\&_\.recharts-rectangle\.recharts-tooltip-curso=
r\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: hsl(var=
(--muted)); }

.\[\&_\.recharts-reference-line_\[stroke\=3D\'\#ccc\'\]\]\:stroke-border .r=
echarts-reference-line [stroke=3D"#ccc"] { stroke: var(--border-l1); }

.\[\&_\.recharts-sector\[stroke\=3D\'\#fff\'\]\]\:stroke-transparent .recha=
rts-sector[stroke=3D"#fff"] { stroke: transparent; }

.\[\&_\.recharts-sector\]\:outline-none .recharts-sector, .\[\&_\.recharts-=
surface\]\:outline-none .recharts-surface { outline: transparent solid 2px;=
 outline-offset: 2px; }

.\[\&_\.tiptap_h1\.is-editor-empty\:first-child\:\:before\]\:pointer-events=
-none .tiptap h1.is-editor-empty:first-child::before { pointer-events: none=
; }

.\[\&_\.tiptap_h1\.is-editor-empty\:first-child\:\:before\]\:float-left .ti=
ptap h1.is-editor-empty:first-child::before { float: left; }

.\[\&_\.tiptap_h1\.is-editor-empty\:first-child\:\:before\]\:h-0 .tiptap h1=
.is-editor-empty:first-child::before { height: 0px; }

.\[\&_\.tiptap_h1\.is-editor-empty\:first-child\:\:before\]\:text-3xl .tipt=
ap h1.is-editor-empty:first-child::before { font-size: 1.875rem; line-heigh=
t: 2.25rem; }

.\[\&_\.tiptap_h1\.is-editor-empty\:first-child\:\:before\]\:font-bold .tip=
tap h1.is-editor-empty:first-child::before { font-weight: 700; }

.\[\&_\.tiptap_h1\.is-editor-empty\:first-child\:\:before\]\:text-primary\/=
20 .tiptap h1.is-editor-empty:first-child::before { color: hsl(var(--fg-pri=
mary)/.2); }

.\[\&_\.tiptap_h1\.is-editor-empty\:first-child\:\:before\]\:content-\[attr=
\(data-placeholder\)\] .tiptap h1.is-editor-empty:first-child::before { --t=
w-content: attr(data-placeholder); content: var(--tw-content); }

.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-left: 0=
.5rem; padding-right: 0.5rem; }

.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-top:=
 0.375rem; padding-bottom: 0.375rem; }

.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: 1=
3px; }

.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { font-wei=
ght: 500; }

.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] =
{ color: hsl(var(--muted-foreground)); }

.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-grou=
p]:not([hidden]) ~ [cmdk-group] { padding-top: 0px; }

.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-left: 0.5rem; padding-r=
ight: 0.5rem; }

.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: =
1.25rem; }

.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: 1=
.25rem; }

.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: 3rem; }

.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-left: 0.5rem; padding-rig=
ht: 0.5rem; }

.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-top: 0.75rem; padding-bot=
tom: 0.75rem; }

.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: 1.25rem; }

.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: 1.25rem; }

.\[\&_a\:hover\]\:text-secondary a:hover { color: hsl(var(--fg-secondary));=
 }

.\[\&_a\:not\(\.not-prose\)\:hover\]\:text-primary a:not(.not-prose):hover =
{ color: hsl(var(--fg-primary)); }

.\[\&_a\:not\(\.not-prose\)\:hover\]\:decoration-primary a:not(.not-prose):=
hover { text-decoration-color: hsl(var(--fg-primary)); }

.\[\&_a\:not\(\.not-prose\)\]\:text-current a:not(.not-prose) { color: curr=
entcolor; }

.\[\&_a\:not\(\.not-prose\)\]\:underline a:not(.not-prose) { text-decoratio=
n-line: underline; }

.\[\&_a\:not\(\.not-prose\)\]\:decoration-primary\/30 a:not(.not-prose) { t=
ext-decoration-color: hsl(var(--fg-primary)/.3); }

.\[\&_a\:not\(\.not-prose\)\]\:underline-offset-2 a:not(.not-prose) { text-=
underline-offset: 2px; }

.\[\&_a\]\:font-medium a { font-weight: 500; }

.\[\&_a\]\:text-primary a { color: hsl(var(--fg-primary)); }

.\[\&_a\]\:underline a { text-decoration-line: underline; }

.\[\&_a\]\:decoration-secondary a { text-decoration-color: hsl(var(--fg-sec=
ondary)); }

.\[\&_a\]\:decoration-solid a { text-decoration-style: solid; }

.\[\&_a\]\:underline-offset-2 a { text-underline-offset: 2px; }

.\[\&_div\+div\]\:\!mt-0 div + div { margin-top: 0px !important; }

.\[\&_h1\]\:leading-10 h1 { line-height: 2.5rem; }

.\[\&_h2\:not\(\.not-prose\)\:first-child\]\:mt-0 h2:not(.not-prose):first-=
child { margin-top: 0px; }

.\[\&_h2\]\:mb-2 h2 { margin-bottom: 0.5rem; }

.\[\&_h2\]\:leading-8 h2 { line-height: 2rem; }

.\[\&_h3\:not\(\.not-prose\)\:first-child\]\:mt-0 h3:not(.not-prose):first-=
child, .\[\&_h4\:not\(\.not-prose\)\:first-child\]\:mt-0 h4:not(.not-prose)=
:first-child { margin-top: 0px; }

.\[\&_li\>ol\]\:my-0 li > ol, .\[\&_li\>ul\]\:my-0 li > ul, .\[\&_ol\>li\>p=
\]\:my-0 ol > li > p, .\[\&_ol\]\:my-0 ol, .\[\&_p\]\:my-0 p { margin-top: =
0px; margin-bottom: 0px; }

.\[\&_p_strong\]\:font-bold p strong { font-weight: 700; }

.\[\&_svg\:not\(\[class\*\=3D\'size-\'\]\)\]\:size-4 svg:not([class*=3D"siz=
e-"]) { width: 1rem; height: 1rem; }

.\[\&_svg\:not\(\[class\*\=3D\'text-\'\]\)\]\:text-muted-foreground svg:not=
([class*=3D"text-"]) { color: hsl(var(--muted-foreground)); }

.\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }

.\[\&_svg\]\:size-4 svg { width: 1rem; height: 1rem; }

.\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; }

.\[\&_svg\]\:text-blue-300 svg { color: hsl(var(--blue-300)); }

.\[\&_svg\]\:text-orange-300 svg { color: hsl(var(--orange-300)); }

.\[\&_svg\]\:hover\:text-blue-300:hover svg { color: hsl(var(--blue-300)); =
}

.\[\&_svg\]\:hover\:text-fg-primary:hover svg { color: hsl(var(--fg-primary=
)); }

.\[\&_svg\]\:hover\:text-orange-300:hover svg { color: hsl(var(--orange-300=
)); }

.dark\:\[\&_svg\]\:text-blue-200 svg:is(.dark *) { color: hsl(var(--blue-20=
0)); }

.dark\:\[\&_svg\]\:text-orange-200 svg:is(.dark *) { color: hsl(var(--orang=
e-200)); }

.dark\:\[\&_svg\]\:hover\:text-blue-200:hover svg:is(.dark *) { color: hsl(=
var(--blue-200)); }

.dark\:\[\&_svg\]\:hover\:text-orange-200:hover svg:is(.dark *) { color: hs=
l(var(--orange-200)); }

.\[\&_tr\:last-child\]\:border-0 tr:last-child { border-width: 0px; }

.\[\&_tr\]\:border-b-0 tr { border-bottom-width: 0px; }

.\[\&_ul\>li\>p\]\:my-0 ul > li > p { margin-top: 0px; margin-bottom: 0px; =
}

.\[\&_ul\]\:m-0 ul { margin: 0px; }

.\[\&_ul\]\:my-0 ul { margin-top: 0px; margin-bottom: 0px; }

.last-response .\[\.last-response_\&\]\:opacity-100 { opacity: 1; }

.last-response .\[\.last-response_\&\]\:disabled\:opacity-60:disabled { opa=
city: 0.6; }

[data-side=3D"left"][data-collapsible=3D"offcanvas"] .\[\[data-side\=3Dleft=
\]\[data-collapsible\=3Doffcanvas\]_\&\]\:-right-2 { right: -0.5rem; }

[data-side=3D"left"][data-state=3D"collapsed"] .\[\[data-side\=3Dleft\]\[da=
ta-state\=3Dcollapsed\]_\&\]\:cursor-e-resize { cursor: e-resize; }

[data-side=3D"left"] .\[\[data-side\=3Dleft\]_\&\]\:cursor-w-resize { curso=
r: w-resize; }

[data-side=3D"right"][data-collapsible=3D"offcanvas"] .\[\[data-side\=3Drig=
ht\]\[data-collapsible\=3Doffcanvas\]_\&\]\:-left-2 { left: -0.5rem; }

[data-side=3D"right"][data-state=3D"collapsed"] .\[\[data-side\=3Dright\]\[=
data-state\=3Dcollapsed\]_\&\]\:cursor-w-resize { cursor: w-resize; }

[data-side=3D"right"] .\[\[data-side\=3Dright\]_\&\]\:cursor-e-resize { cur=
sor: e-resize; }
------MultipartBoundary--eCZqYQTKrSuXs2w6OoKyo4Qe7APU4TOajiumXkTIP9----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://grok.com/_next/static/css/5cb590abb3f80466.css

@charset "utf-8";

.gdg-r17m35ur { -webkit-box-flex: 1; flex-grow: 1; border: none; outline: n=
one; background-color: var(--gdg-bg-header-has-focus); border-radius: 9px; =
padding: 0px 8px; box-shadow: 0 0 0 1px var(--gdg-border-color); color: var=
(--gdg-text-group-header); min-height: var(--r17m35ur-0); font: var(--gdg-h=
eader-font-style) var(--gdg-font-family); }

.gdg-c1tqibwd { padding: 0px 8px; -webkit-box-align: center; align-items: c=
enter; background-color: var(--gdg-bg-header); }

.gdg-c1tqibwd, .gdg-d19meir1 { display: flex; }

.gdg-d19meir1 { position: absolute; flex-direction: column; overflow: hidde=
n; box-sizing: border-box; --overlay-top: var(--d19meir1-0); left: var(--d1=
9meir1-1); top: var(--d19meir1-0); min-width: var(--d19meir1-2); min-height=
: var(--d19meir1-3); width: max-content; max-width: 400px; max-height: calc=
(100vh - var(--d19meir1-4)); font-family: var(--gdg-font-family); font-size=
: var(--gdg-editor-font-size); text-align: start; }

@-webkit-keyframes glide_fade_in-gdg-d19meir1 {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes glide_fade_in-gdg-d19meir1 {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.gdg-d19meir1.gdg-style { border-radius: 2px; background-color: var(--gdg-b=
g-cell); box-shadow: 0 0 0 1px var(--gdg-accent-color),0 0 1px rgba(62,65,8=
6,.4),0 6px 12px rgba(62,65,86,.15); animation: 60ms ease 0s 1 normal none =
running glide_fade_in-gdg-d19meir1; }

.gdg-d19meir1.gdg-pad { padding: var(--d19meir1-5) 8.5px 3px; }

.gdg-d19meir1 .gdg-clip-region { display: flex; flex-direction: column; ove=
rflow: hidden auto; border-radius: 2px; -webkit-box-flex: 1; flex-grow: 1; =
}

.gdg-d19meir1 .gdg-clip-region .gdg-growing-entry { height: 100%; }

.gdg-d19meir1 .gdg-clip-region input.gdg-input { width: 100%; border: 0px; =
outline: none; }

.gdg-d19meir1 .gdg-clip-region textarea.gdg-input { border: 0px; outline: n=
one; }

.gdg-b1ygi5by { flex-wrap: wrap; margin-top: auto; margin-bottom: auto; }

.gdg-b1ygi5by, .gdg-b1ygi5by .boe-bubble { display: flex; }

.gdg-b1ygi5by .boe-bubble { -webkit-box-pack: center; justify-content: cent=
er; -webkit-box-align: center; align-items: center; border-radius: var(--gd=
g-rounding-radius,10px); padding: 0px 8px; height: 20px; background-color: =
var(--gdg-bg-bubble); color: var(--gdg-text-dark); margin: 2px; }

.gdg-b1ygi5by textarea { position: absolute; top: 0px; left: 0px; width: 0p=
x; height: 0px; opacity: 0; }

.gdg-u1rrojo { display: flex; -webkit-box-align: center; align-items: cente=
r; min-height: 21px; }

.gdg-u1rrojo, .gdg-u1rrojo .gdg-link-area { -webkit-box-flex: 1; flex-grow:=
 1; }

.gdg-u1rrojo .gdg-link-area { flex-shrink: 1; cursor: pointer; margin-right=
: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; colo=
r: var(--gdg-link-color); text-decoration: underline !important; }

.gdg-u1rrojo .gdg-edit-icon { flex-shrink: 0; width: 32px; color: var(--gdg=
-accent-color); cursor: pointer; display: flex; -webkit-box-pack: center; j=
ustify-content: center; -webkit-box-align: center; align-items: center; }

.gdg-u1rrojo .gdg-edit-icon > * { width: 24px; height: 24px; }

.gdg-u1rrojo textarea { position: absolute; top: 0px; left: 0px; width: 0px=
; height: 0px; opacity: 0; }

.gdg-n15fjm3e { display: flex; margin: 6px 0px 3px; color: var(--gdg-text-d=
ark); }

.gdg-n15fjm3e > input { font-size: var(--gdg-editor-font-size); padding: 0p=
x; font-family: var(--gdg-font-family); color: var(--gdg-text-dark); backgr=
ound-color: var(--gdg-bg-cell); }

.gdg-i2iowwq, .gdg-i2iowwq .gdg-centering-container { display: flex; height=
: 100%; }

.gdg-i2iowwq .gdg-centering-container { -webkit-box-pack: center; justify-c=
ontent: center; -webkit-box-align: center; align-items: center; }

.gdg-i2iowwq .gdg-centering-container canvas, .gdg-i2iowwq .gdg-centering-c=
ontainer img { max-height: calc(100vh - var(--overlay-top) - 20px); object-=
fit: contain; user-select: none; }

.gdg-i2iowwq .gdg-centering-container canvas { max-width: 380px; }

.gdg-i2iowwq .gdg-edit-icon { position: absolute; top: 12px; right: 0px; wi=
dth: 48px; height: 48px; color: var(--gdg-accent-color); cursor: pointer; d=
isplay: flex; -webkit-box-pack: center; justify-content: center; -webkit-bo=
x-align: center; align-items: center; }

.gdg-i2iowwq .gdg-edit-icon > * { width: 24px; height: 24px; }

.gdg-i2iowwq textarea { position: absolute; top: 0px; left: 0px; width: 0px=
; height: 0px; opacity: 0; }

.gdg-m1pnx84e { min-width: var(--m1pnx84e-0); width: 100%; display: flex; a=
lign-items: flex-start; -webkit-box-pack: justify; justify-content: space-b=
etween; position: relative; color: var(--gdg-text-dark); }

.gdg-m1pnx84e .gdg-g1y0xocz { flex-shrink: 1; min-width: 0px; }

.gdg-m1pnx84e .gdg-spacer { flex: 1 1 0%; }

.gdg-m1pnx84e .gdg-edit-icon { position: relative; cursor: pointer; display=
: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-alig=
n: center; align-items: center; color: var(--gdg-accent-color); padding: 0p=
x; height: 24px; width: 24px; flex-shrink: 0; border-radius: 6px; }

.gdg-m1pnx84e .gdg-edit-icon > * { width: 16px; height: 16px; }

.gdg-m1pnx84e .gdg-edit-hover:hover { background-color: var(--gdg-accent-li=
ght); transition: background-color 0.15s ease 0s; }

.gdg-m1pnx84e .gdg-checkmark-hover:hover { color: rgb(255, 255, 255); backg=
round-color: var(--gdg-accent-color); }

.gdg-m1pnx84e .gdg-md-edit-textarea { position: relative; top: 0px; left: 0=
px; width: 0px; height: 0px; margin-top: 25px; opacity: 0; padding: 0px; }

.gdg-m1pnx84e .gdg-ml-6 { margin-left: 6px; }

.gdg-d4zsq0x { flex-wrap: wrap; }

.gdg-d4zsq0x, .gdg-d4zsq0x .doe-bubble { display: flex; }

.gdg-d4zsq0x .doe-bubble { -webkit-box-pack: center; justify-content: cente=
r; -webkit-box-align: center; align-items: center; padding: 0px 8px; height=
: 24px; background-color: var(--gdg-bg-cell); color: var(--gdg-text-dark); =
margin: 2px; border-radius: var(--gdg-rounding-radius,6px); box-shadow: rgb=
a(62, 65, 86, 0.4) 0px 0px 1px, rgba(62, 65, 86, 0.4) 0px 1px 3px; }

.gdg-d4zsq0x .doe-bubble img { height: 16px; object-fit: contain; margin-ri=
ght: 4px; }

.gdg-d4zsq0x textarea { position: absolute; top: 0px; left: 0px; width: 0px=
; height: 0px; opacity: 0; }

.gdg-s1dgczr6 .dvn-scroller { overflow: var(--s1dgczr6-0); transform: trans=
lateZ(0px); }

.gdg-s1dgczr6 .dvn-hidden { visibility: hidden; }

.gdg-s1dgczr6 .dvn-scroll-inner { display: flex; pointer-events: none; }

.gdg-s1dgczr6 .dvn-scroll-inner > * { flex-shrink: 0; }

.gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer { -webkit-box-flex: 1; flex-gro=
w: 1; }

.gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack { display: flex; flex-direction:=
 column; }

.gdg-s1dgczr6 .dvn-underlay > * { position: absolute; left: 0px; top: 0px; =
}

.gdg-s1dgczr6 canvas { outline: none; }

.gdg-s1dgczr6 canvas * { height: 0px; }

.gdg-izpuzkl { position: absolute; inset: 0px; width: 100%; height: 100%; b=
order-radius: 0px; resize: none; white-space: pre-wrap; min-width: 100%; ov=
erflow: hidden; border: 0px; background-color: transparent; font-size: var(=
--gdg-editor-font-size); line-height: 16px; font-family: var(--gdg-font-fam=
ily); -webkit-text-fill-color: var(--gdg-text-dark); color: var(--gdg-text-=
dark); padding: 0px; margin: 0px; }

.gdg-izpuzkl::-webkit-input-placeholder { color: var(--gdg-text-light); }

.gdg-izpuzkl::placeholder { color: var(--gdg-text-light); }

.gdg-invalid .gdg-izpuzkl { text-decoration: underline rgb(214, 6, 6); }

.gdg-s69h75o { visibility: hidden; white-space: pre-wrap; overflow-wrap: br=
eak-word; width: max-content; max-width: 100%; min-width: 100%; font-size: =
var(--gdg-editor-font-size); line-height: 16px; font-family: var(--gdg-font=
-family); color: var(--gdg-text-dark); margin: 0px; padding: 0px 0px 2px; }

.gdg-g1y0xocz { position: relative; margin-top: 6px; }

.gdg-wmyidgi { position: relative; min-width: 10px; min-height: 10px; max-w=
idth: 100%; max-height: 100%; width: var(--wmyidgi-0); height: var(--wmyidg=
i-1); overflow: clip; direction: ltr; }

.gdg-wmyidgi > :first-child { position: absolute; left: 0px; top: 0px; widt=
h: 100%; height: 100%; }

.gdg-seveqep { position: absolute; top: 4px; right: 20px; background-color:=
 var(--gdg-bg-cell); color: var(--gdg-text-dark); padding: 8px; border: 1px=
 solid var(--gdg-border-color); border-radius: 6px; font-size: var(--gdg-ed=
itor-font-size); animation: 0.15s ease 0s 1 normal forwards running gdg-sea=
rch-fadein-gdg-seveqep; }

.gdg-seveqep.out { animation: 0.15s ease 0s 1 normal forwards running gdg-s=
earch-fadeout-gdg-seveqep; }

.gdg-seveqep .gdg-search-bar-inner { display: flex; }

.gdg-seveqep .gdg-search-status { padding-top: 4px; font-size: 11px; }

.gdg-seveqep .gdg-search-progress { position: absolute; height: 4px; left: =
0px; bottom: 0px; background-color: var(--gdg-text-light); }

.gdg-seveqep input { width: 220px; color: var(--gdg-textDark); background-c=
olor: var(--gdg-bg-cell); border: 0px; outline: none; }

.gdg-seveqep button { width: 24px; height: 24px; padding: 0px; border: none=
; outline: none; background: none; display: flex; -webkit-box-pack: center;=
 justify-content: center; -webkit-box-align: center; align-items: center; c=
ursor: pointer; color: var(--gdg-text-medium); }

.gdg-seveqep button:hover { color: var(--gdg-text-dark); }

.gdg-seveqep button .button-icon { width: 16px; height: 16px; }

.gdg-seveqep button:disabled { opacity: 0.4; pointer-events: none; }

@-webkit-keyframes gdg-search-fadeout-gdg-seveqep {=20
  0% { transform: translateX(0px); }
  100% { transform: translateX(400px); }
}

@keyframes gdg-search-fadeout-gdg-seveqep {=20
  0% { transform: translateX(0px); }
  100% { transform: translateX(400px); }
}

@-webkit-keyframes gdg-search-fadein-gdg-seveqep {=20
  0% { transform: translateX(400px); }
  100% { transform: translateX(0px); }
}

@keyframes gdg-search-fadein-gdg-seveqep {=20
  0% { transform: translateX(400px); }
  100% { transform: translateX(0px); }
}

.gdg-mnuv029 { word-break: break-word; padding-top: 6px; }

.gdg-mnuv029 > * { margin: 0px; }

.gdg-mnuv029 :last-child { margin-bottom: 0px; }

.gdg-mnuv029 p img { width: 100%; }

@font-face { font-family: KaTeX_AMS; font-style: normal; font-weight: 400; =
src: url("/_next/static/media/KaTeX_AMS-Regular.a79f1c31.woff2") format("wo=
ff2"), url("/_next/static/media/KaTeX_AMS-Regular.1608a09b.woff") format("w=
off"), url("/_next/static/media/KaTeX_AMS-Regular.4aafdb68.ttf") format("tr=
uetype"); }

@font-face { font-family: KaTeX_Caligraphic; font-style: normal; font-weigh=
t: 700; src: url("/_next/static/media/KaTeX_Caligraphic-Bold.ec17d132.woff2=
") format("woff2"), url("/_next/static/media/KaTeX_Caligraphic-Bold.b677091=
8.woff") format("woff"), url("/_next/static/media/KaTeX_Caligraphic-Bold.cc=
e5b8ec.ttf") format("truetype"); }

@font-face { font-family: KaTeX_Caligraphic; font-style: normal; font-weigh=
t: 400; src: url("/_next/static/media/KaTeX_Caligraphic-Regular.55fac258.wo=
ff2") format("woff2"), url("/_next/static/media/KaTeX_Caligraphic-Regular.d=
ad44a7f.woff") format("woff"), url("/_next/static/media/KaTeX_Caligraphic-R=
egular.07ef19e7.ttf") format("truetype"); }

@font-face { font-family: KaTeX_Fraktur; font-style: normal; font-weight: 7=
00; src: url("/_next/static/media/KaTeX_Fraktur-Bold.d42a5579.woff2") forma=
t("woff2"), url("/_next/static/media/KaTeX_Fraktur-Bold.9f256b85.woff") for=
mat("woff"), url("/_next/static/media/KaTeX_Fraktur-Bold.b18f59e1.ttf") for=
mat("truetype"); }

@font-face { font-family: KaTeX_Fraktur; font-style: normal; font-weight: 4=
00; src: url("/_next/static/media/KaTeX_Fraktur-Regular.d3c882a6.woff2") fo=
rmat("woff2"), url("/_next/static/media/KaTeX_Fraktur-Regular.7c187121.woff=
") format("woff"), url("/_next/static/media/KaTeX_Fraktur-Regular.ed38e79f.=
ttf") format("truetype"); }

@font-face { font-family: KaTeX_Main; font-style: normal; font-weight: 700;=
 src: url("/_next/static/media/KaTeX_Main-Bold.c3fb5ac2.woff2") format("wof=
f2"), url("/_next/static/media/KaTeX_Main-Bold.d181c465.woff") format("woff=
"), url("/_next/static/media/KaTeX_Main-Bold.b74a1a8b.ttf") format("truetyp=
e"); }

@font-face { font-family: KaTeX_Main; font-style: italic; font-weight: 700;=
 src: url("/_next/static/media/KaTeX_Main-BoldItalic.6f2bb1df.woff2") forma=
t("woff2"), url("/_next/static/media/KaTeX_Main-BoldItalic.e3f82f9d.woff") =
format("woff"), url("/_next/static/media/KaTeX_Main-BoldItalic.70d8b0a5.ttf=
") format("truetype"); }

@font-face { font-family: KaTeX_Main; font-style: italic; font-weight: 400;=
 src: url("/_next/static/media/KaTeX_Main-Italic.8916142b.woff2") format("w=
off2"), url("/_next/static/media/KaTeX_Main-Italic.9024d815.woff") format("=
woff"), url("/_next/static/media/KaTeX_Main-Italic.47373d1e.ttf") format("t=
ruetype"); }

@font-face { font-family: KaTeX_Main; font-style: normal; font-weight: 400;=
 src: url("/_next/static/media/KaTeX_Main-Regular.0462f03b.woff2") format("=
woff2"), url("/_next/static/media/KaTeX_Main-Regular.7f51fe03.woff") format=
("woff"), url("/_next/static/media/KaTeX_Main-Regular.b7f8fe9b.ttf") format=
("truetype"); }

@font-face { font-family: KaTeX_Math; font-style: italic; font-weight: 700;=
 src: url("/_next/static/media/KaTeX_Math-BoldItalic.572d331f.woff2") forma=
t("woff2"), url("/_next/static/media/KaTeX_Math-BoldItalic.f1035d8d.woff") =
format("woff"), url("/_next/static/media/KaTeX_Math-BoldItalic.a879cf83.ttf=
") format("truetype"); }

@font-face { font-family: KaTeX_Math; font-style: italic; font-weight: 400;=
 src: url("/_next/static/media/KaTeX_Math-Italic.f28c23ac.woff2") format("w=
off2"), url("/_next/static/media/KaTeX_Math-Italic.5295ba48.woff") format("=
woff"), url("/_next/static/media/KaTeX_Math-Italic.939bc644.ttf") format("t=
ruetype"); }

@font-face { font-family: KaTeX_SansSerif; font-style: normal; font-weight:=
 700; src: url("/_next/static/media/KaTeX_SansSerif-Bold.8c5b5494.woff2") f=
ormat("woff2"), url("/_next/static/media/KaTeX_SansSerif-Bold.bf59d231.woff=
") format("woff"), url("/_next/static/media/KaTeX_SansSerif-Bold.94e1e8dc.t=
tf") format("truetype"); }

@font-face { font-family: KaTeX_SansSerif; font-style: italic; font-weight:=
 400; src: url("/_next/static/media/KaTeX_SansSerif-Italic.3b1e59b3.woff2")=
 format("woff2"), url("/_next/static/media/KaTeX_SansSerif-Italic.7c9bc82b.=
woff") format("woff"), url("/_next/static/media/KaTeX_SansSerif-Italic.b4c2=
0c84.ttf") format("truetype"); }

@font-face { font-family: KaTeX_SansSerif; font-style: normal; font-weight:=
 400; src: url("/_next/static/media/KaTeX_SansSerif-Regular.ba21ed5f.woff2"=
) format("woff2"), url("/_next/static/media/KaTeX_SansSerif-Regular.7404847=
8.woff") format("woff"), url("/_next/static/media/KaTeX_SansSerif-Regular.d=
4d7ba48.ttf") format("truetype"); }

@font-face { font-family: KaTeX_Script; font-style: normal; font-weight: 40=
0; src: url("/_next/static/media/KaTeX_Script-Regular.03e9641d.woff2") form=
at("woff2"), url("/_next/static/media/KaTeX_Script-Regular.07505710.woff") =
format("woff"), url("/_next/static/media/KaTeX_Script-Regular.fe9cbbe1.ttf"=
) format("truetype"); }

@font-face { font-family: KaTeX_Size1; font-style: normal; font-weight: 400=
; src: url("/_next/static/media/KaTeX_Size1-Regular.eae34984.woff2") format=
("woff2"), url("/_next/static/media/KaTeX_Size1-Regular.e1e279cb.woff") for=
mat("woff"), url("/_next/static/media/KaTeX_Size1-Regular.fabc004a.ttf") fo=
rmat("truetype"); }

@font-face { font-family: KaTeX_Size2; font-style: normal; font-weight: 400=
; src: url("/_next/static/media/KaTeX_Size2-Regular.5916a24f.woff2") format=
("woff2"), url("/_next/static/media/KaTeX_Size2-Regular.57727022.woff") for=
mat("woff"), url("/_next/static/media/KaTeX_Size2-Regular.d6b476ec.ttf") fo=
rmat("truetype"); }

@font-face { font-family: KaTeX_Size3; font-style: normal; font-weight: 400=
; src: url("/_next/static/media/KaTeX_Size3-Regular.b4230e7e.woff2") format=
("woff2"), url("/_next/static/media/KaTeX_Size3-Regular.9acaf01c.woff") for=
mat("woff"), url("/_next/static/media/KaTeX_Size3-Regular.a144ef58.ttf") fo=
rmat("truetype"); }

@font-face { font-family: KaTeX_Size4; font-style: normal; font-weight: 400=
; src: url("/_next/static/media/KaTeX_Size4-Regular.10d95fd3.woff2") format=
("woff2"), url("/_next/static/media/KaTeX_Size4-Regular.7a996c9d.woff") for=
mat("woff"), url("/_next/static/media/KaTeX_Size4-Regular.fbccdabe.ttf") fo=
rmat("truetype"); }

@font-face { font-family: KaTeX_Typewriter; font-style: normal; font-weight=
: 400; src: url("/_next/static/media/KaTeX_Typewriter-Regular.a8709e36.woff=
2") format("woff2"), url("/_next/static/media/KaTeX_Typewriter-Regular.6258=
592b.woff") format("woff"), url("/_next/static/media/KaTeX_Typewriter-Regul=
ar.d97aaf4a.ttf") format("truetype"); }

.katex { font: 1.21em / 1.2 KaTeX_Main, "Times New Roman", serif; text-inde=
nt: 0px; text-rendering: auto; }

.katex * { border-color: currentcolor; }

.katex .katex-version::after { content: "0.16.11"; }

.katex .katex-mathml { clip: rect(1px, 1px, 1px, 1px); border: 0px; height:=
 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }

.katex .katex-html > .newline { display: block; }

.katex .base { position: relative; white-space: nowrap; width: min-content;=
 }

.katex .base, .katex .strut { display: inline-block; }

.katex .textbf { font-weight: 700; }

.katex .textit { font-style: italic; }

.katex .textrm { font-family: KaTeX_Main; }

.katex .textsf { font-family: KaTeX_SansSerif; }

.katex .texttt { font-family: KaTeX_Typewriter; }

.katex .mathnormal { font-family: KaTeX_Math; font-style: italic; }

.katex .mathit { font-family: KaTeX_Main; font-style: italic; }

.katex .mathrm { font-style: normal; }

.katex .mathbf { font-family: KaTeX_Main; font-weight: 700; }

.katex .boldsymbol { font-family: KaTeX_Math; font-style: italic; font-weig=
ht: 700; }

.katex .amsrm, .katex .mathbb, .katex .textbb { font-family: KaTeX_AMS; }

.katex .mathcal { font-family: KaTeX_Caligraphic; }

.katex .mathfrak, .katex .textfrak { font-family: KaTeX_Fraktur; }

.katex .mathboldfrak, .katex .textboldfrak { font-family: KaTeX_Fraktur; fo=
nt-weight: 700; }

.katex .mathtt { font-family: KaTeX_Typewriter; }

.katex .mathscr, .katex .textscr { font-family: KaTeX_Script; }

.katex .mathsf, .katex .textsf { font-family: KaTeX_SansSerif; }

.katex .mathboldsf, .katex .textboldsf { font-family: KaTeX_SansSerif; font=
-weight: 700; }

.katex .mathitsf, .katex .textitsf { font-family: KaTeX_SansSerif; font-sty=
le: italic; }

.katex .mainrm { font-family: KaTeX_Main; font-style: normal; }

.katex .vlist-t { border-collapse: collapse; display: inline-table; table-l=
ayout: fixed; }

.katex .vlist-r { display: table-row; }

.katex .vlist { display: table-cell; position: relative; vertical-align: bo=
ttom; }

.katex .vlist > span { display: block; height: 0px; position: relative; }

.katex .vlist > span > span { display: inline-block; }

.katex .vlist > span > .pstrut { overflow: hidden; width: 0px; }

.katex .vlist-t2 { margin-right: -2px; }

.katex .vlist-s { display: table-cell; font-size: 1px; min-width: 2px; vert=
ical-align: bottom; width: 2px; }

.katex .vbox { align-items: baseline; display: inline-flex; flex-direction:=
 column; }

.katex .hbox { width: 100%; }

.katex .hbox, .katex .thinbox { display: inline-flex; flex-direction: row; =
}

.katex .thinbox { max-width: 0px; width: 0px; }

.katex .msupsub { text-align: left; }

.katex .mfrac > span > span { text-align: center; }

.katex .mfrac .frac-line { border-bottom-style: solid; display: inline-bloc=
k; width: 100%; }

.katex .hdashline, .katex .hline, .katex .mfrac .frac-line, .katex .overlin=
e .overline-line, .katex .rule, .katex .underline .underline-line { min-hei=
ght: 1px; }

.katex .mspace { display: inline-block; }

.katex .clap, .katex .llap, .katex .rlap { position: relative; width: 0px; =
}

.katex .clap > .inner, .katex .llap > .inner, .katex .rlap > .inner { posit=
ion: absolute; }

.katex .clap > .fix, .katex .llap > .fix, .katex .rlap > .fix { display: in=
line-block; }

.katex .llap > .inner { right: 0px; }

.katex .clap > .inner, .katex .rlap > .inner { left: 0px; }

.katex .clap > .inner > span { margin-left: -50%; margin-right: 50%; }

.katex .rule { border: 0px solid; display: inline-block; position: relative=
; }

.katex .hline, .katex .overline .overline-line, .katex .underline .underlin=
e-line { border-bottom-style: solid; display: inline-block; width: 100%; }

.katex .hdashline { border-bottom-style: dashed; display: inline-block; wid=
th: 100%; }

.katex .sqrt > .root { margin-left: 0.277778em; margin-right: -0.555556em; =
}

.katex .fontsize-ensurer.reset-size1.size1, .katex .sizing.reset-size1.size=
1 { font-size: 1em; }

.katex .fontsize-ensurer.reset-size1.size2, .katex .sizing.reset-size1.size=
2 { font-size: 1.2em; }

.katex .fontsize-ensurer.reset-size1.size3, .katex .sizing.reset-size1.size=
3 { font-size: 1.4em; }

.katex .fontsize-ensurer.reset-size1.size4, .katex .sizing.reset-size1.size=
4 { font-size: 1.6em; }

.katex .fontsize-ensurer.reset-size1.size5, .katex .sizing.reset-size1.size=
5 { font-size: 1.8em; }

.katex .fontsize-ensurer.reset-size1.size6, .katex .sizing.reset-size1.size=
6 { font-size: 2em; }

.katex .fontsize-ensurer.reset-size1.size7, .katex .sizing.reset-size1.size=
7 { font-size: 2.4em; }

.katex .fontsize-ensurer.reset-size1.size8, .katex .sizing.reset-size1.size=
8 { font-size: 2.88em; }

.katex .fontsize-ensurer.reset-size1.size9, .katex .sizing.reset-size1.size=
9 { font-size: 3.456em; }

.katex .fontsize-ensurer.reset-size1.size10, .katex .sizing.reset-size1.siz=
e10 { font-size: 4.148em; }

.katex .fontsize-ensurer.reset-size1.size11, .katex .sizing.reset-size1.siz=
e11 { font-size: 4.976em; }

.katex .fontsize-ensurer.reset-size2.size1, .katex .sizing.reset-size2.size=
1 { font-size: 0.833333em; }

.katex .fontsize-ensurer.reset-size2.size2, .katex .sizing.reset-size2.size=
2 { font-size: 1em; }

.katex .fontsize-ensurer.reset-size2.size3, .katex .sizing.reset-size2.size=
3 { font-size: 1.16667em; }

.katex .fontsize-ensurer.reset-size2.size4, .katex .sizing.reset-size2.size=
4 { font-size: 1.33333em; }

.katex .fontsize-ensurer.reset-size2.size5, .katex .sizing.reset-size2.size=
5 { font-size: 1.5em; }

.katex .fontsize-ensurer.reset-size2.size6, .katex .sizing.reset-size2.size=
6 { font-size: 1.66667em; }

.katex .fontsize-ensurer.reset-size2.size7, .katex .sizing.reset-size2.size=
7 { font-size: 2em; }

.katex .fontsize-ensurer.reset-size2.size8, .katex .sizing.reset-size2.size=
8 { font-size: 2.4em; }

.katex .fontsize-ensurer.reset-size2.size9, .katex .sizing.reset-size2.size=
9 { font-size: 2.88em; }

.katex .fontsize-ensurer.reset-size2.size10, .katex .sizing.reset-size2.siz=
e10 { font-size: 3.45667em; }

.katex .fontsize-ensurer.reset-size2.size11, .katex .sizing.reset-size2.siz=
e11 { font-size: 4.14667em; }

.katex .fontsize-ensurer.reset-size3.size1, .katex .sizing.reset-size3.size=
1 { font-size: 0.714286em; }

.katex .fontsize-ensurer.reset-size3.size2, .katex .sizing.reset-size3.size=
2 { font-size: 0.857143em; }

.katex .fontsize-ensurer.reset-size3.size3, .katex .sizing.reset-size3.size=
3 { font-size: 1em; }

.katex .fontsize-ensurer.reset-size3.size4, .katex .sizing.reset-size3.size=
4 { font-size: 1.14286em; }

.katex .fontsize-ensurer.reset-size3.size5, .katex .sizing.reset-size3.size=
5 { font-size: 1.28571em; }

.katex .fontsize-ensurer.reset-size3.size6, .katex .sizing.reset-size3.size=
6 { font-size: 1.42857em; }

.katex .fontsize-ensurer.reset-size3.size7, .katex .sizing.reset-size3.size=
7 { font-size: 1.71429em; }

.katex .fontsize-ensurer.reset-size3.size8, .katex .sizing.reset-size3.size=
8 { font-size: 2.05714em; }

.katex .fontsize-ensurer.reset-size3.size9, .katex .sizing.reset-size3.size=
9 { font-size: 2.46857em; }

.katex .fontsize-ensurer.reset-size3.size10, .katex .sizing.reset-size3.siz=
e10 { font-size: 2.96286em; }

.katex .fontsize-ensurer.reset-size3.size11, .katex .sizing.reset-size3.siz=
e11 { font-size: 3.55429em; }

.katex .fontsize-ensurer.reset-size4.size1, .katex .sizing.reset-size4.size=
1 { font-size: 0.625em; }

.katex .fontsize-ensurer.reset-size4.size2, .katex .sizing.reset-size4.size=
2 { font-size: 0.75em; }

.katex .fontsize-ensurer.reset-size4.size3, .katex .sizing.reset-size4.size=
3 { font-size: 0.875em; }

.katex .fontsize-ensurer.reset-size4.size4, .katex .sizing.reset-size4.size=
4 { font-size: 1em; }

.katex .fontsize-ensurer.reset-size4.size5, .katex .sizing.reset-size4.size=
5 { font-size: 1.125em; }

.katex .fontsize-ensurer.reset-size4.size6, .katex .sizing.reset-size4.size=
6 { font-size: 1.25em; }

.katex .fontsize-ensurer.reset-size4.size7, .katex .sizing.reset-size4.size=
7 { font-size: 1.5em; }

.katex .fontsize-ensurer.reset-size4.size8, .katex .sizing.reset-size4.size=
8 { font-size: 1.8em; }

.katex .fontsize-ensurer.reset-size4.size9, .katex .sizing.reset-size4.size=
9 { font-size: 2.16em; }

.katex .fontsize-ensurer.reset-size4.size10, .katex .sizing.reset-size4.siz=
e10 { font-size: 2.5925em; }

.katex .fontsize-ensurer.reset-size4.size11, .katex .sizing.reset-size4.siz=
e11 { font-size: 3.11em; }

.katex .fontsize-ensurer.reset-size5.size1, .katex .sizing.reset-size5.size=
1 { font-size: 0.555556em; }

.katex .fontsize-ensurer.reset-size5.size2, .katex .sizing.reset-size5.size=
2 { font-size: 0.666667em; }

.katex .fontsize-ensurer.reset-size5.size3, .katex .sizing.reset-size5.size=
3 { font-size: 0.777778em; }

.katex .fontsize-ensurer.reset-size5.size4, .katex .sizing.reset-size5.size=
4 { font-size: 0.888889em; }

.katex .fontsize-ensurer.reset-size5.size5, .katex .sizing.reset-size5.size=
5 { font-size: 1em; }

.katex .fontsize-ensurer.reset-size5.size6, .katex .sizing.reset-size5.size=
6 { font-size: 1.11111em; }

.katex .fontsize-ensurer.reset-size5.size7, .katex .sizing.reset-size5.size=
7 { font-size: 1.33333em; }

.katex .fontsize-ensurer.reset-size5.size8, .katex .sizing.reset-size5.size=
8 { font-size: 1.6em; }

.katex .fontsize-ensurer.reset-size5.size9, .katex .sizing.reset-size5.size=
9 { font-size: 1.92em; }

.katex .fontsize-ensurer.reset-size5.size10, .katex .sizing.reset-size5.siz=
e10 { font-size: 2.30444em; }

.katex .fontsize-ensurer.reset-size5.size11, .katex .sizing.reset-size5.siz=
e11 { font-size: 2.76444em; }

.katex .fontsize-ensurer.reset-size6.size1, .katex .sizing.reset-size6.size=
1 { font-size: 0.5em; }

.katex .fontsize-ensurer.reset-size6.size2, .katex .sizing.reset-size6.size=
2 { font-size: 0.6em; }

.katex .fontsize-ensurer.reset-size6.size3, .katex .sizing.reset-size6.size=
3 { font-size: 0.7em; }

.katex .fontsize-ensurer.reset-size6.size4, .katex .sizing.reset-size6.size=
4 { font-size: 0.8em; }

.katex .fontsize-ensurer.reset-size6.size5, .katex .sizing.reset-size6.size=
5 { font-size: 0.9em; }

.katex .fontsize-ensurer.reset-size6.size6, .katex .sizing.reset-size6.size=
6 { font-size: 1em; }

.katex .fontsize-ensurer.reset-size6.size7, .katex .sizing.reset-size6.size=
7 { font-size: 1.2em; }

.katex .fontsize-ensurer.reset-size6.size8, .katex .sizing.reset-size6.size=
8 { font-size: 1.44em; }

.katex .fontsize-ensurer.reset-size6.size9, .katex .sizing.reset-size6.size=
9 { font-size: 1.728em; }

.katex .fontsize-ensurer.reset-size6.size10, .katex .sizing.reset-size6.siz=
e10 { font-size: 2.074em; }

.katex .fontsize-ensurer.reset-size6.size11, .katex .sizing.reset-size6.siz=
e11 { font-size: 2.488em; }

.katex .fontsize-ensurer.reset-size7.size1, .katex .sizing.reset-size7.size=
1 { font-size: 0.416667em; }

.katex .fontsize-ensurer.reset-size7.size2, .katex .sizing.reset-size7.size=
2 { font-size: 0.5em; }

.katex .fontsize-ensurer.reset-size7.size3, .katex .sizing.reset-size7.size=
3 { font-size: 0.583333em; }

.katex .fontsize-ensurer.reset-size7.size4, .katex .sizing.reset-size7.size=
4 { font-size: 0.666667em; }

.katex .fontsize-ensurer.reset-size7.size5, .katex .sizing.reset-size7.size=
5 { font-size: 0.75em; }

.katex .fontsize-ensurer.reset-size7.size6, .katex .sizing.reset-size7.size=
6 { font-size: 0.833333em; }

.katex .fontsize-ensurer.reset-size7.size7, .katex .sizing.reset-size7.size=
7 { font-size: 1em; }

.katex .fontsize-ensurer.reset-size7.size8, .katex .sizing.reset-size7.size=
8 { font-size: 1.2em; }

.katex .fontsize-ensurer.reset-size7.size9, .katex .sizing.reset-size7.size=
9 { font-size: 1.44em; }

.katex .fontsize-ensurer.reset-size7.size10, .katex .sizing.reset-size7.siz=
e10 { font-size: 1.72833em; }

.katex .fontsize-ensurer.reset-size7.size11, .katex .sizing.reset-size7.siz=
e11 { font-size: 2.07333em; }

.katex .fontsize-ensurer.reset-size8.size1, .katex .sizing.reset-size8.size=
1 { font-size: 0.347222em; }

.katex .fontsize-ensurer.reset-size8.size2, .katex .sizing.reset-size8.size=
2 { font-size: 0.416667em; }

.katex .fontsize-ensurer.reset-size8.size3, .katex .sizing.reset-size8.size=
3 { font-size: 0.486111em; }

.katex .fontsize-ensurer.reset-size8.size4, .katex .sizing.reset-size8.size=
4 { font-size: 0.555556em; }

.katex .fontsize-ensurer.reset-size8.size5, .katex .sizing.reset-size8.size=
5 { font-size: 0.625em; }

.katex .fontsize-ensurer.reset-size8.size6, .katex .sizing.reset-size8.size=
6 { font-size: 0.694444em; }

.katex .fontsize-ensurer.reset-size8.size7, .katex .sizing.reset-size8.size=
7 { font-size: 0.833333em; }

.katex .fontsize-ensurer.reset-size8.size8, .katex .sizing.reset-size8.size=
8 { font-size: 1em; }

.katex .fontsize-ensurer.reset-size8.size9, .katex .sizing.reset-size8.size=
9 { font-size: 1.2em; }

.katex .fontsize-ensurer.reset-size8.size10, .katex .sizing.reset-size8.siz=
e10 { font-size: 1.44028em; }

.katex .fontsize-ensurer.reset-size8.size11, .katex .sizing.reset-size8.siz=
e11 { font-size: 1.72778em; }

.katex .fontsize-ensurer.reset-size9.size1, .katex .sizing.reset-size9.size=
1 { font-size: 0.289352em; }

.katex .fontsize-ensurer.reset-size9.size2, .katex .sizing.reset-size9.size=
2 { font-size: 0.347222em; }

.katex .fontsize-ensurer.reset-size9.size3, .katex .sizing.reset-size9.size=
3 { font-size: 0.405093em; }

.katex .fontsize-ensurer.reset-size9.size4, .katex .sizing.reset-size9.size=
4 { font-size: 0.462963em; }

.katex .fontsize-ensurer.reset-size9.size5, .katex .sizing.reset-size9.size=
5 { font-size: 0.520833em; }

.katex .fontsize-ensurer.reset-size9.size6, .katex .sizing.reset-size9.size=
6 { font-size: 0.578704em; }

.katex .fontsize-ensurer.reset-size9.size7, .katex .sizing.reset-size9.size=
7 { font-size: 0.694444em; }

.katex .fontsize-ensurer.reset-size9.size8, .katex .sizing.reset-size9.size=
8 { font-size: 0.833333em; }

.katex .fontsize-ensurer.reset-size9.size9, .katex .sizing.reset-size9.size=
9 { font-size: 1em; }

.katex .fontsize-ensurer.reset-size9.size10, .katex .sizing.reset-size9.siz=
e10 { font-size: 1.20023em; }

.katex .fontsize-ensurer.reset-size9.size11, .katex .sizing.reset-size9.siz=
e11 { font-size: 1.43981em; }

.katex .fontsize-ensurer.reset-size10.size1, .katex .sizing.reset-size10.si=
ze1 { font-size: 0.24108em; }

.katex .fontsize-ensurer.reset-size10.size2, .katex .sizing.reset-size10.si=
ze2 { font-size: 0.289296em; }

.katex .fontsize-ensurer.reset-size10.size3, .katex .sizing.reset-size10.si=
ze3 { font-size: 0.337512em; }

.katex .fontsize-ensurer.reset-size10.size4, .katex .sizing.reset-size10.si=
ze4 { font-size: 0.385728em; }

.katex .fontsize-ensurer.reset-size10.size5, .katex .sizing.reset-size10.si=
ze5 { font-size: 0.433944em; }

.katex .fontsize-ensurer.reset-size10.size6, .katex .sizing.reset-size10.si=
ze6 { font-size: 0.48216em; }

.katex .fontsize-ensurer.reset-size10.size7, .katex .sizing.reset-size10.si=
ze7 { font-size: 0.578592em; }

.katex .fontsize-ensurer.reset-size10.size8, .katex .sizing.reset-size10.si=
ze8 { font-size: 0.694311em; }

.katex .fontsize-ensurer.reset-size10.size9, .katex .sizing.reset-size10.si=
ze9 { font-size: 0.833173em; }

.katex .fontsize-ensurer.reset-size10.size10, .katex .sizing.reset-size10.s=
ize10 { font-size: 1em; }

.katex .fontsize-ensurer.reset-size10.size11, .katex .sizing.reset-size10.s=
ize11 { font-size: 1.19961em; }

.katex .fontsize-ensurer.reset-size11.size1, .katex .sizing.reset-size11.si=
ze1 { font-size: 0.200965em; }

.katex .fontsize-ensurer.reset-size11.size2, .katex .sizing.reset-size11.si=
ze2 { font-size: 0.241158em; }

.katex .fontsize-ensurer.reset-size11.size3, .katex .sizing.reset-size11.si=
ze3 { font-size: 0.28135em; }

.katex .fontsize-ensurer.reset-size11.size4, .katex .sizing.reset-size11.si=
ze4 { font-size: 0.321543em; }

.katex .fontsize-ensurer.reset-size11.size5, .katex .sizing.reset-size11.si=
ze5 { font-size: 0.361736em; }

.katex .fontsize-ensurer.reset-size11.size6, .katex .sizing.reset-size11.si=
ze6 { font-size: 0.401929em; }

.katex .fontsize-ensurer.reset-size11.size7, .katex .sizing.reset-size11.si=
ze7 { font-size: 0.482315em; }

.katex .fontsize-ensurer.reset-size11.size8, .katex .sizing.reset-size11.si=
ze8 { font-size: 0.578778em; }

.katex .fontsize-ensurer.reset-size11.size9, .katex .sizing.reset-size11.si=
ze9 { font-size: 0.694534em; }

.katex .fontsize-ensurer.reset-size11.size10, .katex .sizing.reset-size11.s=
ize10 { font-size: 0.833601em; }

.katex .fontsize-ensurer.reset-size11.size11, .katex .sizing.reset-size11.s=
ize11 { font-size: 1em; }

.katex .delimsizing.size1 { font-family: KaTeX_Size1; }

.katex .delimsizing.size2 { font-family: KaTeX_Size2; }

.katex .delimsizing.size3 { font-family: KaTeX_Size3; }

.katex .delimsizing.size4 { font-family: KaTeX_Size4; }

.katex .delimsizing.mult .delim-size1 > span { font-family: KaTeX_Size1; }

.katex .delimsizing.mult .delim-size4 > span { font-family: KaTeX_Size4; }

.katex .nulldelimiter { display: inline-block; width: 0.12em; }

.katex .delimcenter, .katex .op-symbol { position: relative; }

.katex .op-symbol.small-op { font-family: KaTeX_Size1; }

.katex .op-symbol.large-op { font-family: KaTeX_Size2; }

.katex .accent > .vlist-t, .katex .op-limits > .vlist-t { text-align: cente=
r; }

.katex .accent .accent-body { position: relative; }

.katex .accent .accent-body:not(.accent-full) { width: 0px; }

.katex .overlay { display: block; }

.katex .mtable .vertical-separator { display: inline-block; min-width: 1px;=
 }

.katex .mtable .arraycolsep { display: inline-block; }

.katex .mtable .col-align-c > .vlist-t { text-align: center; }

.katex .mtable .col-align-l > .vlist-t { text-align: left; }

.katex .mtable .col-align-r > .vlist-t { text-align: right; }

.katex .svg-align { text-align: left; }

.katex svg { fill: currentcolor; stroke: currentcolor; fill-rule: nonzero; =
fill-opacity: 1; stroke-width: 1; stroke-linecap: butt; stroke-linejoin: mi=
ter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0; st=
roke-opacity: 1; display: block; height: inherit; position: absolute; width=
: 100%; }

.katex svg path { stroke: none; }

.katex img { border-style: none; max-height: none; max-width: none; min-hei=
ght: 0px; min-width: 0px; }

.katex .stretchy { display: block; overflow: hidden; position: relative; wi=
dth: 100%; }

.katex .stretchy::after, .katex .stretchy::before { content: ""; }

.katex .hide-tail { overflow: hidden; position: relative; width: 100%; }

.katex .halfarrow-left { left: 0px; overflow: hidden; position: absolute; w=
idth: 50.2%; }

.katex .halfarrow-right { overflow: hidden; position: absolute; right: 0px;=
 width: 50.2%; }

.katex .brace-left { left: 0px; overflow: hidden; position: absolute; width=
: 25.1%; }

.katex .brace-center { left: 25%; overflow: hidden; position: absolute; wid=
th: 50%; }

.katex .brace-right { overflow: hidden; position: absolute; right: 0px; wid=
th: 25.1%; }

.katex .x-arrow-pad { padding: 0px 0.5em; }

.katex .cd-arrow-pad { padding: 0px 0.55556em 0px 0.27778em; }

.katex .mover, .katex .munder, .katex .x-arrow { text-align: center; }

.katex .boxpad { padding: 0px 0.3em; }

.katex .fbox, .katex .fcolorbox { border: 0.04em solid; box-sizing: border-=
box; }

.katex .cancel-pad { padding: 0px 0.2em; }

.katex .cancel-lap { margin-left: -0.2em; margin-right: -0.2em; }

.katex .sout { border-bottom-style: solid; border-bottom-width: 0.08em; }

.katex .angl { border-right: 0.049em solid; border-top: 0.049em solid; box-=
sizing: border-box; margin-right: 0.03889em; }

.katex .anglpad { padding: 0px 0.03889em; }

.katex .eqn-num::before { content: "(" counter(katexEqnNo) ")"; counter-inc=
rement: katexEqnNo 1; }

.katex .mml-eqn-num::before { content: "(" counter(mmlEqnNo) ")"; counter-i=
ncrement: mmlEqnNo 1; }

.katex .mtr-glue { width: 50%; }

.katex .cd-vert-arrow { display: inline-block; position: relative; }

.katex .cd-label-left { display: inline-block; position: absolute; right: c=
alc(50% + 0.3em); text-align: left; }

.katex .cd-label-right { display: inline-block; left: calc(50% + 0.3em); po=
sition: absolute; text-align: right; }

.katex-display { display: block; margin: 1em 0px; text-align: center; }

.katex-display > .katex { display: block; text-align: center; white-space: =
nowrap; }

.katex-display > .katex > .katex-html { display: block; position: relative;=
 }

.katex-display > .katex > .katex-html > .tag { position: absolute; right: 0=
px; }

.katex-display.leqno > .katex > .katex-html > .tag { left: 0px; right: auto=
; }

.katex-display.fleqn > .katex { padding-left: 2em; text-align: left; }

body { counter-reset: katexEqnNo 0 mmlEqnNo 0; }
------MultipartBoundary--eCZqYQTKrSuXs2w6OoKyo4Qe7APU4TOajiumXkTIP9----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://grok.com/_next/static/css/d5c0afe820e08ba1.css

@charset "utf-8";

@font-face { font-family: universalSans; src: url("/_next/static/media/7445=
2ea3ef0f9101.p.woff2") format("woff2"); font-display: swap; font-weight: 40=
0; font-style: normal; }

@font-face { font-family: universalSans; src: url("/_next/static/media/3d44=
19af2cf8609b.p.woff2") format("woff2"); font-display: swap; font-weight: 40=
0; font-style: italic; }

@font-face { font-family: universalSans; src: url("/_next/static/media/904e=
f0a86fe32a00.p.woff2") format("woff2"); font-display: swap; font-weight: 55=
0; font-style: normal; }

@font-face { font-family: universalSans; src: url("/_next/static/media/4dec=
29efcaeb336c.p.woff2") format("woff2"); font-display: swap; font-weight: 55=
0; font-style: italic; }

.__className_779740 { font-family: "universalSans",var(--font-inter); }

.__variable_779740 { --font-universal-sans: "universalSans",var(--font-inte=
r); }

@font-face { font-family: universalSansDisplay; src: url("/_next/static/med=
ia/d886a03bcda7ad8f.p.woff2") format("woff2"); font-display: fallback; font=
-weight: 400; font-style: normal; }

@font-face { font-family: universalSansDisplay; src: url("/_next/static/med=
ia/e1447589d6f59c4b.p.woff2") format("woff2"); font-display: fallback; font=
-weight: 400; font-style: italic; }

@font-face { font-family: universalSansDisplay; src: url("/_next/static/med=
ia/f5a90156f8995c8c.p.woff2") format("woff2"); font-display: fallback; font=
-weight: 550; font-style: normal; }

@font-face { font-family: universalSansDisplay; src: url("/_next/static/med=
ia/1f2316909698f815.p.woff2") format("woff2"); font-display: fallback; font=
-weight: 550; font-style: italic; }

.__className_2484fd { font-family: "universalSansDisplay",var(--font-inter)=
; }

.__variable_2484fd { --font-universal-sans-display: "universalSansDisplay",=
var(--font-inter); }

@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
 400; font-display: block; src: url("/_next/static/media/ebec2867f40f78ec-s=
.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, 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: block; src: url("/_next/static/media/d607327a37a507c7-s=
.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:=
 400; font-display: block; src: url("/_next/static/media/2e1b830192b7974a-s=
.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U=
+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+3=
29, U+1EA0-1EF9, U+20AB; }

@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
 400; font-display: block; src: url("/_next/static/media/3aa27b2eb5f698f7-s=
.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U=
+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-=
1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight:=
 400; font-display: block; src: url("/_next/static/media/3478b6abef19b3b3-s=
.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2B=
C, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U=
+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "IBM Plex Mono Fallback"; src: local("Arial"); as=
cent-override: 76.16%; descent-override: 20.43%; line-gap-override: 0%; siz=
e-adjust: 134.59%; }

.__className_0be3b1 { font-family: "IBM Plex Mono", "IBM Plex Mono Fallback=
", Consolas, "Courier New", Courier, monospace; font-weight: 400; font-styl=
e: normal; }

.__variable_0be3b1 { --font-ibm-plex-mono: "IBM Plex Mono","IBM Plex Mono F=
allback",Consolas,Courier New,Courier,monospace; }

@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; =
font-display: swap; src: url("/_next/static/media/55c55f0601d81cf3-s.woff2"=
) format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2D=
FF, U+A640-A69F, U+FE2E-FE2F; }

@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; =
font-display: swap; src: url("/_next/static/media/26a46d62cd723877-s.woff2"=
) format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U=
+2116; }

@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; =
font-display: swap; src: url("/_next/static/media/97e0cb1ae144a2a9-s.woff2"=
) format("woff2"); unicode-range: U+1F00-1FFF; }

@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; =
font-display: swap; src: url("/_next/static/media/581909926a08bbc8-s.woff2"=
) format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U=
+38E-3A1, U+3A3-3FF; }

@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; =
font-display: swap; src: url("/_next/static/media/df0a9ae256c0569c-s.woff2"=
) format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-16=
9, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1=
EA0-1EF9, U+20AB; }

@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; =
font-display: swap; src: url("/_next/static/media/8e9860b6e62d6359-s.woff2"=
) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D=
7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U=
+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; =
font-display: swap; src: url("/_next/static/media/e4af272ccee01ff0-s.woff2"=
) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C=
6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, =
U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Inter Fallback"; src: local("Arial"); ascent-ove=
rride: 90.44%; descent-override: 22.52%; line-gap-override: 0%; size-adjust=
: 107.12%; }

.__className_b15d38 { font-family: Inter, "Inter Fallback", Roboto, "Open S=
ans", Arial, sans-serif; font-style: normal; }

.__variable_b15d38 { --font-inter: "Inter","Inter Fallback",Roboto,Open San=
s,Arial,sans-serif; }

@font-face { font-family: Vazirmatn; font-style: normal; font-weight: 100 9=
00; font-display: swap; src: url("/_next/static/media/912fd6360a93005b-s.wo=
ff2") format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+89=
0-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB=
50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10=
EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U=
+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U=
+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U=
+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1E=
E72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U=
+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }

@font-face { font-family: Vazirmatn; font-style: normal; font-weight: 100 9=
00; font-display: swap; src: url("/_next/static/media/17cf9497af825577-s.wo=
ff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2C=
E-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EF=
F, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

@font-face { font-family: Vazirmatn; font-style: normal; font-weight: 100 9=
00; font-display: swap; src: url("/_next/static/media/8c96cc4bd2a39381-s.wo=
ff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, =
U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+21=
91, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Vazirmatn Fallback"; src: local("Arial"); ascent=
-override: 101.87%; descent-override: 53.36%; line-gap-override: 0%; size-a=
djust: 100.66%; }

.__className_6dcc77 { font-family: "Vazirmatn","Vazirmatn Fallback",var(--f=
ont-inter); font-style: normal; }

.__variable_6dcc77 { --font-vazirmatn: "Vazirmatn","Vazirmatn Fallback",var=
(--font-inter); }
------MultipartBoundary--eCZqYQTKrSuXs2w6OoKyo4Qe7APU4TOajiumXkTIP9----
Content-Type: text/html
Content-ID: <frame-82C72F150658A81E3B92B455FA01FFFF@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--eCZqYQTKrSuXs2w6OoKyo4Qe7APU4TOajiumXkTIP9------
