From: Snapshot-Content-Location: https://chatgpt.com/c/6abb11cb-26bc-83ea-8336-cadfcd3f54e7 Subject: Professional Website Redesign Date: Tue, 29 Sep 2026 03:34:58 GMT MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ----" ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/c/6abb11cb-26bc-83ea-8336-cadfcd3f54e7 Professional Website Redesign= = =
<= div class=3D"pointer-events-auto flex shrink-0 items-center no-drag">
=
=
<= /div>
=

You said:

=
it says the = file is either damaged or not supported
=
Worked for 13s

ChatGPT said:

=

I found the issue and rebuilt the package. The previous ZIP plac= ed the website inside an extra folder, which can cause problems when upload= ing/extracting it in HostGator.

I verified the new ZIP successfully: no errors were detected, and= index.html is now dir= ectly at the top level.

Use this corrected file

<= path fill-rule=3D"evenodd" clip-rule=3D"evenodd" d=3D"M8.48145 8.14209C8.77= 027 8.14209 9.03323 8.29912 9.17188 8.54541L9.22266 8.65576L10.0234 10.7896= C10.217 11.3068 9.83455 11.8586 9.28223 11.8589H6.71777C6.16541 11.8587 5.7= 8301 11.3068 5.97656 10.7896L6.77637 8.65576L6.82812 8.54541C6.96678 8.2991= 6 7.22976 8.1421 7.51855 8.14209H8.48145ZM7.09082 10.8091H8.90918L8.30371 9= .19287H7.69629L7.09082 10.8091Z" fill=3D"currentColor"> Download Shields Hydrapower =E2=80=93 HostGator F= IXED ZIP

In HostGator, go to cPanel =E2=86=92 File Manager =E2=86=92 public_html, upload this ZIP, selec= t it, and click Extract= . After extraction, you should see index.html directly inside public_html.

If HostGator still gives you the =E2=80=9Cdamaged or not supported=E2=80=9D= message, tell me exactly where you=E2=80=99re upload= ing it (for example File Manag= er, Website Builder, or WordPress), and I=E2=80=99ll = package it specifically for that method.

=

= You said:

its not letting me downloa= d the zip
<= /div>

ChatGPT said= :

The ZIP it= self is valid=E2=80=94I rechecked it and it opens without errors. It looks = like the problem is the ChatGP= T download link, rather than the ZIP contents.=

Try this fresh link:

=E2=AC=87=EF=B8=8F Download Shields Hyd= rapower HostGator ZIP

If clicking it still doesn't start the download= , try right-clicking the link = =E2=86=92 =E2=80=9CSave link as=E2=80=A6=E2=80=9D.

I can also give yo= u the index.html file directly instead of a ZIP, which may actually be easier for HostGator since your current website= is self-contained in that one file.

<= span data-state=3D"closed" class=3D"contents">
=

You s= aid:

more high-end industrial / corporate,<= /p>

<= /div>

ChatGPT said= :

For an eve= n more high-end industrial / c= orporate tone, I=E2=80=99d tighten it to:

<= div class=3D"group/writing-block-surface relative isolate w-full min-w-0 ov= erflow-clip rounded-[var(--oai-wb-radius)] [box-shadow:var(--oai-wb-shadow)= ] [color:var(--oai-wb-text-primary)] [contain:inline-size] [font-family:var= (--oai-wb-font-sans)] frame-aD2tvA editorControls-fA0_fZ clear-both my-4 [-= -wb-surface-primary:color-mix(in_srgb,var(--color-surface-elevated-secondar= y)_86%,var(--color-surface))] [--wb-accent:var(--codex-base-accent,var(--co= lor-text-info,var(--color-text)))] [--wb-interactive-background:var(--color= -background-primary-ghost-hover)] [--wb-on-accent:var(--color-text-info-sol= id,var(--color-text-inverse,#fff))] [--wb-selection:var(--color-background-= text-selection)] [--wb-font-size:var(--codex-chat-font-size,0.875rem)]" dat= a-oai-writing-block-surface=3D"" data-markdown-copy=3D"rich-block" data-mar= kdown-copy-text=3D"**More Work** ## Precision Repair. Proven Performance. An inside look at the craftsmanship and technical expertise behind our hydr= aulic cylinder repair services. From rods, barrels, and critical components= to complete cylinder rebuilds, every project is approached with precision,= quality workmanship, and a commitment to reliable, long-term performance."= data-testid=3D"chatgpt-writing-block" data-writing-block-variant=3D"standa= rd" style=3D"--oai-wb-spacing: var(--spacing,0.25rem); --oai-wb-text-primar= y: var(--wb-text-primary,var(--color-token-text-primary,var(--text-primary,= #0d0d0d))); --oai-wb-text-secondary: var(--wb-text-secondary,var(--color-to= ken-text-secondary,var(--text-secondary,#5d5d5d))); --oai-wb-text-tertiary:= var(--wb-text-tertiary,var(--color-token-text-tertiary,var(--text-tertiary= ,#8f8f8f))); --oai-wb-surface-primary: var(--wb-surface-primary,var(--color= -token-main-surface-primary,var(--main-surface-primary,#fff))); --oai-wb-su= rface-secondary: var(--wb-surface-secondary,var(--color-token-bg-tertiary,v= ar(--main-surface-secondary,#f5f5f5))); --oai-wb-interactive-secondary-hove= r: var(--wb-interactive-secondary-hover,var(--color-token-interactive-bg-se= condary-hover,var(--oai-wb-surface-secondary))); --oai-wb-border: var(--wb-= border,var(--color-token-border,var(--border-light,rgb(0 0 0/8%)))); --oai-= wb-border-hover: var(--wb-border-hover,var(--color-token-border-default,var= (--border-medium,rgb(0 0 0/12%)))); --oai-wb-divider: var(--wb-divider,var(= --color-token-border-light,var(--border-light,rgb(0 0 0/5%)))); --oai-wb-fo= cus: var(--wb-focus,var(--color-token-focus-border,var(--border-strong,#5b9= dd9))); --oai-wb-control-border: var(--wb-control-border,var(--interactive-= border-focus,var(--oai-wb-focus))); --oai-wb-entity-accent: var(--wb-entity= -accent,var(--theme-entity-accent,var(--oai-wb-accent))); --oai-wb-accent: = var(--wb-accent,var(--interactive-label-accent-default,#0285ff)); --oai-wb-= on-accent: var(--wb-on-accent,var(--bg-primary,#fff)); --oai-wb-interactive= -background: var(--wb-interactive-background,var(--interactive-bg-accent-de= fault,color-mix(in srgb,#0285ff 12%,transparent))); --oai-wb-selection: var= (--wb-selection,var(--theme-user-selection-bg,var(--selection,#93c5fd))); -= -oai-wb-radius: var(--wb-radius,1.5rem); --oai-wb-radius-sm: var(--wb-radiu= s-sm,0.5rem); --oai-wb-shadow: var(--wb-shadow,0 4px 80px rgb(0 0 0/2%)); -= -oai-wb-shadow-lg: var(--wb-shadow-lg,0 10px 30px rgb(0 0 0/12%)); --oai-wb= -font-sans: var(--wb-font-sans,var(--font-sans,sans-serif)); --oai-wb-font-= mono: var(--wb-font-mono,var(--font-mono,monospace)); --oai-wb-font-size: v= ar(--wb-font-size,0.875rem); --oai-wb-shimmer-dark-contrast: var(--wb-shimm= er-dark-contrast,var(--oai-wb-text-tertiary)); --oai-wb-shimmer-dark-second= ary: var(--wb-shimmer-dark-secondary,var(--oai-wb-text-tertiary));">
=

More Work

Precision Repair. Proven Performance.

An = inside look at the craftsmanship and technical expertise behind our hydraul= ic cylinder repair services. From rods, barrels, and critical components to= complete cylinder rebuilds, every project is approached with precision, qu= ality workmanship, and a commitment to reliable, long-term performance.

This version feels more like= an established industrial service company=E2=80=94professional and confide= nt without sounding overly promotional.

<= /div>

You said:

give= you the index.html file directly

=

ChatGPT said:

Absolutely. Here is the <= /span>inde= x.html file directly=E2=80=94no ZIP requ= ired:

=E2=AC=87=EF=B8=8F = Download Shields Hydrapower index.h= tml

For HostGator, upload this file directly into your public_html folder. Make sure it remains named exactly:

ind= ex.html

If there= is already an index.html in public_html, re= name the old one first (for example, index-old.html) and then upload this new one.

index.htmlHTMLOpen file<= span class=3D"pointer-events-none relative z-20 opacity-0 group-focus-withi= n/resource-row:pointer-events-auto group-focus-within/resource-row:opacity-= 100 group-hover/resource-row:pointer-events-auto group-hover/resource-row:o= pacity-100 [@media(hover:none)]:pointer-events-auto [@media(hover:none)]:op= acity-100">

You said:

How to upload the complete shields Hydrapower website= ? Also, I do not see index.html under public_html.
<= /div>
=

ChatGPT said:

Yes =E2=80=94 and not seeing in= dex.html in public_htm= l can be completely normal if you haven'= t uploaded the new site yet. HostGator says public_html is the document root for the primary doma= in, and an index.html = placed there becomes the default homepage. = <= span class=3D"flex min-w-0 flex-1 items-center gap-1">3D""HostGator+1

Here=E2=80=99s the safest way to publish the <= strong class=3D"font-semibold">complete Shields Hydrapower website:

  1. Log into HostGator =E2=86=92 Hosting =E2=86= =92 File Manager and click the public_html folder on the left. HostGator re= commends putting primary-domain website files there. HostGa= tor+1
  2. Do not= delete everything already there. If you see files su= ch as .htaccess, index.php, WordPress folder= s, or anything you're unsure about, leave them alone for now. HostGator spe= cifically recommends renaming uncertain files rather than deleting them. 3D""HostGa= tor
  3. Download the website file I prepared here: = Download Shields Hydrapower index.html
  4. Back in public_html, click Upload =E2=86=92 Select File, choose the downloaded index.h= tml, and wait until the upload reaches 100%. 3D""HostGator
    5. =
  5. Return to public_html. You should now see index.html in the file list.
  6. Visit your domain in a new browser tab. HostGator will normally serve index.html automatically a= s the homepage. = 3D""HostGat= or

One important thin= g: if Shields Hydrapower is an addon domain rather than the primary domain= , its files may belong in a separate document-root folder in= stead of directly in public_html. HostGator confirms addon domains can have their own document-r= oot folders. 3D""HostGator

Hos= tGator File Manager upload instructions<= /a>

If you send me a screenshot of what you currently= see inside public_html, I can tell you exactly where to put the Shields Hydrapower file= and what not<= span> to delete.

ChatGPT can make mistakes. Check important info.

Latest response
<= div class=3D"ComposerLayoutInput-KwIAr_ min-w-0" data-composer-layout=3D"si= ngle-line" data-composer-spacing=3D"default" data-composer-input-variant=3D= "default">

=
Response comp= lete=E2=8B=AE=E2=8B=AE
------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: chrome-extension://nkapkmklnmidbbgjaipbgpcnbomnaakc/contentScripts/_shared/assets/icon_eset.svg ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: chrome-extension://nkapkmklnmidbbgjaipbgpcnbomnaakc/contentScripts/llmScan/ui/assets/eset-bps-logo.svg ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://t0.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https%3A%2F%2Fwww.hostgator.com&size=32&drop_404_icon=true iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAIA0lEQVRYha2Xa4xdVRXHf2ufc+57 7p33tJ1O2+lMbcuUoQ9aGGoqKDVYAkiDSqzyAY2YiCFRhBBFiTHUFzE0YpRHFF9NTFBemiBWKC8T G1tKadraAu30NdM777lz5957ztnLD2dmZKa3xhp3sj/svfbe//967LXXFi6ybX7glVXA14BFwNPA E0DhYs+Zbu7mB165mPUdwKNAz9S4B2gGHgD8/4WAuYi1HnAv0KMKGs3FgTuBm4D0RZ4HgHsRay8H tirQUONRCSzjkyEiZIFHgOPAAeAPwCngVmAf8BQQ/j8I3AI0WKts6MxxSWuGn+06SSEi0Uzkig1T wCNAqyoDIvQDuy906H9rsmbgWgDHCHFjKQzl6enIYIzMXZsGWmOuIZdyGxVuVSKXVevmPwlnukqP Ip2qkEm45PMDbP/Fy+SkSGdLCqs6i4Gqsrmrlk0r67BW1wrkBKjWzYUEAqCywKr5esKtPJyNTaQ8 49PenGbDsiYWz69j5aI6rr6kHiPvs4IIfnGMt946iCcWY6QZyF3ItBeKgSRws4h+9cqWw6tvbH/D NCTGGCplOK3XkC9fyUev2UDZpEjFlUzCmQ5I4q5h06oGSmNKUzaGayQWhBq7IIE51kOEZcD9VuWW jtzZ5Je6n2ZBehBrDR1pWGl7efLwGZ4//kFEhom5QjlQpo2gqlTcDG0d9QxMWIyRUEOr5yHPEODf MiPSDfwcWAtCz/yDzEsNEQQu9kQKm4+TaJvQ21bskuFyjt2nuwms5f1hWAksrx8ZxWJwIlZNgvm+ IjteO37pK8AsMu5rx1fPDDa1718ILI7IWBakBxFRtOASnkqCb1BrJBOb4LMr/szxsXmcGG9BxM6c oSo0pcboqj9OzPE5M9GYODnetNURu/6FT97z0Ida9xcD65wA3gAK4u/dOLN5y7PbHaL0eq8iW764 6lmztfNVguEEdiSGnkoA4HSN4dSXefnUana8uZWCn8SIxaqwNNfHl7t/z4r6kwhKMYhzutA0JTtr PRMYoAT8ErjH+eYdi2YIbFu+S7ct39X7myPXnrBqboq7frpn3iGcWIjJ+uikgw7G0TEP0pZFzWdp SY1wdqKB0XIai+G2FS+yqfUAYVnQEOJeSGNyhKbkKEZU1EJQENd4rBBh73m3YMuz2zcCPzSijfvz newf6GBDy2FCDKZ1EpuPoQVD8HYap3OCD7fuo7vxXfaeW8b+gaW01ZzDqlAZNxhPMTFFdXa+08hj caBhrgtuAHYASwCsGroa3uO+dTtpTo1gVQiPgr9nAoIQPHA6Dd6qJE5G8EMHVcERi516G403V0VA FUT6ga0zLpjS/InpIAQQUfLFOobLWbob3yHp+khWsWMlbH8RKj62P+rqOTg1zgygGBBnOuBnp2t1 anzE+Z4T9P3ONeHA9PwtREXGrCai7D7djSMhn+/6E3WJcbz1NRAo4TslAGy/T2VwFGdBDGdZEtMS g3Q8Ur8kZTHFv+HZk9Y0OuXc1pvC+CVnrck+CQTuyKJnpqDO/RqoAdYBy4gelZm269RaSmGMu7qf IpucxLsqi8QNweFi9NiGSthbJjxdRrJx7I13YhetwTz/mOcOHhp3V6UfHLnumV5TKC4E+sD0Axgb W4yNLea3d63/B/AF4GrgwSqeY++5ZfQONhEWFUkYvCtq8K7IImkTpRcBLOhwiXAkRZhX+Od+Y/tH bgiP6866l65di8h3UPsgGgRogOSHxs8D+vSOfbcDj1Hlub6j6zm21L+OVUOsVhEnckGwr0B4qgwW QNEFK8EGSN9RAEyuAecDTcecjtHbgVdnXFzZvXEWwPUvbd8M/BRYOhfcqmFN01HuX/crZLiCWiHe qDgJhZISHJskOFhER4LorglRNAI4Hm5rO85llb877RM3A2cAjGkJme7Xv7T9KuAn1cABRCyHhhez f7iDVHNUZRXPGCojAp7gdqWIX1eHuzaD1MfAMTOZX1yL1E9gav01lMw6SgZKBpdSxPBjT393KfAj oLMauA0qiHGY1BgvnFjPuuajxOt8JgcNk+cMQVGJ1ylO1sG7PIO7IonN++hYCJ7gNLo4DT7WMWHJ j5Wnz3VLfoyb//jtFPAtoppurt7YoIxfKhJP5zCiHBhs59BQG6vrj5GeD6VBQ2VUCCcFL6vEshaT cXBrHIxYFKFQSdJXqGNP/3L3mXc3Xv5mvvOvQOCu2fkoS7J9nwE+VU3z0C9TGs2TyDWCCIJS8JO8 duZSLmt8FwGSTRYTE8pDhvKg4I87eBlL0UtxrNTGe2Pz2dO/nN7xZib8hGuR+5Zk+/LA4+6SbF83 8BWi3DzL6qFfGSj099Yncg2u4yWYdqig7Mt3kp/M0ZwaQRHitYobt5SGhaAo+MNwotTAQyc/waif mYohRVAEMkSfmV4D3A0sr6L825WJ0W1eKnMgnqmFWYWL0l+s58hwG+Z9805KSbVYEg0WPKHFGxrL OYW/iOi4EYvMrkUWAHcbLhDxQEeytmlpqn7ek4icV1JVrMvbg+1YjfK89cEfE8rDBlsRjAvZZDH4 3MLntluVPRfAGDBECWesijANfIPovh6ptvvYaCtFP4GtgPUFE4NYrSXRaEktsNQsDGNvhis+Dqyt sv0U8GMD7CS6fpUqi9qAbcDBuQKDcq5Yy0glgxNT3JTixBXjgjhR/gmNk+or1d8O1M7ZHgAPA2+Y KeAfEP16Lee3j1DNTaJMBAlGKulqHgJAo39HuoroReBxQP8FHKBRheED6voAAAAASUVORK5CYII= ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://cdn.auth0.com/avatars/dm.png iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAIAAAC2BqGFAAAGY0lEQVR42u2dW2xURRiAZ85ld7uU UnqhoaGVciktKQ1SaUgommAQL2lQDGhSoiA+GIkSjYmBFxIfJPHyQIw8KHevRdSIIRJqopFrAha1 0G7pVgKFAi1LKW7L7plzZnw427PbS9g9W86/J/p/L/1nev6Z/b+dnunOblr6z448gjiPlOkH8H8B RQOBooFA0UCgaCBQNBAoGggUDQSKBgJFA4GigUDRQKBoIFA0ECgaCBQNBIoGAkUDgaKBQNFAoGgg UDQQKBoIFA0EigYCRQOBooFA0UCgaCBQNBAoGggUDQSKBgJFA4GigUDRQKBoIFA0ECgaCBQNBIoG AkUDoTgxaPb6UJIrjKhgYTFwlfcHjZ7TRlcTv3NxPFPolw9HmhrSe7S+ZV8opY8n9oR35t93J46I To7spbKX+vKl/GplxkqyaKvR+ztr+Vi/eJAQkU4ZJcto9jQRvmI3kWaXKCWPAVTslluHXFjjW7or q/6wNLkynXwqqxVr08hTK9YSCiHB2RXNb52Lnto8hhZPDvUVUn+RPLVOLqolksfsl6c85F/xc+TY G3pwv21l5Wu05vcI12zkyF51zhpHDVg4K1po/ca14/e64uz7VPEr5Q2eB9+ivgJCCJF9vke2R725 7PwntuaiWYVKWb3e+a2N4stWxCZ1nszfOoQ+yFo/Hdxfo3d8PdRHvYveVWY+m1J+whJWK1+yNbU6 9+Uxx3GCzIs2ESwc+W2DdvaDoQ7qq9sm5ZYnTTR6m8VAtxnLRYukyXNTrTy/Wi6sic0+cNXobXa0 QLeINtGat7ILn8caSpa3blvyHGGw9r1WS527PsW5EpczC+whwnC0NHeJJoRET7zN+9rMWC6qVabX J01hgX2EMzNWZq6i6sSkKdSbq1q3Jq6x9s+crst1ookR0U6/Y7XU6teSZoi7PfqlQ2ZM1QnK7OeS pijlDUT2mbF+8Udxt9fpstwnmhC96wgPtZixXFgj5ZQlTWGtu6w4hS2RqhXr4rltu5Jdfx9wo2hC COv8xorlkuVJrzeuH+d9gVhJuXPkqYvvcbE87VHryeO3zhs3TgFU5FLRRvfRuJei2lRSWCBxUd9r S0xc8jDLmbhWNA+1CH0w9hBzZ6eSonc0CjZgxsoDT1F/0dgFZ5cqJcvMWGh30ngJmh4uFU2IEJGb ZkT9xSklsLDeOWRNUtQ5L455mVK5zjrc0ION1tPpNK4VTUjklvmVqhNSzBi2JVa8QKRRBwzDDzdY 206walwsWtg+L+V9rdbORv1TldInRlygzHiGemN/ItToPspvd4BV42LRWbHTd1s/3Ymb2+gtMbEH cjkTF4um1rmadZSRComvPuTiJdKkWfFSC+bLhQtiYw5e0y//BFmPS0VL+VVU8Zsx7++0kcm1+GnJ 8CU8/HBjL+E6aEWQk6WOXPywFfOeM7ZyE0+IlNnPm08Y9eapM1YOjchYYK+tMcePO0VTddZqq6F3 HbGVLMJX9K6m2ECeHGXWKkKIWt5AZG9swEuHxN0e4JLcKFopXS7lVZkxD7Xw2+12R0jc6NSKdYRK SuXa+HdbQbdBE9eJporfs3CL1dTObU9jEOPKL9bnF6T8eZ4Fm6SJ080m72szrp+Ar8t1or2LP7Te WOGhFr3zQFrDCBbYbTU889+0Yta2O53xxo2rRFPPwi2KdXfmWuTYRiJ4emPpF74kRmREp2BhPdiY kdrcIpp6cnxLd3iqX7d6oic38Zt/pj2giPaxv78f0akHGwULZ6TAzIumarY6b4N/dbNS9rTVqTVv ZYE94xx59Gs/sEPR0Tj7uQ7qmTTmGTxVJ1JfAZ1QLBfXyVNqiaTGv8e16MnNiXfYtOG9Z/nNP6SC +WYz8c0BeJwVLeVVZT150IaaUEvk2Mbx3DFGwNp2epd8FIsz8VtdXEUG506Eh/6K/PrK4A9L76Nl Qgjr/E5E+wghYvCG9QZuRsjQp0m5JlhYDHTz/qDRc8boauL9QUcmMiJ6x1dq1ausfR/w4cYIKP4L Jxjccuv4z4OigUDRQKBoIFA0ECgaCBQNBIoGAkUDgaKBQNFAoGggUDQQKBoIFA0EigYCRQOBooFA 0UCgaCBQNBAoGggUDQSKBgJFA4GigUDRQKBoIFA0ECgaCBQNBIoGAkUDgaKBQNFAoGggUDQQKBoI FA0EigYCRQOBooFA0UCgaCD+BfGg7/y1QcrPAAAAAElFTkSuQmCC ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/551043.6764b0f1b5.css @charset "utf-8"; @layer components { @keyframes pulse-W_p_ZT {=20 50% { opacity: 0.5; } } .Placeholder-GJXpwo { overflow: hidden; } .Placeholder-GJXpwo[data-animate] { --loading-placeholder-base: var(--col= or-surface); --loading-placeholder-peak: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .Placeholder-GJXpwo[data-animate] { --loading-placeholder-peak: color-mix= (in srgb, var(--color-codex-description) 7%, var(--color-surface)); } } .Placeholder-GJXpwo[data-animate] { background-color: var(--loading-place= holder-base); position: relative; } .Placeholder-GJXpwo[data-animate]::before { background-color: var(--loadi= ng-placeholder-peak); opacity: 0; content: ""; animation: 3s ease-in-out 0s= infinite normal none running pulse-W_p_ZT; position: absolute; inset: 0px;= } :root[data-reduced-motion=3D"true"] :is() { animation: auto ease 0s 1 nor= mal none running none; } .Placeholder-GJXpwo[data-animate]:where([data-theme=3D"dark"]) { --loadin= g-placeholder-peak: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .Placeholder-GJXpwo[data-animate]:where([data-theme=3D"dark"]) { --loadin= g-placeholder-peak: color-mix(in srgb, var(--color-codex-description) 14%, = var(--color-surface)); } } @container style(--theme-variant: dark) { .Placeholder-GJXpwo[data-animate]:where(:not([data-theme])) { --loading-p= laceholder-peak: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .Placeholder-GJXpwo[data-animate]:where(:not([data-theme])) { --loading-p= laceholder-peak: color-mix(in srgb, var(--color-codex-description) 14%, var= (--color-surface)); } } } @keyframes fade-in-HYTrVJ {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in-marker-re9IOT {=20 0% { color: rgba(0, 0, 0, 0); } } @keyframes image-enter-VfEUgK {=20 0% { opacity: 0; transform: scale(0.98); } 100% { opacity: 1; transform: scale(1); } } :root { --wide-block-panel-max-width-override: calc(infinity * 1px); } [data-app-shell-main-content-layout]:has([data-pip-obstacle=3D"thread-sum= mary-panel"]) { --wide-block-panel-max-width-override: initial; } :is(.MediaWideBlock-f485En, .MermaidWideBlock-RqYZqT, .TableContainer-UfI= Oz_[data-wide-block], .VisualizationWideBlock-S7EK3X) { --wide-block-panel-= max-width: var(--wide-block-panel-max-width-override,calc(100cqi - var(--th= read-content-max-width) + (var(--thread-content-margin,24px) * 3) + (var(--= thread-wide-block-inline-shift,0px) * 2))); } .MediaWideBlock-f485En { --wide-block-width: min(var(--markdown-wide-bloc= k-max-width), var(--wide-block-container-max-width), var(--wide-block-panel= -max-width,var(--wide-block-container-max-width))); } :is(.MediaWideBlock-f485En, .MermaidWideBlock-RqYZqT:not(:has([data-merma= id-streaming]))) { width: var(--wide-block-width); max-width: none; } .MermaidWideBlock-RqYZqT, .VisualizationWideBlock-S7EK3X { --wide-block-c= ontainer-max-width: max(100%, calc(100cqi - (var(--padding-toolbar) * 2) - = (var(--thread-content-margin,24px) * 2) - (var(--spacing) * 18) - (var(--th= read-wide-block-inline-shift,0px) * 2))); --wide-block-default-max-width: m= in(calc(var(--markdown-wide-block-max-width) + 8rem), var(--wide-block-cont= ainer-max-width), var(--wide-block-panel-max-width,var(--wide-block-contain= er-max-width))); } .MermaidWideBlock-RqYZqT:not(:has([data-mermaid-streaming])) { --wide-blo= ck-width: var(--wide-block-default-max-width); margin-left: calc((100% - va= r(--wide-block-width)) / 2); } .VisualizationBlock-BXpp50.VisualizationWideBlock-S7EK3X { --wide-block-w= idth: var(--wide-block-default-max-width); width: var(--wide-block-width); = max-width: none; margin-left: calc((100% - var(--wide-block-width)) / 2); } .MediaWideBlock-f485En { --wide-block-container-max-width: max(100%, calc= (50cqi + 50% - var(--padding-toolbar) - var(--thread-wide-block-inline-shif= t,0px))); margin-left: 0px; } .Paragraph-kKnbIo, .VisualizationBlock-BXpp50 { margin: 0 0 var(--markdow= n-space); } .VisualizationBlock-BXpp50 { font-family: var(--font-sans); display: flow= -root; } .Paragraph-kKnbIo, .Heading-Ro3lZr, .ListItem-ncLgmg, .Table-LqdUhs { fon= t-family: var(--font-content); } .MediaParagraph-HnYrwo { text-align: left; } .MediaGridParagraph-Z32buN { flex-wrap: wrap; align-items: flex-start; ga= p: 12px; display: flex; } .Heading-Ro3lZr { font-weight: var(--font-weight-semibold); } .Heading-Ro3lZr:where(h1) { margin: calc(var(--markdown-space) * 4) 0 cal= c(var(--markdown-space) * 2); font-size: calc(var(--markdown-font-size) * 1= .5); line-height: calc(var(--markdown-space) * 8); } .Heading-Ro3lZr:where(h2) { margin: calc(var(--markdown-space) * 4) 0 var= (--markdown-space); font-size: calc(var(--markdown-font-size) * 1.25); line= -height: calc(var(--markdown-space) * 7); } .Heading-Ro3lZr:where(h3) { margin: calc(var(--markdown-space) * 4) 0 var= (--markdown-space); font-size: calc(var(--markdown-font-size) * 1.125); lin= e-height: calc(var(--markdown-space) * 7); } .Heading-Ro3lZr:where(h4) { margin: calc(var(--markdown-space) * 4) 0 0; = font-size: var(--markdown-font-size); line-height: calc(var(--markdown-spac= e) * 6); } .Heading-Ro3lZr:where(h5, h6) { font-size: var(--markdown-font-size); lin= e-height: var(--markdown-line-height); margin: 0px; } .Heading-Ro3lZr:where(h4) + .Paragraph-kKnbIo { margin-top: 0px; } .List-kOVW5V { margin: 0px; padding-inline-start: var(--markdown-line-hei= ght); list-style-position: outside; } .MarkdownRoot-rZKhxa > .Paragraph-kKnbIo[data-markdown-han-text]:has(+ .P= aragraph-kKnbIo[data-markdown-han-text]) { margin-bottom: var(--spacing); } .MarkdownRoot-rZKhxa > :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50)= :not(:first-child) { margin-top: calc(var(--markdown-space) * 2); } .MarkdownRoot-rZKhxa > :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50)= + :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50) { margin-block: calc(= var(--markdown-space) * 4); } .MarkdownRoot-rZKhxa > .Heading-Ro3lZr:where(h1, h2, h3) + .Paragraph-kKn= bIo, .MarkdownRoot-rZKhxa > .Paragraph-kKnbIo + .List-kOVW5V { margin-top: = 0px; } .MarkdownRoot-rZKhxa > .List-kOVW5V + .Heading-Ro3lZr { margin-top: calc(= var(--markdown-space) * 4); } .UnorderedList-nqKD7g { list-style-type: disc; } .List-kOVW5V .UnorderedList-nqKD7g { list-style-type: circle; } .List-kOVW5V .List-kOVW5V .UnorderedList-nqKD7g { list-style-type: square= ; } .OrderedList-XsMUSX { list-style-type: decimal; } .TaskList-QsR4bm { padding-inline-start: 0px; list-style-type: none; } .ListItem-ncLgmg { padding-inline-start: calc(var(--markdown-space) * 1.5= ); display: list-item; } .ListItem-ncLgmg + .ListItem-ncLgmg { margin-top: 0px; } .ListItem-ncLgmg > :first-child:not(h1, h2, h3) { margin-top: 0px; margin= -bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > :last-child:no= t(h1, h2, h3) { margin-bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content])[data-starts-with= -heading] > :nth-child(1 of h1, h2, h3) { margin-top: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content])[data-ends-with-h= eading] > :nth-last-child(1 of h1, h2, h3) { margin-bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > p { margin: 0p= x; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > p + p { margin= -top: calc(var(--markdown-space) * 4); } .ListItem-ncLgmg > .List-kOVW5V { margin-top: 0px; margin-bottom: 0px; } .TaskListItem-ZeZMab { --markdown-task-checkbox-margin: 0; padding-inline= -start: 0px; list-style-type: none; } .TaskListItem-ZeZMab:has(> p, > [data-markdown-list-item-content]) { --ma= rkdown-task-checkbox-margin: var(--markdown-space); grid-template-columns: = auto minmax(0px, 1fr); display: grid; } .TaskListItem-ZeZMab.TaskListItem-ZeZMab > :first-child { margin-top: var= (--markdown-task-checkbox-margin); } .TaskListItem-ZeZMab > :not(:first-child) { grid-column: 2; } .UnorderedList-nqKD7g > .ListItem-ncLgmg::marker { color: var(--text-prim= ary); font-weight: var(--font-weight-semibold); } .OrderedList-XsMUSX > .ListItem-ncLgmg::marker { color: var(--text-primar= y); font-weight: var(--font-weight-semibold); } .Blockquote-EqEEot { margin: 0 0 calc(var(--markdown-space) * 2); color: = var(--text-primary); font-style: normal; line-height: calc(var(--markdown-s= pace) * 6); padding-block: calc(var(--markdown-space) * 2); border: 0px; pa= dding-inline-start: calc(var(--markdown-space) * 6); position: relative; ba= ckground-color: rgba(0, 0, 0, 0) !important; } .Blockquote-EqEEot > :first-child { margin-top: 0px; } .Blockquote-EqEEot > :last-child { margin-bottom: 0px; } .Blockquote-EqEEot > .Paragraph-kKnbIo { font-weight: var(--font-weight-n= ormal); margin: 0px; } .Blockquote-EqEEot > .Paragraph-kKnbIo::before, .Blockquote-EqEEot > .Par= agraph-kKnbIo::after { content: none; } .Blockquote-EqEEot::after { content: ""; inset-inline-start: 0px; top: ca= lc(var(--markdown-space) * 2); bottom: calc(var(--markdown-space) * 2); wid= th: var(--markdown-space); border-radius: calc(var(--markdown-space) / 2); = background-color: var(--border-medium); position: absolute; } .HorizontalRule-ByOEk_ { clear: both; height: 0px; margin: calc(var(--mar= kdown-space) * 7) 0; border-right: 0px; border-bottom: 0px; border-left: 0p= x; border-image: none; border-top: 1px solid var(--border-medium); } .HorizontalRule-ByOEk_ + * { margin-top: 0px; } .MarkdownRoot-rZKhxa { --markdown-host-font-size: var(--codex-chat-font-s= ize); --markdown-host-small-font-size: var(--codex-chat-code-font-size); --= markdown-font-size: var(--markdown-host-font-size); --markdown-line-height:= calc(var(--markdown-font-size) * var(--leading-relaxed)); --markdown-small= -font-size: max(var(--markdown-host-small-font-size), calc(var(--markdown-f= ont-size) * .875)); --markdown-space: calc(var(--markdown-font-size) / 4); = --text-primary: currentColor; --border-medium: var(--color-border-strong); = --border-light: var(--color-border-subtle); --main-surface-secondary: var(-= -color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .MarkdownRoot-rZKhxa { --main-surface-secondary: color-mix(in srgb, var(-= -color-surface-secondary) 92%, transparent); } } .MarkdownRoot-rZKhxa { color: var(--color-text); font-size: var(--markdow= n-font-size); line-height: var(--markdown-line-height); overflow-wrap: anyw= here; } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"inherit"] { color: inheri= t; } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"inherit"] .ExternalMarkdo= wnLink-WWBYg9 { --vscode-textLink-foreground: var(--markdown-link-color,cur= rentColor); --vscode-textLink-activeForeground: var(--markdown-link-color,c= urrentColor); --inline-mention-dark-base-color: currentColor; --inline-ment= ion-resolved-base-color: currentColor; color: var(--markdown-link-color,inh= erit); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"tertiary"] { color: var(-= -color-text-tertiary); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"user-message"] { color: v= ar(--color-text-user-message); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"user-message"] .ExternalM= arkdownLink-WWBYg9 { --inline-mention-dark-base-color: var(--color-text-use= r-message); --inline-mention-resolved-base-color: var(--color-text-user-mes= sage); } .MarkdownRoot-rZKhxa :is(.Paragraph-kKnbIo, .List-kOVW5V, .ListItem-ncLgm= g, .Table-LqdUhs) { font-size: var(--markdown-font-size); line-height: var(= --markdown-line-height); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"inherit"] { --markdown-f= ont-size: 1em; --markdown-line-height: 1lh; color: inherit; } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"base"] { --markdown-font= -size: var(--text-base); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"large"] { --markdown-fon= t-size: var(--text-lg); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"small"] { --markdown-fon= t-size: var(--text-sm); } .MarkdownRoot-rZKhxa .Table-LqdUhs, .MarkdownRoot-rZKhxa[data-markdown-te= xt-style] .Table-LqdUhs { font-size: var(--markdown-small-font-size); } .MarkdownRoot-rZKhxa .katex-display { max-width: 100%; overflow: auto hid= den; } [data-codex-window-type=3D"browser"] .MarkdownRoot-rZKhxa { --markdown-ho= st-font-size: var(--text-base); --markdown-host-small-font-size: var(--text= -sm); } .MarkdownTablePreview-WF8OXs { border: 1px solid var(--color-border); bor= der-radius: var(--radius-2xl); background-color: var(--color-surface-elevat= ed-secondary); max-width: 80%; max-height: 100%; padding: calc(var(--spacin= g) * 8); box-shadow: var(--shadow-2xl); margin: auto; display: flex; overfl= ow: hidden; } [data-codex-window-type=3D"extension"] .MarkdownRoot-rZKhxa { --thread-co= ntent-max-width: 40rem; } .TableContainer-UfIOz_ { width: 100%; margin-top: calc(var(--markdown-spa= ce) * 4); position: relative; } .TableContainer-UfIOz_[data-wide-block] { --edge-fade-distance: calc(var(= --thread-content-margin,24px) * 4); --wide-block-width: max(100%, min(calc(= 50cqi + 50% - var(--padding-toolbar) - var(--thread-content-margin,24px) - = var(--thread-wide-block-inline-shift,0px)), calc((100% + var(--wide-block-p= anel-max-width)) / 2))); width: fit-content; max-width: var(--wide-block-wi= dth); } .TableContainer-UfIOz_:not([data-wide-block]) .TableWrapper-i1mUIE { min-= width: 100%; } .TableContainer-UfIOz_:not([data-wide-block]) .Table-LqdUhs { font-varian= t-numeric: tabular-nums; min-width: 100%; } .TableContainer-UfIOz_:not([data-wide-block]) .Table-LqdUhs [data-col-siz= e] { min-width: auto; } .TableScroller-ZhMTLB { scrollbar-width: thin; overflow-x: auto; } .TableContainer-UfIOz_[data-wide-block] .TableScroller-ZhMTLB { display: = flex; } .TableWrapper-i1mUIE { pointer-events: auto; width: fit-content; } @container latest-turn-preview (width >=3D 0) { .TableContainer-UfIOz_[data-wide-block] { width: 100%; } } .Table-LqdUhs { width: fit-content; min-width: min(calc(100cqw - (var(--p= adding-toolbar) * 2)), calc(var(--thread-content-max-width,40rem) - (var(--= padding-toolbar) * 2))); border-collapse: separate; border-spacing: 0px; ta= ble-layout: auto; text-align: start; margin: 0px; } .Table-LqdUhs [data-col-size=3D"sm"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 4 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 6 / 24); } .Table-LqdUhs [data-col-size=3D"md"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 6 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 8 / 24); } .Table-LqdUhs [data-col-size=3D"lg"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 8 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 12 / 24); } .Table-LqdUhs [data-col-size=3D"xl"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 14 / 24); max-width: calc(var(--thread-content-max-wi= dth,40rem) * 18 / 24); } .TableRow-ENsaGm:not(:last-child) .TableCell-WcsygL { border-bottom: 1px = solid var(--border-light); } .TableStickyHeader-I7_LNR { border-collapse: separate; border-spacing: 0p= x; } .TableStickyHeader-I7_LNR .TableHeaderCell-esYSpn { z-index: 10; backgrou= nd: var(--color-surface); position: sticky; top: 0px; } .TableHeaderCell-esYSpn, .TableCell-WcsygL { vertical-align: top; white-s= pace: normal; padding-inline-end: calc(var(--markdown-space) * 6); } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"left"] { text-al= ign: left; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"center"] { text-= align: center; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"right"] { text-a= lign: right; } .TableHeaderCell-esYSpn { border-bottom: 1px solid var(--border-medium); = padding-top: calc(var(--markdown-space) * 2); padding-bottom: calc(var(--ma= rkdown-space) * 2); text-align: start; color: var(--text-primary); font-wei= ght: var(--font-weight-semibold); line-height: calc(var(--markdown-space) *= 4); } .TableCell-WcsygL { padding-top: calc(var(--markdown-space) * 2.5); paddi= ng-bottom: calc(var(--markdown-space) * 2.5); } .NumericTableCell-rj6UoB { min-width: calc(3ch + (var(--markdown-space) *= 6)); white-space: nowrap; } .TableHeaderCell-esYSpn:last-child { padding-inline-end: calc(var(--markd= own-space) * 10); } .TableCell-WcsygL:last-child { padding-inline-end: 0px; } .TableBody-A5sMNL .TableRow-ENsaGm:last-child .TableCell-WcsygL { padding= -bottom: calc(var(--markdown-space) * 6); } .MermaidBlock-zsG6ii { margin-block: calc(var(--markdown-space) * 2); } .CodeBlock-zu1QM3 { margin-block: calc(var(--markdown-space) * 5); } .MermaidBlock-zsG6ii:has([data-mermaid-streaming]) { margin-block: 0px; } .CodeBlockPlaceholder-rW0eah { border-radius: var(--radius-3xl-base); bac= kground: var(--color-background-secondary-soft-alpha); padding: calc(var(--= markdown-space) * 4); font-size: var(--markdown-small-font-size); line-heig= ht: calc(var(--markdown-space) * 5); overflow-x: auto; } .InlineMarkdownIsolate-QWDV4W { unicode-bidi: isolate; } .AgentMentionLabel-hMk9qK { color: var(--color-text); } .BrowserTabMentionLabel-RsqyjI { text-overflow: ellipsis; white-space: no= wrap; overflow: hidden; } .InlineMentionFocusRing-j8iO1a { cursor: var(--cursor-interaction); } .InlineMentionFocusRing-j8iO1a [data-layout] { -webkit-box-decoration-bre= ak: clone; box-decoration-break: clone; } .InlineMentionFocusRing-j8iO1a:not(:has([data-layout])) { -webkit-box-dec= oration-break: clone; box-decoration-break: clone; } .InlineMentionFocusRing-j8iO1a:focus-visible { outline: none; } .InlineMentionFocusRing-j8iO1a:focus-visible [data-layout] { border-radiu= s: var(--radius-md); box-shadow: 0 0 0 2px var(--color-ring); } .InlineMentionFocusRing-j8iO1a:focus-visible:not(:has([data-layout])) { b= order-radius: var(--radius-md); box-shadow: 0 0 0 2px var(--color-ring); } .InlineMentionFocusRing-j8iO1a[data-disabled] { cursor: default; } :is(.MarkdownRoot-rZKhxa th, .MarkdownRoot-rZKhxa td) { max-width: calc(v= ar(--thread-content-max-width,40rem) * 18 / 24); overflow-wrap: break-word;= word-break: normal; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL) .TableCellFileLink-h40okA= { white-space: nowrap; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL) .TableCellFileLink-h40okA= > :last-child { white-space: normal; } .SingleChildTableCell-Sv7jTC > [data-file-reference] .TableCellFileLink-h= 40okA { vertical-align: baseline; grid-template-columns: auto minmax(0px, 1= fr); max-width: 100%; display: inline-grid; } .MarkdownRoot-rZKhxa[data-markdown-animated] :is(.FadeIn-RqQvGR, .Horizon= talRule-ByOEk_, .ListItem-ncLgmg, .TableRow-ENsaGm, .Blockquote-EqEEot) { o= pacity: 1; animation-duration: ; animation-timing-function: ; animation-ite= ration-count: ; animation-direction: ; animation-fill-mode: ; animation-pla= y-state: ; animation-name: ; animation-timeline: ; animation-range-start: ;= animation-range-end: ; animation-delay: var(--fade-delay,0s); } .MarkdownRoot-rZKhxa[data-markdown-animated] .FadeListDecoration-F9SN5z::= marker { animation-duration: ; animation-timing-function: ; animation-itera= tion-count: ; animation-direction: ; animation-fill-mode: ; animation-play-= state: ; animation-name: ; animation-timeline: ; animation-range-start: ; a= nimation-range-end: ; animation-delay: var(--fade-delay,0s); } .MarkdownRoot-rZKhxa.AdaptiveStreaming-uuYOZc .FadeIn-RqQvGR { --duration= : var(--animation-duration-streaming-text); } .MarkdownRoot-rZKhxa.AdaptiveStreaming-uuYOZc .FadeListDecoration-F9SN5z:= :marker { --duration: var(--animation-duration-streaming-text); } .MarkdownRoot-rZKhxa[data-markdown-animated] .ImageEnter-TCwnvk { transfo= rm-origin: 50% center; animation: 0.18s ease-out 0s 1 normal both running i= mage-enter-VfEUgK; } @media (prefers-reduced-motion: reduce) { .MarkdownRoot-rZKhxa[data-markdown-animated] :is(.FadeIn-RqQvGR, .Horizon= talRule-ByOEk_, .ListItem-ncLgmg, .TableRow-ENsaGm, .Blockquote-EqEEot, .Im= ageEnter-TCwnvk) { --duration: 0s; opacity: 1; animation-duration: 0s; tran= sform: scale(1); animation-delay: 0s !important; } .MarkdownRoot-rZKhxa[data-markdown-animated] .FadeListDecoration-F9SN5z::= marker { animation-duration: 0s; animation-delay: 0s !important; } } .DecoratedExternalLink-p2AJ5C { color: inherit; cursor: var(--cursor-inte= raction); text-decoration: underline dotted var(--color-text-tertiary) 1px;= text-underline-offset: 2px; text-decoration-skip-ink: auto; text-underline= -position: from-font; } .DecoratedExternalLink-p2AJ5C:hover { color: var(--color-text-info); text= -decoration-color: currentcolor; } .header-H_3lla { position: relative; overflow: visible; } .header-H_3lla[data-viewer-placement=3D"overlay"] { isolation: isolate; p= osition: absolute; inset: 0px 0px auto; } [data-pane-header-placement=3D"overlay"] .header-H_3lla { position: relat= ive; } .header-H_3lla[data-viewer-density=3D"surface"] { --viewer-control-height= : calc(var(--icon-leading-size) + var(--spacing) * 4); } .header-H_3lla[data-viewer-density=3D"regular"] { --display-icon-compact:= none; --display-icon-leading: contents; } .header-H_3lla[data-viewer-density=3D"compact"] { --display-icon-compact:= contents; --display-icon-leading: none; } .annotationAccent-D2De7v { --draggable-toolbar-accent: var(--color-backgr= ound-info-solid); } .annotationTheme-oM4Ar4 { --color-background-info-solid: var(--draggable-= toolbar-accent); --color-text-info-solid: var(--color-media-foreground); } .attention-DBRDZN:not(:active):not(:focus-within) { animation: 0.6s ease-= in-out 0s infinite alternate none running attention-DBRDZN; } @keyframes attention-DBRDZN {=20 0% { transform: translateX(calc(var(--spacing) * -.75)); } 100% { transform: translateX(calc(var(--spacing) * .75)); } } @keyframes shimmer-ZEh1Pz {=20 0% { background-position: 140% 0px; } 100% { background-position: -105% 0px; } } .Root-z2BNO7 { --openai-blossom-shimmer-highlight: var(--lightningcss-lig= ht,var(--color-surface)) var(--lightningcss-dark,var(--color-text)); --open= ai-blossom-shimmer-base: var(--color-text); --openai-blossom-shimmer-base-o= pacity: var(--lightningcss-light,.24) var(--lightningcss-dark,.68); --opena= i-blossom-shimmer-soft: color-mix(in srgb, var(--openai-blossom-shimmer-hig= hlight) 4%, transparent); --openai-blossom-shimmer-peak: color-mix(in srgb,= var(--openai-blossom-shimmer-highlight) 48%, transparent); --openai-blosso= m-shimmer-tail: color-mix(in srgb, var(--openai-blossom-shimmer-highlight) = 8%, transparent); flex-shrink: 0; justify-content: center; align-items: cen= ter; display: inline-flex; position: relative; } .Base-Z8GMSc { width: 100%; height: 100%; color: var(--openai-blossom-shi= mmer-base); opacity: var(--openai-blossom-shimmer-base-opacity); } .Overlay-UCNs2a { pointer-events: none; background-image: linear-gradient= (112deg, transparent 22%, var(--openai-blossom-shimmer-soft) 38%, var(--ope= nai-blossom-shimmer-peak) 49%, var(--openai-blossom-shimmer-tail) 56%, tran= sparent 74%); background-position: 140% 0px; background-repeat: no-repeat; = background-size: 220% 100%; animation: 2.2s cubic-bezier(0.4, 0, 0.2, 1) 0s= infinite normal none running shimmer-ZEh1Pz; position: absolute; inset: 0p= x; } :root[data-reduced-motion=3D"true"] .Overlay-UCNs2a { animation: auto eas= e 0s 1 normal none running none; } .delayedIndicator-cocUOa { animation: 0.4s step-end 0s 1 normal none runn= ing reveal-wo8Ti9; } @keyframes reveal-wo8Ti9 {=20 0% { visibility: hidden; } 100% { visibility: visible; } } :where(.Favicon-xZwQNw) { position: relative; } .DigitColumn-fJ4U3r { width: 1ch; height: 1lh; line-height: inherit; cont= ain: layout style paint; display: inline-block; position: relative; } .DigitColumn-fJ4U3r::before { content: "0"; visibility: hidden; } .DigitColumn-fJ4U3r[data-variant=3D"inline"] { contain: none; } .DigitColumn-fJ4U3r[data-variant=3D"inline"] .DigitStack-p_507q { margin-= top: var(--rolling-number-y-offset,0); display: block; } .DigitColumn-fJ4U3r[data-variant=3D"inline"] .DigitStack-p_507q > span { = line-height: inherit; display: block; } .DigitStack-p_507q { contain: size layout style; height: 1lh; transition:= transform var(--transition-duration-relaxed) cubic-bezier(.16, 1, .3, 1); = will-change: transform; flex-direction: column; display: flex; } .DigitStack-p_507q > span { flex: 0 0 1lh; height: 1lh; } @media (prefers-reduced-motion: reduce) { .DigitStack-p_507q { transition: none; } } .avatar-CG40Jq { display: contents; } .avatar-CG40Jq img, .reviewerPicker-Il2q0L img { background-color: var(--= color-white); } :where(.cadencedShimmer-uMTG1d) { --loading-shimmer-foreground: initial; = --loading-shimmer-base: initial; --loading-shimmer-highlight: initial; } .cadencedShimmer-uMTG1d { --shimmer-text-secondary: var(--loading-shimmer= -base,color-mix(in srgb, var(--loading-shimmer-foreground,var(--color-codex= -description)) 55%, transparent)); --shimmer-contrast: var(--loading-shimme= r-highlight,#ffffffbf); -webkit-text-fill-color: currentcolor; } .cadencedShimmer-uMTG1d, .cadencedShimmer-uMTG1d * { color: var(--shimmer= -text-secondary) !important; } .cadencedShimmer-uMTG1d .cadencedShimmerHighlight-VcX29h, .cadencedShimme= r-uMTG1d .cadencedShimmerHighlight-VcX29h * { color: var(--shimmer-contrast= ) !important; } .cadencedShimmerSweep-ICUAVH { width: 100%; text-overflow: inherit; point= er-events: none; position: absolute; inset: 0px auto 0px 0px; overflow: hid= den; transform: translate(-50%); mask-image: linear-gradient(90deg, rgba(0,= 0, 0, 0) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 50%, rgb= a(0, 0, 0, 0) 100%); } .cadencedShimmerHighlight-VcX29h { width: 100%; text-overflow: inherit; -= webkit-text-fill-color: currentcolor; display: block; overflow: hidden; tra= nsform: translate(50%); } .cadencedShimmerActive-DpK60y .cadencedShimmerSweep-ICUAVH, .cadencedShim= merActive-DpK60y .cadencedShimmerHighlight-VcX29h { animation-duration: 1s;= animation-timing-function: steps(48); animation-iteration-count: 1; } .cadencedShimmerActive-DpK60y .cadencedShimmerSweep-ICUAVH { animation-na= me: cadencedLoadingShimmerSweep-lzFXeT; } .cadencedShimmerActive-DpK60y .cadencedShimmerHighlight-VcX29h { animatio= n-name: cadencedLoadingShimmerHighlight-qNRRjT; } @media (prefers-reduced-motion: reduce) { .cadencedShimmerActive-DpK60y .cadencedShimmerSweep-ICUAVH, .cadencedShim= merActive-DpK60y .cadencedShimmerHighlight-VcX29h { animation: auto ease 0s= 1 normal none running none; } } @keyframes cadencedLoadingShimmerSweep-lzFXeT {=20 0% { transform: translate(-50%); } 100% { transform: translate(125%); } } @keyframes cadencedLoadingShimmerHighlight-qNRRjT {=20 0% { transform: translate(50%); } 100% { transform: translate(-125%); } } .Surface-dfq13n { corner-shape: superellipse(1.1); } .CodeContent-ybJ8Tl { line-height: max(1.5em, calc(var(--spacing) * 5)); = } .StickyActionBar-XvAQxh { top: calc(-1px - var(--thread-sticky-header-top= ,0px)); background-color: var(--color-surface); background-image: linear-gr= adient(var(--color-background-secondary-soft-alpha), var(--color-background= -secondary-soft-alpha)); } .InlineCodePane-EYx4bd { max-height: 56.25cqw; overflow-y: auto; } .ViewerContent-Cg8AgN { line-height: max(1.5em, calc(var(--spacing) * 5))= ; } .Comment-dh5VVn { color: var(--color-codex-syntax-comment); font-style: n= ormal; } @container style(--theme-variant: light) { .Comment-dh5VVn { font-style: italic; } } .active-ylqTkR, .active-ylqTkR * { view-transition-name: none !important;= } @layer base { .active-ylqTkR .image-MN44N1 { border-radius: inherit; } } .active-ylqTkR .image-MN44N1 { view-transition-name: image-preview-editor= !important; } .active-ylqTkR .toolbar-HMtViS, .active-ylqTkR.opening-aO53eV .chrome-cYK= tGk [data-image-preview-toolbar] [role=3D"toolbar"]:not([role=3D"toolbar"] = [role=3D"toolbar"]) { view-transition-name: image-preview-toolbar !importan= t; } .active-ylqTkR.closing-fIQWrc .backdrop-I43Dio { view-transition-name: im= age-preview-backdrop !important; } .active-ylqTkR.closing-fIQWrc .chrome-cYKtGk { view-transition-name: imag= e-preview-chrome !important; } .closing-fIQWrc::view-transition-old(image-preview-backdrop) { animation-= duration: var(--transition-duration-relaxed); animation-timing-function: va= r(--ease-enter-snappy); } .closing-fIQWrc::view-transition-old(image-preview-chrome) { animation-du= ration: var(--transition-duration-relaxed); animation-timing-function: var(= --ease-enter-snappy); } .active-ylqTkR::view-transition-group(image-preview-editor) { animation-d= uration: var(--transition-duration-relaxed); animation-timing-function: var= (--ease-enter-snappy); } .active-ylqTkR::view-transition-group(image-preview-toolbar) { animation-= duration: var(--transition-duration-relaxed); animation-timing-function: va= r(--ease-enter-snappy); } .active-ylqTkR::view-transition-group(image-preview-toolbar) { z-index: 4= 0; } .active-ylqTkR.opening-aO53eV::view-transition-group(image-preview-toolba= r) { animation: auto ease 0s 1 normal none running none; } .active-ylqTkR::view-transition-old(image-preview-editor) { display: none= ; } .active-ylqTkR::view-transition-old(image-preview-toolbar) { display: non= e; } .active-ylqTkR::view-transition-new(image-preview-editor) { mix-blend-mod= e: normal; object-fit: cover; width: 100%; height: 100%; animation: auto ea= se 0s 1 normal none running none; } .active-ylqTkR::view-transition-new(image-preview-toolbar) { mix-blend-mo= de: normal; object-fit: cover; width: 100%; height: 100%; animation: auto e= ase 0s 1 normal none running none; } .active-ylqTkR.closing-fIQWrc::view-transition-old(image-preview-editor) = { mix-blend-mode: normal; object-fit: cover; width: 100%; height: 100%; ani= mation: auto ease 0s 1 normal none running none; } .active-ylqTkR.closing-fIQWrc::view-transition-image-pair(image-preview-e= ditor) { border-radius: var(--image-preview-thumbnail-radius,0); animation:= round-thumbnail-u_JWuk var(--transition-duration-relaxed) var(--ease-enter= -snappy) both; overflow: clip; } @keyframes round-thumbnail-u_JWuk {=20 0% { border-radius: 0px; } } .active-ylqTkR.closing-fIQWrc::view-transition-old(image-preview-editor) = { display: block; } .active-ylqTkR.closing-fIQWrc::view-transition-new(image-preview-editor) = { display: none; } .LoadingResultsShimmer-IzeCFB { --loading-results-shimmer-base: var(--col= or-codex-description); } @supports (color:color-mix(in lab, red, red)) { .LoadingResultsShimmer-IzeCFB { --loading-results-shimmer-base: color-mix= (in srgb, var(--color-codex-description) 10%, transparent); } } .LoadingResultsShimmer-IzeCFB { --loading-results-shimmer-highlight: var(= --color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .LoadingResultsShimmer-IzeCFB { --loading-results-shimmer-highlight: colo= r-mix(in srgb, var(--color-codex-description) 16%, transparent); } } .LoadingResultsShimmer-IzeCFB { border-radius: var(--radius-md); backgrou= nd-color: var(--loading-results-shimmer-base); position: relative; overflow= : hidden; } .LoadingResultsShimmer-IzeCFB[data-size=3D"sm"] { height: calc(var(--spac= ing) * 3); } .LoadingResultsShimmer-IzeCFB[data-size=3D"md"] { height: calc(var(--spac= ing) * 3.5); } .LoadingResultsShimmer-IzeCFB[data-size=3D"lg"] { height: calc(var(--spac= ing) * 4); } .LoadingResultsShimmer-IzeCFB[data-size=3D"thumbnail"] { width: calc(var(= --spacing) * 10); height: calc(var(--spacing) * 10); border-radius: var(--r= adius-lg); flex-shrink: 0; } .LoadingResultsShimmer-IzeCFB[data-size=3D"fill"] { width: 100%; height: = 100%; display: block; } .LoadingResultsShimmer-IzeCFB::before { content: ""; pointer-events: none= ; background: linear-gradient(90deg, transparent 0%, var(--loading-results-= shimmer-highlight) 50%, transparent 100%); will-change: transform; animatio= n-duration: 3s; animation-timing-function: linear; animation-iteration-coun= t: infinite; animation-direction: normal; animation-fill-mode: none; animat= ion-play-state: running; animation-name: loadingResultsShimmer-sDqi9i; anim= ation-timeline: auto; animation-range: normal; animation-delay: var(--loadi= ng-results-shimmer-delay,0s); position: absolute; inset: 0px; transform: tr= anslate(-100%); } .LoadingResultsShimmer-IzeCFB[data-variant=3D"chatgpt"], .LoadingResultsS= himmer-IzeCFB[data-variant=3D"chatgpt-project"] { background-image: linear-= gradient(90deg, var(--loading-results-shimmer-base), var(--loading-results-= shimmer-highlight), var(--loading-results-shimmer-base)); } :is(.LoadingResultsShimmer-IzeCFB[data-variant=3D"chatgpt"], .LoadingResu= ltsShimmer-IzeCFB[data-variant=3D"chatgpt-project"])::before { content: non= e; animation: auto ease 0s 1 normal none running none; } .LoadingResultsShimmer-IzeCFB[data-variant=3D"chatgpt"] { background-size= : 1000px 100%; animation: 3s linear 0s infinite normal none running chatGpt= LoadingResultsShimmer-xV00aH; } .LoadingResultsShimmer-IzeCFB[data-variant=3D"conversation-followup"] { h= eight: calc(var(--spacing,.25rem) * 10); width: calc(var(--spacing,.25rem) = * 40); border-radius: var(--radius-full,9999px); border-style: var(--tw-bor= der-style); border-width: 1px; border-color: var(--color-border); --tw-shad= ow: 0px 1px 2px -1px var(--tw-shadow-color,#00000014); box-shadow: var(--tw= -inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), = var(--tw-ring-shadow), var(--tw-shadow); --loading-results-shimmer-base: va= r(--color-surface); --loading-results-shimmer-highlight: var(--color-codex-= description); flex-shrink: 0; } @supports (color:color-mix(in lab, red, red)) { .LoadingResultsShimmer-IzeCFB[data-variant=3D"conversation-followup"] { -= -loading-results-shimmer-highlight: color-mix(in srgb, var(--color-codex-de= scription) 16%, var(--color-surface)); } } .LoadingResultsShimmer-IzeCFB[data-variant=3D"chatgpt-project"] { backgro= und-color: rgba(0, 0, 0, 0); background-size: 300% 100%; animation: 2s ease= -in-out 0s infinite alternate-reverse none running chatGptProjectSkeleton-R= Qb9Gi; } .LoadingResultsShimmer-IzeCFB[data-reduced-motion=3D"true"], .LoadingResu= ltsShimmer-IzeCFB[data-reduced-motion=3D"true"]::before, .LoadingResultsShi= mmer-IzeCFB:where(:root[data-reduced-motion=3D"true"] .LoadingResultsShimme= r-IzeCFB)::before, .LoadingResultsShimmer-IzeCFB:where(:root[data-reduced-m= otion=3D"true"] .LoadingResultsShimmer-IzeCFB)[data-variant=3D"chatgpt"], .= LoadingResultsShimmer-IzeCFB:where(:root[data-reduced-motion=3D"true"] .Loa= dingResultsShimmer-IzeCFB)[data-variant=3D"chatgpt-project"], .LoadingResul= tsShimmer-IzeCFB:where(:root[data-reduced-motion=3D"true"] .LoadingResultsS= himmer-IzeCFB)[data-variant=3D"conversation-followup"] { animation: auto ea= se 0s 1 normal none running none; } .LoadingResultsShimmer-IzeCFB:where(:root[data-reduced-motion=3D"true"] .= LoadingResultsShimmer-IzeCFB)[data-variant=3D"chatgpt"], .LoadingResultsShi= mmer-IzeCFB:where(:root[data-reduced-motion=3D"true"] .LoadingResultsShimme= r-IzeCFB)[data-variant=3D"conversation-followup"] { background-image: ; bac= kground-position-x: ; background-position-y: ; background-repeat: ; backgro= und-attachment: ; background-origin: ; background-clip: ; background-color:= ; background-size: auto; } @media (prefers-reduced-motion: reduce) { .LoadingResultsShimmer-IzeCFB:where(:root:not([data-reduced-motion]) .Loa= dingResultsShimmer-IzeCFB)::before, .LoadingResultsShimmer-IzeCFB:where(:ro= ot:not([data-reduced-motion]) .LoadingResultsShimmer-IzeCFB)[data-variant= =3D"chatgpt"], .LoadingResultsShimmer-IzeCFB:where(:root:not([data-reduced-= motion]) .LoadingResultsShimmer-IzeCFB)[data-variant=3D"chatgpt-project"], = .LoadingResultsShimmer-IzeCFB:where(:root:not([data-reduced-motion]) .Loadi= ngResultsShimmer-IzeCFB)[data-variant=3D"conversation-followup"] { animatio= n: auto ease 0s 1 normal none running none; } .LoadingResultsShimmer-IzeCFB:where(:root:not([data-reduced-motion]) .Loa= dingResultsShimmer-IzeCFB)[data-variant=3D"chatgpt"], .LoadingResultsShimme= r-IzeCFB:where(:root:not([data-reduced-motion]) .LoadingResultsShimmer-IzeC= FB)[data-variant=3D"conversation-followup"] { background-image: ; backgroun= d-position-x: ; background-position-y: ; background-repeat: ; background-at= tachment: ; background-origin: ; background-clip: ; background-color: ; bac= kground-size: auto; } } @supports (corner-shape:superellipse(1.5)) { .LoadingResultsShimmer-IzeCFB { corner-shape: var(--codex-corner-shape); = } } @keyframes chatGptProjectSkeleton-RQb9Gi {=20 0% { background-position: 100% 0px; } 100% { background-position: 0px 0px; } } @keyframes chatGptLoadingResultsShimmer-xV00aH {=20 0% { background-position: -1000px 0px; } 100% { background-position: 1000px 0px; } } @keyframes loadingResultsShimmer-sDqi9i {=20 0% { transform: translate(-100%); } 100% { transform: translate(100%); } } .slideFromLeft-dcc86Q[data-state=3D"closed"] { pointer-events: none; } .slideFromLeft-dcc86Q:where(:root[data-reduced-motion=3D"false"] .slideFr= omLeft-dcc86Q)[data-state=3D"open"] { animation: slide-from-left-DOQxt5 .25= s var(--cubic-enter); } .slideFromLeft-dcc86Q:where(:root[data-reduced-motion=3D"false"] .slideFr= omLeft-dcc86Q)[data-state=3D"closed"] { animation: slide-to-left-mslGpU .2s= var(--cubic-exit); } @media (prefers-reduced-motion: no-preference) { .slideFromLeft-dcc86Q:where(:root:not([data-reduced-motion]) .slideFromLe= ft-dcc86Q)[data-state=3D"open"] { animation: slide-from-left-DOQxt5 .25s va= r(--cubic-enter); } .slideFromLeft-dcc86Q:where(:root:not([data-reduced-motion]) .slideFromLe= ft-dcc86Q)[data-state=3D"closed"] { animation: slide-to-left-mslGpU .2s var= (--cubic-exit); } } @keyframes slide-to-left-mslGpU {=20 0% { opacity: 1; transform: translate(0px); } 100% { opacity: 0; transform: translateX(calc(var(--spacing) * -.5)); } } @keyframes slide-from-left-DOQxt5 {=20 0% { opacity: 0; transform: translateX(calc(var(--spacing) * -1)); } 100% { opacity: 1; transform: translate(0px); } } } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: = solid; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0= 000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; init= ial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: = 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false= ; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0= 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-va= lue: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; ini= tial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-va= lue: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-v= alue: 0 0 #0000; } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/814219.d1ee269ee0.css @charset "utf-8"; @layer components { @keyframes pulse-W_p_ZT {=20 50% { opacity: 0.5; } } .Placeholder-GJXpwo { overflow: hidden; } .Placeholder-GJXpwo[data-animate] { --loading-placeholder-base: var(--col= or-surface); --loading-placeholder-peak: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .Placeholder-GJXpwo[data-animate] { --loading-placeholder-peak: color-mix= (in srgb, var(--color-codex-description) 7%, var(--color-surface)); } } .Placeholder-GJXpwo[data-animate] { background-color: var(--loading-place= holder-base); position: relative; } .Placeholder-GJXpwo[data-animate]::before { background-color: var(--loadi= ng-placeholder-peak); opacity: 0; content: ""; animation: 3s ease-in-out 0s= infinite normal none running pulse-W_p_ZT; position: absolute; inset: 0px;= } :root[data-reduced-motion=3D"true"] :is() { animation: auto ease 0s 1 nor= mal none running none; } .Placeholder-GJXpwo[data-animate]:where([data-theme=3D"dark"]) { --loadin= g-placeholder-peak: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .Placeholder-GJXpwo[data-animate]:where([data-theme=3D"dark"]) { --loadin= g-placeholder-peak: color-mix(in srgb, var(--color-codex-description) 14%, = var(--color-surface)); } } @container style(--theme-variant: dark) { .Placeholder-GJXpwo[data-animate]:where(:not([data-theme])) { --loading-p= laceholder-peak: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .Placeholder-GJXpwo[data-animate]:where(:not([data-theme])) { --loading-p= laceholder-peak: color-mix(in srgb, var(--color-codex-description) 14%, var= (--color-surface)); } } } @keyframes fade-in-HYTrVJ {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in-marker-re9IOT {=20 0% { color: rgba(0, 0, 0, 0); } } @keyframes image-enter-VfEUgK {=20 0% { opacity: 0; transform: scale(0.98); } 100% { opacity: 1; transform: scale(1); } } :root { --wide-block-panel-max-width-override: calc(infinity * 1px); } [data-app-shell-main-content-layout]:has([data-pip-obstacle=3D"thread-sum= mary-panel"]) { --wide-block-panel-max-width-override: initial; } :is(.MediaWideBlock-f485En, .MermaidWideBlock-RqYZqT, .TableContainer-UfI= Oz_[data-wide-block], .VisualizationWideBlock-S7EK3X) { --wide-block-panel-= max-width: var(--wide-block-panel-max-width-override,calc(100cqi - var(--th= read-content-max-width) + (var(--thread-content-margin,24px) * 3) + (var(--= thread-wide-block-inline-shift,0px) * 2))); } .MediaWideBlock-f485En { --wide-block-width: min(var(--markdown-wide-bloc= k-max-width), var(--wide-block-container-max-width), var(--wide-block-panel= -max-width,var(--wide-block-container-max-width))); } :is(.MediaWideBlock-f485En, .MermaidWideBlock-RqYZqT:not(:has([data-merma= id-streaming]))) { width: var(--wide-block-width); max-width: none; } .MermaidWideBlock-RqYZqT, .VisualizationWideBlock-S7EK3X { --wide-block-c= ontainer-max-width: max(100%, calc(100cqi - (var(--padding-toolbar) * 2) - = (var(--thread-content-margin,24px) * 2) - (var(--spacing) * 18) - (var(--th= read-wide-block-inline-shift,0px) * 2))); --wide-block-default-max-width: m= in(calc(var(--markdown-wide-block-max-width) + 8rem), var(--wide-block-cont= ainer-max-width), var(--wide-block-panel-max-width,var(--wide-block-contain= er-max-width))); } .MermaidWideBlock-RqYZqT:not(:has([data-mermaid-streaming])) { --wide-blo= ck-width: var(--wide-block-default-max-width); margin-left: calc((100% - va= r(--wide-block-width)) / 2); } .VisualizationBlock-BXpp50.VisualizationWideBlock-S7EK3X { --wide-block-w= idth: var(--wide-block-default-max-width); width: var(--wide-block-width); = max-width: none; margin-left: calc((100% - var(--wide-block-width)) / 2); } .MediaWideBlock-f485En { --wide-block-container-max-width: max(100%, calc= (50cqi + 50% - var(--padding-toolbar) - var(--thread-wide-block-inline-shif= t,0px))); margin-left: 0px; } .Paragraph-kKnbIo, .VisualizationBlock-BXpp50 { margin: 0 0 var(--markdow= n-space); } .VisualizationBlock-BXpp50 { font-family: var(--font-sans); display: flow= -root; } .Paragraph-kKnbIo, .Heading-Ro3lZr, .ListItem-ncLgmg, .Table-LqdUhs { fon= t-family: var(--font-content); } .MediaParagraph-HnYrwo { text-align: left; } .MediaGridParagraph-Z32buN { flex-wrap: wrap; align-items: flex-start; ga= p: 12px; display: flex; } .Heading-Ro3lZr { font-weight: var(--font-weight-semibold); } .Heading-Ro3lZr:where(h1) { margin: calc(var(--markdown-space) * 4) 0 cal= c(var(--markdown-space) * 2); font-size: calc(var(--markdown-font-size) * 1= .5); line-height: calc(var(--markdown-space) * 8); } .Heading-Ro3lZr:where(h2) { margin: calc(var(--markdown-space) * 4) 0 var= (--markdown-space); font-size: calc(var(--markdown-font-size) * 1.25); line= -height: calc(var(--markdown-space) * 7); } .Heading-Ro3lZr:where(h3) { margin: calc(var(--markdown-space) * 4) 0 var= (--markdown-space); font-size: calc(var(--markdown-font-size) * 1.125); lin= e-height: calc(var(--markdown-space) * 7); } .Heading-Ro3lZr:where(h4) { margin: calc(var(--markdown-space) * 4) 0 0; = font-size: var(--markdown-font-size); line-height: calc(var(--markdown-spac= e) * 6); } .Heading-Ro3lZr:where(h5, h6) { font-size: var(--markdown-font-size); lin= e-height: var(--markdown-line-height); margin: 0px; } .Heading-Ro3lZr:where(h4) + .Paragraph-kKnbIo { margin-top: 0px; } .List-kOVW5V { margin: 0px; padding-inline-start: var(--markdown-line-hei= ght); list-style-position: outside; } .MarkdownRoot-rZKhxa > .Paragraph-kKnbIo[data-markdown-han-text]:has(+ .P= aragraph-kKnbIo[data-markdown-han-text]) { margin-bottom: var(--spacing); } .MarkdownRoot-rZKhxa > :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50)= :not(:first-child) { margin-top: calc(var(--markdown-space) * 2); } .MarkdownRoot-rZKhxa > :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50)= + :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50) { margin-block: calc(= var(--markdown-space) * 4); } .MarkdownRoot-rZKhxa > .Heading-Ro3lZr:where(h1, h2, h3) + .Paragraph-kKn= bIo, .MarkdownRoot-rZKhxa > .Paragraph-kKnbIo + .List-kOVW5V { margin-top: = 0px; } .MarkdownRoot-rZKhxa > .List-kOVW5V + .Heading-Ro3lZr { margin-top: calc(= var(--markdown-space) * 4); } .UnorderedList-nqKD7g { list-style-type: disc; } .List-kOVW5V .UnorderedList-nqKD7g { list-style-type: circle; } .List-kOVW5V .List-kOVW5V .UnorderedList-nqKD7g { list-style-type: square= ; } .OrderedList-XsMUSX { list-style-type: decimal; } .TaskList-QsR4bm { padding-inline-start: 0px; list-style-type: none; } .ListItem-ncLgmg { padding-inline-start: calc(var(--markdown-space) * 1.5= ); display: list-item; } .ListItem-ncLgmg + .ListItem-ncLgmg { margin-top: 0px; } .ListItem-ncLgmg > :first-child:not(h1, h2, h3) { margin-top: 0px; margin= -bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > :last-child:no= t(h1, h2, h3) { margin-bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content])[data-starts-with= -heading] > :nth-child(1 of h1, h2, h3) { margin-top: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content])[data-ends-with-h= eading] > :nth-last-child(1 of h1, h2, h3) { margin-bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > p { margin: 0p= x; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > p + p { margin= -top: calc(var(--markdown-space) * 4); } .ListItem-ncLgmg > .List-kOVW5V { margin-top: 0px; margin-bottom: 0px; } .TaskListItem-ZeZMab { --markdown-task-checkbox-margin: 0; padding-inline= -start: 0px; list-style-type: none; } .TaskListItem-ZeZMab:has(> p, > [data-markdown-list-item-content]) { --ma= rkdown-task-checkbox-margin: var(--markdown-space); grid-template-columns: = auto minmax(0px, 1fr); display: grid; } .TaskListItem-ZeZMab.TaskListItem-ZeZMab > :first-child { margin-top: var= (--markdown-task-checkbox-margin); } .TaskListItem-ZeZMab > :not(:first-child) { grid-column: 2; } .UnorderedList-nqKD7g > .ListItem-ncLgmg::marker { color: var(--text-prim= ary); font-weight: var(--font-weight-semibold); } .OrderedList-XsMUSX > .ListItem-ncLgmg::marker { color: var(--text-primar= y); font-weight: var(--font-weight-semibold); } .Blockquote-EqEEot { margin: 0 0 calc(var(--markdown-space) * 2); color: = var(--text-primary); font-style: normal; line-height: calc(var(--markdown-s= pace) * 6); padding-block: calc(var(--markdown-space) * 2); border: 0px; pa= dding-inline-start: calc(var(--markdown-space) * 6); position: relative; ba= ckground-color: rgba(0, 0, 0, 0) !important; } .Blockquote-EqEEot > :first-child { margin-top: 0px; } .Blockquote-EqEEot > :last-child { margin-bottom: 0px; } .Blockquote-EqEEot > .Paragraph-kKnbIo { font-weight: var(--font-weight-n= ormal); margin: 0px; } .Blockquote-EqEEot > .Paragraph-kKnbIo::before, .Blockquote-EqEEot > .Par= agraph-kKnbIo::after { content: none; } .Blockquote-EqEEot::after { content: ""; inset-inline-start: 0px; top: ca= lc(var(--markdown-space) * 2); bottom: calc(var(--markdown-space) * 2); wid= th: var(--markdown-space); border-radius: calc(var(--markdown-space) / 2); = background-color: var(--border-medium); position: absolute; } .HorizontalRule-ByOEk_ { clear: both; height: 0px; margin: calc(var(--mar= kdown-space) * 7) 0; border-right: 0px; border-bottom: 0px; border-left: 0p= x; border-image: none; border-top: 1px solid var(--border-medium); } .HorizontalRule-ByOEk_ + * { margin-top: 0px; } .MarkdownRoot-rZKhxa { --markdown-host-font-size: var(--codex-chat-font-s= ize); --markdown-host-small-font-size: var(--codex-chat-code-font-size); --= markdown-font-size: var(--markdown-host-font-size); --markdown-line-height:= calc(var(--markdown-font-size) * var(--leading-relaxed)); --markdown-small= -font-size: max(var(--markdown-host-small-font-size), calc(var(--markdown-f= ont-size) * .875)); --markdown-space: calc(var(--markdown-font-size) / 4); = --text-primary: currentColor; --border-medium: var(--color-border-strong); = --border-light: var(--color-border-subtle); --main-surface-secondary: var(-= -color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .MarkdownRoot-rZKhxa { --main-surface-secondary: color-mix(in srgb, var(-= -color-surface-secondary) 92%, transparent); } } .MarkdownRoot-rZKhxa { color: var(--color-text); font-size: var(--markdow= n-font-size); line-height: var(--markdown-line-height); overflow-wrap: anyw= here; } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"inherit"] { color: inheri= t; } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"inherit"] .ExternalMarkdo= wnLink-WWBYg9 { --vscode-textLink-foreground: var(--markdown-link-color,cur= rentColor); --vscode-textLink-activeForeground: var(--markdown-link-color,c= urrentColor); --inline-mention-dark-base-color: currentColor; --inline-ment= ion-resolved-base-color: currentColor; color: var(--markdown-link-color,inh= erit); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"tertiary"] { color: var(-= -color-text-tertiary); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"user-message"] { color: v= ar(--color-text-user-message); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"user-message"] .ExternalM= arkdownLink-WWBYg9 { --inline-mention-dark-base-color: var(--color-text-use= r-message); --inline-mention-resolved-base-color: var(--color-text-user-mes= sage); } .MarkdownRoot-rZKhxa :is(.Paragraph-kKnbIo, .List-kOVW5V, .ListItem-ncLgm= g, .Table-LqdUhs) { font-size: var(--markdown-font-size); line-height: var(= --markdown-line-height); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"inherit"] { --markdown-f= ont-size: 1em; --markdown-line-height: 1lh; color: inherit; } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"base"] { --markdown-font= -size: var(--text-base); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"large"] { --markdown-fon= t-size: var(--text-lg); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"small"] { --markdown-fon= t-size: var(--text-sm); } .MarkdownRoot-rZKhxa .Table-LqdUhs, .MarkdownRoot-rZKhxa[data-markdown-te= xt-style] .Table-LqdUhs { font-size: var(--markdown-small-font-size); } .MarkdownRoot-rZKhxa .katex-display { max-width: 100%; overflow: auto hid= den; } [data-codex-window-type=3D"browser"] .MarkdownRoot-rZKhxa { --markdown-ho= st-font-size: var(--text-base); --markdown-host-small-font-size: var(--text= -sm); } .MarkdownTablePreview-WF8OXs { border: 1px solid var(--color-border); bor= der-radius: var(--radius-2xl); background-color: var(--color-surface-elevat= ed-secondary); max-width: 80%; max-height: 100%; padding: calc(var(--spacin= g) * 8); box-shadow: var(--shadow-2xl); margin: auto; display: flex; overfl= ow: hidden; } [data-codex-window-type=3D"extension"] .MarkdownRoot-rZKhxa { --thread-co= ntent-max-width: 40rem; } .TableContainer-UfIOz_ { width: 100%; margin-top: calc(var(--markdown-spa= ce) * 4); position: relative; } .TableContainer-UfIOz_[data-wide-block] { --edge-fade-distance: calc(var(= --thread-content-margin,24px) * 4); --wide-block-width: max(100%, min(calc(= 50cqi + 50% - var(--padding-toolbar) - var(--thread-content-margin,24px) - = var(--thread-wide-block-inline-shift,0px)), calc((100% + var(--wide-block-p= anel-max-width)) / 2))); width: fit-content; max-width: var(--wide-block-wi= dth); } .TableContainer-UfIOz_:not([data-wide-block]) .TableWrapper-i1mUIE { min-= width: 100%; } .TableContainer-UfIOz_:not([data-wide-block]) .Table-LqdUhs { font-varian= t-numeric: tabular-nums; min-width: 100%; } .TableContainer-UfIOz_:not([data-wide-block]) .Table-LqdUhs [data-col-siz= e] { min-width: auto; } .TableScroller-ZhMTLB { scrollbar-width: thin; overflow-x: auto; } .TableContainer-UfIOz_[data-wide-block] .TableScroller-ZhMTLB { display: = flex; } .TableWrapper-i1mUIE { pointer-events: auto; width: fit-content; } @container latest-turn-preview (width >=3D 0) { .TableContainer-UfIOz_[data-wide-block] { width: 100%; } } .Table-LqdUhs { width: fit-content; min-width: min(calc(100cqw - (var(--p= adding-toolbar) * 2)), calc(var(--thread-content-max-width,40rem) - (var(--= padding-toolbar) * 2))); border-collapse: separate; border-spacing: 0px; ta= ble-layout: auto; text-align: start; margin: 0px; } .Table-LqdUhs [data-col-size=3D"sm"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 4 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 6 / 24); } .Table-LqdUhs [data-col-size=3D"md"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 6 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 8 / 24); } .Table-LqdUhs [data-col-size=3D"lg"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 8 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 12 / 24); } .Table-LqdUhs [data-col-size=3D"xl"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 14 / 24); max-width: calc(var(--thread-content-max-wi= dth,40rem) * 18 / 24); } .TableRow-ENsaGm:not(:last-child) .TableCell-WcsygL { border-bottom: 1px = solid var(--border-light); } .TableStickyHeader-I7_LNR { border-collapse: separate; border-spacing: 0p= x; } .TableStickyHeader-I7_LNR .TableHeaderCell-esYSpn { z-index: 10; backgrou= nd: var(--color-surface); position: sticky; top: 0px; } .TableHeaderCell-esYSpn, .TableCell-WcsygL { vertical-align: top; white-s= pace: normal; padding-inline-end: calc(var(--markdown-space) * 6); } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"left"] { text-al= ign: left; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"center"] { text-= align: center; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"right"] { text-a= lign: right; } .TableHeaderCell-esYSpn { border-bottom: 1px solid var(--border-medium); = padding-top: calc(var(--markdown-space) * 2); padding-bottom: calc(var(--ma= rkdown-space) * 2); text-align: start; color: var(--text-primary); font-wei= ght: var(--font-weight-semibold); line-height: calc(var(--markdown-space) *= 4); } .TableCell-WcsygL { padding-top: calc(var(--markdown-space) * 2.5); paddi= ng-bottom: calc(var(--markdown-space) * 2.5); } .NumericTableCell-rj6UoB { min-width: calc(3ch + (var(--markdown-space) *= 6)); white-space: nowrap; } .TableHeaderCell-esYSpn:last-child { padding-inline-end: calc(var(--markd= own-space) * 10); } .TableCell-WcsygL:last-child { padding-inline-end: 0px; } .TableBody-A5sMNL .TableRow-ENsaGm:last-child .TableCell-WcsygL { padding= -bottom: calc(var(--markdown-space) * 6); } .MermaidBlock-zsG6ii { margin-block: calc(var(--markdown-space) * 2); } .CodeBlock-zu1QM3 { margin-block: calc(var(--markdown-space) * 5); } .MermaidBlock-zsG6ii:has([data-mermaid-streaming]) { margin-block: 0px; } .CodeBlockPlaceholder-rW0eah { border-radius: var(--radius-3xl-base); bac= kground: var(--color-background-secondary-soft-alpha); padding: calc(var(--= markdown-space) * 4); font-size: var(--markdown-small-font-size); line-heig= ht: calc(var(--markdown-space) * 5); overflow-x: auto; } .InlineMarkdownIsolate-QWDV4W { unicode-bidi: isolate; } .AgentMentionLabel-hMk9qK { color: var(--color-text); } .BrowserTabMentionLabel-RsqyjI { text-overflow: ellipsis; white-space: no= wrap; overflow: hidden; } .InlineMentionFocusRing-j8iO1a { cursor: var(--cursor-interaction); } .InlineMentionFocusRing-j8iO1a [data-layout] { -webkit-box-decoration-bre= ak: clone; box-decoration-break: clone; } .InlineMentionFocusRing-j8iO1a:not(:has([data-layout])) { -webkit-box-dec= oration-break: clone; box-decoration-break: clone; } .InlineMentionFocusRing-j8iO1a:focus-visible { outline: none; } .InlineMentionFocusRing-j8iO1a:focus-visible [data-layout] { border-radiu= s: var(--radius-md); box-shadow: 0 0 0 2px var(--color-ring); } .InlineMentionFocusRing-j8iO1a:focus-visible:not(:has([data-layout])) { b= order-radius: var(--radius-md); box-shadow: 0 0 0 2px var(--color-ring); } .InlineMentionFocusRing-j8iO1a[data-disabled] { cursor: default; } :is(.MarkdownRoot-rZKhxa th, .MarkdownRoot-rZKhxa td) { max-width: calc(v= ar(--thread-content-max-width,40rem) * 18 / 24); overflow-wrap: break-word;= word-break: normal; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL) .TableCellFileLink-h40okA= { white-space: nowrap; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL) .TableCellFileLink-h40okA= > :last-child { white-space: normal; } .SingleChildTableCell-Sv7jTC > [data-file-reference] .TableCellFileLink-h= 40okA { vertical-align: baseline; grid-template-columns: auto minmax(0px, 1= fr); max-width: 100%; display: inline-grid; } .MarkdownRoot-rZKhxa[data-markdown-animated] :is(.FadeIn-RqQvGR, .Horizon= talRule-ByOEk_, .ListItem-ncLgmg, .TableRow-ENsaGm, .Blockquote-EqEEot) { o= pacity: 1; animation-duration: ; animation-timing-function: ; animation-ite= ration-count: ; animation-direction: ; animation-fill-mode: ; animation-pla= y-state: ; animation-name: ; animation-timeline: ; animation-range-start: ;= animation-range-end: ; animation-delay: var(--fade-delay,0s); } .MarkdownRoot-rZKhxa[data-markdown-animated] .FadeListDecoration-F9SN5z::= marker { animation-duration: ; animation-timing-function: ; animation-itera= tion-count: ; animation-direction: ; animation-fill-mode: ; animation-play-= state: ; animation-name: ; animation-timeline: ; animation-range-start: ; a= nimation-range-end: ; animation-delay: var(--fade-delay,0s); } .MarkdownRoot-rZKhxa.AdaptiveStreaming-uuYOZc .FadeIn-RqQvGR { --duration= : var(--animation-duration-streaming-text); } .MarkdownRoot-rZKhxa.AdaptiveStreaming-uuYOZc .FadeListDecoration-F9SN5z:= :marker { --duration: var(--animation-duration-streaming-text); } .MarkdownRoot-rZKhxa[data-markdown-animated] .ImageEnter-TCwnvk { transfo= rm-origin: 50% center; animation: 0.18s ease-out 0s 1 normal both running i= mage-enter-VfEUgK; } @media (prefers-reduced-motion: reduce) { .MarkdownRoot-rZKhxa[data-markdown-animated] :is(.FadeIn-RqQvGR, .Horizon= talRule-ByOEk_, .ListItem-ncLgmg, .TableRow-ENsaGm, .Blockquote-EqEEot, .Im= ageEnter-TCwnvk) { --duration: 0s; opacity: 1; animation-duration: 0s; tran= sform: scale(1); animation-delay: 0s !important; } .MarkdownRoot-rZKhxa[data-markdown-animated] .FadeListDecoration-F9SN5z::= marker { animation-duration: 0s; animation-delay: 0s !important; } } .DecoratedExternalLink-p2AJ5C { color: inherit; cursor: var(--cursor-inte= raction); text-decoration: underline dotted var(--color-text-tertiary) 1px;= text-underline-offset: 2px; text-decoration-skip-ink: auto; text-underline= -position: from-font; } .DecoratedExternalLink-p2AJ5C:hover { color: var(--color-text-info); text= -decoration-color: currentcolor; } .delayedIndicator-cocUOa { animation: 0.4s step-end 0s 1 normal none runn= ing reveal-wo8Ti9; } @keyframes reveal-wo8Ti9 {=20 0% { visibility: hidden; } 100% { visibility: visible; } } :where(.Favicon-xZwQNw) { position: relative; } .DigitColumn-fJ4U3r { width: 1ch; height: 1lh; line-height: inherit; cont= ain: layout style paint; display: inline-block; position: relative; } .DigitColumn-fJ4U3r::before { content: "0"; visibility: hidden; } .DigitColumn-fJ4U3r[data-variant=3D"inline"] { contain: none; } .DigitColumn-fJ4U3r[data-variant=3D"inline"] .DigitStack-p_507q { margin-= top: var(--rolling-number-y-offset,0); display: block; } .DigitColumn-fJ4U3r[data-variant=3D"inline"] .DigitStack-p_507q > span { = line-height: inherit; display: block; } .DigitStack-p_507q { contain: size layout style; height: 1lh; transition:= transform var(--transition-duration-relaxed) cubic-bezier(.16, 1, .3, 1); = will-change: transform; flex-direction: column; display: flex; } .DigitStack-p_507q > span { flex: 0 0 1lh; height: 1lh; } @media (prefers-reduced-motion: reduce) { .DigitStack-p_507q { transition: none; } } .avatar-CG40Jq { display: contents; } .avatar-CG40Jq img, .reviewerPicker-Il2q0L img { background-color: var(--= color-white); } :where(.cadencedShimmer-uMTG1d) { --loading-shimmer-foreground: initial; = --loading-shimmer-base: initial; --loading-shimmer-highlight: initial; } .cadencedShimmer-uMTG1d { --shimmer-text-secondary: var(--loading-shimmer= -base,color-mix(in srgb, var(--loading-shimmer-foreground,var(--color-codex= -description)) 55%, transparent)); --shimmer-contrast: var(--loading-shimme= r-highlight,#ffffffbf); -webkit-text-fill-color: currentcolor; } .cadencedShimmer-uMTG1d, .cadencedShimmer-uMTG1d * { color: var(--shimmer= -text-secondary) !important; } .cadencedShimmer-uMTG1d .cadencedShimmerHighlight-VcX29h, .cadencedShimme= r-uMTG1d .cadencedShimmerHighlight-VcX29h * { color: var(--shimmer-contrast= ) !important; } .cadencedShimmerSweep-ICUAVH { width: 100%; text-overflow: inherit; point= er-events: none; position: absolute; inset: 0px auto 0px 0px; overflow: hid= den; transform: translate(-50%); mask-image: linear-gradient(90deg, rgba(0,= 0, 0, 0) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 50%, rgb= a(0, 0, 0, 0) 100%); } .cadencedShimmerHighlight-VcX29h { width: 100%; text-overflow: inherit; -= webkit-text-fill-color: currentcolor; display: block; overflow: hidden; tra= nsform: translate(50%); } .cadencedShimmerActive-DpK60y .cadencedShimmerSweep-ICUAVH, .cadencedShim= merActive-DpK60y .cadencedShimmerHighlight-VcX29h { animation-duration: 1s;= animation-timing-function: steps(48); animation-iteration-count: 1; } .cadencedShimmerActive-DpK60y .cadencedShimmerSweep-ICUAVH { animation-na= me: cadencedLoadingShimmerSweep-lzFXeT; } .cadencedShimmerActive-DpK60y .cadencedShimmerHighlight-VcX29h { animatio= n-name: cadencedLoadingShimmerHighlight-qNRRjT; } @media (prefers-reduced-motion: reduce) { .cadencedShimmerActive-DpK60y .cadencedShimmerSweep-ICUAVH, .cadencedShim= merActive-DpK60y .cadencedShimmerHighlight-VcX29h { animation: auto ease 0s= 1 normal none running none; } } @keyframes cadencedLoadingShimmerSweep-lzFXeT {=20 0% { transform: translate(-50%); } 100% { transform: translate(125%); } } @keyframes cadencedLoadingShimmerHighlight-qNRRjT {=20 0% { transform: translate(50%); } 100% { transform: translate(-125%); } } .Surface-dfq13n { corner-shape: superellipse(1.1); } .CodeContent-ybJ8Tl { line-height: max(1.5em, calc(var(--spacing) * 5)); = } .StickyActionBar-XvAQxh { top: calc(-1px - var(--thread-sticky-header-top= ,0px)); background-color: var(--color-surface); background-image: linear-gr= adient(var(--color-background-secondary-soft-alpha), var(--color-background= -secondary-soft-alpha)); } .InlineCodePane-EYx4bd { max-height: 56.25cqw; overflow-y: auto; } .ViewerContent-Cg8AgN { line-height: max(1.5em, calc(var(--spacing) * 5))= ; } .Comment-dh5VVn { color: var(--color-codex-syntax-comment); font-style: n= ormal; } @container style(--theme-variant: light) { .Comment-dh5VVn { font-style: italic; } } .active-ylqTkR, .active-ylqTkR * { view-transition-name: none !important;= } @layer base { .active-ylqTkR .image-MN44N1 { border-radius: inherit; } } .active-ylqTkR .image-MN44N1 { view-transition-name: image-preview-editor= !important; } .active-ylqTkR .toolbar-HMtViS, .active-ylqTkR.opening-aO53eV .chrome-cYK= tGk [data-image-preview-toolbar] [role=3D"toolbar"]:not([role=3D"toolbar"] = [role=3D"toolbar"]) { view-transition-name: image-preview-toolbar !importan= t; } .active-ylqTkR.closing-fIQWrc .backdrop-I43Dio { view-transition-name: im= age-preview-backdrop !important; } .active-ylqTkR.closing-fIQWrc .chrome-cYKtGk { view-transition-name: imag= e-preview-chrome !important; } .closing-fIQWrc::view-transition-old(image-preview-backdrop) { animation-= duration: var(--transition-duration-relaxed); animation-timing-function: va= r(--ease-enter-snappy); } .closing-fIQWrc::view-transition-old(image-preview-chrome) { animation-du= ration: var(--transition-duration-relaxed); animation-timing-function: var(= --ease-enter-snappy); } .active-ylqTkR::view-transition-group(image-preview-editor) { animation-d= uration: var(--transition-duration-relaxed); animation-timing-function: var= (--ease-enter-snappy); } .active-ylqTkR::view-transition-group(image-preview-toolbar) { animation-= duration: var(--transition-duration-relaxed); animation-timing-function: va= r(--ease-enter-snappy); } .active-ylqTkR::view-transition-group(image-preview-toolbar) { z-index: 4= 0; } .active-ylqTkR.opening-aO53eV::view-transition-group(image-preview-toolba= r) { animation: auto ease 0s 1 normal none running none; } .active-ylqTkR::view-transition-old(image-preview-editor) { display: none= ; } .active-ylqTkR::view-transition-old(image-preview-toolbar) { display: non= e; } .active-ylqTkR::view-transition-new(image-preview-editor) { mix-blend-mod= e: normal; object-fit: cover; width: 100%; height: 100%; animation: auto ea= se 0s 1 normal none running none; } .active-ylqTkR::view-transition-new(image-preview-toolbar) { mix-blend-mo= de: normal; object-fit: cover; width: 100%; height: 100%; animation: auto e= ase 0s 1 normal none running none; } .active-ylqTkR.closing-fIQWrc::view-transition-old(image-preview-editor) = { mix-blend-mode: normal; object-fit: cover; width: 100%; height: 100%; ani= mation: auto ease 0s 1 normal none running none; } .active-ylqTkR.closing-fIQWrc::view-transition-image-pair(image-preview-e= ditor) { border-radius: var(--image-preview-thumbnail-radius,0); animation:= round-thumbnail-u_JWuk var(--transition-duration-relaxed) var(--ease-enter= -snappy) both; overflow: clip; } @keyframes round-thumbnail-u_JWuk {=20 0% { border-radius: 0px; } } .active-ylqTkR.closing-fIQWrc::view-transition-old(image-preview-editor) = { display: block; } .active-ylqTkR.closing-fIQWrc::view-transition-new(image-preview-editor) = { display: none; } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/903101.02fcd7709d.css @charset "utf-8"; @layer components { .editor-jMsqTn.override-font-size > .prose { font-size: inherit; } .editor-jMsqTn.override-font-weight > .prose { font-weight: inherit; } .editor-jMsqTn.override-line-height > .prose { line-height: inherit; } .editor-jMsqTn.override-letter-spacing > .prose { letter-spacing: inherit= ; } .editor-jMsqTn.markdown-new-styling > .markdown h1 { font-size: 150%; } .editor-jMsqTn.markdown-new-styling > .markdown h2 { font-size: 125%; } .editor-jMsqTn.markdown-new-styling > .markdown h3 { font-size: 115%; } .editor-jMsqTn .ProseMirror :is(h1, h2, h3, h4, h5, h6) strong { font-wei= ght: 700; } .editor-jMsqTn.markdown-new-styling > .markdown blockquote, .editor-jMsqT= n.markdown-new-styling > .markdown blockquote > p { line-height: inherit; f= ont-weight: inherit; } .editor-jMsqTn .ProseMirror li p { margin: 0px; } .editor-jMsqTn .ProseMirror :is(ul, ol):has(> li:first-child > p:first-ch= ild:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb= ), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lan= g(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))= { text-align: left; direction: ltr; } .editor-jMsqTn .ProseMirror :is(ul, ol):has(> li:first-child > p:first-ch= ild:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb)= , :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang= (nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) = { text-align: right; direction: rtl; } :is(.editor-jMsqTn .ProseMirror td p, .editor-jMsqTn .ProseMirror th p) {= margin: 0px; } .editor-jMsqTn .ProseMirror .ProseMirror-yjs-cursor { pointer-events: non= e; word-break: normal; border-inline-start: 2px solid; margin-inline: -1px;= position: relative; } .editor-jMsqTn .ProseMirror { position: relative; } .editor-jMsqTn .ProseMirror pre .ProseMirror-yjs-cursor { position: stati= c; } .editor-jMsqTn .ProseMirror .ProseMirror-yjs-cursor > div { z-index: 2; c= olor: rgb(255, 255, 255); max-width: 16rem; font-family: var(--oai-wb-font-= sans,sans-serif); text-overflow: ellipsis; white-space: nowrap; user-select= : none; border-radius: 4px; padding: 2px 6px; font-size: 0.75rem; font-weig= ht: 500; line-height: 1.25; transition: opacity 0.2s; position: absolute; i= nset-block-end: calc(100% + 2px); inset-inline-start: -1px; overflow: hidde= n; } .editor-jMsqTn .ProseMirror pre .ProseMirror-yjs-cursor > div { inset-blo= ck-end: auto; inset-inline-start: auto; } .editor-jMsqTn .writing-block-collaborator-cursor-inactive { opacity: 0; = } .editor-jMsqTn .ProseMirror .writing-block-image { height: auto; margin-b= lock: calc(var(--oai-wb-spacing) * 2); max-width: 100%; display: inline-blo= ck; } .editor-jMsqTn .ProseMirror p .writing-block-image + .ProseMirror-separat= or { display: none; } .editor-jMsqTn .ProseMirror .writing-block-table-structure-selected-cell = { caret-color: rgba(0, 0, 0, 0); } .tableFloatingUi-Q6FLpM.writing-block-table-grab-handle { z-index: 70; bo= rder: 1px solid var(--oai-wb-divider); border-radius: var(--oai-wb-radius-s= m); background: var(--oai-wb-surface-primary); color: var(--oai-wb-text-sec= ondary); box-shadow: var(--oai-wb-shadow-lg); letter-spacing: -0.12em; opac= ity: 0; pointer-events: none; justify-content: center; align-items: center;= font-size: 0.75rem; line-height: 1; transition: opacity 0.12s, background-= color 0.12s, color 0.12s; display: inline-flex; position: fixed; } .tableFloatingUi-Q6FLpM.writing-block-table-grab-handle.is-visible { opac= ity: 1; pointer-events: auto; } :is(.tableFloatingUi-Q6FLpM.writing-block-table-grab-handle.is-active, .t= ableFloatingUi-Q6FLpM.writing-block-table-grab-handle:hover, .tableFloating= Ui-Q6FLpM.writing-block-table-grab-handle:focus-visible) { background: var(= --oai-wb-interactive-background); color: var(--oai-wb-accent); outline: non= e; } .tableFloatingUi-Q6FLpM.writing-block-table-grab-handle-column { letter-s= pacing: 0px; font-size: 0.8rem; } .tableFloatingUi-Q6FLpM.writing-block-table-grab-menu { z-index: 71; bord= er: 1px solid var(--oai-wb-divider); border-radius: calc(var(--oai-wb-spaci= ng) * 2); background: var(--oai-wb-surface-primary); min-width: 12rem; box-= shadow: var(--oai-wb-shadow-lg); padding: calc(var(--oai-wb-spacing) * 1.5)= ; gap: calc(var(--oai-wb-spacing) * 1); display: none; position: fixed; tra= nsform: translate(-50%); } .tableFloatingUi-Q6FLpM.writing-block-table-grab-menu.is-open { display: = grid; } .tableFloatingUi-Q6FLpM .writing-block-table-grab-menu-item { border-radi= us: var(--oai-wb-radius-sm); width: 100%; color: var(--oai-wb-text-primary)= ; padding: calc(var(--oai-wb-spacing) * 1.5) calc(var(--oai-wb-spacing) * 2= ); font-size: var(--oai-wb-font-size); background: 0px 0px; border: 0px; ju= stify-content: flex-start; align-items: center; line-height: 1.2; display: = inline-flex; } :is(.tableFloatingUi-Q6FLpM .writing-block-table-grab-menu-item:hover, .t= ableFloatingUi-Q6FLpM .writing-block-table-grab-menu-item:focus-visible) { = background: var(--oai-wb-interactive-background); color: var(--oai-wb-accen= t); outline: none; } :is(.editor-jMsqTn .ProseMirror.ProseMirror-focused td.writing-block-tabl= e-structure-selected-cell, .editor-jMsqTn .ProseMirror.ProseMirror-focused = th.writing-block-table-structure-selected-cell) { box-shadow: inset 0 0 0 1= px color-mix(in oklab, var(--oai-wb-accent) 70%, transparent); } :is(.editor-jMsqTn .ProseMirror.ProseMirror-focused td.writing-block-tabl= e-structure-active-cell, .editor-jMsqTn .ProseMirror.ProseMirror-focused th= .writing-block-table-structure-active-cell) { box-shadow: inset 0 0 0 2px v= ar(--oai-wb-accent); } :is(.editor-jMsqTn .ProseMirror.ProseMirror-focused td.writing-block-tabl= e-structure-edit-active-cell, .editor-jMsqTn .ProseMirror.ProseMirror-focus= ed th.writing-block-table-structure-edit-active-cell) { box-shadow: inset 0= 0 0 2px var(--oai-wb-accent), inset 0 0 0 4px var(--oai-wb-entity-accent);= caret-color: auto !important; } .editor-jMsqTn[data-table-selection-appearance=3D"subtle"] .ProseMirror.P= roseMirror-focused :is(th.writing-block-table-structure-active-cell, td.wri= ting-block-table-structure-active-cell, th.writing-block-table-structure-ed= it-active-cell, td.writing-block-table-structure-edit-active-cell) { box-sh= adow: inset 0 0 0 2px var(--oai-wb-accent); } .editor-jMsqTn .ProseMirror p .selection-highlight { padding-top: 0.28em;= padding-bottom: 0.28em; } .editor-jMsqTn .ProseMirror { --magic-edit-selection-padding-y: .21em; } .editor-jMsqTn .ProseMirror.writing-block-ios-webview { --magic-edit-sele= ction-padding-y: .03em; } .editor-jMsqTn .ProseMirror p .magic-edit-selection { padding-bottom: var= (--magic-edit-selection-padding-y); padding-top: var(--magic-edit-selection= -padding-y); } .editor-jMsqTn .ProseMirror .magic-edit-selection { background-color: var= (--oai-wb-selection); } [data-me-role=3D"container"] { display: block; position: relative; } .writing-block-editor.magic-edit-minimal [data-me-role=3D"orig"] { displa= y: none; } :is(.writing-block-editor [data-me-role=3D"orig"], .writing-block-editor = [data-me-role=3D"sugg"]) { user-select: text; } :is([data-me-role=3D"orig"], [data-me-role=3D"sugg"]) { position: relativ= e; } [data-me-role=3D"orig"]::before, [data-me-role=3D"sugg"]::before { conten= t: ""; z-index: -1; margin-block: -8px; margin-inline-start: calc(var(--wb-= editor-padding-left,var(--writing-block-editor-pl,calc(var(--oai-wb-spacing= ) * var(--wb-editor-default-padding-left-units,4)))) * -1); margin-inline-e= nd: calc(var(--wb-editor-padding-right,var(--writing-block-editor-pr,calc(v= ar(--oai-wb-spacing) * var(--wb-editor-default-padding-right-units,4)))) * = -1); position: absolute; inset: 0px; } [data-me-role=3D"orig"] { color: var(--oai-wb-text-tertiary); } [data-me-role=3D"orig"]::before { background: 0px 0px; } [data-me-role=3D"sugg"] { color: var(--oai-wb-accent); } @keyframes committed-preview-fade-NDT6l0 {=20 100% { color: inherit; background-color: rgba(0, 0, 0, 0); border-top-col= or: rgba(0, 0, 0, 0); } } [data-magic-edit-committed-preview=3D"true"] { animation: 1s ease-out 2s = 1 normal forwards running committed-preview-fade-NDT6l0; } .writing-block-editor [data-me-role=3D"sugg"] :is(strong, h1, h2, h3, h4,= h5, h6, blockquote, a) { color: inherit; } .writing-block-editor.magic-edit-minimal [data-me-role=3D"sugg"]::before = { display: none; } .writing-block-editor.magic-edit-minimal [data-me-role=3D"orig"]:first-ch= ild + [data-me-role=3D"sugg"] { margin-top: 0px; } [data-me-role=3D"sugg"]::before { background: color-mix(in srgb, var(--oa= i-wb-interactive-background) 50%, transparent); border-top: 1px solid var(-= -oai-wb-surface-primary); } .dark [data-me-role=3D"sugg"]::before { background: color-mix(in srgb, va= r(--oai-wb-accent) 5%, transparent); border-top: 1px solid var(--oai-wb-sur= face-primary); } :is() { display: none; } @media (prefers-reduced-motion: reduce) { [data-magic-edit-committed-preview=3D"true"] { animation-duration: 0s; } } [data-me-role=3D"orig"] [data-me-change=3D"delta"] { color: var(--oai-wb-= text-tertiary); text-decoration: line-through 1px rgba(239, 68, 68, 0.8); } .dark [data-me-role=3D"orig"] [data-me-change=3D"delta"] { text-decoratio= n-color: rgba(248, 113, 113, 0.8); } [data-me-role=3D"sugg"] [data-me-change=3D"delta"] { color: inherit; back= ground-color: rgba(0, 0, 0, 0); padding: 0px; } [data-magic-edit-optimistic-preview=3D"true"] { color: var(--oai-wb-text-= primary); } [data-magic-edit-optimistic-preview=3D"true"] [data-me-change=3D"delta"] = { color: var(--oai-wb-accent); } .writing-block-editor [data-me-role=3D"sugg"] ul li::marker { color: curr= entcolor; } .editor-jMsqTn .ProseMirror a, .editor-jMsqTn .ProseMirror a:hover, .edit= or-jMsqTn .ProseMirror a:active { color: inherit; cursor: text; text-decora= tion-line: underline; text-decoration-style: dotted; text-decoration-thickn= ess: 1px; text-decoration-color: var(--oai-wb-text-tertiary); text-underlin= e-offset: 2px; text-decoration-skip-ink: auto; text-underline-position: fro= m-font; transition: color 0.2s ease-in-out; } .editor-jMsqTn.magic-edit-submitting .ProseMirror { --shimmer-contrast: v= ar(--oai-wb-text-tertiary); --shimmer-text-secondary: var(--oai-wb-text-sec= ondary); background-image: ; background-attachment: ; background-origin: ; = background-color: ; background-position: var(--is-ltr,-100%) var(--is-rtl,2= 00%) top; -webkit-text-fill-color: transparent; animation-duration: var(--c= ot-shimmer-duration,2s); background-repeat: no-repeat; background-size: 50%= 200%; background-clip: text; animation-name: writingBlockLoadingShimmer-NJ= YInt; animation-iteration-count: infinite; animation-delay: 0s; } @keyframes writingBlockLoadingShimmer-NJYInt {=20 0% { background-position: var(--is-ltr,-100%) var(--is-rtl,200%) top; } 100% { background-position: var(--is-ltr,250%) var(--is-rtl,-150%) top; } } .dark .editor-jMsqTn.magic-edit-submitting .ProseMirror { --shimmer-contr= ast: var(--oai-wb-shimmer-dark-contrast); --shimmer-text-secondary: var(--o= ai-wb-shimmer-dark-secondary); } @media (prefers-reduced-motion: reduce) { .editor-jMsqTn.magic-edit-submitting .ProseMirror { animation: auto ease = 0s 1 normal none running none; } } .editor-jMsqTn .ProseMirror.writing-block-open-link-mode a { cursor: poin= ter; } :is(.editor-jMsqTn .ProseMirror.writing-block-open-link-mode a:hover, .ed= itor-jMsqTn .ProseMirror.writing-block-open-link-mode a:active) { color: va= r(--oai-wb-entity-accent); text-decoration-line: underline; text-decoration= -color: currentcolor; } .editor-jMsqTn .ProseMirror > :where(:not(.ProseMirror-trailingBreak)):no= t(:first-child) { margin-block-start: 1rem; } .editor-jMsqTn .ProseMirror > :where(:not(.ProseMirror-trailingBreak)), .= editor-jMsqTn .ProseMirror > p:last-child { margin-block-end: 0px; } .editor-jMsqTn .writing-block-generate-suggestion, .editor-jMsqTn .writin= g-block-generate-suggestion h1, .editor-jMsqTn .writing-block-generate-sugg= estion h2, .editor-jMsqTn .writing-block-generate-suggestion h3, .editor-jM= sqTn .writing-block-generate-suggestion h4, .editor-jMsqTn .writing-block-g= enerate-suggestion h5, .editor-jMsqTn .writing-block-generate-suggestion h6= , .editor-jMsqTn .writing-block-generate-suggestion strong, .editor-jMsqTn = .writing-block-generate-suggestion blockquote, .editor-jMsqTn .writing-bloc= k-generate-suggestion a { color: rgb(2, 133, 255); cursor: text; user-selec= t: text; } .dark .editor-jMsqTn .writing-block-generate-suggestion, .dark .editor-jM= sqTn .writing-block-generate-suggestion h1, .dark .editor-jMsqTn .writing-b= lock-generate-suggestion h2, .dark .editor-jMsqTn .writing-block-generate-s= uggestion h3, .dark .editor-jMsqTn .writing-block-generate-suggestion h4, .= dark .editor-jMsqTn .writing-block-generate-suggestion h5, .dark .editor-jM= sqTn .writing-block-generate-suggestion h6, .dark .editor-jMsqTn .writing-b= lock-generate-suggestion strong, .dark .editor-jMsqTn .writing-block-genera= te-suggestion blockquote, .dark .editor-jMsqTn .writing-block-generate-sugg= estion a { color: var(--oai-wb-accent); cursor: text; user-select: text; } .editor-jMsqTn li::marker { font-weight: 400; } .editor-jMsqTn .ProseMirror ul > li[data-task-list-item=3D"true"] { align= -items: flex-start; gap: 0.375rem; list-style: none; display: flex; positio= n: relative; } .editor-jMsqTn .ProseMirror ol > li[data-task-list-item=3D"true"] { align= -items: flex-start; position: relative; } .editor-jMsqTn .ProseMirror .task-list-item-drag-handle { border-radius: = var(--oai-wb-radius-sm); width: 1rem; height: 1.5rem; color: var(--oai-wb-t= ext-tertiary); cursor: grab; opacity: 0; pointer-events: none; touch-action= : none; user-select: none; background: 0px 0px; border: 0px; justify-conten= t: center; align-items: center; display: inline-flex; position: absolute; i= nset-block-start: 0px; inset-inline-start: -2.5rem; } .editor-jMsqTn .ProseMirror .task-list-item-drag-handle::before { content= : ""; position: absolute; inset-block: -0.25rem; inset-inline: 0px; } .editor-jMsqTn .ProseMirror[contenteditable=3D"true"] .task-list-item-dra= g-handle { pointer-events: auto; } .editor-jMsqTn .ProseMirror[contenteditable=3D"false"] .task-list-item-dr= ag-handle { display: none; } .editor-jMsqTn .ProseMirror[contenteditable=3D"true"] li[data-task-list-i= tem=3D"true"]:is(:hover, :focus-within, [data-task-list-drag-revealed=3D"tr= ue"], [data-task-list-dragging=3D"true"]) .task-list-item-drag-handle { opa= city: 1; } .editor-jMsqTn .ProseMirror .task-list-item-drag-handle:active, :is(.edit= or-jMsqTn .ProseMirror[contenteditable=3D"true"][data-task-list-dragging=3D= "true"], .editor-jMsqTn .ProseMirror[contenteditable=3D"true"][data-task-li= st-dragging=3D"true"] *) { cursor: grabbing; } body:has(> .task-list-item-drag-ghost) { cursor: grabbing; } .editor-jMsqTn .ProseMirror .task-list-item-checkbox { color: var(--oai-w= b-accent); margin-top: 0.4rem; margin-inline-start: -1.4375rem; display: in= line-flex; } .editor-jMsqTn .ProseMirror ol > li[data-task-list-item=3D"true"] > .task= -list-item-checkbox { float: inline-start; margin-inline: 0px 0.375rem; } .editor-jMsqTn .ProseMirror .task-list-item-checkbox input { appearance: = none; width: 1rem; height: 1rem; color: inherit; border: .9px solid var(--o= ai-wb-control-border); cursor: pointer; pointer-events: auto; background: 0= px 0px; border-radius: 0.125rem; place-content: center; display: inline-gri= d; } .editor-jMsqTn .ProseMirror .task-list-item-checkbox input::before { cont= ent: ""; border-right: 2px solid var(--oai-wb-on-accent); border-bottom: 2p= x solid var(--oai-wb-on-accent); transform-origin: 50% center; width: 0.25r= em; height: 0.5rem; transform: rotate(45deg) scale(0); } .editor-jMsqTn .ProseMirror .task-list-item-checkbox input:checked { back= ground: currentcolor; border-color: currentcolor; } .editor-jMsqTn .ProseMirror .task-list-item-checkbox input:checked::befor= e { transform: rotate(45deg) scale(1); } .editor-jMsqTn .ProseMirror .task-list-item-checkbox input:indeterminate = { background: currentcolor; border-color: currentcolor; } .editor-jMsqTn .ProseMirror .task-list-item-checkbox input:indeterminate:= :before { background: var(--oai-wb-on-accent); border-bottom-width: medium;= border-bottom-style: none; border-bottom-color: currentcolor; border-right= -width: medium; border-right-style: none; border-right-color: currentcolor;= width: 0.5rem; height: 0.125rem; transform: none; } :is(.editor-jMsqTn .ProseMirror .task-list-item-checkbox input:focus, .ed= itor-jMsqTn .ProseMirror .task-list-item-checkbox input:focus-visible) { bo= x-shadow: none; outline: none; } .editor-jMsqTn .ProseMirror .task-list-item-content { flex: 1 1 0%; min-w= idth: 0px; } .editor-jMsqTn .ProseMirror img.ProseMirror-separator { border-width: med= ium; border-style: none; border-color: currentcolor; border-image: none; ma= rgin: 0px; display: inline; } .editor-jMsqTn .ProseMirror li[data-task-list-item=3D"true"][data-checked= =3D"true"] > .task-list-item-checkbox:has(input:checked:not(:indeterminate)= , [role=3D"checkbox"][aria-checked=3D"true"]) + .task-list-item-content > p= :first-child { color: var(--oai-wb-text-tertiary); text-decoration-line: li= ne-through; text-decoration-color: currentcolor; } .editor-jMsqTn .ProseMirror ol > li[data-task-list-item=3D"true"] > .task= -list-item-content { min-width: 0px; display: flow-root; } .editor-jMsqTn .ProseMirror [data-writing-block-empty-placeholder] { posi= tion: relative; } .editor-jMsqTn .ProseMirror [data-writing-block-empty-placeholder]::befor= e { color: var(--oai-wb-text-tertiary); content: attr(data-writing-block-em= pty-placeholder); text-decoration-line: inherit; pointer-events: none; user= -select: none; white-space: pre-wrap; position: absolute; inset-block-start= : 0px; inset-inline-start: 0px; } .editor-jMsqTn .ProseMirror p:is(.isSelectedEnd, .isSelectedEnd *) .Prose= Mirror-trailingBreak { display: none; } .editor-jMsqTn.header-magic-edit-composer-open .ProseMirror p:is(.isSelec= tedEnd, .isSelectedEnd *) .ProseMirror-trailingBreak { visibility: hidden; = display: inline; } .editor-jMsqTn .ProseMirror.writing-block-editor-disabled { user-select: = none; } .editor-jMsqTn .ProseMirror.writing-block-editor-selectable { user-select= : text; } .editor-jMsqTn .ProseMirror p:is(.isSelectedEnd, .isSelectedEnd *)::after= { content: "=E2=80=8B"; pointer-events: none; background-color: var(--oai-= wb-selection); margin-inline-end: -6px; padding-inline-end: 6px; display: i= nline-block; } .firefox.editor-jMsqTn .ProseMirror p:is(.isSelectedEnd, .isSelectedEnd *= )::after { display: inline; } .editor-jMsqTn[data-newline-selection-appearance=3D"none"] .ProseMirror p= :is(.isSelectedEnd, .isSelectedEnd *)::after { visibility: hidden; } .editor-jMsqTn.header-magic-edit-composer-open .ProseMirror p:is(.isSelec= tedEnd, .isSelectedEnd *)::after { display: none; } .editor-jMsqTn.page-g4Dmdq { flex-direction: column; flex-grow: 1; max-wi= dth: none; padding: 0px; display: flex; } .editor-jMsqTn.page-g4Dmdq > .ProseMirror { flex-grow: 1; padding-block-s= tart: calc(var(--oai-wb-editor-padding-top) + var(--wb-editor-page-top-inse= t,0px)); padding-block-end: calc(var(--oai-wb-editor-padding-bottom) + var(= --wb-editor-page-bottom-inset,0px)); padding-inline-start: calc(var(--oai-w= b-editor-padding-left) + var(--wb-editor-page-inline-inset,0px) + max(0px, = (100% - var(--wb-editor-page-max-width,100%)) / 2)); padding-inline-end: ca= lc(var(--oai-wb-editor-padding-right) + var(--wb-editor-page-inline-inset,0= px) + max(0px, (100% - var(--wb-editor-page-max-width,100%)) / 2)); } @layer components { .editor-jMsqTn { --oai-wb-editor-padding-top: var(--wb-editor-padding-top= ,var(--writing-block-editor-pt,calc(var(--oai-wb-spacing) * var(--wb-editor= -default-padding-top-units,2)))); --oai-wb-editor-padding-right: var(--wb-e= ditor-padding-right,var(--writing-block-editor-pr,calc(var(--oai-wb-spacing= ) * var(--wb-editor-default-padding-right-units,4)))); --oai-wb-editor-padd= ing-bottom: var(--wb-editor-padding-bottom,var(--writing-block-editor-pb,ca= lc(var(--oai-wb-spacing) * var(--wb-editor-default-padding-bottom-units,4))= )); --oai-wb-editor-padding-left: var(--wb-editor-padding-left,var(--writin= g-block-editor-pl,calc(var(--oai-wb-spacing) * var(--wb-editor-default-padd= ing-left-units,4)))); padding-block-start: var(--oai-wb-editor-padding-top)= ; padding-block-end: var(--oai-wb-editor-padding-bottom); padding-inline-st= art: var(--oai-wb-editor-padding-left); padding-inline-end: var(--oai-wb-ed= itor-padding-right); } .editor-jMsqTn .oai-writing-block-selection-pin { background: color-mix(i= n srgb, var(--oai-wb-selection) 30%, transparent); } .content-xaiQhS { width: 100%; min-height: calc(var(--oai-wb-spacing) * 6= ); color: var(--oai-wb-text-primary); overflow-wrap: anywhere; outline: non= e; } .content-xaiQhS.prosemirror-placeholder::before { float: inline-start; he= ight: 0px; color: var(--oai-wb-text-tertiary); content: attr(data-placehold= er); pointer-events: none; } .content-xaiQhS h1, .content-xaiQhS h2, .content-xaiQhS h3 { color: inher= it; margin: 0px; font-weight: 600; line-height: 1.3; } .content-xaiQhS h1 { font-size: 1.5em; } .content-xaiQhS h2 { font-size: 1.25em; } .content-xaiQhS h3 { font-size: 1.15em; } .content-xaiQhS p { margin: 0px; } .content-xaiQhS p + p { margin-block-start: calc(var(--oai-wb-spacing) * = 3); } .content-xaiQhS blockquote { border-inline-start: 2px solid var(--oai-wb-= divider); margin-inline: 0px; padding-inline-start: calc(var(--oai-wb-spaci= ng) * 3); } .content-xaiQhS code, .content-xaiQhS pre { font-family: var(--oai-wb-fon= t-mono); } .content-xaiQhS pre { padding: calc(var(--oai-wb-spacing) * 3); backgroun= d: var(--oai-wb-surface-secondary); border-radius: var(--oai-wb-radius-sm);= overflow-x: auto; } .content-xaiQhS ol, .content-xaiQhS ul { margin-block: 0px; padding-inlin= e-start: calc(var(--oai-wb-spacing) * 6); } .content-xaiQhS ol { list-style: decimal; } .content-xaiQhS ul { list-style: outside; } .content-xaiQhS li { margin-block: var(--oai-wb-spacing); } :is(.frame-aD2tvA, .editorRegion-y_pd0L) .ProseMirror table { border-coll= apse: separate; border-spacing: 0px; text-align: start; width: 100%; font-s= ize: max(var(--codex-chat-code-font-size), calc(var(--oai-wb-font-size) * .= 875)); line-height: 1.71429; } :is(:is(.frame-aD2tvA, .editorRegion-y_pd0L) .ProseMirror th, :is(.frame-= aD2tvA, .editorRegion-y_pd0L) .ProseMirror td) { vertical-align: top; white= -space: normal; } :is(.frame-aD2tvA, .editorRegion-y_pd0L) .ProseMirror th { padding-block:= calc(var(--oai-wb-spacing) * 2); border-block-end: 1px solid var(--color-b= order-strong); text-align: start; font-weight: var(--font-weight-semibold);= line-height: 1.14286; } :is(.frame-aD2tvA, .editorRegion-y_pd0L) .ProseMirror td { padding-block:= calc(var(--oai-wb-spacing) * 2.5); } :is(.frame-aD2tvA, .editorRegion-y_pd0L) .ProseMirror :is(th, td):not(:la= st-child) { padding-inline-end: calc(var(--oai-wb-spacing) * 6); } :is(.frame-aD2tvA, .editorRegion-y_pd0L) .ProseMirror tr:not(:last-child)= td { border-block-end: 1px solid var(--color-border-subtle); } :is(.frame-aD2tvA, .editorRegion-y_pd0L) .ProseMirror tr:last-child td { = padding-block-end: calc(var(--oai-wb-spacing) * 6); } html[data-codex-window-type=3D"browser"] .content-mUPWP6 .ProseMirror h1 = { line-height: var(--text-2xl--line-height); } html[data-codex-window-type=3D"browser"] .content-mUPWP6 .ProseMirror h2 = { line-height: var(--text-xl--line-height); } html[data-codex-window-type=3D"browser"] .content-mUPWP6 .ProseMirror h3 = { line-height: var(--text-lg--line-height); } .content-mUPWP6 .ProseMirror h4, .content-mUPWP6 .ProseMirror h5 { font-w= eight: var(--font-weight-semibold); } .content-mUPWP6 .ProseMirror h4 { line-height: var(--text-base--line-heig= ht); } .content-mUPWP6 .ProseMirror :is(ul, ol) > li { margin-block: 0px; } } .Toolbar-TcAqyt[data-size] { --button-size: var(--spacing-token-button-co= mposer); --button-icon-size: var(--icon-leading-size); } .Toolbar-TcAqyt[data-size]:not([data-disabled]) { --button-text-color: va= r(--color-text-toolbar-action); --button-text-color-hover: var(--color-text= -toolbar-action); } .emoji-PzvJ9P { font-size: 24px; } .compactButton-xn8O7M { corner-shape: round; } .compactButton-xn8O7M[aria-disabled=3D"true"] > span:first-child { opacit= y: 0; } .compactEmoji-eE9h7V { font-family: "Apple Color Emoji", "Segoe UI Emoji"= , "Noto Color Emoji", sans-serif; } @media (prefers-reduced-motion: no-preference) { .compactEmoji-eE9h7V { transition: transform var(--transition-duration-ba= sic) var(--ease-basic); } .compactButton-xn8O7M:not([aria-disabled=3D"true"]):focus-visible .compac= tEmoji-eE9h7V { transform: translateY(-4px) scale(1.15); } @media (hover: hover) { .compactButton-xn8O7M:not([aria-disabled=3D"true"]):hover .compactEmoji-e= E9h7V { transform: translateY(-4px) scale(1.15); } } } .header-Gs3JQU { padding: var(--app-menu-gutter,var(--spacing)) var(--app= -menu-gutter,var(--spacing)) 0; corner-shape: inherit; border-start-start-r= adius: inherit; border-start-end-radius: inherit; } .footer-RI1sA5 { padding: 0 var(--app-menu-gutter,var(--spacing)) var(--a= pp-menu-gutter,var(--spacing)); } .bodyContent-qnilQN { padding-inline: var(--app-menu-gutter,var(--spacing= )); } .footer-RI1sA5:first-child, .body-wZAl5x:first-child .bodyContent-qnilQN,= .header-Gs3JQU:empty + .body-wZAl5x .bodyContent-qnilQN { padding-top: var= (--app-menu-gutter,var(--spacing)); } .header-Gs3JQU:last-child, .body-wZAl5x:last-child .bodyContent-qnilQN { = padding-bottom: var(--app-menu-gutter,var(--spacing)); } .compact-RlmpIh { corner-shape: round; } .compact-RlmpIh .header-Gs3JQU, .compact-RlmpIh .body-wZAl5x .bodyContent= -qnilQN { padding: 0px; } .header-rXCNwJ { top: calc(-1px - var(--thread-sticky-header-top,0px)); b= ackground-color: var(--oai-wb-surface-primary); } .editorControls-fA0_fZ .ProseMirror[contenteditable] .task-list-item-chec= kbox input[type=3D"checkbox"] { color-scheme: revert; forced-color-adjust: = revert; math-depth: revert; position: revert; position-anchor: revert; text= -size-adjust: revert; appearance: revert; color: revert; font: revert; font= -palette: revert; font-synthesis: revert; position-area: revert; text-orien= tation: revert; text-rendering: revert; text-spacing-trim: revert; -webkit-= font-smoothing: revert; -webkit-locale: revert; -webkit-text-orientation: r= evert; -webkit-writing-mode: revert; writing-mode: revert; zoom: revert; ac= cent-color: revert; place-content: revert; place-items: revert; place-self:= revert; alignment-baseline: revert; anchor-name: revert; anchor-scope: rev= ert; animation-composition: revert; animation: revert; animation-trigger: r= evert; app-region: revert; aspect-ratio: revert; backdrop-filter: revert; b= ackface-visibility: revert; background: revert; background-blend-mode: reve= rt; baseline-shift: revert; baseline-source: revert; block-size: revert; bo= rder-block: revert; border: revert; border-radius: revert; border-collapse:= revert; border-end-end-radius: revert; border-end-start-radius: revert; bo= rder-inline: revert; border-shape: revert; border-start-end-radius: revert;= border-start-start-radius: revert; inset: revert; box-decoration-break: re= vert; box-shadow: revert; box-sizing: revert; break-after: revert; break-be= fore: revert; break-inside: revert; buffered-rendering: revert; caption-sid= e: revert; caret-animation: revert; caret-color: revert; caret-shape: rever= t; clear: revert; clip: revert; clip-path: revert; clip-rule: revert; color= -interpolation: revert; color-interpolation-filters: revert; color-renderin= g: revert; columns: revert; column-fill: revert; gap: revert; rule-break: r= evert; rule: revert; rule-inset: revert; rule-visibility-items: revert; col= umn-span: revert; contain: revert; contain-intrinsic-block-size: revert; co= ntain-intrinsic-size: revert; contain-intrinsic-inline-size: revert; contai= ner: revert; content: revert; content-visibility: revert; corner-shape: rev= ert; corner-block-end-shape: revert; corner-block-start-shape: revert; coun= ter-increment: revert; counter-reset: revert; counter-set: revert; cx: reve= rt; cy: revert; d: revert; display: revert; dominant-baseline: revert; dyna= mic-range-limit: revert; empty-cells: revert; field-sizing: revert; fill: r= evert; fill-opacity: revert; fill-rule: revert; filter: revert; flex: rever= t; flex-flow: revert; flex-line-count: revert; float: revert; flood-color: = revert; flood-opacity: revert; frame-sizing: revert; grid: revert; grid-are= a: revert; hyphenate-character: revert; hyphenate-limit-chars: revert; hyph= ens: revert; image-orientation: revert; image-rendering: revert; initial-le= tter: revert; inline-size: revert; inset-block: revert; inset-inline: rever= t; interactivity: revert; interest-delay: revert; interpolate-size: revert;= isolation: revert; letter-spacing: revert; lighting-color: revert; line-br= eak: revert; list-style: revert; margin-block: revert; margin: revert; marg= in-inline: revert; marker: revert; mask: revert; mask-type: revert; math-sh= ift: revert; math-style: revert; max-block-size: revert; max-height: revert= ; max-inline-size: revert; max-width: revert; min-block-size: revert; min-h= eight: revert; min-inline-size: revert; min-width: revert; mix-blend-mode: = revert; object-fit: revert; object-position: revert; object-view-box: rever= t; offset: revert; opacity: revert; order: revert; orphans: revert; outline= : revert; outline-offset: revert; overflow-anchor: revert; overflow-block: = revert; overflow-clip-margin: revert; overflow-inline: revert; overflow-wra= p: revert; overflow: revert; overlay: revert; overscroll-behavior-block: re= vert; overscroll-behavior-inline: revert; overscroll-behavior: revert; padd= ing-block: revert; padding: revert; padding-inline: revert; page: revert; p= age-margin-safety: revert; page-orientation: revert; paint-order: revert; p= erspective: revert; perspective-origin: revert; pointer-events: revert; pos= ition-try: revert; position-visibility: revert; print-color-adjust: revert;= quotes: revert; r: revert; reading-flow: revert; reading-order: revert; re= size: revert; rotate: revert; ruby-align: revert; ruby-overhang: revert; ru= by-position: revert; rule-overlap: revert; rx: revert; ry: revert; scale: r= evert; scroll-axis-lock: revert; scroll-behavior: revert; scroll-initial-ta= rget: revert; scroll-margin-block: revert; scroll-margin: revert; scroll-ma= rgin-inline: revert; scroll-marker-group: revert; scroll-padding-block: rev= ert; scroll-padding: revert; scroll-padding-inline: revert; scroll-snap-ali= gn: revert; scroll-snap-stop: revert; scroll-snap-type: revert; scroll-targ= et-group: revert; scroll-timeline: revert; scrollbar-color: revert; scrollb= ar-gutter: revert; scrollbar-width: revert; shape-image-threshold: revert; = shape-margin: revert; shape-outside: revert; shape-rendering: revert; size:= revert; speak: revert; stop-color: revert; stop-opacity: revert; stroke: r= evert; stroke-dasharray: revert; stroke-dashoffset: revert; stroke-linecap:= revert; stroke-linejoin: revert; stroke-miterlimit: revert; stroke-opacity= : revert; stroke-width: revert; tab-size: revert; table-layout: revert; tex= t-align: revert; text-align-last: revert; text-anchor: revert; text-autospa= ce: revert; text-box: revert; text-combine-upright: revert; text-decoration= : revert; text-decoration-skip-ink: revert; text-emphasis: revert; text-emp= hasis-position: revert; text-fit: revert; text-indent: revert; text-justify= : revert; text-overflow: revert; text-shadow: revert; text-transform: rever= t; text-underline-offset: revert; text-underline-position: revert; text-wra= p: revert; timeline-scope: revert; timeline-trigger: revert; touch-action: = revert; transform: revert; transform-box: revert; transform-origin: revert;= transform-style: revert; transition: revert; translate: revert; trigger-sc= ope: revert; user-select: revert; vector-effect: revert; vertical-align: re= vert; view-timeline: revert; view-transition-class: revert; view-transition= -group: revert; view-transition-name: revert; view-transition-scope: revert= ; visibility: revert; border-spacing: revert; -webkit-box-align: revert; -w= ebkit-box-decoration-break: revert; -webkit-box-direction: revert; -webkit-= box-flex: revert; -webkit-box-ordinal-group: revert; -webkit-box-orient: re= vert; -webkit-box-pack: revert; -webkit-box-reflect: revert; -webkit-line-b= reak: revert; -webkit-line-clamp: revert; -webkit-mask-box-image: revert; -= webkit-rtl-ordering: revert; -webkit-ruby-position: revert; -webkit-tap-hig= hlight-color: revert; -webkit-text-combine: revert; -webkit-text-decoration= s-in-effect: revert; -webkit-text-fill-color: revert; -webkit-text-security= : revert; -webkit-text-stroke: revert; -webkit-user-drag: revert; white-spa= ce-collapse: revert; widows: revert; will-change: revert; window-drag: reve= rt; word-break: revert; word-spacing: revert; x: revert; y: revert; z-index= : revert; width: calc(var(--spacing,.25rem) * 4); height: calc(var(--spacin= g,.25rem) * 4); cursor: var(--cursor-interaction,pointer); } .editorControls-fA0_fZ .ProseMirror[contenteditable] .task-list-item-chec= kbox input[type=3D"checkbox"]::before { content: none; } html[data-codex-window-type=3D"browser"] :is(.frame-aD2tvA, .editorRegion= -y_pd0L[data-writing-block-expanded]) { --wb-editor-default-padding-top-uni= ts: 3; --wb-editor-default-padding-right-units: 3; --wb-editor-default-padd= ing-bottom-units: 3; --wb-editor-default-padding-left-units: 4; } @media (min-width: 40rem) { html[data-codex-window-type=3D"browser"] :is(.frame-aD2tvA, .editorRegion= -y_pd0L[data-writing-block-expanded]) { --wb-editor-default-padding-top-uni= ts: 0; --wb-editor-default-padding-right-units: 5; --wb-editor-default-padd= ing-bottom-units: 5; --wb-editor-default-padding-left-units: 5; } html[data-codex-window-type=3D"browser"] :is(.frame-aD2tvA, .editorRegion= -y_pd0L[data-writing-block-expanded])[data-writing-block-variant=3D"email"]= { --wb-editor-default-padding-top-units: 4; --wb-editor-default-padding-ri= ght-units: 2; --wb-editor-default-padding-bottom-units: 4; } } @media (min-width: 48rem) { html[data-codex-window-type=3D"browser"] :is(.frame-aD2tvA, .editorRegion= -y_pd0L[data-writing-block-expanded])[data-writing-block-variant=3D"email"]= { --wb-editor-default-padding-right-units: 10; } } html[data-codex-window-type=3D"browser"] :is(.frame-aD2tvA, .editorRegion= -y_pd0L[data-writing-block-expanded]).frame-aD2tvA:not([data-writing-block-= variant=3D"email"]) { --wb-editor-default-padding-top-units: 0; } @media (min-width: 40rem) { html[data-codex-window-type=3D"browser"] :is(.frame-aD2tvA, .editorRegion= -y_pd0L[data-writing-block-expanded]).frame-aD2tvA:not([data-writing-block-= variant=3D"email"]) { --wb-editor-default-padding-bottom-units: 4; } } .content-mUPWP6 .ProseMirror:has(> :is(p, h1, h2, h3, h4, h5, h6):first-c= hild:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ck= b), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :la= ng(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))= ) { direction: ltr; } .content-mUPWP6 .ProseMirror:has(> :is(ul, ol):first-child > li:first-chi= ld > p:first-child:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(= bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), := lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(u= r), :lang(yi))) { direction: ltr; } .content-mUPWP6 blockquote:has(> :is(p, h1, h2, h3, h4, h5, h6):first-chi= ld:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb)= , :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang= (nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) = { direction: ltr; } .content-mUPWP6 .ProseMirror:has(> :is(p, h1, h2, h3, h4, h5, h6):first-c= hild:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb= ), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lan= g(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))= { direction: rtl; } .content-mUPWP6 .ProseMirror:has(> :is(ul, ol):first-child > li:first-chi= ld > p:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(b= qi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :l= ang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur= ), :lang(yi))) { direction: rtl; } .content-mUPWP6 blockquote:has(> :is(p, h1, h2, h3, h4, h5, h6):first-chi= ld:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb),= :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(= nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {= direction: rtl; } .content-mUPWP6 :is(ul, ol):has(> li:first-child > p:first-child:not(:lan= g(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv)= , :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lan= g(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { text-alig= n: left; direction: ltr; } .content-mUPWP6 :is(ul, ol):has(> li:first-child > p:first-child:is(:lang= (ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv),= :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang= (pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { text-align= : right; direction: rtl; } .reveal-DpiM90 { opacity: 0; transition: grid-template-columns var(--tran= sition-duration-basic) var(--ease-basic); flex-shrink: 0; grid-template-col= umns: 0fr; display: grid; } .title-Nx5xpW:is(:hover, :focus-visible, [aria-busy=3D"true"]) .reveal-Dp= iM90 { opacity: 1; grid-template-columns: 1fr; } @media (hover: none) { .reveal-DpiM90 { opacity: 1; grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { .reveal-DpiM90 { transition: none; } } .chevron-RGwrqT { opacity: 0; } .title-Nx5xpW:is(:hover, :focus-visible, [data-state=3D"open"]) .chevron-= RGwrqT { opacity: 1; } .collapsedFrame-PMM45U { --wb-surface-primary: var(--color-surface-second= ary); } .collapsed-C_zRIk { --color-text: var(--color-text-tertiary); --wb-text-p= rimary: var(--color-text-tertiary); --wb-text-secondary: var(--color-text-t= ertiary); --wb-text-tertiary: var(--color-text-tertiary); --wb-accent: var(= --color-text-tertiary); --wb-entity-accent: var(--color-text-tertiary); } } .ProseMirror { overflow-wrap: break-word; white-space: break-spaces; font-v= ariant-ligatures: none; font-feature-settings: "liga" 0; position: relative= ; } .ProseMirror pre { white-space: pre-wrap; } .ProseMirror li { position: relative; } .ProseMirror-hideselection ::selection { background: 0px 0px; } .ProseMirror-hideselection { caret-color: rgba(0, 0, 0, 0); } .ProseMirror [draggable][contenteditable=3D"false"] { user-select: text; } .ProseMirror-selectednode { outline: rgb(136, 204, 255) solid 2px; } li.ProseMirror-selectednode { outline: none; } li.ProseMirror-selectednode::after { content: ""; pointer-events: none; bor= der: 2px solid rgb(136, 204, 255); position: absolute; inset: -2px -2px -2p= x -32px; } img.ProseMirror-separator { border-width: medium !important; border-style: = none !important; border-color: currentcolor !important; border-image: none = !important; margin: 0px !important; display: inline !important; } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/119060.7e9253eb5b.css @charset "utf-8"; @property --tw-border-style { syntax: "*"; inherits: false; initial-value: = solid; } @layer components { ._YNJJS0dAf9 { margin-top: calc(var(--spacing,.25rem) * 2); border-top-st= yle: var(--tw-border-style); padding-block: calc(var(--spacing,.25rem) * 4)= ; font-size: var(--text-sm,12px); line-height: var(--tw-leading,var(--text-= sm--line-height,calc(1.25 / .875))); font-variation-settings: "opsz" var(--= text-sm--optical-size,14); border-top-width: 1px; } ._rw4suQ-hFL { border-color: var(--border-default); } ._AZKiQUp9Ha { border-color: var(--color-token-border-default); } ._OnC0tQSug8 { height: calc(var(--spacing,.25rem) * 40); border-radius: v= ar(--radius-2xl,calc(var(--radius-2xl-base) * var(--corner-radius-scale)));= border-style: var(--tw-border-style); border-width: 1px; border-color: var= (--color-token-border-default,var(--color-border,var(--app-color-text-foreg= round))); align-items: stretch; width: 100%; min-width: 0px; display: grid;= position: relative; overflow: hidden; } @supports (color:color-mix(in lab, red, red)) { ._OnC0tQSug8 { border-color: var(--color-token-border-default,var(--color= -border,color-mix(in oklab, var(--app-color-text-foreground) 8%, transparen= t))); } } ._OnC0tQSug8 { background-color: var(--color-token-bg-primary,var(--color= -token-side-bar-background)); text-align: start; color: var(--color-token-t= ext-primary,var(--color-token-foreground)); transition-property: color, bac= kground-color, border-color, outline-color, text-decoration-color, fill, st= roke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-t= iming-function: var(--tw-ease,var(--default-transition-timing-function,cubi= c-bezier(.4, 0, .2, 1))); transition-duration: var(--tw-duration,var(--defa= ult-transition-duration,.15s)); user-select: none; } ._OnC0tQSug8:focus-within { background-color: var(--color-token-bg-tertia= ry,var(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._OnC0tQSug8:focus-within { background-color: var(--color-token-bg-tertia= ry,color-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } @media (hover: hover) { ._OnC0tQSug8:hover { background-color: var(--color-token-bg-tertiary,var(= --color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._OnC0tQSug8:hover { background-color: var(--color-token-bg-tertiary,colo= r-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } } ._OnC0tQSug8:active { background-color: var(--color-token-bg-secondary,va= r(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._OnC0tQSug8:active { background-color: var(--color-token-bg-secondary,co= lor-mix(in srgb, var(--color-token-bg-primary) 92%, transparent)); } } ._OnC0tQSug8 { grid-template-columns: 144px minmax(0px, 1fr); } ._Lyd2vjerBC { z-index: 0; cursor: pointer; border-radius: var(--radius-2= xl,calc(var(--radius-2xl-base) * var(--corner-radius-scale))); position: ab= solute; inset: 0px; } ._QLR4PHH-2q { pointer-events: none; z-index: 10; width: calc(var(--spaci= ng,.25rem) * 36); position: relative; } ._wsxI3f6SB_ { pointer-events: none; z-index: 10; height: 100%; width: ca= lc(var(--spacing,.25rem) * 36); background-color: var(--color-token-bg-seco= ndary,var(--color-token-bg-primary)); flex-shrink: 0; position: relative; } @supports (color:color-mix(in lab, red, red)) { ._wsxI3f6SB_ { background-color: var(--color-token-bg-secondary,color-mix= (in srgb, var(--color-token-bg-primary) 92%, transparent)); } } ._OV2UCs8LTf { pointer-events: none; z-index: 10; min-width: 0px; padding= : calc(var(--spacing,.25rem) * 2); flex-direction: column; display: flex; p= osition: relative; } ._nobnmk1Ksy { pointer-events: auto; min-width: 0px; } ._ls6-zPBhys { min-width: 0px; } ._X2s62pRzj7 { margin-top: calc(var(--spacing,.25rem) * .75); } ._aYTQs6CUBU { -webkit-line-clamp: 2; --tw-leading: calc(var(--spacing,.2= 5rem) * 5); min-width: 0px; line-height: calc(var(--spacing,.25rem) * 5); -= -tw-font-weight: var(--font-weight-medium,500); font-weight: var(--font-wei= ght-medium,500); text-wrap: pretty; text-overflow: ellipsis; letter-spacing= : -0.24px; -webkit-box-orient: vertical; font-size: 15px; display: -webkit-= box; overflow: hidden; } ._dggtYhwU52 { -webkit-line-clamp: 1; --tw-leading: calc(var(--spacing,.2= 5rem) * 5); min-width: 0px; line-height: calc(var(--spacing,.25rem) * 5); t= ext-wrap: pretty; text-overflow: ellipsis; color: var(--color-token-text-se= condary,var(--color-token-foreground)); -webkit-box-orient: vertical; displ= ay: -webkit-box; overflow: hidden; } @supports (color:color-mix(in lab, red, red)) { ._dggtYhwU52 { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._dggtYhwU52 { letter-spacing: -0.24px; font-size: 15px; } ._mhfRoOZADZ { margin-top: var(--spacing,.25rem); height: calc(var(--spac= ing,.25rem) * 9); min-height: calc(var(--spacing,.25rem) * 9); } ._5DGil2p9Jr { pointer-events: auto; } ._9TQOwZ5bJx { height: calc(var(--spacing,.25rem) * 9); min-height: calc(= var(--spacing,.25rem) * 9); padding-inline: calc(var(--spacing,.25rem) * 4)= ; } ._ksiBh4ldUe { cursor: pointer; border-radius: var(--radius-2xl,calc(var(= --radius-2xl-base) * var(--corner-radius-scale))); border-style: var(--tw-b= order-style); border-width: 1px; border-color: var(--color-token-border-def= ault,var(--color-border,var(--app-color-text-foreground))); align-items: st= retch; width: 100%; min-width: 0px; display: grid; overflow: hidden; } @supports (color:color-mix(in lab, red, red)) { ._ksiBh4ldUe { border-color: var(--color-token-border-default,var(--color= -border,color-mix(in oklab, var(--app-color-text-foreground) 8%, transparen= t))); } } ._ksiBh4ldUe { background-color: var(--color-token-bg-primary,var(--color= -token-side-bar-background)); text-align: start; color: var(--color-token-t= ext-primary,var(--color-token-foreground)); transition-property: color, bac= kground-color, border-color, outline-color, text-decoration-color, fill, st= roke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-t= iming-function: var(--tw-ease,var(--default-transition-timing-function,cubi= c-bezier(.4, 0, .2, 1))); transition-duration: var(--tw-duration,var(--defa= ult-transition-duration,.15s)); user-select: none; } @media (hover: hover) { ._ksiBh4ldUe:hover { background-color: var(--color-token-bg-tertiary,var(= --color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._ksiBh4ldUe:hover { background-color: var(--color-token-bg-tertiary,colo= r-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } } ._ksiBh4ldUe:focus-visible { background-color: var(--color-token-bg-terti= ary,var(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._ksiBh4ldUe:focus-visible { background-color: var(--color-token-bg-terti= ary,color-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._ksiBh4ldUe:active { background-color: var(--color-token-bg-secondary,va= r(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._ksiBh4ldUe:active { background-color: var(--color-token-bg-secondary,co= lor-mix(in srgb, var(--color-token-bg-primary) 92%, transparent)); } } ._ksiBh4ldUe { grid-template-columns: minmax(0px, 1fr) auto; } ._QRwqp6cuto { height: 150px; } ._-Xwrmrsx2a { height: 94px; } ._zMyzoDFhff { min-width: 0px; padding-inline: calc(var(--spacing,.25rem)= * 4); padding-top: calc(var(--spacing,.25rem) * 4); flex-direction: column= ; flex: 1 1 0%; align-items: flex-start; display: flex; } ._-Xo_GJA2un { padding-bottom: calc(var(--spacing,.25rem) * 5); } ._nScx9t1g4f { padding-bottom: calc(var(--spacing,.25rem) * 4); } ._hDZd1PgFwf { justify-content: center; } ._E6mFrwRXri { flex-direction: column; flex: 1 1 0%; justify-content: cen= ter; width: 100%; min-height: 0px; display: flex; } ._UjL80j1OZQ { --tw-leading: calc(var(--spacing,.25rem) * 5); min-width: = 0px; line-height: calc(var(--spacing,.25rem) * 5); --tw-font-weight: var(--= font-weight-medium,500); font-weight: var(--font-weight-medium,500); text-w= rap: pretty; text-overflow: ellipsis; letter-spacing: -0.24px; font-size: 1= 5px; overflow: hidden; } ._0cWJ7ADIky { -webkit-line-clamp: 1; -webkit-box-orient: vertical; displ= ay: -webkit-box; overflow: hidden; } ._Zm3K4D0Q7K { -webkit-line-clamp: 3; -webkit-box-orient: vertical; displ= ay: -webkit-box; overflow: hidden; } ._VPW80lZ4kq { margin-top: calc(var(--spacing,.25rem) * .5); -webkit-line= -clamp: 2; --tw-leading: calc(var(--spacing,.25rem) * 5); min-width: 0px; l= ine-height: calc(var(--spacing,.25rem) * 5); text-wrap: pretty; text-overfl= ow: ellipsis; color: var(--color-token-text-secondary,var(--color-token-for= eground)); -webkit-box-orient: vertical; display: -webkit-box; overflow: hi= dden; } @supports (color:color-mix(in lab, red, red)) { ._VPW80lZ4kq { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._VPW80lZ4kq { letter-spacing: -0.24px; font-size: 15px; } ._9kaYM125bA { margin-top: calc(var(--spacing,.25rem) * 3); height: calc(= var(--spacing,.25rem) * 9); min-height: calc(var(--spacing,.25rem) * 9); } ._G-i3MtUu1q { width: 150px; } ._A7TQnWrgUL { width: 94px; } ._lrF6NkAjVB { background-color: var(--color-token-bg-secondary,var(--col= or-token-bg-primary)); overflow: hidden; } @supports (color:color-mix(in lab, red, red)) { ._lrF6NkAjVB { background-color: var(--color-token-bg-secondary,color-mix= (in srgb, var(--color-token-bg-primary) 92%, transparent)); } } ._YWy-8X2uq6 { flex-shrink: 0; align-self: stretch; height: 100%; } ._TiwwK37eP1 { aspect-ratio: 1 / 1; align-self: stretch; } ._tWkcyxbrHT { position: relative; } ._n0pp3PxQq5 { object-position: center center; width: 100%; height: 100%;= position: absolute; inset: 0px; } ._G7wSiTMBeb { object-fit: contain; } ._hKBfYdkMZw { object-fit: cover; } ._dpBLeBFPoM { cursor: pointer; border-radius: var(--radius-xl,calc(var(-= -radius-xl-base) * var(--corner-radius-scale))); border-style: var(--tw-bor= der-style); border-width: 1px; border-color: var(--color-token-border-defau= lt,var(--color-border,var(--app-color-text-foreground))); align-items: stre= tch; width: 100%; min-width: 0px; display: flex; overflow: hidden; } @supports (color:color-mix(in lab, red, red)) { ._dpBLeBFPoM { border-color: var(--color-token-border-default,var(--color= -border,color-mix(in oklab, var(--app-color-text-foreground) 8%, transparen= t))); } } ._dpBLeBFPoM { background-color: var(--color-token-bg-primary,var(--color= -token-side-bar-background)); text-align: start; color: var(--color-token-t= ext-primary,var(--color-token-foreground)); transition-property: color, bac= kground-color, border-color, outline-color, text-decoration-color, fill, st= roke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-t= iming-function: var(--tw-ease,var(--default-transition-timing-function,cubi= c-bezier(.4, 0, .2, 1))); transition-duration: var(--tw-duration,var(--defa= ult-transition-duration,.15s)); user-select: none; } @media (hover: hover) { ._dpBLeBFPoM:hover { background-color: var(--color-token-bg-tertiary,var(= --color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._dpBLeBFPoM:hover { background-color: var(--color-token-bg-tertiary,colo= r-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } } ._dpBLeBFPoM:focus-visible { background-color: var(--color-token-bg-terti= ary,var(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._dpBLeBFPoM:focus-visible { background-color: var(--color-token-bg-terti= ary,color-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._dpBLeBFPoM:active { background-color: var(--color-token-bg-secondary,va= r(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._dpBLeBFPoM:active { background-color: var(--color-token-bg-secondary,co= lor-mix(in srgb, var(--color-token-bg-primary) 92%, transparent)); } } ._dpBLeBFPoM { max-width: 370px; } ._3N-YHzLWiy { height: 146px; } ._KgimXYF0gi { height: 126px; } ._DuT3jFG7tQ { min-width: 0px; padding: calc(var(--spacing,.25rem) * 4); = flex-direction: column; flex: 1 1 0%; display: flex; } ._ywZCx9pvL0 { -webkit-line-clamp: 2; --tw-font-weight: var(--font-weight= -medium,500); min-width: 0px; font-weight: var(--font-weight-medium,500); t= ext-wrap: pretty; letter-spacing: -0.24px; -webkit-box-orient: vertical; fl= ex: 1 1 0%; font-size: 15px; line-height: 20px; display: -webkit-box; overf= low: hidden; } ._n5abToeGbR { margin-top: calc(var(--spacing,.25rem) * 2); } ._3hSmJxE3N7 { aspect-ratio: 1 / 1; background-color: var(--color-white,v= ar(--white)); height: 100%; } ._KMt3sDGZMu { cursor: pointer; border-radius: var(--radius-xl,calc(var(-= -radius-xl-base) * var(--corner-radius-scale))); border-style: var(--tw-bor= der-style); border-width: 1px; border-color: var(--color-token-border-defau= lt,var(--color-border,var(--app-color-text-foreground))); flex-direction: c= olumn; display: flex; overflow: hidden; } @supports (color:color-mix(in lab, red, red)) { ._KMt3sDGZMu { border-color: var(--color-token-border-default,var(--color= -border,color-mix(in oklab, var(--app-color-text-foreground) 8%, transparen= t))); } } ._KMt3sDGZMu { background-color: var(--color-token-bg-primary,var(--color= -token-side-bar-background)); text-align: start; color: var(--color-token-t= ext-primary,var(--color-token-foreground)); transition-property: color, bac= kground-color, border-color, outline-color, text-decoration-color, fill, st= roke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-t= iming-function: var(--tw-ease,var(--default-transition-timing-function,cubi= c-bezier(.4, 0, .2, 1))); transition-duration: var(--tw-duration,var(--defa= ult-transition-duration,.15s)); user-select: none; } @media (hover: hover) { ._KMt3sDGZMu:hover { background-color: var(--color-token-bg-tertiary,var(= --color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._KMt3sDGZMu:hover { background-color: var(--color-token-bg-tertiary,colo= r-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } } ._KMt3sDGZMu:focus-visible { background-color: var(--color-token-bg-terti= ary,var(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._KMt3sDGZMu:focus-visible { background-color: var(--color-token-bg-terti= ary,color-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._KMt3sDGZMu:active { background-color: var(--color-token-bg-secondary,va= r(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._KMt3sDGZMu:active { background-color: var(--color-token-bg-secondary,co= lor-mix(in srgb, var(--color-token-bg-primary) 92%, transparent)); } } ._KMt3sDGZMu { width: 179px; } ._kuedeRb1gx { height: 298px; } ._oWu_KYxhcU { height: 278px; } ._gyMazlvgND { height: 282px; } ._gqFTWrnLOu { height: 262px; } ._Tf5UWnKpwG { aspect-ratio: 1 / 1; background-color: var(--color-white,v= ar(--white)); width: 100%; } ._uRSTtr7nUw { width: 100%; min-height: 0px; padding-inline: calc(var(--s= pacing,.25rem) * 3); padding-top: calc(var(--spacing,.25rem) * 2); flex-dir= ection: column; flex: 1 1 0%; display: flex; } ._gGSjXJct-F { padding-bottom: calc(var(--spacing,.25rem) * 4); } ._pZFQeFy36d { padding-bottom: 0px; } ._tAn0EQr8_V { -webkit-line-clamp: 2; --tw-font-weight: var(--font-weight= -medium,500); min-height: 0px; font-weight: var(--font-weight-medium,500); = text-wrap: pretty; letter-spacing: -0.24px; -webkit-box-orient: vertical; f= ont-size: 15px; line-height: 20px; display: -webkit-box; overflow: hidden; = } ._qilUAzdp0D { gap: calc(var(--spacing,.25rem) * .5); flex-direction: col= umn; min-width: 0px; display: flex; } ._qlgGiMoZa4 { align-items: center; gap: var(--spacing,.25rem); white-spa= ce: nowrap; min-width: 0px; display: flex; } ._QOcnYhMnMF { --tw-font-weight: var(--font-weight-medium,500); font-weig= ht: var(--font-weight-medium,500); letter-spacing: -0.24px; flex-shrink: 0;= font-size: 15px; line-height: 20px; } ._W2SekrKkHs { text-overflow: ellipsis; white-space: nowrap; min-width: 0= px; color: var(--color-token-text-secondary,var(--color-token-foreground));= overflow: hidden; } @supports (color:color-mix(in lab, red, red)) { ._W2SekrKkHs { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._W2SekrKkHs { letter-spacing: -0.08px; font-size: 13px; line-height: 18p= x; } ._ZtHhiqKjbG { text-overflow: ellipsis; white-space: nowrap; letter-spaci= ng: -0.08px; color: var(--color-text-tertiary); font-size: 13px; line-heigh= t: 18px; text-decoration-line: line-through; overflow: hidden; } ._0445OAHOzV { align-items: center; gap: calc(var(--spacing,.25rem) * 1.5= ); min-width: 0px; min-height: 18px; display: flex; } ._1oz2Es5P9O { align-items: center; gap: calc(var(--spacing,.25rem) * .5)= ; min-width: 0px; color: var(--color-token-text-secondary,var(--color-token= -foreground)); display: flex; } @supports (color:color-mix(in lab, red, red)) { ._1oz2Es5P9O { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._1oz2Es5P9O { letter-spacing: -0.08px; font-size: 13px; line-height: 18p= x; } ._1zHODqzmVy { width: calc(var(--spacing,.25rem) * 3); height: calc(var(-= -spacing,.25rem) * 3); color: var(--color-yellow-400,var(--yellow-400)); fl= ex-shrink: 0; } ._Qu9GcZy82X { text-overflow: ellipsis; white-space: nowrap; overflow: hi= dden; } ._ZU-Fm-ITLj { text-overflow: ellipsis; white-space: nowrap; color: var(-= -color-token-text-secondary,var(--color-token-foreground)); overflow: hidde= n; } @supports (color:color-mix(in lab, red, red)) { ._ZU-Fm-ITLj { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._ZU-Fm-ITLj { letter-spacing: -0.08px; font-size: 13px; line-height: 18p= x; } ._PG6KUjArwr { margin-top: calc(var(--spacing,.25rem) * 2); align-items: = center; gap: calc(var(--spacing,.25rem) * 1.5); min-width: 0px; color: var(= --color-token-text-primary,var(--color-token-foreground)); letter-spacing: = -0.08px; font-size: 13px; line-height: 18px; display: flex; } ._ADP4gJVIQS { height: calc(var(--spacing,.25rem) * 4); width: calc(var(-= -spacing,.25rem) * 4); } ._mt8_Y8_rPB { background-color: var(--color-token-bg-secondary,var(--col= or-token-bg-primary)); flex-shrink: 0; } @supports (color:color-mix(in lab, red, red)) { ._mt8_Y8_rPB { background-color: var(--color-token-bg-secondary,color-mix= (in srgb, var(--color-token-bg-primary) 92%, transparent)); } } ._zvurvVipkB { object-fit: contain; } ._8InPGNvpJN { object-fit: cover; } @supports selector(::scroll-button(*)) { @media (pointer: fine) { ._46bCKyaY3Q { scrollbar-width: none; scroll-padding-inline: min(calc(4 *= var(--spacing)), 6%); scroll-snap-type: x mandatory; scroll-behavior: smoo= th; --bazaar-carousel-edge-fade-top: 0px; --bazaar-carousel-card-center-off= set: 0px; } @media (prefers-reduced-motion: reduce) { ._46bCKyaY3Q { scroll-behavior: auto; } } ._46bCKyaY3Q::scroll-button(*) { aspect-ratio: 1 / 1; background-color: v= ar(--main-surface-primary); border: 1px solid var(--border-medium); color: = var(--text-primary); width: calc(9 * var(--spacing)); cursor: pointer; z-in= dex: 2; box-shadow: 0 0 16px 8px var(--main-surface-primary); border-radius= : 50%; justify-content: center; align-items: center; line-height: 0; transi= tion: opacity 0.15s ease-in-out; display: flex; position: absolute; top: 50= %; } @starting-style { ._46bCKyaY3Q::scroll-button(*) { opacity: 0; } } ._46bCKyaY3Q::scroll-button(*):hover { background-color: var(--main-surfa= ce-secondary); } ._46bCKyaY3Q::scroll-button(*):disabled { opacity: 0; pointer-events: non= e; } ._46bCKyaY3Q::scroll-button(left) { content: url("data:image/svg+xml;utf8= ,"); le= ft: 0px; transform: translate(-50%, -50%); } @container (width < 43rem) { ._46bCKyaY3Q::scroll-button(left) { transform: translate(calc(-1 * (var(-= -thread-content-margin) - 2 * var(--spacing))), -50%); } } .dark ._46bCKyaY3Q::scroll-button(left) { content: url("data:image/svg+xm= l;utf8,= "); } ._46bCKyaY3Q::scroll-button(right) { content: url("data:image/svg+xml;utf= 8,"); right: 0px; transform: translate(5= 0%, -50%); } @container (width < 43rem) { ._46bCKyaY3Q::scroll-button(right) { transform: translate(calc(var(--thre= ad-content-margin) - 2 * var(--spacing)), -50%); } } .dark ._46bCKyaY3Q::scroll-button(right) { content: url("data:image/svg+x= ml;utf8,"); } ._wY-vHSfNAe { --bazaar-carousel-edge-fade-top: 0px; --bazaar-carousel-ca= rd-center-offset: 0px; } ._wY-vHSfNAe::before, ._wY-vHSfNAe::after { content: ""; top: var(--bazaa= r-carousel-edge-fade-top); bottom: calc(4 * var(--spacing)); width: calc(4 = * var(--spacing)); pointer-events: none; z-index: 1; position: absolute; } ._wY-vHSfNAe::before { background: linear-gradient(to right, var(--main-s= urface-primary), transparent); left: 0px; } ._wY-vHSfNAe::after { background: linear-gradient(to left, var(--main-sur= face-primary), transparent); right: 0px; } ._c1I27k76S_ { --bazaar-carousel-edge-fade-top: calc(12 * var(--spacing))= ; --bazaar-carousel-card-center-offset: calc(6 * var(--spacing)); } ._c1I27k76S_::scroll-button(*) { top: calc(50% + var(--bazaar-carousel-ca= rd-center-offset)); } ._uv92OJ3vxY { --bazaar-carousel-card-center-offset: 0px; scroll-padding-= inline-end: 0px; } @container (width >=3D 43rem) { ._xfCiX-UN2O::before, ._xfCiX-UN2O::after { display: none; } ._xfCiX-UN2O::scroll-button(*) { display: none; } } } } ._UyKdR2vKnC { display: none; } @container (width < 43rem) { ._UyKdR2vKnC { flex: 0 0 max(calc(100% - min(360px, 94%) - 3 * var(--spac= ing)), 0px); scroll-snap-align: none; display: block; } } ._QEgVbF1uKn { max-width: calc(var(--spacing,.25rem) * 120); min-width: c= alc(var(--spacing,.25rem) * 75); } ._g0XVattDWQ { margin-top: calc(var(--spacing,.25rem) * 3); width: fit-co= ntent; color: var(--color-token-text-primary,var(--color-token-foreground))= ; text-decoration-line: underline; text-decoration-color: var(--color-token= -text-primary,var(--color-token-foreground)); text-underline-offset: 4px; t= ext-decoration-style: dotted; display: block; } ._g0XVattDWQ:focus-visible { --tw-outline-style: none; outline-style: non= e; } ._g0XVattDWQ { font-size: 0.875rem; line-height: var(--tw-leading,1.25rem= ); font-weight: var(--tw-font-weight,400); font-variation-settings: "opsz" = var(--text-body-small-regular--optical-size,14); text-decoration-thickness:= 0.12em; } ._l1OcCAMhD5 { margin-top: var(--spacing,.25rem); justify-content: center= ; width: 100%; display: flex; } ._625sMxGlQl { margin-inline-start: calc(var(--spacing,.25rem) * .5); mar= gin-bottom: calc(var(--spacing,.25rem) * 2); font-size: var(--text-sm,12px)= ; line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875= ))); color: var(--color-token-text-secondary,var(--color-token-foreground))= ; } @supports (color:color-mix(in lab, red, red)) { ._625sMxGlQl { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } :is(._625sMxGlQl > *):first-child { margin: 0px !important; } ._625sMxGlQl { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._zAFkxeKjm8 { justify-content: space-between; gap: calc(var(--spacing,.2= 5rem) * 3); flex-direction: column; display: flex; } ._bXdm08HC0l { margin-top: calc(var(--spacing,.25rem) * 3); } @container main (width >=3D 40rem) { ._jLYSIDMELo { gap: calc(var(--spacing,.25rem) * 2.5); flex-direction: ro= w; } } @container thread-content (width >=3D 40rem) { ._jLYSIDMELo { gap: calc(var(--spacing,.25rem) * 2.5); flex-direction: ro= w; } } ._CFvaZPIVbb { position: relative; } ._Zin51HvJCQ:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :la= ng(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku)= , :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lan= g(ur), :lang(yi)), [dir=3D"ltr"], [dir=3D"ltr"] *)::before, ._Zin51HvJCQ:wh= ere(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb= ), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lan= g(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),= [dir=3D"rtl"], [dir=3D"rtl"] *)::after { content: var(--tw-content); displ= ay: none; } ._Wi-wU3b717 { margin-bottom: calc(var(--spacing,.25rem) * -4); scroll-sn= ap-type: x var(--tw-scroll-snap-strictness); --tw-scroll-snap-strictness: m= andatory; align-items: stretch; gap: calc(var(--spacing,.25rem) * 3); paddi= ng-bottom: calc(var(--spacing,.25rem) * 4); display: flex; overflow-x: auto= ; } @container main not (width >=3D 43rem) { ._Wi-wU3b717 { margin-inline: calc(var(--thread-content-margin) * -1); pa= dding-inline: var(--thread-content-margin); } } @container thread-content not (width >=3D 43rem) { ._Wi-wU3b717 { margin-inline: calc(var(--thread-content-margin) * -1); pa= dding-inline: var(--thread-content-margin); } } @media (pointer: coarse) { ._Wi-wU3b717 { scrollbar-width: none; } } ._UL4Sm6l9MS { scroll-snap-align: start; flex: 1 1 0%; } :is(._UL4Sm6l9MS > *):first-child { height: 100%; } ._UL4Sm6l9MS { min-width: min(360px, 94%); } @container main not (width >=3D 43rem) { ._UL4Sm6l9MS { scroll-margin: var(--thread-content-margin); } } @container thread-content not (width >=3D 43rem) { ._UL4Sm6l9MS { scroll-margin: var(--thread-content-margin); } } @container main (width >=3D 43rem) { ._UL4Sm6l9MS { min-width: calc(var(--spacing,.25rem) * 75); } } @container thread-content (width >=3D 43rem) { ._UL4Sm6l9MS { min-width: calc(var(--spacing,.25rem) * 75); } } @container main (width >=3D 64rem) { ._UL4Sm6l9MS { min-width: calc(var(--spacing,.25rem) * 90); } } @container thread-content (width >=3D 64rem) { ._UL4Sm6l9MS { min-width: calc(var(--spacing,.25rem) * 90); } } ._RKRc_F-84h { width: 100%; max-width: calc(var(--spacing,.25rem) * 110);= min-width: calc(var(--spacing,.25rem) * 75); } ._WCW_ONQapc { width: 100%; } @container main not (width >=3D 43rem) { ._wxCVh2TpAx { padding-inline-end: calc(var(--spacing,.25rem) * 4); } } @container thread-content not (width >=3D 43rem) { ._wxCVh2TpAx { padding-inline-end: calc(var(--spacing,.25rem) * 4); } } ._MHYBgmFutK { width: 100%; max-width: calc(var(--spacing,.25rem) * 110);= } ._na4YFHQ-dC { padding-block: calc(var(--spacing,.25rem) * 3) !important;= } ._rJ9-7PGCkI { padding-top: calc(var(--spacing,.25rem) * 3) !important; } ._Vii4n0pNUR { width: 100%; min-width: calc(var(--spacing,.25rem) * 75); = } @container main (width >=3D 43rem) { ._j9vuiVwUhU { scroll-snap-type: none; grid-template-columns: repeat(2, m= inmax(0px, 1fr)); margin-bottom: 0px; padding-bottom: 0px; display: grid; o= verflow-x: visible; } } @container thread-content (width >=3D 43rem) { ._j9vuiVwUhU { scroll-snap-type: none; grid-template-columns: repeat(2, m= inmax(0px, 1fr)); margin-bottom: 0px; padding-bottom: 0px; display: grid; o= verflow-x: visible; } } ._78agZfyuS8 { scroll-snap-align: start; flex-shrink: 0; } ._78agZfyuS8:last-child { scroll-snap-align: end; } @container main not (width >=3D 43rem) { ._78agZfyuS8 { scroll-margin: var(--thread-content-margin); } } @container thread-content not (width >=3D 43rem) { ._78agZfyuS8 { scroll-margin: var(--thread-content-margin); } } ._0uH6onYq0R { scroll-snap-align: start; flex: 1 1 0%; min-width: min(360= px, 94%); } @container main not (width >=3D 43rem) { ._0uH6onYq0R { scroll-margin: var(--thread-content-margin); } } @container thread-content not (width >=3D 43rem) { ._0uH6onYq0R { scroll-margin: var(--thread-content-margin); } } @container main (width >=3D 43rem) { ._0uH6onYq0R { scroll-snap-type: none; min-width: 0px; } } @container thread-content (width >=3D 43rem) { ._0uH6onYq0R { scroll-snap-type: none; min-width: 0px; } } ._485GcPuTXp { scroll-snap-align: start; flex-shrink: 0; width: 179px; } @container main not (width >=3D 43rem) { ._485GcPuTXp { scroll-margin: var(--thread-content-margin); } } @container thread-content not (width >=3D 43rem) { ._485GcPuTXp { scroll-margin: var(--thread-content-margin); } } ._8vsT9FK5jV { scroll-snap-align: start; flex: 1 1 0%; min-width: min(360= px, 94%); } @container main not (width >=3D 43rem) { ._8vsT9FK5jV { scroll-margin: var(--thread-content-margin); } } @container thread-content not (width >=3D 43rem) { ._8vsT9FK5jV { scroll-margin: var(--thread-content-margin); } } @container main (width >=3D 43rem) { ._8vsT9FK5jV { min-width: calc(var(--spacing,.25rem) * 75); } } @container thread-content (width >=3D 43rem) { ._8vsT9FK5jV { min-width: calc(var(--spacing,.25rem) * 75); } } @container main (width >=3D 64rem) { ._8vsT9FK5jV { min-width: calc(var(--spacing,.25rem) * 90); } } @container thread-content (width >=3D 64rem) { ._8vsT9FK5jV { min-width: calc(var(--spacing,.25rem) * 90); } } ._aKQsgI64yA { --tw-pan-x: pan-x; --tw-pan-y: pan-y; touch-action: var(--= tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); overscroll-behavior-x= : contain; } ._LyO_AOHG1F { margin-top: calc(var(--spacing,.25rem) * 2); margin-bottom= : calc(var(--spacing,.25rem) * 2); align-items: center; gap: var(--spacing,= .25rem); width: fit-content; font-size: var(--text-xs,11px); line-height: v= ar(--tw-leading,var(--text-xs--line-height,calc(1 / .75))); --tw-font-weigh= t: var(--font-weight-medium,500); font-weight: var(--font-weight-medium,500= ); color: var(--color-token-text-tertiary,var(--color-token-description-for= eground)); font-variation-settings: "opsz" var(--text-xs--optical-size,12);= display: inline-flex; } ._fIjRAZEU3Q { height: calc(var(--spacing,.25rem) * 3); width: calc(var(-= -spacing,.25rem) * 3); flex-grow: 0; flex-shrink: 0; } ._0mwe46ijGf { font-size: var(--text-sm,12px); line-height: var(--tw-lead= ing,var(--text-sm--line-height,calc(1.25 / .875))); font-variation-settings= : "opsz" var(--text-sm--optical-size,14); } ._euTFiZ3DGy { --tw-font-weight: var(--font-weight-normal,400); font-weig= ht: var(--font-weight-normal,400); } ._QUumhMjNB5 { --tw-font-weight: var(--font-weight-medium,500); font-weig= ht: var(--font-weight-medium,500); } ._xZM1bdrXFO { align-items: center; gap: calc(var(--spacing,.25rem) * 1.5= ); display: flex; } ._8MGhkVT_HL { height: calc(var(--spacing,.25rem) * 5); width: calc(var(-= -spacing,.25rem) * 5); color: var(--color-token-text-tertiary,var(--color-t= oken-description-foreground)); flex-grow: 0; flex-shrink: 0; } ._IW4EEpAJkn { align-items: center; gap: calc(var(--spacing,.25rem) * 2);= display: flex; } ._oxP0MjKlyK { height: calc(var(--spacing,.25rem) * 6); } ._t9x9wUv1FG { flex-wrap: wrap; display: flex; } ._hGFHaR4xky { text-overflow: ellipsis; white-space: nowrap; text-align: = start; --tw-font-weight: var(--font-weight-medium,500); font-weight: var(--= font-weight-medium,500); overflow: hidden; } ._lFKMboxagG { text-overflow: ellipsis; white-space: nowrap; --tw-font-we= ight: var(--font-weight-medium,500); font-weight: var(--font-weight-medium,= 500); overflow: hidden; } :is(._EFjiW6Z0o_ > *) { display: inline; } ._C21ELgwGf_::before { margin-inline: var(--spacing,.25rem); content: "= =C2=B7"; } ._uCjY9b8M5I { align-items: center; gap: calc(var(--spacing,.25rem) * 1.5= ); min-width: 0px; display: flex; } ._6xz3XsVrnq { align-items: center; gap: calc(var(--spacing,.25rem) * 2);= min-width: 0px; color: var(--color-token-text-primary,var(--color-token-fo= reground)); display: flex; } ._5g8eAOvya6 { width: calc(var(--spacing,.25rem) * 6); height: calc(var(-= -spacing,.25rem) * 6); } ._vIWgIL2AmD { width: calc(var(--spacing,.25rem) * 8); height: calc(var(-= -spacing,.25rem) * 8); } ._HV_YuWrDt7 { min-width: 0px; } ._XHqEcZOvQW { text-overflow: ellipsis; white-space: nowrap; text-align: = start; max-width: 100%; display: block; overflow: hidden; } ._4w7kyJJ-E- { font-size: 0.875rem; line-height: var(--tw-leading,1.25rem= ); font-weight: var(--tw-font-weight,400); font-variation-settings: "opsz" = var(--text-body-small-regular--optical-size,14); letter-spacing: -0.15px; } ._qOMmygKFHX { --tw-leading: calc(var(--spacing,.25rem) * 4.5); line-heig= ht: calc(var(--spacing,.25rem) * 4.5); --tw-font-weight: var(--font-weight-= medium,500); font-weight: var(--font-weight-medium,500); font-size: 13px; } ._CrHB4so5yd { text-overflow: ellipsis; white-space: nowrap; font-size: 0= .875rem; line-height: var(--tw-leading,1.25rem); font-weight: var(--tw-font= -weight,400); font-variation-settings: "opsz" var(--text-body-small-regular= --optical-size,14); letter-spacing: -0.15px; overflow: hidden; } ._u0KiIt3RfF { text-overflow: ellipsis; white-space: nowrap; --tw-leading= : calc(var(--spacing,.25rem) * 4.5); line-height: calc(var(--spacing,.25rem= ) * 4.5); --tw-font-weight: var(--font-weight-medium,500); font-weight: var= (--font-weight-medium,500); font-size: 13px; overflow: hidden; } ._ZzMy3GBRZ1 { text-overflow: ellipsis; white-space: nowrap; --tw-leading= : calc(var(--spacing,.25rem) * 4.5); line-height: calc(var(--spacing,.25rem= ) * 4.5); color: var(--color-token-text-secondary,var(--color-token-foregro= und)); overflow: hidden; } @supports (color:color-mix(in lab, red, red)) { ._ZzMy3GBRZ1 { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._ZzMy3GBRZ1 { font-size: 12px; } ._LTx8cGVmOy { align-items: center; display: flex; } ._DwNwxZEjdr { align-items: center; gap: calc(var(--spacing,.25rem) * 3);= user-select: none; display: flex; } ._XrXaZ0Wkhu { justify-content: space-between; } ._Ymi_F8MBXZ { justify-content: flex-end; } ._N9U_9-FjmQ { margin-bottom: calc(var(--spacing,.25rem) * 4); } ._rBOST1jQIQ { border-radius: var(--radius-full,9999px); background-color= : var(--color-token-bg-tertiary,var(--color-token-bg-primary)); margin-inli= ne-start: auto; } @supports (color:color-mix(in lab, red, red)) { ._rBOST1jQIQ { background-color: var(--color-token-bg-tertiary,color-mix(= in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._rBOST1jQIQ { color: var(--color-token-text-secondary,var(--color-token-= foreground)); } @supports (color:color-mix(in lab, red, red)) { ._rBOST1jQIQ { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._zF9cY99u1Z { height: calc(var(--spacing,.25rem) * 6); padding-inline: c= alc(var(--spacing,.25rem) * 2.5); font-size: var(--text-xs,11px); line-heig= ht: var(--tw-leading,var(--text-xs--line-height,calc(1 / .75))); font-varia= tion-settings: "opsz" var(--text-xs--optical-size,12); align-items: center;= display: inline-flex; } ._8WtuqjaGbA { padding-inline: calc(var(--spacing,.25rem) * 3); padding-b= lock: calc(var(--spacing,.25rem) * 1.5); font-size: var(--text-sm,12px); li= ne-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));= font-variation-settings: "opsz" var(--text-sm--optical-size,14); } ._CZRIs3Akqh { margin-block: calc(var(--spacing,.25rem) * -2); height: ca= lc(var(--spacing,.25rem) * 9); width: calc(var(--spacing,.25rem) * 9); bord= er-radius: var(--radius-lg,calc(var(--radius-lg-base) * var(--corner-radius= -scale))); color: var(--interactive-icon-tertiary-default); justify-content= : center; align-items: center; margin-inline-end: calc(var(--spacing,.25rem= ) * -2); display: flex; } @media (hover: hover) { ._CZRIs3Akqh:hover { background-color: var(--interactive-bg-secondary-hov= er); } } ._CZRIs3Akqh:is(html[data-focus-mode=3D"keyboard"] :focus-visible, html:n= ot([data-focus-mode]) :focus-visible) { background-color: var(--interactive= -bg-secondary-hover); } ._fvzI7XdvLB { clip-path: inset(50%); white-space: nowrap; border-width: = 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolut= e; overflow: hidden; } ._8Fw9tbqfO6 { width: calc(var(--spacing,.25rem) * 9); height: calc(var(-= -spacing,.25rem) * 9); border-radius: var(--radius-lg,calc(var(--radius-lg-= base) * var(--corner-radius-scale))); justify-content: center; align-items:= center; display: flex; } ._Q27Oe61Vdz { height: calc(var(--spacing,.25rem) * 5); width: calc(var(-= -spacing,.25rem) * 5); flex-grow: 0; flex-shrink: 0; } ._Yp5G7zifdt { margin-block: calc(var(--spacing,.25rem) * -2); margin-inl= ine-end: calc(var(--spacing,.25rem) * -2); } @media (hover: hover) { ._xZM1bdrXFO:hover ._8MGhkVT_HL, ._LTx8cGVmOy:hover ._8MGhkVT_HL { color:= var(--color-token-text-primary,var(--color-token-foreground)); } } ._r32LD_qzWp { height: calc(var(--spacing,.25rem) * 9); width: calc(var(-= -spacing,.25rem) * 9); } @media (hover: hover) { ._CZRIs3Akqh:hover ._r32LD_qzWp { color: var(--icon-primary); } ._Yp5G7zifdt:hover ._r32LD_qzWp { background-color: var(--interactive-bg-= secondary-hover); } } ._CZRIs3Akqh:focus-visible ._r32LD_qzWp { color: var(--icon-primary); out= line-color: var(--interactive-outline-color,var(--text-primary)); outline-o= ffset: 2.5px; outline-width: 1.5px; outline-style: solid; } ._Yp5G7zifdt:focus-visible ._r32LD_qzWp { background-color: var(--interac= tive-bg-secondary-hover); outline-color: var(--interactive-outline-color,va= r(--text-primary)); outline-offset: 2.5px; outline-width: 1.5px; outline-st= yle: solid; } ._Yp5G7zifdt:active ._r32LD_qzWp { background-color: var(--interactive-bg= -secondary-press); } ._0fHGHz2hgM { --tw-font-weight: var(--font-weight-normal,400); font-weig= ht: var(--font-weight-normal,400); color: var(--color-token-text-primary,va= r(--color-token-foreground)); letter-spacing: -0.15px; font-size: 14px; lin= e-height: 18px; } ._PqObjziSe2 { --tw-leading: calc(var(--spacing,.25rem) * 5); line-height= : calc(var(--spacing,.25rem) * 5); --tw-font-weight: var(--font-weight-norm= al,400); font-weight: var(--font-weight-normal,400); text-wrap: wrap; color= : var(--color-token-text-secondary,var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._PqObjziSe2 { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._PqObjziSe2 { letter-spacing: -0.15px; font-size: 15px; } ._qtFQl__FFB { gap: calc(var(--spacing,.25rem) * 3); flex-direction: colu= mn; width: 100%; display: flex; } ._9I2nGM-5Dp { max-width: calc(var(--spacing,.25rem) * 110); min-width: 0= px; position: relative; } ._-H05Zz2kWl { position: relative; } ._-H05Zz2kWl:focus-within { background-color: var(--color-token-bg-tertia= ry,var(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._-H05Zz2kWl:focus-within { background-color: var(--color-token-bg-tertia= ry,color-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._VLHOsr5F0h { cursor: pointer; border-radius: var(--radius-2xl,calc(var(= --radius-2xl-base) * var(--corner-radius-scale))); border-style: var(--tw-b= order-style); border-width: 1px; border-color: var(--color-token-border-def= ault,var(--color-border,var(--app-color-text-foreground))); overflow: hidde= n; } @supports (color:color-mix(in lab, red, red)) { ._VLHOsr5F0h { border-color: var(--color-token-border-default,var(--color= -border,color-mix(in oklab, var(--app-color-text-foreground) 8%, transparen= t))); } } ._VLHOsr5F0h { background-color: var(--color-token-bg-primary,var(--color= -token-side-bar-background)); text-align: start; color: var(--color-token-t= ext-primary,var(--color-token-foreground)); transition-property: color, bac= kground-color, border-color, outline-color, text-decoration-color, fill, st= roke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-t= iming-function: var(--tw-ease,var(--default-transition-timing-function,cubi= c-bezier(.4, 0, .2, 1))); transition-duration: var(--tw-duration,var(--defa= ult-transition-duration,.15s)); user-select: none; } ._VLHOsr5F0h:focus-visible { background-color: var(--color-token-bg-terti= ary,var(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._VLHOsr5F0h:focus-visible { background-color: var(--color-token-bg-terti= ary,color-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._VLHOsr5F0h:active { background-color: var(--color-token-bg-secondary,va= r(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._VLHOsr5F0h:active { background-color: var(--color-token-bg-secondary,co= lor-mix(in srgb, var(--color-token-bg-primary) 92%, transparent)); } } @media (hover: hover) { :where(._9I2nGM-5Dp:hover) ._VLHOsr5F0h { background-color: var(--color-t= oken-bg-tertiary,var(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { :where(._9I2nGM-5Dp:hover) ._VLHOsr5F0h { background-color: var(--color-t= oken-bg-tertiary,color-mix(in srgb, var(--color-token-bg-primary) 85%, tran= sparent)); } } } ._CHFYNwJNN9 { align-items: stretch; display: flex; } ._-_ZvYoyFHK { grid-template-columns: auto minmax(0px, 1fr); display: gri= d; } ._r-IVVhj6Lk { min-height: 98px; } ._9G4hiEWuKP { z-index: 0; cursor: pointer; border-radius: var(--radius-2= xl,calc(var(--radius-2xl-base) * var(--corner-radius-scale))); position: ab= solute; inset: 0px; } ._r5tbhLPFyn { pointer-events: none; z-index: 10; position: relative; } ._un4jgYE3KE { height: calc(var(--spacing,.25rem) * 36); } ._82iSpW42S3 { height: 118px; } ._KE_U-KQNqo { align-items: flex-start; gap: calc(var(--spacing,.25rem) *= 1.5); min-width: 0px; padding: calc(var(--spacing,.25rem) * 4); flex-direc= tion: column; flex: 1 1 0%; display: flex; } ._rhMbRtvrwx { grid-column-start: 2; align-self: flex-start; } ._coinOJKedh { align-items: center; gap: calc(var(--spacing,.25rem) * 1.5= ); width: 100%; min-width: 0px; height: 18px; padding-inline-end: calc(var(= --spacing,.25rem) * 7); display: flex; } ._0p4N5-FsRr { align-items: center; gap: calc(var(--spacing,.25rem) * 1.5= ); flex: 1 1 0%; min-width: 0px; display: flex; } ._DvE1VE1mSv { width: calc(var(--spacing,.25rem) * 4); height: calc(var(-= -spacing,.25rem) * 4); } ._4zX3podie8 { text-overflow: ellipsis; white-space: nowrap; --tw-font-we= ight: var(--font-weight-normal,400); min-width: 0px; font-weight: var(--fon= t-weight-normal,400); letter-spacing: -0.08px; font-size: 13px; line-height= : 18px; overflow: hidden; } ._P6LwM7utOX { gap: calc(var(--spacing,.25rem) * .5); flex-direction: col= umn; min-width: 0px; display: flex; } ._ATshc3B5FL { --tw-leading: calc(var(--spacing,.25rem) * 5); min-width: = 0px; line-height: calc(var(--spacing,.25rem) * 5); --tw-font-weight: var(--= font-weight-medium,500); font-weight: var(--font-weight-medium,500); text-w= rap: pretty; text-overflow: ellipsis; letter-spacing: -0.32px; font-size: 1= 5px; overflow: hidden; } ._t1jiB5VMTc { -webkit-line-clamp: 1; -webkit-box-orient: vertical; displ= ay: -webkit-box; overflow: hidden; } ._5-csrA-P1n { -webkit-line-clamp: 2; -webkit-box-orient: vertical; displ= ay: -webkit-box; overflow: hidden; } ._tqNMhUygd2 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; displ= ay: -webkit-box; overflow: hidden; } ._IHVcGSdbbu { -webkit-line-clamp: 2; --tw-leading: calc(var(--spacing,.2= 5rem) * 5); min-width: 0px; line-height: calc(var(--spacing,.25rem) * 5); -= -tw-font-weight: var(--font-weight-normal,400); font-weight: var(--font-wei= ght-normal,400); text-wrap: pretty; text-overflow: ellipsis; color: var(--c= olor-token-text-secondary,var(--color-token-foreground)); -webkit-box-orien= t: vertical; display: -webkit-box; overflow: hidden; } @supports (color:color-mix(in lab, red, red)) { ._IHVcGSdbbu { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._IHVcGSdbbu { letter-spacing: -0.32px; font-size: 15px; } ._d4Za3uhYR3 { bottom: calc(var(--spacing,.25rem) * 4); z-index: 10; posi= tion: absolute; } ._jcXfWDaW8- { pointer-events: auto; } ._BVVJfs9bi_ { height: calc(var(--spacing,.25rem) * 10); min-height: calc= (var(--spacing,.25rem) * 10); } ._0vkVcUSF3Z { height: calc(var(--spacing,.25rem) * 9); min-height: calc(= var(--spacing,.25rem) * 9); } ._BhNqAXroWs { inset-inline-start: 160px; } ._C1-2Y7iXyD { inset-inline-start: 134px; } ._XaXFZD1SZB { inset-inline-start: calc(var(--spacing,.25rem) * 4); } ._xPJ5WBV1tx { padding-inline: calc(var(--spacing,.25rem) * 4); } ._FTYw7YhUBU { pointer-events: none; inset-inline-end: 0px; align-items: = center; display: flex; position: absolute; top: 0px; } ._-o7nK2Jkia { z-index: 20; } ._G2F8rp3ywi { pointer-events: auto; margin-inline-end: calc(var(--spacin= g,.25rem) * -1.5); } ._hnfQMk3u9u { pointer-events: auto; } ._oTaYkUQXDd { padding-inline-end: calc(var(--spacing,.25rem) * 2); paddi= ng-top: calc(var(--spacing,.25rem) * 2); margin-top: 0px !important; margin= -right: 0px !important; margin-left: 0px !important; margin-bottom: calc(va= r(--spacing,.25rem) * 2) !important; border-top-left-radius: 0px !important= ; border-bottom-right-radius: 0px !important; border-top-right-radius: var(= --radius-2xl,calc(var(--radius-2xl-base) * var(--corner-radius-scale))) !im= portant; border-bottom-left-radius: var(--radius-lg,calc(var(--radius-lg-ba= se) * var(--corner-radius-scale))) !important; --tw-outline-style: none !im= portant; background-color: rgba(0, 0, 0, 0) !important; outline-style: none= !important; width: auto !important; height: auto !important; } @media (hover: hover) { ._oTaYkUQXDd:hover { background-color: rgba(0, 0, 0, 0) !important; } } ._oTaYkUQXDd:focus-visible { background-color: rgba(0, 0, 0, 0) !importan= t; } ._0ATLbATeVA { color: var(--color-token-text-secondary,var(--color-token-= foreground)); } @supports (color:color-mix(in lab, red, red)) { ._0ATLbATeVA { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._1TCyyheaMy { height: calc(var(--spacing,.25rem) * 5); border-radius: va= r(--radius-full,9999px); background-color: var(--color-token-bg-tertiary,va= r(--color-token-bg-primary)); justify-content: center; align-items: center;= display: flex; } @supports (color:color-mix(in lab, red, red)) { ._1TCyyheaMy { background-color: var(--color-token-bg-tertiary,color-mix(= in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._1TCyyheaMy { padding-inline: calc(var(--spacing,.25rem) * 1.5); font-si= ze: var(--text-xs,11px); --tw-leading: calc(var(--spacing,.25rem) * 4); lin= e-height: calc(var(--spacing,.25rem) * 4); font-variation-settings: "opsz" = var(--text-xs--optical-size,12); } ._LgKF_tH-56 { padding-inline-end: var(--spacing,.25rem); font-size: 13px= ; } ._GH8yOtaC6M { height: calc(var(--spacing,.25rem) * 9); width: calc(var(-= -spacing,.25rem) * 9); border-radius: var(--radius-lg,calc(var(--radius-lg-= base) * var(--corner-radius-scale))); color: var(--interactive-icon-tertiar= y-default); justify-content: center; align-items: center; display: flex; } @media (hover: hover) { ._GH8yOtaC6M:hover { background-color: var(--interactive-bg-secondary-hov= er); } } ._GH8yOtaC6M:is(html[data-focus-mode=3D"keyboard"] :focus-visible, html:n= ot([data-focus-mode]) :focus-visible) { background-color: var(--interactive= -bg-secondary-hover); } ._0ZbRXYF27m { width: calc(var(--spacing,.25rem) * 4); height: calc(var(-= -spacing,.25rem) * 4); flex-grow: 0; flex-shrink: 0; } ._ApxBD9MHTg { background-color: var(--color-token-bg-secondary,var(--col= or-token-bg-primary)); position: relative; overflow: hidden; } @supports (color:color-mix(in lab, red, red)) { ._ApxBD9MHTg { background-color: var(--color-token-bg-secondary,color-mix= (in srgb, var(--color-token-bg-primary) 92%, transparent)); } } ._pygV2AF18o { flex-shrink: 0; align-self: stretch; } ._4wryLPi3IZ { aspect-ratio: 1 / 1; height: 100%; } ._VtmWMAwqDc { width: calc(var(--spacing,.25rem) * 36); } ._AsBz20uKM3 { width: 118px; } .__eIz4tUUJS { object-fit: cover; object-position: center center; width: = 100%; height: 100%; position: absolute; inset: 0px; } ._0PFm3t-o5i { cursor: pointer; justify-content: space-between; gap: calc= (var(--spacing,.25rem) * 3); background-color: var(--color-token-bg-tertiar= y,var(--color-token-bg-primary)); width: 100%; display: flex; } @supports (color:color-mix(in lab, red, red)) { ._0PFm3t-o5i { background-color: var(--color-token-bg-tertiary,color-mix(= in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._0PFm3t-o5i { padding: calc(var(--spacing,.25rem) * 3); font-size: var(-= -text-sm,12px); line-height: var(--tw-leading,var(--text-sm--line-height,ca= lc(1.25 / .875))); user-select: none; } @media (hover: hover) { ._0PFm3t-o5i:hover { background-color: var(--interactive-bg-secondary-hov= er); } } ._0PFm3t-o5i:focus-visible { background-color: var(--interactive-bg-secon= dary-hover); } ._0PFm3t-o5i:active { background-color: var(--interactive-bg-secondary-pr= ess); } ._0PFm3t-o5i { corner-shape: superellipse(1.25); font-variation-settings:= "opsz" var(--text-sm--optical-size,14); border-radius: 1.25rem; } ._BVGN1cjlgN { align-items: center; } ._KtS09yBpHr { align-items: flex-start; } ._-N2buGxiKC { padding-inline: var(--spacing,.25rem); flex-direction: col= umn; display: flex; } ._Vw6uBDWE9D { margin-bottom: var(--spacing,.25rem); align-items: center;= gap: calc(var(--spacing,.25rem) * 1.5); font-size: var(--text-sm,12px); li= ne-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));= color: var(--color-token-text-primary,var(--color-token-foreground)); font= -variation-settings: "opsz" var(--text-sm--optical-size,14); display: flex;= } ._Vl1pSZrUtp { height: calc(var(--spacing,.25rem) * 5); } ._yghvR0BWnB { text-overflow: ellipsis; white-space: nowrap; overflow: hi= dden; } ._c0X9vNRjbu { -webkit-line-clamp: 3; max-height: calc(var(--spacing,.25r= em) * 16); -webkit-box-orient: vertical; display: -webkit-box; overflow: hi= dden; } ._mdQm_OUobd { --tw-font-weight: var(--font-weight-medium,500); font-weig= ht: var(--font-weight-medium,500); } ._hkX7rE4DJL { margin-top: calc(var(--spacing,.25rem) * .5); color: var(-= -color-token-text-secondary,var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._hkX7rE4DJL { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._mbBm3sLzM4 { height: 86px; } ._FjJdsDx4k7 { height: 64px; } ._bq02SXqYuK { aspect-ratio: 1 / 1; border-radius: var(--radius-lg,calc(v= ar(--radius-lg-base) * var(--corner-radius-scale))); background-color: var(= --color-white,var(--white)); object-fit: cover; corner-shape: superellipse(= 1.1); } ._7RqmdDII_V { aspect-ratio: 1 / 1; border-radius: var(--radius-lg,calc(v= ar(--radius-lg-base) * var(--corner-radius-scale))); background-color: var(= --color-token-bg-secondary,var(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._7RqmdDII_V { background-color: var(--color-token-bg-secondary,color-mix= (in srgb, var(--color-token-bg-primary) 92%, transparent)); } } ._7RqmdDII_V { corner-shape: superellipse(1.1); } ._8FMh5cGL7L { color: var(--color-token-text-tertiary,var(--color-token-d= escription-foreground)); } ._ZkZxa957Be { cursor: pointer; justify-content: space-between; gap: calc= (var(--spacing,.25rem) * 3); background-color: var(--color-token-bg-tertiar= y,var(--color-token-bg-primary)); width: 100%; display: flex; } @supports (color:color-mix(in lab, red, red)) { ._ZkZxa957Be { background-color: var(--color-token-bg-tertiary,color-mix(= in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._ZkZxa957Be { padding: calc(var(--spacing,.25rem) * 3); font-size: var(-= -text-sm,12px); line-height: var(--tw-leading,var(--text-sm--line-height,ca= lc(1.25 / .875))); user-select: none; } @media (hover: hover) { ._ZkZxa957Be:hover { background-color: var(--interactive-bg-secondary-hov= er); } } ._ZkZxa957Be:focus-visible { background-color: var(--interactive-bg-secon= dary-hover); } ._ZkZxa957Be:active { background-color: var(--interactive-bg-secondary-pr= ess); } ._ZkZxa957Be { corner-shape: superellipse(1.25); font-variation-settings:= "opsz" var(--text-sm--optical-size,14); border-radius: 1.25rem; } ._4ruhlwEtmG { align-items: center; } ._9FkvFoG5j2 { align-items: flex-start; } ._jb24TjHY3- { padding-inline: var(--spacing,.25rem); flex-direction: col= umn; display: flex; } ._AQPuwktwqj { margin-bottom: var(--spacing,.25rem); align-items: center;= gap: calc(var(--spacing,.25rem) * 1.5); font-size: var(--text-sm,12px); li= ne-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));= color: var(--color-token-text-secondary,var(--color-token-foreground)); di= splay: flex; } @supports (color:color-mix(in lab, red, red)) { ._AQPuwktwqj { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._AQPuwktwqj { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._eJ-Vb1tJiQ { height: calc(var(--spacing,.25rem) * 5); } ._qhkLsHxTKt { text-overflow: ellipsis; white-space: nowrap; overflow: hi= dden; } ._9M4aZNUfPa { -webkit-line-clamp: 3; max-height: calc(var(--spacing,.25r= em) * 16); -webkit-box-orient: vertical; display: -webkit-box; overflow: hi= dden; } ._4HJo8oZ7LN { --tw-font-weight: var(--font-weight-medium,500); font-weig= ht: var(--font-weight-medium,500); } ._SMLqoUuTm9 { margin-top: calc(var(--spacing,.25rem) * .5); color: var(-= -color-token-text-secondary,var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._SMLqoUuTm9 { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._0VFqI4Fcr4 { height: 86px; } ._Gzuq_d1dzY { height: 64px; } ._C5nLEZ4IEM { aspect-ratio: 1 / 1; border-radius: var(--radius-lg,calc(v= ar(--radius-lg-base) * var(--corner-radius-scale))); background-color: var(= --color-white,var(--white)); object-fit: cover; corner-shape: superellipse(= 1.1); } ._682g2stXZb { aspect-ratio: 1 / 1; border-radius: var(--radius-lg,calc(v= ar(--radius-lg-base) * var(--corner-radius-scale))); background-color: var(= --color-token-bg-secondary,var(--color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._682g2stXZb { background-color: var(--color-token-bg-secondary,color-mix= (in srgb, var(--color-token-bg-primary) 92%, transparent)); } } ._682g2stXZb { corner-shape: superellipse(1.1); } ._Ll9kRRtd9_ { object-fit: contain; width: 100%; height: 100%; } ._9v_nRBHraN { aspect-ratio: 1 / 1; border-radius: var(--radius-full,9999= px); background-color: var(--color-white,var(--white)); padding: calc(var(-= -spacing,.25rem) * .5); user-select: none; flex-shrink: 0; overflow: clip; = } ._9v_nRBHraN:not(:where(.dark, .dark *):not(:where(.dark .light, .dark .l= ight *))) { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; } ._TOBRn1oEX4 { cursor: pointer; } ._bneZ3bdQrV { pointer-events: none; } .__6vubBiArt { isolation: isolate; width: 100%; padding-top: calc(var(--s= pacing,.25rem) * 2.5); max-width: 440px; container-type: inline-size; conta= iner-name: var(--ads-formats-inline-survey-name,bazaar-inline-survey); flex= -direction: column; align-items: center; display: flex; position: relative;= } ._COiFX0JrfD { pointer-events: none; z-index: 10; width: calc(var(--spaci= ng,.25rem) * 3); height: calc(var(--spacing,.25rem) * 3); --tw-translate-x:= calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-t= ranslate-y); border-inline-start-style: var(--tw-border-style); border-inli= ne-start-width: 1px; border-top-style: var(--tw-border-style); border-top-w= idth: 1px; border-color: var(--color-token-border-default,var(--color-borde= r,var(--app-color-text-foreground))); position: absolute; inset-inline-star= t: 50%; rotate: 45deg; } @supports (color:color-mix(in lab, red, red)) { ._COiFX0JrfD { border-color: var(--color-token-border-default,var(--color= -border,color-mix(in oklab, var(--app-color-text-foreground) 8%, transparen= t))); } } ._COiFX0JrfD { background-color: var(--color-token-bg-primary,var(--color= -token-side-bar-background)); } ._COiFX0JrfD:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lan= g(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku),= :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang= (ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { --tw-translate-x: calc(= 1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } ._COiFX0JrfD { top: 3px; } ._E8SwOL2wgV { z-index: 0; border-radius: var(--radius-2xl,calc(var(--rad= ius-2xl-base) * var(--corner-radius-scale))); border-style: var(--tw-border= -style); border-width: 1px; border-color: var(--color-token-border-default,= var(--color-border,var(--app-color-text-foreground))); width: 100%; display= : flex; position: relative; } @supports (color:color-mix(in lab, red, red)) { ._E8SwOL2wgV { border-color: var(--color-token-border-default,var(--color= -border,color-mix(in oklab, var(--app-color-text-foreground) 8%, transparen= t))); } } ._E8SwOL2wgV { background-color: var(--color-token-bg-primary,var(--color= -token-side-bar-background)); padding-inline: calc(var(--spacing,.25rem) * = 4); padding-block: calc(var(--spacing,.25rem) * 3); } .__etDLytgmv { justify-content: space-between; align-items: center; gap: = calc(var(--spacing,.25rem) * 3); width: 100%; display: flex; } ._HADcfigaTH { --tw-font-weight: var(--font-weight-medium,500); min-width= : 0px; font-weight: var(--font-weight-medium,500); color: var(--color-token= -text-primary,var(--color-token-foreground)); font-size: 13px; line-height:= 18px; } ._Wgd1aiSLc6 { align-items: center; gap: calc(var(--spacing,.25rem) * 2);= flex-shrink: 0; display: flex; } ._LGjBR3T8nw { width: calc(var(--spacing,.25rem) * 9); height: calc(var(-= -spacing,.25rem) * 9); border-radius: var(--radius-full,9999px); border-sty= le: var(--tw-border-style); border-width: 1px; border-color: var(--color-to= ken-border-default,var(--color-border,var(--app-color-text-foreground))); j= ustify-content: center; align-items: center; display: flex; } @supports (color:color-mix(in lab, red, red)) { ._LGjBR3T8nw { border-color: var(--color-token-border-default,var(--color= -border,color-mix(in oklab, var(--app-color-text-foreground) 8%, transparen= t))); } } ._LGjBR3T8nw { background-color: var(--color-token-bg-primary,var(--color= -token-side-bar-background)); color: var(--color-token-text-secondary,var(-= -color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._LGjBR3T8nw { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._LGjBR3T8nw { transition-property: color, background-color, border-color= , outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, -= -tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ea= se,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1))); t= ransition-duration: var(--tw-duration,var(--default-transition-duration,.15= s)); } @media (hover: hover) { ._LGjBR3T8nw:hover { background-color: var(--color-token-bg-tertiary,var(= --color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._LGjBR3T8nw:hover { background-color: var(--color-token-bg-tertiary,colo= r-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._LGjBR3T8nw:hover { color: var(--color-token-text-primary,var(--color-to= ken-foreground)); } } ._LGjBR3T8nw:focus-visible { outline-style: var(--tw-outline-style); outl= ine-offset: 2px; outline-width: 2px; outline-color: var(--color-token-borde= r-heavy,var(--app-color-border-heavy,var(--app-color-text-foreground))); } @supports (color:color-mix(in lab, red, red)) { ._LGjBR3T8nw:focus-visible { outline-color: var(--color-token-border-heav= y,var(--app-color-border-heavy,color-mix(in oklab, var(--app-color-text-for= eground) 12%, transparent))); } } ._HunRQQRSUY { height: calc(var(--spacing,.25rem) * 4); width: calc(var(-= -spacing,.25rem) * 4); flex-grow: 0; flex-shrink: 0; } :where(.Favicon-xZwQNw) { position: relative; } @keyframes fade-in-HYTrVJ {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in-marker-re9IOT {=20 0% { color: rgba(0, 0, 0, 0); } } @keyframes image-enter-VfEUgK {=20 0% { opacity: 0; transform: scale(0.98); } 100% { opacity: 1; transform: scale(1); } } :root { --wide-block-panel-max-width-override: calc(infinity * 1px); } [data-app-shell-main-content-layout]:has([data-pip-obstacle=3D"thread-sum= mary-panel"]) { --wide-block-panel-max-width-override: initial; } :is(.MediaWideBlock-f485En, .MermaidWideBlock-RqYZqT, .TableContainer-UfI= Oz_[data-wide-block], .VisualizationWideBlock-S7EK3X) { --wide-block-panel-= max-width: var(--wide-block-panel-max-width-override,calc(100cqi - var(--th= read-content-max-width) + (var(--thread-content-margin,24px) * 3) + (var(--= thread-wide-block-inline-shift,0px) * 2))); } .MediaWideBlock-f485En { --wide-block-width: min(var(--markdown-wide-bloc= k-max-width), var(--wide-block-container-max-width), var(--wide-block-panel= -max-width,var(--wide-block-container-max-width))); } :is(.MediaWideBlock-f485En, .MermaidWideBlock-RqYZqT:not(:has([data-merma= id-streaming]))) { width: var(--wide-block-width); max-width: none; } .MermaidWideBlock-RqYZqT, .VisualizationWideBlock-S7EK3X { --wide-block-c= ontainer-max-width: max(100%, calc(100cqi - (var(--padding-toolbar) * 2) - = (var(--thread-content-margin,24px) * 2) - (var(--spacing) * 18) - (var(--th= read-wide-block-inline-shift,0px) * 2))); --wide-block-default-max-width: m= in(calc(var(--markdown-wide-block-max-width) + 8rem), var(--wide-block-cont= ainer-max-width), var(--wide-block-panel-max-width,var(--wide-block-contain= er-max-width))); } .MermaidWideBlock-RqYZqT:not(:has([data-mermaid-streaming])) { --wide-blo= ck-width: var(--wide-block-default-max-width); margin-left: calc((100% - va= r(--wide-block-width)) / 2); } .VisualizationBlock-BXpp50.VisualizationWideBlock-S7EK3X { --wide-block-w= idth: var(--wide-block-default-max-width); width: var(--wide-block-width); = max-width: none; margin-left: calc((100% - var(--wide-block-width)) / 2); } .MediaWideBlock-f485En { --wide-block-container-max-width: max(100%, calc= (50cqi + 50% - var(--padding-toolbar) - var(--thread-wide-block-inline-shif= t,0px))); margin-left: 0px; } .Paragraph-kKnbIo, .VisualizationBlock-BXpp50 { margin: 0 0 var(--markdow= n-space); } .VisualizationBlock-BXpp50 { font-family: var(--font-sans); display: flow= -root; } .Paragraph-kKnbIo, .Heading-Ro3lZr, .ListItem-ncLgmg, .Table-LqdUhs { fon= t-family: var(--font-content); } .MediaParagraph-HnYrwo { text-align: left; } .MediaGridParagraph-Z32buN { flex-wrap: wrap; align-items: flex-start; ga= p: 12px; display: flex; } .Heading-Ro3lZr { font-weight: var(--font-weight-semibold); } .Heading-Ro3lZr:where(h1) { margin: calc(var(--markdown-space) * 4) 0 cal= c(var(--markdown-space) * 2); font-size: calc(var(--markdown-font-size) * 1= .5); line-height: calc(var(--markdown-space) * 8); } .Heading-Ro3lZr:where(h2) { margin: calc(var(--markdown-space) * 4) 0 var= (--markdown-space); font-size: calc(var(--markdown-font-size) * 1.25); line= -height: calc(var(--markdown-space) * 7); } .Heading-Ro3lZr:where(h3) { margin: calc(var(--markdown-space) * 4) 0 var= (--markdown-space); font-size: calc(var(--markdown-font-size) * 1.125); lin= e-height: calc(var(--markdown-space) * 7); } .Heading-Ro3lZr:where(h4) { margin: calc(var(--markdown-space) * 4) 0 0; = font-size: var(--markdown-font-size); line-height: calc(var(--markdown-spac= e) * 6); } .Heading-Ro3lZr:where(h5, h6) { font-size: var(--markdown-font-size); lin= e-height: var(--markdown-line-height); margin: 0px; } .Heading-Ro3lZr:where(h4) + .Paragraph-kKnbIo { margin-top: 0px; } .List-kOVW5V { margin: 0px; padding-inline-start: var(--markdown-line-hei= ght); list-style-position: outside; } .MarkdownRoot-rZKhxa > .Paragraph-kKnbIo[data-markdown-han-text]:has(+ .P= aragraph-kKnbIo[data-markdown-han-text]) { margin-bottom: var(--spacing); } .MarkdownRoot-rZKhxa > :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50)= :not(:first-child) { margin-top: calc(var(--markdown-space) * 2); } .MarkdownRoot-rZKhxa > :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50)= + :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50) { margin-block: calc(= var(--markdown-space) * 4); } .MarkdownRoot-rZKhxa > .Heading-Ro3lZr:where(h1, h2, h3) + .Paragraph-kKn= bIo, .MarkdownRoot-rZKhxa > .Paragraph-kKnbIo + .List-kOVW5V { margin-top: = 0px; } .MarkdownRoot-rZKhxa > .List-kOVW5V + .Heading-Ro3lZr { margin-top: calc(= var(--markdown-space) * 4); } .UnorderedList-nqKD7g { list-style-type: disc; } .List-kOVW5V .UnorderedList-nqKD7g { list-style-type: circle; } .List-kOVW5V .List-kOVW5V .UnorderedList-nqKD7g { list-style-type: square= ; } .OrderedList-XsMUSX { list-style-type: decimal; } .TaskList-QsR4bm { padding-inline-start: 0px; list-style-type: none; } .ListItem-ncLgmg { padding-inline-start: calc(var(--markdown-space) * 1.5= ); display: list-item; } .ListItem-ncLgmg + .ListItem-ncLgmg { margin-top: 0px; } .ListItem-ncLgmg > :first-child:not(h1, h2, h3) { margin-top: 0px; margin= -bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > :last-child:no= t(h1, h2, h3) { margin-bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content])[data-starts-with= -heading] > :nth-child(1 of h1, h2, h3) { margin-top: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content])[data-ends-with-h= eading] > :nth-last-child(1 of h1, h2, h3) { margin-bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > p { margin: 0p= x; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > p + p { margin= -top: calc(var(--markdown-space) * 4); } .ListItem-ncLgmg > .List-kOVW5V { margin-top: 0px; margin-bottom: 0px; } .TaskListItem-ZeZMab { --markdown-task-checkbox-margin: 0; padding-inline= -start: 0px; list-style-type: none; } .TaskListItem-ZeZMab:has(> p, > [data-markdown-list-item-content]) { --ma= rkdown-task-checkbox-margin: var(--markdown-space); grid-template-columns: = auto minmax(0px, 1fr); display: grid; } .TaskListItem-ZeZMab.TaskListItem-ZeZMab > :first-child { margin-top: var= (--markdown-task-checkbox-margin); } .TaskListItem-ZeZMab > :not(:first-child) { grid-column: 2; } .UnorderedList-nqKD7g > .ListItem-ncLgmg::marker { color: var(--text-prim= ary); font-weight: var(--font-weight-semibold); } .OrderedList-XsMUSX > .ListItem-ncLgmg::marker { color: var(--text-primar= y); font-weight: var(--font-weight-semibold); } .Blockquote-EqEEot { margin: 0 0 calc(var(--markdown-space) * 2); color: = var(--text-primary); font-style: normal; line-height: calc(var(--markdown-s= pace) * 6); padding-block: calc(var(--markdown-space) * 2); border: 0px; pa= dding-inline-start: calc(var(--markdown-space) * 6); position: relative; ba= ckground-color: rgba(0, 0, 0, 0) !important; } .Blockquote-EqEEot > :first-child { margin-top: 0px; } .Blockquote-EqEEot > :last-child { margin-bottom: 0px; } .Blockquote-EqEEot > .Paragraph-kKnbIo { font-weight: var(--font-weight-n= ormal); margin: 0px; } .Blockquote-EqEEot > .Paragraph-kKnbIo::before, .Blockquote-EqEEot > .Par= agraph-kKnbIo::after { content: none; } .Blockquote-EqEEot::after { content: ""; inset-inline-start: 0px; top: ca= lc(var(--markdown-space) * 2); bottom: calc(var(--markdown-space) * 2); wid= th: var(--markdown-space); border-radius: calc(var(--markdown-space) / 2); = background-color: var(--border-medium); position: absolute; } .HorizontalRule-ByOEk_ { clear: both; height: 0px; margin: calc(var(--mar= kdown-space) * 7) 0; border-right: 0px; border-bottom: 0px; border-left: 0p= x; border-image: none; border-top: 1px solid var(--border-medium); } .HorizontalRule-ByOEk_ + * { margin-top: 0px; } .MarkdownRoot-rZKhxa { --markdown-host-font-size: var(--codex-chat-font-s= ize); --markdown-host-small-font-size: var(--codex-chat-code-font-size); --= markdown-font-size: var(--markdown-host-font-size); --markdown-line-height:= calc(var(--markdown-font-size) * var(--leading-relaxed)); --markdown-small= -font-size: max(var(--markdown-host-small-font-size), calc(var(--markdown-f= ont-size) * .875)); --markdown-space: calc(var(--markdown-font-size) / 4); = --text-primary: currentColor; --border-medium: var(--color-border-strong); = --border-light: var(--color-border-subtle); --main-surface-secondary: var(-= -color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .MarkdownRoot-rZKhxa { --main-surface-secondary: color-mix(in srgb, var(-= -color-surface-secondary) 92%, transparent); } } .MarkdownRoot-rZKhxa { color: var(--color-text); font-size: var(--markdow= n-font-size); line-height: var(--markdown-line-height); overflow-wrap: anyw= here; } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"inherit"] { color: inheri= t; } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"inherit"] .ExternalMarkdo= wnLink-WWBYg9 { --vscode-textLink-foreground: var(--markdown-link-color,cur= rentColor); --vscode-textLink-activeForeground: var(--markdown-link-color,c= urrentColor); --inline-mention-dark-base-color: currentColor; --inline-ment= ion-resolved-base-color: currentColor; color: var(--markdown-link-color,inh= erit); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"tertiary"] { color: var(-= -color-text-tertiary); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"user-message"] { color: v= ar(--color-text-user-message); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"user-message"] .ExternalM= arkdownLink-WWBYg9 { --inline-mention-dark-base-color: var(--color-text-use= r-message); --inline-mention-resolved-base-color: var(--color-text-user-mes= sage); } .MarkdownRoot-rZKhxa :is(.Paragraph-kKnbIo, .List-kOVW5V, .ListItem-ncLgm= g, .Table-LqdUhs) { font-size: var(--markdown-font-size); line-height: var(= --markdown-line-height); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"inherit"] { --markdown-f= ont-size: 1em; --markdown-line-height: 1lh; color: inherit; } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"base"] { --markdown-font= -size: var(--text-base); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"large"] { --markdown-fon= t-size: var(--text-lg); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"small"] { --markdown-fon= t-size: var(--text-sm); } .MarkdownRoot-rZKhxa .Table-LqdUhs, .MarkdownRoot-rZKhxa[data-markdown-te= xt-style] .Table-LqdUhs { font-size: var(--markdown-small-font-size); } .MarkdownRoot-rZKhxa .katex-display { max-width: 100%; overflow: auto hid= den; } [data-codex-window-type=3D"browser"] .MarkdownRoot-rZKhxa { --markdown-ho= st-font-size: var(--text-base); --markdown-host-small-font-size: var(--text= -sm); } .MarkdownTablePreview-WF8OXs { border: 1px solid var(--color-border); bor= der-radius: var(--radius-2xl); background-color: var(--color-surface-elevat= ed-secondary); max-width: 80%; max-height: 100%; padding: calc(var(--spacin= g) * 8); box-shadow: var(--shadow-2xl); margin: auto; display: flex; overfl= ow: hidden; } [data-codex-window-type=3D"extension"] .MarkdownRoot-rZKhxa { --thread-co= ntent-max-width: 40rem; } .TableContainer-UfIOz_ { width: 100%; margin-top: calc(var(--markdown-spa= ce) * 4); position: relative; } .TableContainer-UfIOz_[data-wide-block] { --edge-fade-distance: calc(var(= --thread-content-margin,24px) * 4); --wide-block-width: max(100%, min(calc(= 50cqi + 50% - var(--padding-toolbar) - var(--thread-content-margin,24px) - = var(--thread-wide-block-inline-shift,0px)), calc((100% + var(--wide-block-p= anel-max-width)) / 2))); width: fit-content; max-width: var(--wide-block-wi= dth); } .TableContainer-UfIOz_:not([data-wide-block]) .TableWrapper-i1mUIE { min-= width: 100%; } .TableContainer-UfIOz_:not([data-wide-block]) .Table-LqdUhs { font-varian= t-numeric: tabular-nums; min-width: 100%; } .TableContainer-UfIOz_:not([data-wide-block]) .Table-LqdUhs [data-col-siz= e] { min-width: auto; } .TableScroller-ZhMTLB { scrollbar-width: thin; overflow-x: auto; } .TableContainer-UfIOz_[data-wide-block] .TableScroller-ZhMTLB { display: = flex; } .TableWrapper-i1mUIE { pointer-events: auto; width: fit-content; } @container latest-turn-preview (width >=3D 0) { .TableContainer-UfIOz_[data-wide-block] { width: 100%; } } .Table-LqdUhs { width: fit-content; min-width: min(calc(100cqw - (var(--p= adding-toolbar) * 2)), calc(var(--thread-content-max-width,40rem) - (var(--= padding-toolbar) * 2))); border-collapse: separate; border-spacing: 0px; ta= ble-layout: auto; text-align: start; margin: 0px; } .Table-LqdUhs [data-col-size=3D"sm"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 4 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 6 / 24); } .Table-LqdUhs [data-col-size=3D"md"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 6 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 8 / 24); } .Table-LqdUhs [data-col-size=3D"lg"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 8 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 12 / 24); } .Table-LqdUhs [data-col-size=3D"xl"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 14 / 24); max-width: calc(var(--thread-content-max-wi= dth,40rem) * 18 / 24); } .TableRow-ENsaGm:not(:last-child) .TableCell-WcsygL { border-bottom: 1px = solid var(--border-light); } .TableStickyHeader-I7_LNR { border-collapse: separate; border-spacing: 0p= x; } .TableStickyHeader-I7_LNR .TableHeaderCell-esYSpn { z-index: 10; backgrou= nd: var(--color-surface); position: sticky; top: 0px; } .TableHeaderCell-esYSpn, .TableCell-WcsygL { vertical-align: top; white-s= pace: normal; padding-inline-end: calc(var(--markdown-space) * 6); } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"left"] { text-al= ign: left; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"center"] { text-= align: center; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"right"] { text-a= lign: right; } .TableHeaderCell-esYSpn { border-bottom: 1px solid var(--border-medium); = padding-top: calc(var(--markdown-space) * 2); padding-bottom: calc(var(--ma= rkdown-space) * 2); text-align: start; color: var(--text-primary); font-wei= ght: var(--font-weight-semibold); line-height: calc(var(--markdown-space) *= 4); } .TableCell-WcsygL { padding-top: calc(var(--markdown-space) * 2.5); paddi= ng-bottom: calc(var(--markdown-space) * 2.5); } .NumericTableCell-rj6UoB { min-width: calc(3ch + (var(--markdown-space) *= 6)); white-space: nowrap; } .TableHeaderCell-esYSpn:last-child { padding-inline-end: calc(var(--markd= own-space) * 10); } .TableCell-WcsygL:last-child { padding-inline-end: 0px; } .TableBody-A5sMNL .TableRow-ENsaGm:last-child .TableCell-WcsygL { padding= -bottom: calc(var(--markdown-space) * 6); } .MermaidBlock-zsG6ii { margin-block: calc(var(--markdown-space) * 2); } .CodeBlock-zu1QM3 { margin-block: calc(var(--markdown-space) * 5); } .MermaidBlock-zsG6ii:has([data-mermaid-streaming]) { margin-block: 0px; } .CodeBlockPlaceholder-rW0eah { border-radius: var(--radius-3xl-base); bac= kground: var(--color-background-secondary-soft-alpha); padding: calc(var(--= markdown-space) * 4); font-size: var(--markdown-small-font-size); line-heig= ht: calc(var(--markdown-space) * 5); overflow-x: auto; } .InlineMarkdownIsolate-QWDV4W { unicode-bidi: isolate; } .AgentMentionLabel-hMk9qK { color: var(--color-text); } .BrowserTabMentionLabel-RsqyjI { text-overflow: ellipsis; white-space: no= wrap; overflow: hidden; } .InlineMentionFocusRing-j8iO1a { cursor: var(--cursor-interaction); } .InlineMentionFocusRing-j8iO1a [data-layout] { -webkit-box-decoration-bre= ak: clone; box-decoration-break: clone; } .InlineMentionFocusRing-j8iO1a:not(:has([data-layout])) { -webkit-box-dec= oration-break: clone; box-decoration-break: clone; } .InlineMentionFocusRing-j8iO1a:focus-visible { outline: none; } .InlineMentionFocusRing-j8iO1a:focus-visible [data-layout] { border-radiu= s: var(--radius-md); box-shadow: 0 0 0 2px var(--color-ring); } .InlineMentionFocusRing-j8iO1a:focus-visible:not(:has([data-layout])) { b= order-radius: var(--radius-md); box-shadow: 0 0 0 2px var(--color-ring); } .InlineMentionFocusRing-j8iO1a[data-disabled] { cursor: default; } :is(.MarkdownRoot-rZKhxa th, .MarkdownRoot-rZKhxa td) { max-width: calc(v= ar(--thread-content-max-width,40rem) * 18 / 24); overflow-wrap: break-word;= word-break: normal; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL) .TableCellFileLink-h40okA= { white-space: nowrap; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL) .TableCellFileLink-h40okA= > :last-child { white-space: normal; } .SingleChildTableCell-Sv7jTC > [data-file-reference] .TableCellFileLink-h= 40okA { vertical-align: baseline; grid-template-columns: auto minmax(0px, 1= fr); max-width: 100%; display: inline-grid; } .MarkdownRoot-rZKhxa[data-markdown-animated] :is(.FadeIn-RqQvGR, .Horizon= talRule-ByOEk_, .ListItem-ncLgmg, .TableRow-ENsaGm, .Blockquote-EqEEot) { o= pacity: 1; animation-duration: ; animation-timing-function: ; animation-ite= ration-count: ; animation-direction: ; animation-fill-mode: ; animation-pla= y-state: ; animation-name: ; animation-timeline: ; animation-range-start: ;= animation-range-end: ; animation-delay: var(--fade-delay,0s); } .MarkdownRoot-rZKhxa[data-markdown-animated] .FadeListDecoration-F9SN5z::= marker { animation-duration: ; animation-timing-function: ; animation-itera= tion-count: ; animation-direction: ; animation-fill-mode: ; animation-play-= state: ; animation-name: ; animation-timeline: ; animation-range-start: ; a= nimation-range-end: ; animation-delay: var(--fade-delay,0s); } .MarkdownRoot-rZKhxa.AdaptiveStreaming-uuYOZc .FadeIn-RqQvGR { --duration= : var(--animation-duration-streaming-text); } .MarkdownRoot-rZKhxa.AdaptiveStreaming-uuYOZc .FadeListDecoration-F9SN5z:= :marker { --duration: var(--animation-duration-streaming-text); } .MarkdownRoot-rZKhxa[data-markdown-animated] .ImageEnter-TCwnvk { transfo= rm-origin: 50% center; animation: 0.18s ease-out 0s 1 normal both running i= mage-enter-VfEUgK; } @media (prefers-reduced-motion: reduce) { .MarkdownRoot-rZKhxa[data-markdown-animated] :is(.FadeIn-RqQvGR, .Horizon= talRule-ByOEk_, .ListItem-ncLgmg, .TableRow-ENsaGm, .Blockquote-EqEEot, .Im= ageEnter-TCwnvk) { --duration: 0s; opacity: 1; animation-duration: 0s; tran= sform: scale(1); animation-delay: 0s !important; } .MarkdownRoot-rZKhxa[data-markdown-animated] .FadeListDecoration-F9SN5z::= marker { animation-duration: 0s; animation-delay: 0s !important; } } .DecoratedExternalLink-p2AJ5C { color: inherit; cursor: var(--cursor-inte= raction); text-decoration: underline dotted var(--color-text-tertiary) 1px;= text-underline-offset: 2px; text-decoration-skip-ink: auto; text-underline= -position: from-font; } .DecoratedExternalLink-p2AJ5C:hover { color: var(--color-text-info); text= -decoration-color: currentcolor; } .DigitColumn-fJ4U3r { width: 1ch; height: 1lh; line-height: inherit; cont= ain: layout style paint; display: inline-block; position: relative; } .DigitColumn-fJ4U3r::before { content: "0"; visibility: hidden; } .DigitColumn-fJ4U3r[data-variant=3D"inline"] { contain: none; } .DigitColumn-fJ4U3r[data-variant=3D"inline"] .DigitStack-p_507q { margin-= top: var(--rolling-number-y-offset,0); display: block; } .DigitColumn-fJ4U3r[data-variant=3D"inline"] .DigitStack-p_507q > span { = line-height: inherit; display: block; } .DigitStack-p_507q { contain: size layout style; height: 1lh; transition:= transform var(--transition-duration-relaxed) cubic-bezier(.16, 1, .3, 1); = will-change: transform; flex-direction: column; display: flex; } .DigitStack-p_507q > span { flex: 0 0 1lh; height: 1lh; } @media (prefers-reduced-motion: reduce) { .DigitStack-p_507q { transition: none; } } .avatar-CG40Jq { display: contents; } .avatar-CG40Jq img, .reviewerPicker-Il2q0L img { background-color: var(--= color-white); } @keyframes pulse-W_p_ZT {=20 50% { opacity: 0.5; } } .Placeholder-GJXpwo { overflow: hidden; } .Placeholder-GJXpwo[data-animate] { --loading-placeholder-base: var(--col= or-surface); --loading-placeholder-peak: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .Placeholder-GJXpwo[data-animate] { --loading-placeholder-peak: color-mix= (in srgb, var(--color-codex-description) 7%, var(--color-surface)); } } .Placeholder-GJXpwo[data-animate] { background-color: var(--loading-place= holder-base); position: relative; } .Placeholder-GJXpwo[data-animate]::before { background-color: var(--loadi= ng-placeholder-peak); opacity: 0; content: ""; animation: 3s ease-in-out 0s= infinite normal none running pulse-W_p_ZT; position: absolute; inset: 0px;= } :root[data-reduced-motion=3D"true"] :is() { animation: auto ease 0s 1 nor= mal none running none; } .Placeholder-GJXpwo[data-animate]:where([data-theme=3D"dark"]) { --loadin= g-placeholder-peak: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .Placeholder-GJXpwo[data-animate]:where([data-theme=3D"dark"]) { --loadin= g-placeholder-peak: color-mix(in srgb, var(--color-codex-description) 14%, = var(--color-surface)); } } @container style(--theme-variant: dark) { .Placeholder-GJXpwo[data-animate]:where(:not([data-theme])) { --loading-p= laceholder-peak: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .Placeholder-GJXpwo[data-animate]:where(:not([data-theme])) { --loading-p= laceholder-peak: color-mix(in srgb, var(--color-codex-description) 14%, var= (--color-surface)); } } } :where(.cadencedShimmer-uMTG1d) { --loading-shimmer-foreground: initial; = --loading-shimmer-base: initial; --loading-shimmer-highlight: initial; } .cadencedShimmer-uMTG1d { --shimmer-text-secondary: var(--loading-shimmer= -base,color-mix(in srgb, var(--loading-shimmer-foreground,var(--color-codex= -description)) 55%, transparent)); --shimmer-contrast: var(--loading-shimme= r-highlight,#ffffffbf); -webkit-text-fill-color: currentcolor; } .cadencedShimmer-uMTG1d, .cadencedShimmer-uMTG1d * { color: var(--shimmer= -text-secondary) !important; } .cadencedShimmer-uMTG1d .cadencedShimmerHighlight-VcX29h, .cadencedShimme= r-uMTG1d .cadencedShimmerHighlight-VcX29h * { color: var(--shimmer-contrast= ) !important; } .cadencedShimmerSweep-ICUAVH { width: 100%; text-overflow: inherit; point= er-events: none; position: absolute; inset: 0px auto 0px 0px; overflow: hid= den; transform: translate(-50%); mask-image: linear-gradient(90deg, rgba(0,= 0, 0, 0) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 50%, rgb= a(0, 0, 0, 0) 100%); } .cadencedShimmerHighlight-VcX29h { width: 100%; text-overflow: inherit; -= webkit-text-fill-color: currentcolor; display: block; overflow: hidden; tra= nsform: translate(50%); } .cadencedShimmerActive-DpK60y .cadencedShimmerSweep-ICUAVH, .cadencedShim= merActive-DpK60y .cadencedShimmerHighlight-VcX29h { animation-duration: 1s;= animation-timing-function: steps(48); animation-iteration-count: 1; } .cadencedShimmerActive-DpK60y .cadencedShimmerSweep-ICUAVH { animation-na= me: cadencedLoadingShimmerSweep-lzFXeT; } .cadencedShimmerActive-DpK60y .cadencedShimmerHighlight-VcX29h { animatio= n-name: cadencedLoadingShimmerHighlight-qNRRjT; } @media (prefers-reduced-motion: reduce) { .cadencedShimmerActive-DpK60y .cadencedShimmerSweep-ICUAVH, .cadencedShim= merActive-DpK60y .cadencedShimmerHighlight-VcX29h { animation: auto ease 0s= 1 normal none running none; } } @keyframes cadencedLoadingShimmerSweep-lzFXeT {=20 0% { transform: translate(-50%); } 100% { transform: translate(125%); } } @keyframes cadencedLoadingShimmerHighlight-qNRRjT {=20 0% { transform: translate(50%); } 100% { transform: translate(-125%); } } .Surface-dfq13n { corner-shape: superellipse(1.1); } .CodeContent-ybJ8Tl { line-height: max(1.5em, calc(var(--spacing) * 5)); = } .StickyActionBar-XvAQxh { top: calc(-1px - var(--thread-sticky-header-top= ,0px)); background-color: var(--color-surface); background-image: linear-gr= adient(var(--color-background-secondary-soft-alpha), var(--color-background= -secondary-soft-alpha)); } .InlineCodePane-EYx4bd { max-height: 56.25cqw; overflow-y: auto; } .ViewerContent-Cg8AgN { line-height: max(1.5em, calc(var(--spacing) * 5))= ; } .Comment-dh5VVn { color: var(--color-codex-syntax-comment); font-style: n= ormal; } @container style(--theme-variant: light) { .Comment-dh5VVn { font-style: italic; } } .active-ylqTkR, .active-ylqTkR * { view-transition-name: none !important;= } @layer base { .active-ylqTkR .image-MN44N1 { border-radius: inherit; } } .active-ylqTkR .image-MN44N1 { view-transition-name: image-preview-editor= !important; } .active-ylqTkR .toolbar-HMtViS, .active-ylqTkR.opening-aO53eV .chrome-cYK= tGk [data-image-preview-toolbar] [role=3D"toolbar"]:not([role=3D"toolbar"] = [role=3D"toolbar"]) { view-transition-name: image-preview-toolbar !importan= t; } .active-ylqTkR.closing-fIQWrc .backdrop-I43Dio { view-transition-name: im= age-preview-backdrop !important; } .active-ylqTkR.closing-fIQWrc .chrome-cYKtGk { view-transition-name: imag= e-preview-chrome !important; } .closing-fIQWrc::view-transition-old(image-preview-backdrop) { animation-= duration: var(--transition-duration-relaxed); animation-timing-function: va= r(--ease-enter-snappy); } .closing-fIQWrc::view-transition-old(image-preview-chrome) { animation-du= ration: var(--transition-duration-relaxed); animation-timing-function: var(= --ease-enter-snappy); } .active-ylqTkR::view-transition-group(image-preview-editor) { animation-d= uration: var(--transition-duration-relaxed); animation-timing-function: var= (--ease-enter-snappy); } .active-ylqTkR::view-transition-group(image-preview-toolbar) { animation-= duration: var(--transition-duration-relaxed); animation-timing-function: va= r(--ease-enter-snappy); } .active-ylqTkR::view-transition-group(image-preview-toolbar) { z-index: 4= 0; } .active-ylqTkR.opening-aO53eV::view-transition-group(image-preview-toolba= r) { animation: auto ease 0s 1 normal none running none; } .active-ylqTkR::view-transition-old(image-preview-editor) { display: none= ; } .active-ylqTkR::view-transition-old(image-preview-toolbar) { display: non= e; } .active-ylqTkR::view-transition-new(image-preview-editor) { mix-blend-mod= e: normal; object-fit: cover; width: 100%; height: 100%; animation: auto ea= se 0s 1 normal none running none; } .active-ylqTkR::view-transition-new(image-preview-toolbar) { mix-blend-mo= de: normal; object-fit: cover; width: 100%; height: 100%; animation: auto e= ase 0s 1 normal none running none; } .active-ylqTkR.closing-fIQWrc::view-transition-old(image-preview-editor) = { mix-blend-mode: normal; object-fit: cover; width: 100%; height: 100%; ani= mation: auto ease 0s 1 normal none running none; } .active-ylqTkR.closing-fIQWrc::view-transition-image-pair(image-preview-e= ditor) { border-radius: var(--image-preview-thumbnail-radius,0); animation:= round-thumbnail-u_JWuk var(--transition-duration-relaxed) var(--ease-enter= -snappy) both; overflow: clip; } @keyframes round-thumbnail-u_JWuk {=20 0% { border-radius: 0px; } } .active-ylqTkR.closing-fIQWrc::view-transition-old(image-preview-editor) = { display: block; } .active-ylqTkR.closing-fIQWrc::view-transition-new(image-preview-editor) = { display: none; } .scope-QdG_CW { --thread-content-margin: var(--padding-toolbar); --bg-pri= mary: var(--color-surface-card); --bg-secondary: var(--app-color-ads-backgr= ound-secondary,var(--color-surface-secondary)); --bg-tertiary: var(--color-= surface-tertiary); --color-token-bg-primary: var(--bg-primary); --color-tok= en-bg-secondary: var(--bg-secondary); --color-token-bg-tertiary: var(--colo= r-background-callout-surface); --color-token-text-primary: var(--text-prima= ry); --color-token-text-secondary: var(--text-secondary); --color-yellow-40= 0: var(--color-yellow); --main-surface-primary: var(--color-surface); --mai= n-surface-secondary: var(--color-surface-tertiary); --border-default: var(-= -color-border); --border-heavy: var(--color-border-strong); --border-light:= var(--color-border-subtle); --border-medium: var(--app-color-ads-border-me= dium,var(--color-border-strong)); --icon-primary: var(--app-color-ads-text-= primary,var(--color-codex-icon)); --text-primary: var(--app-color-ads-text-= primary,var(--color-text)); --text-secondary: var(--color-text-secondary); = --text-tertiary: var(--color-text-tertiary); --interactive-bg-primary-selec= ted: var(--color-background-primary-solid); --interactive-label-primary-sel= ected: var(--color-text-primary-solid); --interactive-bg-secondary-hover: v= ar(--color-background-primary-ghost-hover); --interactive-bg-secondary-pres= s: var(--app-color-ads-background-secondary-press,var(--color-background-pr= imary-soft-active)); --interactive-icon-tertiary-default: var(--color-text-= secondary); color: var(--text-primary); } ._wKz0FN-i8d { font-size: var(--text-lg,16px); line-height: var(--tw-lead= ing,var(--text-lg--line-height,calc(1.75 / 1.125))); --tw-font-weight: var(= --font-weight-medium,500); font-weight: var(--font-weight-medium,500); font= -variation-settings: "opsz" var(--text-lg--optical-size,18); } ._Zi7AEYMvXl { margin-inline: calc(var(--spacing,.25rem) * 4); } :where(._dfqaeXiWTe > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 3) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 3) * calc(1 - va= r(--tw-space-y-reverse))); } ._dfqaeXiWTe { padding-top: calc(var(--spacing,.25rem) * 4); } ._jdhObUunPk { justify-content: space-between; align-items: center; gap: = calc(var(--spacing,.25rem) * 3); display: flex; } ._fa2AKbXrId { align-items: center; gap: calc(var(--spacing,.25rem) * 3);= display: flex; } ._S4DWaEdUpD { height: calc(var(--spacing,.25rem) * 12); } ._p142GwwrZD { flex-direction: column; display: flex; } ._58ggqwe4Dg { --tw-font-weight: var(--font-weight-medium,500); font-weig= ht: var(--font-weight-medium,500); color: var(--color-token-text-primary,va= r(--color-token-foreground)); } ._7NLWwI-eh4 { color: var(--color-token-text-secondary,var(--color-token-= foreground)); } @supports (color:color-mix(in lab, red, red)) { ._7NLWwI-eh4 { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._pKbpnbnm51 { text-decoration-line: underline; } ._OPkwtfN0LO { margin-bottom: calc(var(--spacing,.25rem) * 4); border-top= -style: var(--tw-border-style); border-top-width: 1px; border-color: var(--= color-token-border-light,var(--app-color-border-light,var(--app-color-text-= foreground))); } @supports (color:color-mix(in lab, red, red)) { ._OPkwtfN0LO { border-color: var(--color-token-border-light,var(--app-col= or-border-light,color-mix(in oklab, var(--app-color-text-foreground) 5%, tr= ansparent))); } } ._OPkwtfN0LO { padding-top: calc(var(--spacing,.25rem) * 4); } ._NDRCO8jFM- { font-size: var(--text-base,14px); line-height: var(--tw-le= ading,var(--text-base--line-height,calc(1.5 / 1))); --tw-font-weight: var(-= -font-weight-medium,500); font-weight: var(--font-weight-medium,500); font-= variation-settings: "opsz" var(--text-base--optical-size,16); } ._0VGgxysRui { padding-inline: 0px; padding-bottom: 0px; } ._Qif-Dl6Tpm { border-radius: var(--radius-md,calc(var(--radius-md-base) = * var(--corner-radius-scale))); border-style: var(--tw-border-style); borde= r-width: 1px; border-color: var(--color-token-border-default,var(--color-bo= rder,var(--app-color-text-foreground))); width: 100%; } @supports (color:color-mix(in lab, red, red)) { ._Qif-Dl6Tpm { border-color: var(--color-token-border-default,var(--color= -border,color-mix(in oklab, var(--app-color-text-foreground) 8%, transparen= t))); } } ._Qif-Dl6Tpm { background-color: var(--color-token-bg-primary,var(--color= -token-side-bar-background)); padding-inline: calc(var(--spacing,.25rem) * = 3); padding-block: calc(var(--spacing,.25rem) * 2); font-size: var(--text-s= m,12px); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25= / .875))); color: var(--color-token-text-primary,var(--color-token-foregro= und)); --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { ._Qif-Dl6Tpm { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; = } } ._Qif-Dl6Tpm { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._kUlbG44nRs:focus { border-color: var(--color-token-border-heavy,var(--a= pp-color-border-heavy,var(--app-color-text-foreground))); } @supports (color:color-mix(in lab, red, red)) { ._kUlbG44nRs:focus { border-color: var(--color-token-border-heavy,var(--a= pp-color-border-heavy,color-mix(in oklab, var(--app-color-text-foreground) = 12%, transparent))); } } ._4Ii8_65Kqk { margin-inline: auto; margin-block: calc(var(--spacing,.25r= em) * 2); align-items: center; gap: calc(var(--spacing,.25rem) * 2); border= -radius: var(--radius-xl,calc(var(--radius-xl-base) * var(--corner-radius-s= cale))); width: fit-content; padding: calc(var(--spacing,.25rem) * 3); padd= ing-block: calc(var(--spacing,.25rem) * 1.5); outline-style: var(--tw-outli= ne-style); outline-width: 1px; outline-color: var(--color-token-border-heav= y,var(--app-color-border-heavy,var(--app-color-text-foreground))); display:= flex; } @supports (color:color-mix(in lab, red, red)) { ._4Ii8_65Kqk { outline-color: var(--color-token-border-heavy,var(--app-co= lor-border-heavy,color-mix(in oklab, var(--app-color-text-foreground) 12%, = transparent))); } } ._4Ii8_65Kqk { user-select: none; } ._m_mlTkH8WP { margin: calc(var(--spacing,.25rem) * -1); color: var(--col= or-token-text-tertiary,var(--color-token-description-foreground)); margin-i= nline-end: calc(var(--spacing,.25rem) * -2.5); } ._JTJsuFP1gz { gap: calc(var(--spacing,.25rem) * 4); flex-direction: colu= mn; display: flex; } ._XtQnF9tlFf { justify-content: space-between; align-items: center; gap: = calc(var(--spacing,.25rem) * 4); user-select: none; display: flex; } ._c_o2FsH-FS { font-size: var(--text-base,14px); line-height: var(--tw-le= ading,var(--text-base--line-height,calc(1.5 / 1))); --tw-font-weight: var(-= -font-weight-medium,500); font-weight: var(--font-weight-medium,500); font-= variation-settings: "opsz" var(--text-base--optical-size,16); } ._zOwOPnHRLZ { --tw-font-weight: var(--font-weight-medium,500); font-weig= ht: var(--font-weight-medium,500); color: var(--color-token-text-secondary,= var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._zOwOPnHRLZ { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._zOwOPnHRLZ { text-decoration-line: underline; } @media (hover: hover) { ._zOwOPnHRLZ:hover { color: var(--color-token-text-primary,var(--color-to= ken-foreground)); } } ._e3f-yaVuhH { margin: calc(var(--spacing,.25rem) * -1); color: var(--col= or-token-text-tertiary,var(--color-token-description-foreground)); margin-i= nline-end: calc(var(--spacing,.25rem) * -2); } ._atg7Ir9YW2 { gap: calc(var(--spacing,.25rem) * 4); flex-direction: colu= mn; display: flex; } ._enrvB-meyt { margin-top: calc(var(--spacing,.25rem) * -2); } ._0WYRAlU3qK { margin-block: var(--spacing,.25rem); width: min(80vw, 22em= ); height: 1em; display: flex; } ._hlmojFmmEV { gap: calc(var(--spacing,.25rem) * 3); --skeleton-opacity: = .3; flex-wrap: wrap; display: flex; } ._G7xT2kbTB0 { height: calc(var(--spacing,.25rem) * 9); width: calc(var(-= -spacing,.25rem) * 30); display: flex; border-radius: var(--radius-full,999= 9px) !important; } ._aKAfjr8PU4 { gap: calc(var(--spacing,.25rem) * 3); flex-wrap: wrap; dis= play: flex; } ._9jBH0iUL-6 { height: calc(var(--spacing,.25rem) * 9); border-radius: va= r(--radius-full,9999px); background-color: var(--color-token-bg-tertiary,va= r(--color-token-bg-primary)); align-items: center; display: flex; } @supports (color:color-mix(in lab, red, red)) { ._9jBH0iUL-6 { background-color: var(--color-token-bg-tertiary,color-mix(= in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._9jBH0iUL-6 { padding-inline: calc(var(--spacing,.25rem) * 3); padding-b= lock: var(--spacing,.25rem); } @media (hover: hover) { ._9jBH0iUL-6:hover { background-color: var(--interactive-bg-secondary-hov= er); } } ._9jBH0iUL-6:focus-visible { background-color: var(--interactive-bg-secon= dary-hover); } ._9jBH0iUL-6[aria-checked=3D"true"] { background-color: var(--interactive= -bg-primary-selected); color: var(--interactive-label-primary-selected); } ._KZL3dGyeER { height: calc(var(--spacing,.25rem) * 9); border-radius: va= r(--radius-full,9999px); background-color: var(--color-token-bg-tertiary,va= r(--color-token-bg-primary)); align-items: center; display: flex; } @supports (color:color-mix(in lab, red, red)) { ._KZL3dGyeER { background-color: var(--color-token-bg-tertiary,color-mix(= in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._KZL3dGyeER { padding-inline: calc(var(--spacing,.25rem) * 3); padding-b= lock: var(--spacing,.25rem); } @media (hover: hover) { ._KZL3dGyeER:hover { background-color: var(--interactive-bg-secondary-hov= er); } } ._KZL3dGyeER:focus-visible { background-color: var(--interactive-bg-secon= dary-hover); } ._o4j2aGpQb8 { font-size: var(--text-xs,11px); line-height: var(--tw-lead= ing,var(--text-xs--line-height,calc(1 / .75))); color: var(--color-token-te= xt-tertiary,var(--color-token-description-foreground)); font-variation-sett= ings: "opsz" var(--text-xs--optical-size,12); } ._KOi7Uu7eys { color: var(--color-token-text-tertiary,var(--color-token-d= escription-foreground)); } ._ATOXFm5AsI { gap: calc(var(--spacing,.25rem) * 4); flex-direction: colu= mn; display: flex; } ._hxK8Ew79sI { font-size: var(--text-sm,12px); line-height: var(--tw-lead= ing,var(--text-sm--line-height,calc(1.25 / .875))); color: var(--color-toke= n-text-secondary,var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._hxK8Ew79sI { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._hxK8Ew79sI { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._NATyf1fo5y { gap: calc(var(--spacing,.25rem) * 3); flex-direction: colu= mn; display: flex; } ._PxOOBvQvNX { font-size: var(--text-sm,12px); line-height: var(--tw-lead= ing,var(--text-sm--line-height,calc(1.25 / .875))); --tw-font-weight: var(-= -font-weight-medium,500); font-weight: var(--font-weight-medium,500); font-= variation-settings: "opsz" var(--text-sm--optical-size,14); } ._tOYOH6N1xZ { gap: calc(var(--spacing,.25rem) * 3); flex-direction: colu= mn; display: flex; } ._xP5ELG02tq { width: min(80vw, 22em); height: 1em; } ._mBFUKuicJI { gap: calc(var(--spacing,.25rem) * 2); --skeleton-opacity: = .3; flex-wrap: wrap; display: flex; } ._kZSzf39-F- { height: calc(var(--spacing,.25rem) * 9); width: calc(var(-= -spacing,.25rem) * 30); display: flex; border-radius: var(--radius-full,999= 9px) !important; } ._c7N2FzPvDC { gap: calc(var(--spacing,.25rem) * 2); flex-wrap: wrap; dis= play: flex; } ._ElV5tppLee { height: calc(var(--spacing,.25rem) * 9); border-radius: va= r(--radius-full,9999px); background-color: var(--color-token-bg-tertiary,va= r(--color-token-bg-primary)); align-items: center; display: flex; } @supports (color:color-mix(in lab, red, red)) { ._ElV5tppLee { background-color: var(--color-token-bg-tertiary,color-mix(= in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._ElV5tppLee { padding-inline: calc(var(--spacing,.25rem) * 3); padding-b= lock: var(--spacing,.25rem); font-size: var(--text-sm,12px); line-height: v= ar(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); } @media (hover: hover) { ._ElV5tppLee:hover { background-color: var(--interactive-bg-secondary-hov= er); } } ._ElV5tppLee:focus-visible { background-color: var(--interactive-bg-secon= dary-hover); } ._ElV5tppLee { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._1-UZ2DRljY { font-size: var(--text-sm,12px); line-height: var(--tw-lead= ing,var(--text-sm--line-height,calc(1.25 / .875))); color: var(--color-toke= n-text-tertiary,var(--color-token-description-foreground)); font-variation-= settings: "opsz" var(--text-sm--optical-size,14); } ._gT68ieLKLy { margin-top: var(--spacing,.25rem); border-top-style: var(-= -tw-border-style); border-top-width: 1px; border-color: var(--color-token-b= order-default,var(--color-border,var(--app-color-text-foreground))); } @supports (color:color-mix(in lab, red, red)) { ._gT68ieLKLy { border-color: var(--color-token-border-default,var(--color= -border,color-mix(in oklab, var(--app-color-text-foreground) 8%, transparen= t))); } } ._gT68ieLKLy { padding-block: calc(var(--spacing,.25rem) * 3); font-size:= var(--text-sm,12px); line-height: var(--tw-leading,var(--text-sm--line-hei= ght,calc(1.25 / .875))); font-variation-settings: "opsz" var(--text-sm--opt= ical-size,14); } ._suwKTu8TYQ { cursor: pointer; text-align: start; white-space: break-spa= ces; color: var(--color-token-text-tertiary,var(--color-token-description-f= oreground)); flex-wrap: wrap; display: flex; } @media (hover: hover) { ._suwKTu8TYQ:hover { color: var(--color-token-text-secondary,var(--color-= token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._suwKTu8TYQ:hover { color: var(--color-token-text-secondary,color-mix(in= srgb, var(--color-token-foreground) 65%, transparent)); } } } ._suwKTu8TYQ:focus { color: var(--color-token-text-secondary,var(--color-= token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._suwKTu8TYQ:focus { color: var(--color-token-text-secondary,color-mix(in= srgb, var(--color-token-foreground) 65%, transparent)); } } ._RYLCJBSgn7 { text-wrap: nowrap; color: var(--color-token-text-secondary= ,var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._RYLCJBSgn7 { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } @media (hover: hover) { .group:hover ._RYLCJBSgn7 { color: var(--color-token-text-primary,var(--c= olor-token-foreground)); } } .group:focus ._RYLCJBSgn7 { color: var(--color-token-text-primary,var(--c= olor-token-foreground)); } .__KmJgPSzD8 { margin-bottom: calc(var(--spacing,.25rem) * .5); height: c= alc(var(--spacing,.25rem) * 4); width: calc(var(--spacing,.25rem) * 4); fle= x-grow: 0; flex-shrink: 0; display: inline-flex; } ._-ATO3azeP9 { color: var(--color-token-text-tertiary,var(--color-token-d= escription-foreground)); } ._E6XHWrRDXF { cursor: pointer; text-decoration-line: underline; } @media (hover: hover) { ._E6XHWrRDXF:hover { color: var(--color-token-text-primary,var(--color-to= ken-foreground)); } } ._yc1MDq0I2X { inset-inline-end: calc(var(--spacing,.25rem) * 2); top: ca= lc(var(--spacing,.25rem) * 2); position: absolute; } ._BUv3wtHhOM { flex-direction: column; min-height: min(-4rem + 80vh, 32re= m); display: flex; } ._xsGpzceps9 { height: calc(var(--spacing,.25rem) * 30); flex-grow: 1; } ._Jwu9psLtEt { border-top-left-radius: var(--sheet-radius-amount); border= -top-right-radius: var(--sheet-radius-amount); object-fit: cover; width: 10= 0%; height: 100%; } ._dNRbryuHlX { min-height: calc(var(--spacing,.25rem) * 75); } :where(._dNRbryuHlX > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 6) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 6) * calc(1 - va= r(--tw-space-y-reverse))); } ._dNRbryuHlX { padding: calc(var(--spacing,.25rem) * 6); } :where(._6g6OCZx1qQ > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 2) * calc(1 - va= r(--tw-space-y-reverse))); } ._6g6OCZx1qQ { text-align: center; } ._BrIH6IYylR { font-size: var(--text-xl,28px); line-height: var(--tw-lead= ing,var(--text-xl--line-height,calc(1.75 / 1.25))); --tw-font-weight: var(-= -font-weight-medium,500); font-weight: var(--font-weight-medium,500); font-= variation-settings: "opsz" var(--text-xl--optical-size,20); } ._KvxW-iXc-G { text-align: center; font-size: var(--text-base,14px); line= -height: var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1))); tex= t-wrap: balance; color: var(--color-token-text-secondary,var(--color-token-= foreground)); } @supports (color:color-mix(in lab, red, red)) { ._KvxW-iXc-G { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._KvxW-iXc-G { font-variation-settings: "opsz" var(--text-base--optical-s= ize,16); } ._SK0LNCzgll { width: fit-content; min-width: 80%; margin: auto; } :where(._SK0LNCzgll > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 4) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 4) * calc(1 - va= r(--tw-space-y-reverse))); } ._SK0LNCzgll { padding-inline: calc(var(--spacing,.25rem) * 6); padding-b= lock: calc(var(--spacing,.25rem) * 2); font-size: var(--text-sm,12px); line= -height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); c= olor: var(--color-token-text-secondary,var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._SK0LNCzgll { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._SK0LNCzgll { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._gZmSzVLBMp { align-items: center; gap: calc(var(--spacing,.25rem) * 2);= display: flex; } ._edwn1ffedF { height: calc(var(--spacing,.25rem) * 5); width: calc(var(-= -spacing,.25rem) * 5); flex-grow: 0; flex-shrink: 0; } ._RCLFhk_zyh { margin-bottom: calc(var(--spacing,.25rem) * 2); justify-co= ntent: center; align-items: center; gap: calc(var(--spacing,.25rem) * 2); d= isplay: flex; } ._MEo_tDUXdG { height: calc(var(--spacing,.25rem) * 2); width: calc(var(-= -spacing,.25rem) * 2); border-radius: var(--radius-full,9999px); transition= -property: color, background-color, border-color, outline-color, text-decor= ation-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-grad= ient-to; transition-timing-function: var(--tw-ease,var(--default-transition= -timing-function,cubic-bezier(.4, 0, .2, 1))); transition-duration: var(--t= w-duration,var(--default-transition-duration,.15s)); } ._eBx4BJRNHy { background-color: var(--color-black,var(--black)); } ._eBx4BJRNHy:where(.dark, .dark *):not(:where(.dark .light, .dark .light = *)) { background-color: var(--color-white,var(--white)); } ._obcjUrKVxW { background-color: var(--color-token-bg-tertiary,var(--colo= r-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._obcjUrKVxW { background-color: var(--color-token-bg-tertiary,color-mix(= in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._AvccbXYaKQ { gap: calc(var(--spacing,.25rem) * 4); font-size: var(--tex= t-sm,12px); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1= .25 / .875))); font-variation-settings: "opsz" var(--text-sm--optical-size,= 14); flex-direction: column; display: flex; } ._EWIDUXf_Nh { align-items: center; gap: calc(var(--spacing,.25rem) * 2);= display: flex; } ._U2TGPSy8l_ { padding: var(--spacing,.25rem); border-radius: 0.25rem; ma= rgin-inline-start: calc(var(--spacing,.25rem) * -1); } @media (hover: hover) { ._U2TGPSy8l_:hover { background-color: var(--color-token-bg-tertiary,var(= --color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._U2TGPSy8l_:hover { background-color: var(--color-token-bg-tertiary,colo= r-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } } ._JNAA8saRya { height: calc(var(--spacing,.25rem) * 4); width: calc(var(-= -spacing,.25rem) * 4); flex-grow: 0; flex-shrink: 0; } ._-kGs6lnHx4 { align-items: center; gap: calc(var(--spacing,.25rem) * 1.5= ); display: flex; } ._hrX1Zbi49L { height: calc(var(--spacing,.25rem) * 5); width: calc(var(-= -spacing,.25rem) * 5); flex-grow: 0; flex-shrink: 0; } ._0KBr9hmhvR { align-items: center; gap: calc(var(--spacing,.25rem) * 8);= padding-block: calc(var(--spacing,.25rem) * 8); flex-direction: column; di= splay: flex; } @media (min-width: 40rem) { ._0KBr9hmhvR { gap: calc(var(--spacing,.25rem) * 16); padding-inline: cal= c(var(--spacing,.25rem) * 16); margin-top: min(20svh, 150px); } } ._uifEI1A352 { align-items: center; gap: calc(var(--spacing,.25rem) * 2);= text-align: center; color: var(--color-token-text-secondary,var(--color-to= ken-foreground)); flex-direction: column; display: flex; } @supports (color:color-mix(in lab, red, red)) { ._uifEI1A352 { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._EwzVcFTNMk { height: calc(var(--spacing,.25rem) * 7); width: calc(var(-= -spacing,.25rem) * 7); color: var(--color-token-text-tertiary,var(--color-t= oken-description-foreground)); flex-grow: 0; flex-shrink: 0; } ._4kmupSs3K8 { font-size: var(--text-xl,28px); line-height: var(--tw-lead= ing,var(--text-xl--line-height,calc(1.75 / 1.25))); --tw-font-weight: var(-= -font-weight-medium,500); font-weight: var(--font-weight-medium,500); font-= variation-settings: "opsz" var(--text-xl--optical-size,20); } ._E6g8SEUCtS { font-size: var(--text-sm,12px); line-height: var(--tw-lead= ing,var(--text-sm--line-height,calc(1.25 / .875))); text-wrap: balance; fon= t-variation-settings: "opsz" var(--text-sm--optical-size,14); } .__g3p0Ht86J { padding-block: calc(var(--spacing,.25rem) * 2); } ._pxEEEYtuT8 { align-items: center; gap: calc(var(--spacing,.25rem) * 3);= display: flex; } ._XrlrlM-icY { height: calc(var(--spacing,.25rem) * 6); } ._I-8iF6erYP { flex-direction: column; display: flex; } ._ubPTIblvai { text-overflow: ellipsis; white-space: nowrap; overflow: hi= dden; } ._r1rL4nb2BJ { --tw-font-weight: var(--font-weight-medium,500); font-weig= ht: var(--font-weight-medium,500); margin-inline-end: calc(var(--spacing,.2= 5rem) * 2); } ._4U6nP5Nsms { gap: var(--spacing,.25rem); color: var(--color-token-text-= tertiary,var(--color-token-description-foreground)); display: flex; } ._5glf_oEJSk { padding-block: calc(var(--spacing,.25rem) * 4); font-size:= var(--text-base,14px); line-height: var(--tw-leading,var(--text-base--line= -height,calc(1.5 / 1))); font-variation-settings: "opsz" var(--text-base--o= ptical-size,16); } ._Nhl9oXigxg { border-bottom-style: var(--tw-border-style); border-bottom= -width: 1px; border-color: var(--color-token-border-light,var(--app-color-b= order-light,var(--app-color-text-foreground))); } @supports (color:color-mix(in lab, red, red)) { ._Nhl9oXigxg { border-color: var(--color-token-border-light,var(--app-col= or-border-light,color-mix(in oklab, var(--app-color-text-foreground) 5%, tr= ansparent))); } } ._Nhl9oXigxg { padding-block: calc(var(--spacing,.25rem) * 6); font-size:= var(--text-xl,28px); line-height: var(--tw-leading,var(--text-xl--line-hei= ght,calc(1.75 / 1.25))); --tw-font-weight: var(--font-weight-normal,400); f= ont-weight: var(--font-weight-normal,400); font-variation-settings: "opsz" = var(--text-xl--optical-size,20); } ._q5tGFsHA2N { justify-content: space-between; align-items: center; gap: = calc(var(--spacing,.25rem) * 3); font-size: var(--text-base,14px); line-hei= ght: var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1))); font-va= riation-settings: "opsz" var(--text-base--optical-size,16); display: flex; = } ._c1gURR9eg9 { height: calc(var(--spacing,.25rem) * 9); width: calc(var(-= -spacing,.25rem) * 9); border-radius: var(--radius-lg,calc(var(--radius-lg-= base) * var(--corner-radius-scale))); margin-inline-start: calc(var(--spaci= ng,.25rem) * -1); } ._DRsGQVX6bq { text-overflow: ellipsis; white-space: nowrap; user-select:= none; overflow: hidden; } ._riVe5QUhme { justify-content: center; align-items: center; gap: var(--s= pacing,.25rem); padding-block: calc(var(--spacing,.25rem) * 8); text-align:= center; flex-direction: column; margin-top: min(20svh, 150px); display: fl= ex; } ._nXCkO6GNHv { --tw-font-weight: var(--font-weight-medium,500); font-weig= ht: var(--font-weight-medium,500); color: var(--color-token-text-primary,va= r(--color-token-foreground)); } ._9Ajta0dorH { font-size: var(--text-sm,12px); line-height: var(--tw-lead= ing,var(--text-sm--line-height,calc(1.25 / .875))); text-wrap: balance; col= or: var(--color-token-text-secondary,var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._9Ajta0dorH { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._9Ajta0dorH { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._5eNNZA24Kz { background-color: var(--color-token-bg-primary,var(--color= -token-side-bar-background)); } ._cLMaQzRg5k { flex-direction: column; display: flex; } ._tyWUsD3wup { gap: calc(var(--spacing,.25rem) * 6); padding-inline: calc= (var(--spacing,.25rem) * 7); padding-top: calc(var(--spacing,.25rem) * 8); = padding-bottom: calc(var(--spacing,.25rem) * 9); } @media (min-width: 40rem) { ._tyWUsD3wup { gap: calc(var(--spacing,.25rem) * 4); padding-inline: calc= (var(--spacing,.25rem) * 8); padding-top: calc(var(--spacing,.25rem) * 7); = padding-bottom: 52px; } } ._lKc6nab4vM { gap: calc(var(--spacing,.25rem) * 6); padding-inline: calc= (var(--spacing,.25rem) * 7); padding-top: calc(var(--spacing,.25rem) * 8); = padding-bottom: calc(var(--spacing,.25rem) * 9); } @media (min-width: 40rem) { ._lKc6nab4vM { padding-inline: calc(var(--spacing,.25rem) * 8); padding-t= op: calc(var(--spacing,.25rem) * 7); gap: 18px; padding-bottom: 52px; } } :where(._kd0DEj3hGE > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 2) * calc(1 - va= r(--tw-space-y-reverse))); } ._kd0DEj3hGE { text-align: center; } @media (min-width: 40rem) { :where(._kd0DEj3hGE > :not(:last-child)) { margin-block: 0px 3px; } } :where(._uYK3RYd8lo > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 2) * calc(1 - va= r(--tw-space-y-reverse))); } ._uYK3RYd8lo { text-align: start; } ._mqVha0Rmv2 { --tw-leading: calc(var(--spacing,.25rem) * 9); line-height= : calc(var(--spacing,.25rem) * 9); --tw-font-weight: var(--font-weight-semi= bold,600); font-weight: var(--font-weight-semibold,600); color: var(--color= -token-text-primary,var(--color-token-foreground)); letter-spacing: -0.025e= m; font-size: 2rem; } @media (min-width: 40rem) { ._mqVha0Rmv2 { font-size: var(--text-2xl,36px); font-variation-settings: = "opsz" var(--text-2xl--optical-size,24); letter-spacing: -0.45px; font-weig= ht: 590; line-height: 25px; } } ._kXnUFMZUnn { font-size: var(--text-sm,12px); --tw-leading: calc(var(--s= pacing,.25rem) * 5); line-height: calc(var(--spacing,.25rem) * 5); color: v= ar(--color-token-text-secondary,var(--color-token-foreground)); margin-inli= ne: auto; } @supports (color:color-mix(in lab, red, red)) { ._kXnUFMZUnn { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._kXnUFMZUnn { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); max-width: 416px; } @media (min-width: 40rem) { ._kXnUFMZUnn { font-size: var(--text-base,14px); font-variation-settings:= "opsz" var(--text-base--optical-size,16); letter-spacing: -0.32px; line-he= ight: 26px; } } :where(._cW3fLCm6PK > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 5) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 5) * calc(1 - va= r(--tw-space-y-reverse))); } @media (min-width: 40rem) { ._cW3fLCm6PK { gap: calc(var(--spacing,.25rem) * 6); flex-direction: colu= mn; margin-inline: auto; display: flex; } :where(._cW3fLCm6PK > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block: 0px; } ._cW3fLCm6PK { padding-block: calc(var(--spacing,.25rem) * 4); max-width:= 416px; height: 224px; } } ._SeCN2pULZe { padding-top: var(--spacing,.25rem); flex-direction: column= ; align-items: center; display: flex; } @media (min-width: 40rem) { ._SeCN2pULZe { margin-top: calc(var(--spacing,.25rem) * 2); height: calc(= var(--spacing,.25rem) * 9); padding-top: 0px; } } ._KM6HHzbYpn { border-radius: var(--radius-full,9999px); padding-inline: = calc(var(--spacing,.25rem) * 7); min-width: 90px; height: calc(var(--spacin= g,.25rem) * 9) !important; min-height: calc(var(--spacing,.25rem) * 9) !imp= ortant; } :where(._EOnqqN40Sz > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 4) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 4) * calc(1 - va= r(--tw-space-y-reverse))); } ._EOnqqN40Sz { font-size: var(--text-base,14px); color: var(--color-token= -text-tertiary,var(--color-token-description-foreground)); font-variation-s= ettings: "opsz" var(--text-base--optical-size,16); letter-spacing: -0.025em= ; line-height: 1.625rem; } @media (min-width: 40rem) { ._EOnqqN40Sz { font-size: var(--text-base,14px); line-height: var(--tw-le= ading,var(--text-base--line-height,calc(1.5 / 1))); } :where(._EOnqqN40Sz > :not(:last-child)) { margin-block: 0px 26px; } ._EOnqqN40Sz { font-variation-settings: "opsz" var(--text-base--optical-s= ize,16); letter-spacing: -0.32px; line-height: 26px; } ._xxerCZBLY3 { max-width: 392px; } ._7YVU0Jjl-u { max-width: 384px; } } :where(._qsgy-Rg7IZ > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 2) * calc(1 - va= r(--tw-space-y-reverse))); } ._V47h1CET1k { height: calc(var(--spacing,.25rem) * 48); background-image= : linear-gradient(135deg, rgb(187, 199, 253) 0%, rgb(208, 204, 229) 54%, rg= b(127, 135, 241) 100%); display: none; position: relative; overflow: hidden= ; } @media (min-width: 40rem) { ._V47h1CET1k { height: 214px; display: block; } } ._q-ZBuqJgbt { background-image: radial-gradient(circle at 28% 60%, rgba(= 255, 255, 255, 0.78), rgba(0, 0, 0, 0) 19%), radial-gradient(circle at 50% = 46%, rgba(255, 255, 255, 0.38), rgba(0, 0, 0, 0) 25%), radial-gradient(circ= le at 82% 20%, rgba(255, 255, 255, 0.22), rgba(0, 0, 0, 0) 22%); position: = absolute; inset: 0px; } ._LWSeOcJEKb { inset-inline: 0px; top: calc(var(--spacing,.25rem) * 3); j= ustify-content: center; display: flex; position: absolute; } ._4LMTIf9hMS { height: calc(var(--spacing,.25rem) * 7); border-radius: va= r(--radius-full,9999px); background-color: var(--color-white,var(--white));= } @supports (color:color-mix(in lab, red, red)) { ._4LMTIf9hMS { background-color: color-mix(in oklab, var(--color-white,va= r(--white)) 95%, transparent); } } ._4LMTIf9hMS { width: 159px; box-shadow: rgba(73, 79, 159, 0.14) 0px 5px = 16px; } ._JM0khRFRjQ { height: calc(var(--spacing,.25rem) * 1.5); border-radius: = var(--radius-full,9999px); background-color: var(--color-black,var(--black)= ); margin-inline: auto; } @supports (color:color-mix(in lab, red, red)) { ._JM0khRFRjQ { background-color: color-mix(in oklab, var(--color-black,va= r(--black)) 10%, transparent); } } ._JM0khRFRjQ { width: 90px; margin-top: 11px; } ._TSbOCdNUBx { background-color: var(--color-white,var(--white)); align-i= tems: center; display: flex; position: absolute; } @supports (color:color-mix(in lab, red, red)) { ._TSbOCdNUBx { background-color: color-mix(in oklab, var(--color-white,va= r(--white)) 95%, transparent); } } ._TSbOCdNUBx { padding-inline: calc(var(--spacing,.25rem) * 3.5); padding= -block: calc(var(--spacing,.25rem) * 3); inset-inline-start: 111px; border-= radius: 18px; gap: 7.7px; width: 218px; height: 70px; top: 58px; box-shadow= : rgba(83, 91, 174, 0.18) 0px 16px 32px; } ._6sRbW-1dTQ { flex: 1 1 0%; min-width: 0px; } :where(._6sRbW-1dTQ > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 2) * calc(1 - va= r(--tw-space-y-reverse))); } ._dagFo7GvkF { height: calc(var(--spacing,.25rem) * 1.5); border-radius: = var(--radius-full,9999px); background-color: var(--color-black,var(--black)= ); } @supports (color:color-mix(in lab, red, red)) { ._dagFo7GvkF { background-color: color-mix(in oklab, var(--color-black,va= r(--black)) 45%, transparent); } } ._dagFo7GvkF { width: 87px; } ._hVkucqR6uj { height: calc(var(--spacing,.25rem) * 1.5); border-radius: = var(--radius-full,9999px); background-color: var(--color-black,var(--black)= ); } @supports (color:color-mix(in lab, red, red)) { ._hVkucqR6uj { background-color: color-mix(in oklab, var(--color-black,va= r(--black)) 18%, transparent); } } ._hVkucqR6uj { width: 129px; } ._hWnJDNbOhw { height: calc(var(--spacing,.25rem) * 1.5); border-radius: = var(--radius-full,9999px); background-color: var(--color-black,var(--black)= ); } @supports (color:color-mix(in lab, red, red)) { ._hWnJDNbOhw { background-color: color-mix(in oklab, var(--color-black,va= r(--black)) 18%, transparent); } } ._hWnJDNbOhw { width: 106px; } ._hhdIOqtLDv { object-fit: cover; border-radius: 10px; width: 52px; heigh= t: 52px; } ._yOTYwc_z1C { height: calc(var(--spacing,.25rem) * 7); background-color:= var(--color-white,var(--white)); position: absolute; } @supports (color:color-mix(in lab, red, red)) { ._yOTYwc_z1C { background-color: color-mix(in oklab, var(--color-white,va= r(--white)) 92%, transparent); } } ._yOTYwc_z1C { padding-inline: calc(var(--spacing,.25rem) * 4); inset-inl= ine-start: 210px; border-radius: 20px; width: 159px; padding-block: 11px; t= op: 144px; box-shadow: rgba(73, 79, 159, 0.12) 0px 6px 16px; } ._U63bJB7f2- { height: calc(var(--spacing,.25rem) * 1.5); border-radius: = var(--radius-full,9999px); background-color: var(--color-black,var(--black)= ); } @supports (color:color-mix(in lab, red, red)) { ._U63bJB7f2- { background-color: color-mix(in oklab, var(--color-black,va= r(--black)) 10%, transparent); } } ._U63bJB7f2- { width: 127px; } ._oEmpzhj3B8 { background-color: var(--color-white,var(--white)); align-i= tems: center; display: flex; position: absolute; } @supports (color:color-mix(in lab, red, red)) { ._oEmpzhj3B8 { background-color: color-mix(in oklab, var(--color-white,va= r(--white)) 95%, transparent); } } ._oEmpzhj3B8 { padding-inline: calc(var(--spacing,.25rem) * 3.5); padding= -block: calc(var(--spacing,.25rem) * 3); inset-inline-start: 111px; border-= radius: 18px; gap: 7.7px; width: 218px; height: 70px; top: 180px; box-shado= w: rgba(83, 91, 174, 0.18) 0px 16px 32px; } ._jmdvDgRm4D { text-decoration-line: underline; } ._MOdCTUqKfI { border-radius: var(--radius-full,9999px); border-style: va= r(--tw-border-style); padding-inline: calc(var(--spacing,.25rem) * 6); bord= er-width: 1px; height: 46px; padding-block: 13px; } ._IyyUwnYEC9 { cursor: pointer; align-items: flex-start; gap: calc(var(--= spacing,.25rem) * 3); text-align: start; display: flex; } @media (min-width: 40rem) { ._IyyUwnYEC9 { gap: calc(var(--spacing,.25rem) * 2.5); } } ._9ZoOn9zmOU { clip-path: inset(50%); white-space: nowrap; border-width: = 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolut= e; overflow: hidden; } ._1yj9YfAHrc { margin-top: calc(var(--spacing,.25rem) * .5); border-radiu= s: var(--radius-full,9999px); border-style: var(--tw-border-style); border-= width: 1px; flex-shrink: 0; justify-content: center; align-items: center; w= idth: 18px; height: 18px; display: flex; } @media (min-width: 40rem) { ._1yj9YfAHrc { height: calc(var(--spacing,.25rem) * 5); width: calc(var(-= -spacing,.25rem) * 5); } } ._WUVi8U1OZA { border-color: var(--color-token-text-primary,var(--color-t= oken-foreground)); background-color: var(--color-token-text-primary,var(--c= olor-token-foreground)); } ._N1_mEvVaJk { border-color: var(--color-token-border-heavy,var(--app-col= or-border-heavy,var(--app-color-text-foreground))); } @supports (color:color-mix(in lab, red, red)) { ._N1_mEvVaJk { border-color: var(--color-token-border-heavy,var(--app-col= or-border-heavy,color-mix(in oklab, var(--app-color-text-foreground) 12%, t= ransparent))); } } ._YYxcRoFlpg { height: calc(var(--spacing,.25rem) * 2); width: calc(var(-= -spacing,.25rem) * 2); border-radius: var(--radius-full,9999px); background= -color: var(--color-token-bg-primary,var(--color-token-side-bar-background)= ); } ._KBbu1KWs9I { opacity: 1; } ._LxdAO1r2_n { opacity: 0; } :where(._AnmMN86kJF > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(var(--spacing,.25rem) * var(--tw-space-y-reverse)); mar= gin-block-end: calc(var(--spacing,.25rem) * calc(1 - var(--tw-space-y-rever= se))); } @media (min-width: 40rem) { :where(._AnmMN86kJF > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block: 0px; } } ._khcXLRjyiH { font-size: var(--text-sm,12px); --tw-leading: calc(var(--s= pacing,.25rem) * 5); line-height: calc(var(--spacing,.25rem) * 5); --tw-fon= t-weight: var(--font-weight-semibold,600); font-weight: var(--font-weight-s= emibold,600); color: var(--color-token-text-primary,var(--color-token-foreg= round)); font-variation-settings: "opsz" var(--text-sm--optical-size,14); d= isplay: block; } @media (min-width: 40rem) { ._khcXLRjyiH { font-size: var(--text-base,14px); --tw-leading: calc(var(-= -spacing,.25rem) * 6); line-height: calc(var(--spacing,.25rem) * 6); font-v= ariation-settings: "opsz" var(--text-base--optical-size,16); } } ._w2EL4ImFUo { font-size: var(--text-sm,12px); --tw-leading: calc(var(--s= pacing,.25rem) * 5); line-height: calc(var(--spacing,.25rem) * 5); color: v= ar(--color-token-text-secondary,var(--color-token-foreground)); display: bl= ock; } @supports (color:color-mix(in lab, red, red)) { ._w2EL4ImFUo { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._w2EL4ImFUo { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._1pdWOS1DhD { gap: calc(var(--spacing,.25rem) * 3); flex-direction: colu= mn; display: flex; } } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initi= al-value: proximity; } @property --tw-pan-x { syntax: "*"; inherits: false; } @property --tw-pan-y { syntax: "*"; inherits: false; } @property --tw-pinch-zoom { syntax: "*"; inherits: false; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0= ; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0= ; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0= ; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value:= solid; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-valu= e: 0; } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/96590.ec23679a4f.css @charset "utf-8"; @layer components { .heroSubtitle-p6J1Yk { font-size: 15px; line-height: 20px; } .informationalDescription-k7sdMK { font-size: 17px; } .banner-D_Hc96 { width: min(100%, clamp(434px, 100% - 64px, 664px)); marg= in-inline: auto; } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/332779.ec23679a4f.css @charset "utf-8"; @layer components { .heroSubtitle-p6J1Yk { font-size: 15px; line-height: 20px; } .informationalDescription-k7sdMK { font-size: 17px; } .banner-D_Hc96 { width: min(100%, clamp(434px, 100% - 64px, 664px)); marg= in-inline: auto; } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/813988.05d57fa378.css @charset "utf-8"; @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-valu= e: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: = solid; } @layer components { ._wKz0FN-i8d { font-size: var(--text-lg,16px); line-height: var(--tw-lead= ing,var(--text-lg--line-height,calc(1.75 / 1.125))); --tw-font-weight: var(= --font-weight-medium,500); font-weight: var(--font-weight-medium,500); font= -variation-settings: "opsz" var(--text-lg--optical-size,18); } ._Zi7AEYMvXl { margin-inline: calc(var(--spacing,.25rem) * 4); } :where(._dfqaeXiWTe > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 3) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 3) * calc(1 - va= r(--tw-space-y-reverse))); } ._dfqaeXiWTe { padding-top: calc(var(--spacing,.25rem) * 4); } ._jdhObUunPk { justify-content: space-between; align-items: center; gap: = calc(var(--spacing,.25rem) * 3); display: flex; } ._fa2AKbXrId { align-items: center; gap: calc(var(--spacing,.25rem) * 3);= display: flex; } ._S4DWaEdUpD { height: calc(var(--spacing,.25rem) * 12); } ._p142GwwrZD { flex-direction: column; display: flex; } ._58ggqwe4Dg { --tw-font-weight: var(--font-weight-medium,500); font-weig= ht: var(--font-weight-medium,500); color: var(--color-token-text-primary,va= r(--color-token-foreground)); } ._7NLWwI-eh4 { color: var(--color-token-text-secondary,var(--color-token-= foreground)); } @supports (color:color-mix(in lab, red, red)) { ._7NLWwI-eh4 { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._pKbpnbnm51 { text-decoration-line: underline; } ._OPkwtfN0LO { margin-bottom: calc(var(--spacing,.25rem) * 4); border-top= -style: var(--tw-border-style); border-top-width: 1px; border-color: var(--= color-token-border-light,var(--app-color-border-light,var(--app-color-text-= foreground))); } @supports (color:color-mix(in lab, red, red)) { ._OPkwtfN0LO { border-color: var(--color-token-border-light,var(--app-col= or-border-light,color-mix(in oklab, var(--app-color-text-foreground) 5%, tr= ansparent))); } } ._OPkwtfN0LO { padding-top: calc(var(--spacing,.25rem) * 4); } ._NDRCO8jFM- { font-size: var(--text-base,14px); line-height: var(--tw-le= ading,var(--text-base--line-height,calc(1.5 / 1))); --tw-font-weight: var(-= -font-weight-medium,500); font-weight: var(--font-weight-medium,500); font-= variation-settings: "opsz" var(--text-base--optical-size,16); } ._0VGgxysRui { padding-inline: 0px; padding-bottom: 0px; } ._Qif-Dl6Tpm { border-radius: var(--radius-md,calc(var(--radius-md-base) = * var(--corner-radius-scale))); border-style: var(--tw-border-style); borde= r-width: 1px; border-color: var(--color-token-border-default,var(--color-bo= rder,var(--app-color-text-foreground))); width: 100%; } @supports (color:color-mix(in lab, red, red)) { ._Qif-Dl6Tpm { border-color: var(--color-token-border-default,var(--color= -border,color-mix(in oklab, var(--app-color-text-foreground) 8%, transparen= t))); } } ._Qif-Dl6Tpm { background-color: var(--color-token-bg-primary,var(--color= -token-side-bar-background)); padding-inline: calc(var(--spacing,.25rem) * = 3); padding-block: calc(var(--spacing,.25rem) * 2); font-size: var(--text-s= m,12px); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25= / .875))); color: var(--color-token-text-primary,var(--color-token-foregro= und)); --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { ._Qif-Dl6Tpm { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; = } } ._Qif-Dl6Tpm { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._kUlbG44nRs:focus { border-color: var(--color-token-border-heavy,var(--a= pp-color-border-heavy,var(--app-color-text-foreground))); } @supports (color:color-mix(in lab, red, red)) { ._kUlbG44nRs:focus { border-color: var(--color-token-border-heavy,var(--a= pp-color-border-heavy,color-mix(in oklab, var(--app-color-text-foreground) = 12%, transparent))); } } ._4Ii8_65Kqk { margin-inline: auto; margin-block: calc(var(--spacing,.25r= em) * 2); align-items: center; gap: calc(var(--spacing,.25rem) * 2); border= -radius: var(--radius-xl,calc(var(--radius-xl-base) * var(--corner-radius-s= cale))); width: fit-content; padding: calc(var(--spacing,.25rem) * 3); padd= ing-block: calc(var(--spacing,.25rem) * 1.5); outline-style: var(--tw-outli= ne-style); outline-width: 1px; outline-color: var(--color-token-border-heav= y,var(--app-color-border-heavy,var(--app-color-text-foreground))); display:= flex; } @supports (color:color-mix(in lab, red, red)) { ._4Ii8_65Kqk { outline-color: var(--color-token-border-heavy,var(--app-co= lor-border-heavy,color-mix(in oklab, var(--app-color-text-foreground) 12%, = transparent))); } } ._4Ii8_65Kqk { user-select: none; } ._m_mlTkH8WP { margin: calc(var(--spacing,.25rem) * -1); color: var(--col= or-token-text-tertiary,var(--color-token-description-foreground)); margin-i= nline-end: calc(var(--spacing,.25rem) * -2.5); } ._JTJsuFP1gz { gap: calc(var(--spacing,.25rem) * 4); flex-direction: colu= mn; display: flex; } ._XtQnF9tlFf { justify-content: space-between; align-items: center; gap: = calc(var(--spacing,.25rem) * 4); user-select: none; display: flex; } ._c_o2FsH-FS { font-size: var(--text-base,14px); line-height: var(--tw-le= ading,var(--text-base--line-height,calc(1.5 / 1))); --tw-font-weight: var(-= -font-weight-medium,500); font-weight: var(--font-weight-medium,500); font-= variation-settings: "opsz" var(--text-base--optical-size,16); } ._zOwOPnHRLZ { --tw-font-weight: var(--font-weight-medium,500); font-weig= ht: var(--font-weight-medium,500); color: var(--color-token-text-secondary,= var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._zOwOPnHRLZ { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._zOwOPnHRLZ { text-decoration-line: underline; } @media (hover: hover) { ._zOwOPnHRLZ:hover { color: var(--color-token-text-primary,var(--color-to= ken-foreground)); } } ._e3f-yaVuhH { margin: calc(var(--spacing,.25rem) * -1); color: var(--col= or-token-text-tertiary,var(--color-token-description-foreground)); margin-i= nline-end: calc(var(--spacing,.25rem) * -2); } ._atg7Ir9YW2 { gap: calc(var(--spacing,.25rem) * 4); flex-direction: colu= mn; display: flex; } ._enrvB-meyt { margin-top: calc(var(--spacing,.25rem) * -2); } ._0WYRAlU3qK { margin-block: var(--spacing,.25rem); width: min(80vw, 22em= ); height: 1em; display: flex; } ._hlmojFmmEV { gap: calc(var(--spacing,.25rem) * 3); --skeleton-opacity: = .3; flex-wrap: wrap; display: flex; } ._G7xT2kbTB0 { height: calc(var(--spacing,.25rem) * 9); width: calc(var(-= -spacing,.25rem) * 30); display: flex; border-radius: var(--radius-full,999= 9px) !important; } ._aKAfjr8PU4 { gap: calc(var(--spacing,.25rem) * 3); flex-wrap: wrap; dis= play: flex; } ._9jBH0iUL-6 { height: calc(var(--spacing,.25rem) * 9); border-radius: va= r(--radius-full,9999px); background-color: var(--color-token-bg-tertiary,va= r(--color-token-bg-primary)); align-items: center; display: flex; } @supports (color:color-mix(in lab, red, red)) { ._9jBH0iUL-6 { background-color: var(--color-token-bg-tertiary,color-mix(= in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._9jBH0iUL-6 { padding-inline: calc(var(--spacing,.25rem) * 3); padding-b= lock: var(--spacing,.25rem); } @media (hover: hover) { ._9jBH0iUL-6:hover { background-color: var(--interactive-bg-secondary-hov= er); } } ._9jBH0iUL-6:focus-visible { background-color: var(--interactive-bg-secon= dary-hover); } ._9jBH0iUL-6[aria-checked=3D"true"] { background-color: var(--interactive= -bg-primary-selected); color: var(--interactive-label-primary-selected); } ._KZL3dGyeER { height: calc(var(--spacing,.25rem) * 9); border-radius: va= r(--radius-full,9999px); background-color: var(--color-token-bg-tertiary,va= r(--color-token-bg-primary)); align-items: center; display: flex; } @supports (color:color-mix(in lab, red, red)) { ._KZL3dGyeER { background-color: var(--color-token-bg-tertiary,color-mix(= in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._KZL3dGyeER { padding-inline: calc(var(--spacing,.25rem) * 3); padding-b= lock: var(--spacing,.25rem); } @media (hover: hover) { ._KZL3dGyeER:hover { background-color: var(--interactive-bg-secondary-hov= er); } } ._KZL3dGyeER:focus-visible { background-color: var(--interactive-bg-secon= dary-hover); } ._o4j2aGpQb8 { font-size: var(--text-xs,11px); line-height: var(--tw-lead= ing,var(--text-xs--line-height,calc(1 / .75))); color: var(--color-token-te= xt-tertiary,var(--color-token-description-foreground)); font-variation-sett= ings: "opsz" var(--text-xs--optical-size,12); } ._KOi7Uu7eys { color: var(--color-token-text-tertiary,var(--color-token-d= escription-foreground)); } ._ATOXFm5AsI { gap: calc(var(--spacing,.25rem) * 4); flex-direction: colu= mn; display: flex; } ._hxK8Ew79sI { font-size: var(--text-sm,12px); line-height: var(--tw-lead= ing,var(--text-sm--line-height,calc(1.25 / .875))); color: var(--color-toke= n-text-secondary,var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._hxK8Ew79sI { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._hxK8Ew79sI { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._NATyf1fo5y { gap: calc(var(--spacing,.25rem) * 3); flex-direction: colu= mn; display: flex; } ._PxOOBvQvNX { font-size: var(--text-sm,12px); line-height: var(--tw-lead= ing,var(--text-sm--line-height,calc(1.25 / .875))); --tw-font-weight: var(-= -font-weight-medium,500); font-weight: var(--font-weight-medium,500); font-= variation-settings: "opsz" var(--text-sm--optical-size,14); } ._tOYOH6N1xZ { gap: calc(var(--spacing,.25rem) * 3); flex-direction: colu= mn; display: flex; } ._xP5ELG02tq { width: min(80vw, 22em); height: 1em; } ._mBFUKuicJI { gap: calc(var(--spacing,.25rem) * 2); --skeleton-opacity: = .3; flex-wrap: wrap; display: flex; } ._kZSzf39-F- { height: calc(var(--spacing,.25rem) * 9); width: calc(var(-= -spacing,.25rem) * 30); display: flex; border-radius: var(--radius-full,999= 9px) !important; } ._c7N2FzPvDC { gap: calc(var(--spacing,.25rem) * 2); flex-wrap: wrap; dis= play: flex; } ._ElV5tppLee { height: calc(var(--spacing,.25rem) * 9); border-radius: va= r(--radius-full,9999px); background-color: var(--color-token-bg-tertiary,va= r(--color-token-bg-primary)); align-items: center; display: flex; } @supports (color:color-mix(in lab, red, red)) { ._ElV5tppLee { background-color: var(--color-token-bg-tertiary,color-mix(= in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._ElV5tppLee { padding-inline: calc(var(--spacing,.25rem) * 3); padding-b= lock: var(--spacing,.25rem); font-size: var(--text-sm,12px); line-height: v= ar(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); } @media (hover: hover) { ._ElV5tppLee:hover { background-color: var(--interactive-bg-secondary-hov= er); } } ._ElV5tppLee:focus-visible { background-color: var(--interactive-bg-secon= dary-hover); } ._ElV5tppLee { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._1-UZ2DRljY { font-size: var(--text-sm,12px); line-height: var(--tw-lead= ing,var(--text-sm--line-height,calc(1.25 / .875))); color: var(--color-toke= n-text-tertiary,var(--color-token-description-foreground)); font-variation-= settings: "opsz" var(--text-sm--optical-size,14); } ._gT68ieLKLy { margin-top: var(--spacing,.25rem); border-top-style: var(-= -tw-border-style); border-top-width: 1px; border-color: var(--color-token-b= order-default,var(--color-border,var(--app-color-text-foreground))); } @supports (color:color-mix(in lab, red, red)) { ._gT68ieLKLy { border-color: var(--color-token-border-default,var(--color= -border,color-mix(in oklab, var(--app-color-text-foreground) 8%, transparen= t))); } } ._gT68ieLKLy { padding-block: calc(var(--spacing,.25rem) * 3); font-size:= var(--text-sm,12px); line-height: var(--tw-leading,var(--text-sm--line-hei= ght,calc(1.25 / .875))); font-variation-settings: "opsz" var(--text-sm--opt= ical-size,14); } ._suwKTu8TYQ { cursor: pointer; text-align: start; white-space: break-spa= ces; color: var(--color-token-text-tertiary,var(--color-token-description-f= oreground)); flex-wrap: wrap; display: flex; } @media (hover: hover) { ._suwKTu8TYQ:hover { color: var(--color-token-text-secondary,var(--color-= token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._suwKTu8TYQ:hover { color: var(--color-token-text-secondary,color-mix(in= srgb, var(--color-token-foreground) 65%, transparent)); } } } ._suwKTu8TYQ:focus { color: var(--color-token-text-secondary,var(--color-= token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._suwKTu8TYQ:focus { color: var(--color-token-text-secondary,color-mix(in= srgb, var(--color-token-foreground) 65%, transparent)); } } ._RYLCJBSgn7 { text-wrap: nowrap; color: var(--color-token-text-secondary= ,var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._RYLCJBSgn7 { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } @media (hover: hover) { .group:hover ._RYLCJBSgn7 { color: var(--color-token-text-primary,var(--c= olor-token-foreground)); } } .group:focus ._RYLCJBSgn7 { color: var(--color-token-text-primary,var(--c= olor-token-foreground)); } .__KmJgPSzD8 { margin-bottom: calc(var(--spacing,.25rem) * .5); height: c= alc(var(--spacing,.25rem) * 4); width: calc(var(--spacing,.25rem) * 4); fle= x-grow: 0; flex-shrink: 0; display: inline-flex; } ._-ATO3azeP9 { color: var(--color-token-text-tertiary,var(--color-token-d= escription-foreground)); } ._E6XHWrRDXF { cursor: pointer; text-decoration-line: underline; } @media (hover: hover) { ._E6XHWrRDXF:hover { color: var(--color-token-text-primary,var(--color-to= ken-foreground)); } } ._yc1MDq0I2X { inset-inline-end: calc(var(--spacing,.25rem) * 2); top: ca= lc(var(--spacing,.25rem) * 2); position: absolute; } ._BUv3wtHhOM { flex-direction: column; min-height: min(-4rem + 80vh, 32re= m); display: flex; } ._xsGpzceps9 { height: calc(var(--spacing,.25rem) * 30); flex-grow: 1; } ._Jwu9psLtEt { border-top-left-radius: var(--sheet-radius-amount); border= -top-right-radius: var(--sheet-radius-amount); object-fit: cover; width: 10= 0%; height: 100%; } ._dNRbryuHlX { min-height: calc(var(--spacing,.25rem) * 75); } :where(._dNRbryuHlX > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 6) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 6) * calc(1 - va= r(--tw-space-y-reverse))); } ._dNRbryuHlX { padding: calc(var(--spacing,.25rem) * 6); } :where(._6g6OCZx1qQ > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 2) * calc(1 - va= r(--tw-space-y-reverse))); } ._6g6OCZx1qQ { text-align: center; } ._BrIH6IYylR { font-size: var(--text-xl,28px); line-height: var(--tw-lead= ing,var(--text-xl--line-height,calc(1.75 / 1.25))); --tw-font-weight: var(-= -font-weight-medium,500); font-weight: var(--font-weight-medium,500); font-= variation-settings: "opsz" var(--text-xl--optical-size,20); } ._KvxW-iXc-G { text-align: center; font-size: var(--text-base,14px); line= -height: var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1))); tex= t-wrap: balance; color: var(--color-token-text-secondary,var(--color-token-= foreground)); } @supports (color:color-mix(in lab, red, red)) { ._KvxW-iXc-G { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._KvxW-iXc-G { font-variation-settings: "opsz" var(--text-base--optical-s= ize,16); } ._SK0LNCzgll { width: fit-content; min-width: 80%; margin: auto; } :where(._SK0LNCzgll > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 4) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 4) * calc(1 - va= r(--tw-space-y-reverse))); } ._SK0LNCzgll { padding-inline: calc(var(--spacing,.25rem) * 6); padding-b= lock: calc(var(--spacing,.25rem) * 2); font-size: var(--text-sm,12px); line= -height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); c= olor: var(--color-token-text-secondary,var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._SK0LNCzgll { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._SK0LNCzgll { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._gZmSzVLBMp { align-items: center; gap: calc(var(--spacing,.25rem) * 2);= display: flex; } ._edwn1ffedF { height: calc(var(--spacing,.25rem) * 5); width: calc(var(-= -spacing,.25rem) * 5); flex-grow: 0; flex-shrink: 0; } ._RCLFhk_zyh { margin-bottom: calc(var(--spacing,.25rem) * 2); justify-co= ntent: center; align-items: center; gap: calc(var(--spacing,.25rem) * 2); d= isplay: flex; } ._MEo_tDUXdG { height: calc(var(--spacing,.25rem) * 2); width: calc(var(-= -spacing,.25rem) * 2); border-radius: var(--radius-full,9999px); transition= -property: color, background-color, border-color, outline-color, text-decor= ation-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-grad= ient-to; transition-timing-function: var(--tw-ease,var(--default-transition= -timing-function,cubic-bezier(.4, 0, .2, 1))); transition-duration: var(--t= w-duration,var(--default-transition-duration,.15s)); } ._eBx4BJRNHy { background-color: var(--color-black,var(--black)); } ._eBx4BJRNHy:where(.dark, .dark *):not(:where(.dark .light, .dark .light = *)) { background-color: var(--color-white,var(--white)); } ._obcjUrKVxW { background-color: var(--color-token-bg-tertiary,var(--colo= r-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._obcjUrKVxW { background-color: var(--color-token-bg-tertiary,color-mix(= in srgb, var(--color-token-bg-primary) 85%, transparent)); } } ._AvccbXYaKQ { gap: calc(var(--spacing,.25rem) * 4); font-size: var(--tex= t-sm,12px); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1= .25 / .875))); font-variation-settings: "opsz" var(--text-sm--optical-size,= 14); flex-direction: column; display: flex; } ._EWIDUXf_Nh { align-items: center; gap: calc(var(--spacing,.25rem) * 2);= display: flex; } ._U2TGPSy8l_ { padding: var(--spacing,.25rem); border-radius: 0.25rem; ma= rgin-inline-start: calc(var(--spacing,.25rem) * -1); } @media (hover: hover) { ._U2TGPSy8l_:hover { background-color: var(--color-token-bg-tertiary,var(= --color-token-bg-primary)); } @supports (color:color-mix(in lab, red, red)) { ._U2TGPSy8l_:hover { background-color: var(--color-token-bg-tertiary,colo= r-mix(in srgb, var(--color-token-bg-primary) 85%, transparent)); } } } ._JNAA8saRya { height: calc(var(--spacing,.25rem) * 4); width: calc(var(-= -spacing,.25rem) * 4); flex-grow: 0; flex-shrink: 0; } ._-kGs6lnHx4 { align-items: center; gap: calc(var(--spacing,.25rem) * 1.5= ); display: flex; } ._hrX1Zbi49L { height: calc(var(--spacing,.25rem) * 5); width: calc(var(-= -spacing,.25rem) * 5); flex-grow: 0; flex-shrink: 0; } ._0KBr9hmhvR { align-items: center; gap: calc(var(--spacing,.25rem) * 8);= padding-block: calc(var(--spacing,.25rem) * 8); flex-direction: column; di= splay: flex; } @media (min-width: 40rem) { ._0KBr9hmhvR { gap: calc(var(--spacing,.25rem) * 16); padding-inline: cal= c(var(--spacing,.25rem) * 16); margin-top: min(20svh, 150px); } } ._uifEI1A352 { align-items: center; gap: calc(var(--spacing,.25rem) * 2);= text-align: center; color: var(--color-token-text-secondary,var(--color-to= ken-foreground)); flex-direction: column; display: flex; } @supports (color:color-mix(in lab, red, red)) { ._uifEI1A352 { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._EwzVcFTNMk { height: calc(var(--spacing,.25rem) * 7); width: calc(var(-= -spacing,.25rem) * 7); color: var(--color-token-text-tertiary,var(--color-t= oken-description-foreground)); flex-grow: 0; flex-shrink: 0; } ._4kmupSs3K8 { font-size: var(--text-xl,28px); line-height: var(--tw-lead= ing,var(--text-xl--line-height,calc(1.75 / 1.25))); --tw-font-weight: var(-= -font-weight-medium,500); font-weight: var(--font-weight-medium,500); font-= variation-settings: "opsz" var(--text-xl--optical-size,20); } ._E6g8SEUCtS { font-size: var(--text-sm,12px); line-height: var(--tw-lead= ing,var(--text-sm--line-height,calc(1.25 / .875))); text-wrap: balance; fon= t-variation-settings: "opsz" var(--text-sm--optical-size,14); } .__g3p0Ht86J { padding-block: calc(var(--spacing,.25rem) * 2); } ._pxEEEYtuT8 { align-items: center; gap: calc(var(--spacing,.25rem) * 3);= display: flex; } ._XrlrlM-icY { height: calc(var(--spacing,.25rem) * 6); } ._I-8iF6erYP { flex-direction: column; display: flex; } ._ubPTIblvai { text-overflow: ellipsis; white-space: nowrap; overflow: hi= dden; } ._r1rL4nb2BJ { --tw-font-weight: var(--font-weight-medium,500); font-weig= ht: var(--font-weight-medium,500); margin-inline-end: calc(var(--spacing,.2= 5rem) * 2); } ._4U6nP5Nsms { gap: var(--spacing,.25rem); color: var(--color-token-text-= tertiary,var(--color-token-description-foreground)); display: flex; } ._5glf_oEJSk { padding-block: calc(var(--spacing,.25rem) * 4); font-size:= var(--text-base,14px); line-height: var(--tw-leading,var(--text-base--line= -height,calc(1.5 / 1))); font-variation-settings: "opsz" var(--text-base--o= ptical-size,16); } ._Nhl9oXigxg { border-bottom-style: var(--tw-border-style); border-bottom= -width: 1px; border-color: var(--color-token-border-light,var(--app-color-b= order-light,var(--app-color-text-foreground))); } @supports (color:color-mix(in lab, red, red)) { ._Nhl9oXigxg { border-color: var(--color-token-border-light,var(--app-col= or-border-light,color-mix(in oklab, var(--app-color-text-foreground) 5%, tr= ansparent))); } } ._Nhl9oXigxg { padding-block: calc(var(--spacing,.25rem) * 6); font-size:= var(--text-xl,28px); line-height: var(--tw-leading,var(--text-xl--line-hei= ght,calc(1.75 / 1.25))); --tw-font-weight: var(--font-weight-normal,400); f= ont-weight: var(--font-weight-normal,400); font-variation-settings: "opsz" = var(--text-xl--optical-size,20); } ._q5tGFsHA2N { justify-content: space-between; align-items: center; gap: = calc(var(--spacing,.25rem) * 3); font-size: var(--text-base,14px); line-hei= ght: var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1))); font-va= riation-settings: "opsz" var(--text-base--optical-size,16); display: flex; = } ._c1gURR9eg9 { height: calc(var(--spacing,.25rem) * 9); width: calc(var(-= -spacing,.25rem) * 9); border-radius: var(--radius-lg,calc(var(--radius-lg-= base) * var(--corner-radius-scale))); margin-inline-start: calc(var(--spaci= ng,.25rem) * -1); } ._DRsGQVX6bq { text-overflow: ellipsis; white-space: nowrap; user-select:= none; overflow: hidden; } ._riVe5QUhme { justify-content: center; align-items: center; gap: var(--s= pacing,.25rem); padding-block: calc(var(--spacing,.25rem) * 8); text-align:= center; flex-direction: column; margin-top: min(20svh, 150px); display: fl= ex; } ._nXCkO6GNHv { --tw-font-weight: var(--font-weight-medium,500); font-weig= ht: var(--font-weight-medium,500); color: var(--color-token-text-primary,va= r(--color-token-foreground)); } ._9Ajta0dorH { font-size: var(--text-sm,12px); line-height: var(--tw-lead= ing,var(--text-sm--line-height,calc(1.25 / .875))); text-wrap: balance; col= or: var(--color-token-text-secondary,var(--color-token-foreground)); } @supports (color:color-mix(in lab, red, red)) { ._9Ajta0dorH { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._9Ajta0dorH { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._5eNNZA24Kz { background-color: var(--color-token-bg-primary,var(--color= -token-side-bar-background)); } ._cLMaQzRg5k { flex-direction: column; display: flex; } ._tyWUsD3wup { gap: calc(var(--spacing,.25rem) * 6); padding-inline: calc= (var(--spacing,.25rem) * 7); padding-top: calc(var(--spacing,.25rem) * 8); = padding-bottom: calc(var(--spacing,.25rem) * 9); } @media (min-width: 40rem) { ._tyWUsD3wup { gap: calc(var(--spacing,.25rem) * 4); padding-inline: calc= (var(--spacing,.25rem) * 8); padding-top: calc(var(--spacing,.25rem) * 7); = padding-bottom: 52px; } } ._lKc6nab4vM { gap: calc(var(--spacing,.25rem) * 6); padding-inline: calc= (var(--spacing,.25rem) * 7); padding-top: calc(var(--spacing,.25rem) * 8); = padding-bottom: calc(var(--spacing,.25rem) * 9); } @media (min-width: 40rem) { ._lKc6nab4vM { padding-inline: calc(var(--spacing,.25rem) * 8); padding-t= op: calc(var(--spacing,.25rem) * 7); gap: 18px; padding-bottom: 52px; } } :where(._kd0DEj3hGE > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 2) * calc(1 - va= r(--tw-space-y-reverse))); } ._kd0DEj3hGE { text-align: center; } @media (min-width: 40rem) { :where(._kd0DEj3hGE > :not(:last-child)) { margin-block: 0px 3px; } } :where(._uYK3RYd8lo > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 2) * calc(1 - va= r(--tw-space-y-reverse))); } ._uYK3RYd8lo { text-align: start; } ._mqVha0Rmv2 { --tw-leading: calc(var(--spacing,.25rem) * 9); line-height= : calc(var(--spacing,.25rem) * 9); --tw-font-weight: var(--font-weight-semi= bold,600); font-weight: var(--font-weight-semibold,600); color: var(--color= -token-text-primary,var(--color-token-foreground)); letter-spacing: -0.025e= m; font-size: 2rem; } @media (min-width: 40rem) { ._mqVha0Rmv2 { font-size: var(--text-2xl,36px); font-variation-settings: = "opsz" var(--text-2xl--optical-size,24); letter-spacing: -0.45px; font-weig= ht: 590; line-height: 25px; } } ._kXnUFMZUnn { font-size: var(--text-sm,12px); --tw-leading: calc(var(--s= pacing,.25rem) * 5); line-height: calc(var(--spacing,.25rem) * 5); color: v= ar(--color-token-text-secondary,var(--color-token-foreground)); margin-inli= ne: auto; } @supports (color:color-mix(in lab, red, red)) { ._kXnUFMZUnn { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._kXnUFMZUnn { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); max-width: 416px; } @media (min-width: 40rem) { ._kXnUFMZUnn { font-size: var(--text-base,14px); font-variation-settings:= "opsz" var(--text-base--optical-size,16); letter-spacing: -0.32px; line-he= ight: 26px; } } :where(._cW3fLCm6PK > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 5) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 5) * calc(1 - va= r(--tw-space-y-reverse))); } @media (min-width: 40rem) { ._cW3fLCm6PK { gap: calc(var(--spacing,.25rem) * 6); flex-direction: colu= mn; margin-inline: auto; display: flex; } :where(._cW3fLCm6PK > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block: 0px; } ._cW3fLCm6PK { padding-block: calc(var(--spacing,.25rem) * 4); max-width:= 416px; height: 224px; } } ._SeCN2pULZe { padding-top: var(--spacing,.25rem); flex-direction: column= ; align-items: center; display: flex; } @media (min-width: 40rem) { ._SeCN2pULZe { margin-top: calc(var(--spacing,.25rem) * 2); height: calc(= var(--spacing,.25rem) * 9); padding-top: 0px; } } ._KM6HHzbYpn { border-radius: var(--radius-full,9999px); padding-inline: = calc(var(--spacing,.25rem) * 7); min-width: 90px; height: calc(var(--spacin= g,.25rem) * 9) !important; min-height: calc(var(--spacing,.25rem) * 9) !imp= ortant; } :where(._EOnqqN40Sz > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 4) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 4) * calc(1 - va= r(--tw-space-y-reverse))); } ._EOnqqN40Sz { font-size: var(--text-base,14px); color: var(--color-token= -text-tertiary,var(--color-token-description-foreground)); font-variation-s= ettings: "opsz" var(--text-base--optical-size,16); letter-spacing: -0.025em= ; line-height: 1.625rem; } @media (min-width: 40rem) { ._EOnqqN40Sz { font-size: var(--text-base,14px); line-height: var(--tw-le= ading,var(--text-base--line-height,calc(1.5 / 1))); } :where(._EOnqqN40Sz > :not(:last-child)) { margin-block: 0px 26px; } ._EOnqqN40Sz { font-variation-settings: "opsz" var(--text-base--optical-s= ize,16); letter-spacing: -0.32px; line-height: 26px; } ._xxerCZBLY3 { max-width: 392px; } ._7YVU0Jjl-u { max-width: 384px; } } :where(._qsgy-Rg7IZ > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 2) * calc(1 - va= r(--tw-space-y-reverse))); } ._V47h1CET1k { height: calc(var(--spacing,.25rem) * 48); background-image= : linear-gradient(135deg, rgb(187, 199, 253) 0%, rgb(208, 204, 229) 54%, rg= b(127, 135, 241) 100%); display: none; position: relative; overflow: hidden= ; } @media (min-width: 40rem) { ._V47h1CET1k { height: 214px; display: block; } } ._q-ZBuqJgbt { background-image: radial-gradient(circle at 28% 60%, rgba(= 255, 255, 255, 0.78), rgba(0, 0, 0, 0) 19%), radial-gradient(circle at 50% = 46%, rgba(255, 255, 255, 0.38), rgba(0, 0, 0, 0) 25%), radial-gradient(circ= le at 82% 20%, rgba(255, 255, 255, 0.22), rgba(0, 0, 0, 0) 22%); position: = absolute; inset: 0px; } ._LWSeOcJEKb { inset-inline: 0px; top: calc(var(--spacing,.25rem) * 3); j= ustify-content: center; display: flex; position: absolute; } ._4LMTIf9hMS { height: calc(var(--spacing,.25rem) * 7); border-radius: va= r(--radius-full,9999px); background-color: var(--color-white,var(--white));= } @supports (color:color-mix(in lab, red, red)) { ._4LMTIf9hMS { background-color: color-mix(in oklab, var(--color-white,va= r(--white)) 95%, transparent); } } ._4LMTIf9hMS { width: 159px; box-shadow: rgba(73, 79, 159, 0.14) 0px 5px = 16px; } ._JM0khRFRjQ { height: calc(var(--spacing,.25rem) * 1.5); border-radius: = var(--radius-full,9999px); background-color: var(--color-black,var(--black)= ); margin-inline: auto; } @supports (color:color-mix(in lab, red, red)) { ._JM0khRFRjQ { background-color: color-mix(in oklab, var(--color-black,va= r(--black)) 10%, transparent); } } ._JM0khRFRjQ { width: 90px; margin-top: 11px; } ._TSbOCdNUBx { background-color: var(--color-white,var(--white)); align-i= tems: center; display: flex; position: absolute; } @supports (color:color-mix(in lab, red, red)) { ._TSbOCdNUBx { background-color: color-mix(in oklab, var(--color-white,va= r(--white)) 95%, transparent); } } ._TSbOCdNUBx { padding-inline: calc(var(--spacing,.25rem) * 3.5); padding= -block: calc(var(--spacing,.25rem) * 3); inset-inline-start: 111px; border-= radius: 18px; gap: 7.7px; width: 218px; height: 70px; top: 58px; box-shadow= : rgba(83, 91, 174, 0.18) 0px 16px 32px; } ._6sRbW-1dTQ { flex: 1 1 0%; min-width: 0px; } :where(._6sRbW-1dTQ > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reve= rse)); margin-block-end: calc(calc(var(--spacing,.25rem) * 2) * calc(1 - va= r(--tw-space-y-reverse))); } ._dagFo7GvkF { height: calc(var(--spacing,.25rem) * 1.5); border-radius: = var(--radius-full,9999px); background-color: var(--color-black,var(--black)= ); } @supports (color:color-mix(in lab, red, red)) { ._dagFo7GvkF { background-color: color-mix(in oklab, var(--color-black,va= r(--black)) 45%, transparent); } } ._dagFo7GvkF { width: 87px; } ._hVkucqR6uj { height: calc(var(--spacing,.25rem) * 1.5); border-radius: = var(--radius-full,9999px); background-color: var(--color-black,var(--black)= ); } @supports (color:color-mix(in lab, red, red)) { ._hVkucqR6uj { background-color: color-mix(in oklab, var(--color-black,va= r(--black)) 18%, transparent); } } ._hVkucqR6uj { width: 129px; } ._hWnJDNbOhw { height: calc(var(--spacing,.25rem) * 1.5); border-radius: = var(--radius-full,9999px); background-color: var(--color-black,var(--black)= ); } @supports (color:color-mix(in lab, red, red)) { ._hWnJDNbOhw { background-color: color-mix(in oklab, var(--color-black,va= r(--black)) 18%, transparent); } } ._hWnJDNbOhw { width: 106px; } ._hhdIOqtLDv { object-fit: cover; border-radius: 10px; width: 52px; heigh= t: 52px; } ._yOTYwc_z1C { height: calc(var(--spacing,.25rem) * 7); background-color:= var(--color-white,var(--white)); position: absolute; } @supports (color:color-mix(in lab, red, red)) { ._yOTYwc_z1C { background-color: color-mix(in oklab, var(--color-white,va= r(--white)) 92%, transparent); } } ._yOTYwc_z1C { padding-inline: calc(var(--spacing,.25rem) * 4); inset-inl= ine-start: 210px; border-radius: 20px; width: 159px; padding-block: 11px; t= op: 144px; box-shadow: rgba(73, 79, 159, 0.12) 0px 6px 16px; } ._U63bJB7f2- { height: calc(var(--spacing,.25rem) * 1.5); border-radius: = var(--radius-full,9999px); background-color: var(--color-black,var(--black)= ); } @supports (color:color-mix(in lab, red, red)) { ._U63bJB7f2- { background-color: color-mix(in oklab, var(--color-black,va= r(--black)) 10%, transparent); } } ._U63bJB7f2- { width: 127px; } ._oEmpzhj3B8 { background-color: var(--color-white,var(--white)); align-i= tems: center; display: flex; position: absolute; } @supports (color:color-mix(in lab, red, red)) { ._oEmpzhj3B8 { background-color: color-mix(in oklab, var(--color-white,va= r(--white)) 95%, transparent); } } ._oEmpzhj3B8 { padding-inline: calc(var(--spacing,.25rem) * 3.5); padding= -block: calc(var(--spacing,.25rem) * 3); inset-inline-start: 111px; border-= radius: 18px; gap: 7.7px; width: 218px; height: 70px; top: 180px; box-shado= w: rgba(83, 91, 174, 0.18) 0px 16px 32px; } ._jmdvDgRm4D { text-decoration-line: underline; } ._MOdCTUqKfI { border-radius: var(--radius-full,9999px); border-style: va= r(--tw-border-style); padding-inline: calc(var(--spacing,.25rem) * 6); bord= er-width: 1px; height: 46px; padding-block: 13px; } ._IyyUwnYEC9 { cursor: pointer; align-items: flex-start; gap: calc(var(--= spacing,.25rem) * 3); text-align: start; display: flex; } @media (min-width: 40rem) { ._IyyUwnYEC9 { gap: calc(var(--spacing,.25rem) * 2.5); } } ._9ZoOn9zmOU { clip-path: inset(50%); white-space: nowrap; border-width: = 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolut= e; overflow: hidden; } ._1yj9YfAHrc { margin-top: calc(var(--spacing,.25rem) * .5); border-radiu= s: var(--radius-full,9999px); border-style: var(--tw-border-style); border-= width: 1px; flex-shrink: 0; justify-content: center; align-items: center; w= idth: 18px; height: 18px; display: flex; } @media (min-width: 40rem) { ._1yj9YfAHrc { height: calc(var(--spacing,.25rem) * 5); width: calc(var(-= -spacing,.25rem) * 5); } } ._WUVi8U1OZA { border-color: var(--color-token-text-primary,var(--color-t= oken-foreground)); background-color: var(--color-token-text-primary,var(--c= olor-token-foreground)); } ._N1_mEvVaJk { border-color: var(--color-token-border-heavy,var(--app-col= or-border-heavy,var(--app-color-text-foreground))); } @supports (color:color-mix(in lab, red, red)) { ._N1_mEvVaJk { border-color: var(--color-token-border-heavy,var(--app-col= or-border-heavy,color-mix(in oklab, var(--app-color-text-foreground) 12%, t= ransparent))); } } ._YYxcRoFlpg { height: calc(var(--spacing,.25rem) * 2); width: calc(var(-= -spacing,.25rem) * 2); border-radius: var(--radius-full,9999px); background= -color: var(--color-token-bg-primary,var(--color-token-side-bar-background)= ); } ._KBbu1KWs9I { opacity: 1; } ._LxdAO1r2_n { opacity: 0; } :where(._AnmMN86kJF > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block-start: calc(var(--spacing,.25rem) * var(--tw-space-y-reverse)); mar= gin-block-end: calc(var(--spacing,.25rem) * calc(1 - var(--tw-space-y-rever= se))); } @media (min-width: 40rem) { :where(._AnmMN86kJF > :not(:last-child)) { --tw-space-y-reverse: 0; margi= n-block: 0px; } } ._khcXLRjyiH { font-size: var(--text-sm,12px); --tw-leading: calc(var(--s= pacing,.25rem) * 5); line-height: calc(var(--spacing,.25rem) * 5); --tw-fon= t-weight: var(--font-weight-semibold,600); font-weight: var(--font-weight-s= emibold,600); color: var(--color-token-text-primary,var(--color-token-foreg= round)); font-variation-settings: "opsz" var(--text-sm--optical-size,14); d= isplay: block; } @media (min-width: 40rem) { ._khcXLRjyiH { font-size: var(--text-base,14px); --tw-leading: calc(var(-= -spacing,.25rem) * 6); line-height: calc(var(--spacing,.25rem) * 6); font-v= ariation-settings: "opsz" var(--text-base--optical-size,16); } } ._w2EL4ImFUo { font-size: var(--text-sm,12px); --tw-leading: calc(var(--s= pacing,.25rem) * 5); line-height: calc(var(--spacing,.25rem) * 5); color: v= ar(--color-token-text-secondary,var(--color-token-foreground)); display: bl= ock; } @supports (color:color-mix(in lab, red, red)) { ._w2EL4ImFUo { color: var(--color-token-text-secondary,color-mix(in srgb,= var(--color-token-foreground) 65%, transparent)); } } ._w2EL4ImFUo { font-variation-settings: "opsz" var(--text-sm--optical-siz= e,14); } ._1pdWOS1DhD { gap: calc(var(--spacing,.25rem) * 3); flex-direction: colu= mn; display: flex; } .scope-QdG_CW { --thread-content-margin: var(--padding-toolbar); --bg-pri= mary: var(--color-surface-card); --bg-secondary: var(--app-color-ads-backgr= ound-secondary,var(--color-surface-secondary)); --bg-tertiary: var(--color-= surface-tertiary); --color-token-bg-primary: var(--bg-primary); --color-tok= en-bg-secondary: var(--bg-secondary); --color-token-bg-tertiary: var(--colo= r-background-callout-surface); --color-token-text-primary: var(--text-prima= ry); --color-token-text-secondary: var(--text-secondary); --color-yellow-40= 0: var(--color-yellow); --main-surface-primary: var(--color-surface); --mai= n-surface-secondary: var(--color-surface-tertiary); --border-default: var(-= -color-border); --border-heavy: var(--color-border-strong); --border-light:= var(--color-border-subtle); --border-medium: var(--app-color-ads-border-me= dium,var(--color-border-strong)); --icon-primary: var(--app-color-ads-text-= primary,var(--color-codex-icon)); --text-primary: var(--app-color-ads-text-= primary,var(--color-text)); --text-secondary: var(--color-text-secondary); = --text-tertiary: var(--color-text-tertiary); --interactive-bg-primary-selec= ted: var(--color-background-primary-solid); --interactive-label-primary-sel= ected: var(--color-text-primary-solid); --interactive-bg-secondary-hover: v= ar(--color-background-primary-ghost-hover); --interactive-bg-secondary-pres= s: var(--app-color-ads-background-secondary-press,var(--color-background-pr= imary-soft-active)); --interactive-icon-tertiary-default: var(--color-text-= secondary); color: var(--text-primary); } } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value:= solid; } @property --tw-leading { syntax: "*"; inherits: false; } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/334958.c28a1f0121.css @charset "utf-8"; @layer components { .bubble-F2iG0H { animation: 0.3s ease-in-out 0.2s 1 normal both running a= ppear-siTnZh; } .bubble-F2iG0H + .bubble-F2iG0H { animation-delay: 0.3s; } @keyframes appear-siTnZh {=20 0% { opacity: 0; transform: translateY(8px); } 100% { opacity: 1; transform: translateY(0px); } } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/640634.ad5433ce8b.css @charset "utf-8"; @layer components { .daybreak-VsXdEH { isolation: isolate; padding-inline-end: clamp(calc(var= (--spacing) * 8), 18%, calc(var(--spacing) * 32)); position: relative; } .daybreak-VsXdEH::before { content: ""; z-index: -1; pointer-events: none= ; background: radial-gradient(ellipse 152px 80px at 76% calc(100% + 41px), = var(--color-background-panel,var(--color-background-primary-soft-alpha)) ca= lc(100% - 2px), var(--lightningcss-light,#f28a1f) var(--lightningcss-dark,#= ffd776) 100%, var(--lightningcss-light,#ffb23b99) var(--lightningcss-dark,#= ff912442) calc(100% + 2px), var(--lightningcss-light,#f28a1f40) var(--light= ningcss-dark,#ff912426) 122%, var(--lightningcss-light,#f28a1f0d) var(--lig= htningcss-dark,#0000) 152%, transparent 180%); width: min(250px, 35%); posi= tion: absolute; inset-block: 0px; inset-inline-end: 0px; mask-image: linear= -gradient(90deg, rgba(0, 0, 0, 0) 25%, rgb(0, 0, 0) 70%); } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/820116.4755d9bf54.css @charset "utf-8"; @layer components { .FastTrackParticles-a2HMle { pointer-events: none; position: absolute; in= set: 0px; overflow: hidden; } .FastTrackParticles-a2HMle[data-animation-active=3D"false"] .FastTrackPar= ticlePath-V5xnas { animation-play-state: paused; } .FastTrackParticles-a2HMle .FastTrackParticlePath-V5xnas { opacity: 0; wi= ll-change: transform; height: 0px; animation-name: FastTrackParticleTravel-= juUhkN; animation-timing-function: linear; animation-iteration-count: infin= ite; position: absolute; inset-inline: 0px; transform: translate(100%); } .FastTrackParticles-a2HMle .FastTrackParticlePath-V5xnas .TrackParticle-S= 3uVaU { top: 0px; left: 0px; } .TrackParticle-S3uVaU { background: rgba(255, 255, 255, 0.72); border-rad= ius: 999px; width: 3px; height: 3px; position: absolute; box-shadow: rgba(2= 55, 255, 255, 0.34) 0px 0px 5px; } .TrackParticles-_dFYGl { pointer-events: none; inset-inline: 0px; height:= 24px; position: absolute; top: 50%; overflow: hidden; transform: translate= Y(-50%); } .TrackParticles-_dFYGl .TrackParticle-S3uVaU { will-change: left, top; tr= ansition-property: left, top; transition-timing-function: cubic-bezier(0.45= , 0, 0.55, 1); } @keyframes FastTrackParticleTravel-juUhkN {=20 0% { opacity: 0; transform: translate(100%); } 8% { opacity: 1; transform: translate(92%); } 92% { opacity: 1; transform: translate(8%); } 100% { opacity: 0; transform: translate(0px, 0px); } } .Burst-YTjw0q { z-index: 2; pointer-events: none; width: 76px; height: 76= px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50= %); } .Burst-YTjw0q > span { --particle-color: var(--color-chart-purple); --par= ticle-x: 0px; --particle-y: -36px; background: var(--particle-color); borde= r-radius: 999px; width: 5px; height: 5px; animation: 0.62s cubic-bezier(0.2= 5, 1, 0.5, 1) 0s 1 normal both running ParticleBurst-A29cAs; position: abso= lute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.2); } .Burst-YTjw0q > span:nth-child(4n+3) { --particle-color: color-mix(in srg= b, var(--color-chart-purple) 82%, var(--color-chart-blue)); } .Burst-YTjw0q > span:nth-child(4n+1):not(:first-child) { --particle-color= : color-mix(in srgb, var(--color-chart-purple) 68%, var(--color-chart-blue)= ); } .Burst-YTjw0q > span:first-child { --particle-x: -3px; --particle-y: -34p= x; } .Burst-YTjw0q > span:nth-child(2) { --particle-x: 15px; --particle-y: -29= px; animation-delay: 8ms; } .Burst-YTjw0q > span:nth-child(3) { --particle-x: 30px; --particle-y: -19= px; } .Burst-YTjw0q > span:nth-child(4) { --particle-x: 34px; --particle-y: -2p= x; animation-delay: 12ms; } .Burst-YTjw0q > span:nth-child(5) { --particle-x: 26px; --particle-y: 20p= x; } .Burst-YTjw0q > span:nth-child(6) { --particle-x: 12px; --particle-y: 31p= x; animation-delay: 10ms; } .Burst-YTjw0q > span:nth-child(7) { --particle-x: -6px; --particle-y: 34p= x; } .Burst-YTjw0q > span:nth-child(8) { --particle-x: -22px; --particle-y: 26= px; animation-delay: 14ms; } .Burst-YTjw0q > span:nth-child(9) { --particle-x: -32px; --particle-y: 9p= x; } .Burst-YTjw0q > span:nth-child(10) { --particle-x: -32px; --particle-y: -= 10px; animation-delay: 8ms; } .Burst-YTjw0q > span:nth-child(11) { --particle-x: -21px; --particle-y: -= 26px; } .Burst-YTjw0q > span:nth-child(12) { --particle-x: 7px; --particle-y: -24= px; animation-delay: 6ms; } .Burst-YTjw0q > span:nth-child(13) { --particle-x: 24px; --particle-y: -9= px; } .Burst-YTjw0q > span:nth-child(14) { --particle-x: 20px; --particle-y: 10= px; animation-delay: 10ms; } .Burst-YTjw0q > span:nth-child(15) { --particle-x: -9px; --particle-y: 21= px; } .Burst-YTjw0q > span:nth-child(16) { --particle-x: -25px; --particle-y: -= 5px; animation-delay: 12ms; } @keyframes ParticleBurst-A29cAs {=20 0% { opacity: 0; transform: translate(-50%, -50%) scale(0.25); } 22% { opacity: 1; transform: translate(-50%, -50%) scale(1.28); } 100% { opacity: 0; transform: translate(calc(-50% + var(--particle-x)), c= alc(-50% + var(--particle-y))) scale(.55); } } .Fill-nKJTzJ { z-index: 2; pointer-events: none; position: absolute; inse= t: -1px; } .Fill-nKJTzJ[data-reveal=3D"true"] .Mask-tydFov { animation: 2s ease 0s 1= normal both running Reveal-rGfpqH; } .Mask-tydFov { --model-picker-power-slider-max-fill-mask-position: 0%; co= ntain: paint; isolation: isolate; background: linear-gradient(90deg, color-= mix(in srgb, var(--color-chart-blue) 60%, var(--color-chart-purple)), var(-= -color-chart-purple) 55%, color-mix(in srgb, var(--color-chart-purple) 72%,= var(--color-chart-blue))); mask-image: linear-gradient(90deg, transparent = calc(var(--model-picker-power-slider-max-fill-mask-position) - 120px), #000= var(--model-picker-power-slider-max-fill-mask-position), #000 100%); posit= ion: absolute; inset: 0px; mask-size: 100% 100%; mask-repeat: no-repeat; } .Canvas-bwIFs3 { mix-blend-mode: luminosity; width: 100%; height: 100%; d= isplay: block; } @keyframes Reveal-rGfpqH {=20 0% { --model-picker-power-slider-max-fill-mask-position: 100%; } 100% { --model-picker-power-slider-max-fill-mask-position: 0%; } } .Container-qxn8NG { flex-direction: column; justify-content: center; heig= ht: 32px; margin-inline: 2px; padding-block: 2px; padding-inline: 6px; disp= lay: flex; position: relative; } .Container-qxn8NG[data-keyboard-focused=3D"true"] .ThumbScale-Hvw8Fr:not(= .ExplicitOption-z7EHeC) .Thumb-hwJ5wX { outline: 2px solid var(--color-ring= ); outline-offset: 0px; } .Root-MhaajB { --model-picker-power-slider-motion-duration: .3s; --model-= picker-power-slider-motion-easing: cubic-bezier(.23, 1, .32, 1); --model-pi= cker-power-slider-mode-transition-duration: .2s; --model-picker-power-slide= r-mode-transition-easing: ease-in-out; --model-picker-power-slider-tick-opa= city-delay: 0s; --model-picker-power-slider-tick-transform-duration: .12s; = --model-picker-power-slider-tick-translate-duration: .12s; --model-picker-p= ower-slider-thumb-input-motion-duration: 0s; touch-action: none; align-item= s: center; width: 100%; height: 28px; animation: 0s ease 16ms 1 normal forw= ards running EnableModelPickerPowerSliderThumbInputMotion-A4EE8W; display: = flex; position: relative; } .Root-MhaajB[data-disabled] { opacity: 0.6; } .Root-MhaajB[data-disabled] .Tick-pg_l_t { cursor: default; pointer-event= s: none; } .Root-MhaajB[data-reduced-motion=3D"true"] { --model-picker-power-slider-= motion-duration: 0s; --model-picker-power-slider-mode-transition-duration: = 0s; --model-picker-power-slider-tick-opacity-delay: 0s; --model-picker-powe= r-slider-tick-transform-duration: 0s; --model-picker-power-slider-tick-tran= slate-duration: 0s; animation: auto ease 0s 1 normal none running none; } :is(.Root-MhaajB[data-reduced-motion=3D"true"][data-fast-mode-dot-transit= ion=3D"entering"], .Root-MhaajB[data-reduced-motion=3D"true"][data-fast-mod= e-dot-transition=3D"exiting"]) .Tick-pg_l_t[data-selected=3D"true"] { anima= tion-duration: 0s; animation-delay: 0s; } .Root-MhaajB[data-highlighted=3D"true"][data-fast-mode=3D"false"] { --mod= el-picker-power-slider-mode-transition-duration: .4s; --model-picker-power-= slider-tick-opacity-delay: .1s; --model-picker-power-slider-tick-transform-= duration: .4s; } .Root-MhaajB[data-highlighted=3D"true"][data-fast-mode=3D"false"] .Tick-p= g_l_t:not([data-locked=3D"true"]) { opacity: 0; transform: translate(-50%, = -50%) scale(0.75); } .Root-MhaajB[data-fast-mode=3D"true"] .Tick-pg_l_t[data-selected=3D"true"= ]:not([data-locked=3D"true"]) { opacity: 0; transform: translate(-50%, -50%= ) scale(0.75) translate(-85px); } .Root-MhaajB[data-fast-mode-dot-transition=3D"entering"]:not([data-highli= ghted=3D"true"]) .Tick-pg_l_t[data-selected=3D"true"]:not([data-locked=3D"t= rue"]) { animation: 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal both ru= nning FastModeTickScale-kxqpPf, 1.15s ease-in-out 50ms 1 normal both runnin= g FastModeTickTranslate-_DViX0, 0.5s ease-in-out 0.7s 1 normal both running= FastModeTickFade-lSHBzF; } .Root-MhaajB[data-fast-mode-dot-transition=3D"active"] { --model-picker-p= ower-slider-mode-transition-duration: 0s; } .Root-MhaajB[data-fast-mode-dot-transition=3D"active"] .Tick-pg_l_t { --m= odel-picker-power-slider-tick-transform-duration: 0s; --model-picker-power-= slider-tick-translate-duration: 0s; } .Root-MhaajB[data-fast-mode-dot-transition=3D"exiting"]:not([data-highlig= hted=3D"true"]) .Tick-pg_l_t[data-selected=3D"true"]:not([data-locked=3D"tr= ue"]) { animation: 0.35s ease-in-out 0s 1 normal both running FastModeTickR= eturnScale-wVva7v, 0.35s ease-out 0s 1 normal both running FastModeTickRetu= rnTranslate-HnkAfv, 0.2s ease-in-out 0s 1 normal both running FastModeTickR= eturnFade-cRfa2r; } .Root-MhaajB[data-dragging=3D"true"] { --model-picker-power-slider-motion= -duration: .15s; --model-picker-power-slider-motion-easing: cubic-bezier(.2= 3, 1, .32, 1); cursor: grabbing; } .Root-MhaajB[data-dragging=3D"true"] .ThumbInput-uGPr52, .Root-MhaajB[dat= a-dragging=3D"true"] .Tick-pg_l_t { cursor: grabbing; } .Root-MhaajB > span:not([data-orientation]) { transition: left var(--mode= l-picker-power-slider-thumb-input-motion-duration) var(--model-picker-power= -slider-motion-easing); top: 50%; translate: 0px -50%; } .Root-MhaajB .Tick-pg_l_t { transition: background-color var(--model-pick= er-power-slider-motion-duration) var(--model-picker-power-slider-motion-eas= ing), opacity var(--model-picker-power-slider-mode-transition-duration) var= (--model-picker-power-slider-mode-transition-easing) var(--model-picker-pow= er-slider-tick-opacity-delay), filter .12s ease, transform var(--model-pick= er-power-slider-tick-transform-duration) ease, translate var(--model-picker= -power-slider-tick-translate-duration) linear 0s; } @keyframes FastModeTickScale-kxqpPf {=20 0% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-50%, -50%) scale(0.75); } } @keyframes FastModeTickTranslate-_DViX0 {=20 0% { translate: 0px; } 100% { translate: -85px; } } @keyframes FastModeTickFade-lSHBzF {=20 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes FastModeTickReturnScale-wVva7v {=20 0% { transform: translate(-50%, -50%) scale(0.75); } 100% { transform: translate(-50%, -50%) scale(1); } } @keyframes FastModeTickReturnTranslate-HnkAfv {=20 0% { translate: 10px; } 100% { translate: 0px; } } @keyframes FastModeTickReturnFade-cRfa2r {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes EnableModelPickerPowerSliderThumbInputMotion-A4EE8W {=20 100% { --model-picker-power-slider-thumb-input-motion-duration: var(--mod= el-picker-power-slider-motion-duration); } } .Track-eoFI82 { background: color-mix(in srgb, var(--color-text) 10%, tra= nsparent); height: 24px; box-shadow: inset 0 0 0 .5px var(--color-border); = border-radius: 12px; flex-grow: 1; position: relative; overflow: hidden; } .Range-CJS9gM { background-color: var(--color-chart-blue); border-radius:= 12px 0px 0px 12px; width: 100%; height: 100%; position: absolute; inset-in= line-start: 0px; overflow: hidden; } .MaxEffects-UlPrfl { pointer-events: none; position: absolute; inset: 0px= ; } .FastParticleClip-Xnp9Xs { z-index: 4; pointer-events: none; will-change:= clip-path, opacity; position: absolute; inset: 0px; overflow: hidden; } .ParticleTransition-Td0jiq { z-index: 3; pointer-events: none; will-chang= e: opacity; position: absolute; inset: 0px; } .TickRail-KLjYfZ { opacity: 1; pointer-events: none; position: absolute; = inset: 0px; } .Tick-pg_l_t { width: 4px; height: 4px; cursor: var(--cursor-interaction)= ; pointer-events: auto; will-change: transform, translate, opacity; backgro= und-color: currentcolor; border-radius: 50%; position: absolute; top: 50%; = transform: translate(-50%, -50%) translate(0px, 0px); } .Tick-pg_l_t::before { content: ""; position: absolute; inset: -6px; } .Tick-pg_l_t:hover { filter: brightness(0.85); transform: translate(-50%,= -50%) scale(2); } .Tick-pg_l_t[data-selected=3D"true"] { color: rgba(255, 255, 255, 0.3); } .Tick-pg_l_t[data-selected=3D"false"] { color: color-mix(in srgb, var(--c= olor-codex-description) 50%, transparent); } .Tick-pg_l_t[data-locked=3D"true"] { background-color: rgba(0, 0, 0, 0); = } .Tick-pg_l_t[data-locked=3D"true"]:hover { transform: translate(-50%, -50= %); } .VisualThumbRail-hji66C { z-index: 4; pointer-events: none; width: 100%; = position: absolute; inset-block: 0px; inset-inline-start: 0px; } .ThumbInput-uGPr52 { box-sizing: border-box; width: 28px; height: 28px; c= ursor: var(--cursor-interaction); background: 0px 0px; border-radius: 50%; = outline: 0px; display: block; position: relative; } .ThumbInput-uGPr52::before { z-index: 1; content: ""; pointer-events: aut= o; background: 0px 0px; border-radius: 50%; position: absolute; inset: -3px= ; } .ThumbInput-uGPr52[data-disabled] { cursor: default; } .ThumbInput-uGPr52:focus, .ThumbInput-uGPr52:focus-visible { box-shadow: = none; outline: 0px; } .ThumbScale-Hvw8Fr { will-change: left; width: 28px; height: 28px; positi= on: absolute; top: 50%; transform: translate(-50%, -50%); } .MaxBurst-OgP0dQ { pointer-events: none; position: absolute; inset: 0px; = } .ExplicitOption-z7EHeC { cursor: var(--cursor-interaction); background: 0= px 0px; border: 0px; padding: 0px; } .ExplicitOption-z7EHeC[data-selected=3D"true"] { visibility: hidden; } .ExplicitOption-z7EHeC:disabled { cursor: default; } .ThumbSpring-tDZ1ke { z-index: 3; transform-origin: 50% center; position:= absolute; inset: 0px; } .Thumb-hwJ5wX { border: .5px solid var(--color-border-strong); color: var= (--color-control-thumb-foreground); background: rgb(255, 255, 255); border-= radius: 50%; display: block; position: absolute; inset: 0px; box-shadow: rg= ba(0, 0, 0, 0.1) 0px 0px 2px; } } @property --model-picker-power-slider-max-fill-mask-position { syntax: ""; inherits: false; initial-value: 0%; } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/95818.fed56cd892.css @charset "utf-8"; @layer components { .daybreak-VsXdEH { isolation: isolate; padding-inline-end: clamp(calc(var= (--spacing) * 8), 18%, calc(var(--spacing) * 32)); position: relative; } .daybreak-VsXdEH::before { content: ""; z-index: -1; pointer-events: none= ; background: radial-gradient(ellipse 152px 80px at 76% calc(100% + 41px), = var(--color-background-panel,var(--color-background-primary-soft-alpha)) ca= lc(100% - 2px), var(--lightningcss-light,#f28a1f) var(--lightningcss-dark,#= ffd776) 100%, var(--lightningcss-light,#ffb23b99) var(--lightningcss-dark,#= ff912442) calc(100% + 2px), var(--lightningcss-light,#f28a1f40) var(--light= ningcss-dark,#ff912426) 122%, var(--lightningcss-light,#f28a1f0d) var(--lig= htningcss-dark,#0000) 152%, transparent 180%); width: min(250px, 35%); posi= tion: absolute; inset-block: 0px; inset-inline-end: 0px; mask-image: linear= -gradient(90deg, rgba(0, 0, 0, 0) 25%, rgb(0, 0, 0) 70%); } .checklist-uO3cm4 { transform: scale(0.95); } .checklist-uO3cm4:where(:root[data-reduced-motion=3D"false"] .checklist-u= O3cm4) { transition: scale var(--transition-duration-basic) cubic-bezier(.1= 6, 1.8, .3, 1); } .checklist-uO3cm4:where(:root[data-reduced-motion=3D"false"] .checklist-u= O3cm4):enabled:active:not(:focus-visible) { transition-duration: 0s; scale:= 0.95; } @media (prefers-reduced-motion: no-preference) { .checklist-uO3cm4:where(:root:not([data-reduced-motion]) .checklist-uO3cm= 4) { transition: scale var(--transition-duration-basic) cubic-bezier(.16, 1= .8, .3, 1); } .checklist-uO3cm4:where(:root:not([data-reduced-motion]) .checklist-uO3cm= 4):enabled:active:not(:focus-visible) { transition-duration: 0s; scale: 0.9= 5; } } .checklist-uO3cm4:not([data-state=3D"unchecked"]) .outline-eD5IOC { color= : rgba(0, 0, 0, 0); } .outline-eD5IOC:where(:root[data-reduced-motion=3D"false"] .outline-eD5IO= C) { transition: color var(--transition-duration-basic) ease-out; } .checklist-uO3cm4:focus-visible .outline-eD5IOC:where(:root[data-reduced-= motion=3D"false"] .outline-eD5IOC) { transition: none; } @media (prefers-reduced-motion: no-preference) { .outline-eD5IOC:where(:root:not([data-reduced-motion]) .outline-eD5IOC) {= transition: color var(--transition-duration-basic) ease-out; } .checklist-uO3cm4:focus-visible .outline-eD5IOC:where(:root:not([data-red= uced-motion]) .outline-eD5IOC) { transition: none; } } .indicator-clgfcx { color: inherit; opacity: 1; } .indicator-clgfcx[data-state=3D"unchecked"] { opacity: 0; } .indicator-clgfcx:where(:root[data-reduced-motion=3D"false"] .indicator-c= lgfcx) { transition: opacity var(--transition-duration-basic) ease-out; } .checklist-uO3cm4:focus-visible .indicator-clgfcx:where(:root[data-reduce= d-motion=3D"false"] .indicator-clgfcx) { transition: none; } @media (prefers-reduced-motion: no-preference) { .indicator-clgfcx:where(:root:not([data-reduced-motion]) .indicator-clgfc= x) { transition: opacity var(--transition-duration-basic) ease-out; } .checklist-uO3cm4:focus-visible .indicator-clgfcx:where(:root:not([data-r= educed-motion]) .indicator-clgfcx) { transition: none; } } .mark-asMPYr { color: var(--wb-on-accent,var(--color-surface)); clip-path= : inset(0px); } .indicator-clgfcx[data-state=3D"unchecked"] .mark-asMPYr { clip-path: ins= et(0px 100% 0px 0px); } .mark-asMPYr:where(:root[data-reduced-motion=3D"false"] .mark-asMPYr) { t= ransition: clip-path var(--transition-duration-basic) ease-out; } .checklist-uO3cm4:focus-visible .mark-asMPYr:where(:root[data-reduced-mot= ion=3D"false"] .mark-asMPYr) { transition: none; } @media (prefers-reduced-motion: no-preference) { .mark-asMPYr:where(:root:not([data-reduced-motion]) .mark-asMPYr) { trans= ition: clip-path var(--transition-duration-basic) ease-out; } .checklist-uO3cm4:focus-visible .mark-asMPYr:where(:root:not([data-reduce= d-motion]) .mark-asMPYr) { transition: none; } } @media (forced-colors: active) { .checklist-uO3cm4:not([data-state=3D"unchecked"]) .outline-eD5IOC, .indic= ator-clgfcx { color: highlight; forced-color-adjust: none; } .mark-asMPYr { color: highlighttext; } } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/389125.e4954a246b.css @charset "utf-8"; @layer components { .Icon-X4VkKC { flex-shrink: 0; } .rays-uIoSAa path { fill: currentcolor; } .button-secondary-surface:not(:disabled):not([aria-disabled=3D"true"]):ho= ver, .button-secondary-surface[data-state=3D"open"] { background-image: lin= ear-gradient(var(--color-background-primary-ghost-hover), var(--color-backg= round-primary-ghost-hover)); } .beaconModalOverlay-M55fyr { background: var(--dialog-backdrop-fade-backg= round); backdrop-filter: var(--dialog-backdrop-fade-filter); } .catalogSurface-lVdc15 { --font-weight-medium: 510; --font-weight-semibol= d: 590; border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -= 5px; } .catalogCompact-p96_jF { border-radius: 16px; } .creditCheckoutSurface-gLF3IY { box-shadow: inset 0 0 0 1px var(--color-t= oken-border-default), 0 20px 25px -5px #0000001a; } .creditCheckoutSurface-gLF3IY[data-checkout-theme=3D"dark"] { box-shadow:= inset 0 0 0 1px var(--color-token-border-default), 0 8px 16px 0 #00000052,= inset 0 0 1px 0 #fff3, 0 0 1px 0 #0000009e; } .centeredTextSurface-cj3ezh { outline: 1px solid var(--color-border-subtl= e); outline-offset: -1px; } .centeredTextClose-MSjdDy { position: absolute; top: 17px; right: 19px; } .promotionalTitle-DDHljK { letter-spacing: normal; } .dimmedOverlay-H4rmER { backdrop-filter: var(--dialog-backdrop-fade-filte= r); background: var(--lightningcss-light,#e3e3e380) var(--lightningcss-dark= ,#00000080); } .imageOverlay-_cSMvD:where([data-transparent=3D"true"]) { backdrop-filter= : var(--image-viewer-transparent-backdrop-filter,var(--dialog-backdrop-fade= -filter)); } .imageOverlay-_cSMvD:where([data-codex-window-type=3D"browser"] .imageOve= rlay-_cSMvD) { background-color: var(--color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .imageOverlay-_cSMvD:where([data-codex-window-type=3D"browser"] .imageOve= rlay-_cSMvD) { background-color: color-mix(in oklab, var(--color-surface-se= condary) 50%, transparent); } } .imageOverlay-_cSMvD:where([data-codex-window-type=3D"browser"] .imageOve= rlay-_cSMvD) { --tw-backdrop-blur: blur(var(--blur-md,12px)); backdrop-filt= er: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-back= drop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotat= e, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-back= drop-saturate, ) var(--tw-backdrop-sepia, ); } .topPosition-Vk6giF { --dialog-top-content-max-height: calc(var(--spacing= ) * 190); top: max(calc(10dvh / var(--codex-window-zoom)), calc((100dvh / v= ar(--codex-window-zoom) - var(--dialog-top-content-max-height)) / 2)); } .voicePickerSurface-aUuGlJ { --color-text: var(--gray-1000); --color-text= -tertiary: var(--lightningcss-light,var(--gray-400)) var(--lightningcss-dar= k,var(--gray-700)); --color-background-primary-solid: var(--lightningcss-li= ght,var(--gray-1000)) var(--lightningcss-dark,var(--gray-975)); --color-bac= kground-primary-solid-hover: var(--lightningcss-light,#333) var(--lightning= css-dark,#ededed); --color-background-primary-ghost-hover: var(--lightningc= ss-light,#0000000d) var(--lightningcss-dark,#ffffff1a); border-radius: var(= --radius-2xl,calc(var(--radius-2xl-base) * var(--corner-radius-scale))); ba= ckground-color: var(--color-surface-card); color: var(--color-text); width:= calc(100vw / var(--codex-window-zoom) - 2rem); max-width: calc(100vw / var= (--codex-window-zoom) - 2rem); box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 12px= , rgba(0, 0, 0, 0.62) 0px 0px 1px; } .voicePickerSurface-aUuGlJ:where([data-theme=3D"dark"]) { box-shadow: rgb= a(0, 0, 0, 0.32) 0px 8px 16px, rgba(255, 255, 255, 0.2) 0px 0px 1px inset, = rgba(0, 0, 0, 0.62) 0px 0px 1px; } @container style(--theme-variant: dark) { .voicePickerSurface-aUuGlJ:where(:not([data-theme])) { box-shadow: rgba(0= , 0, 0, 0.32) 0px 8px 16px, rgba(255, 255, 255, 0.2) 0px 0px 1px inset, rgb= a(0, 0, 0, 0.62) 0px 0px 1px; } } @media (min-width: 40rem) { .voicePickerSurface-aUuGlJ { width: max-content; min-width: min(400px, ca= lc(100vw / var(--codex-window-zoom) - 2rem)); max-width: min(576px, calc(10= 0vw / var(--codex-window-zoom) - 2rem)); } } .voicePickerClose-rvh56e { width: calc(var(--spacing,.25rem) * 9); height= : calc(var(--spacing,.25rem) * 9); border-radius: var(--radius-lg,calc(var(= --radius-lg-base) * var(--corner-radius-scale))); top: 24px; right: 24px; } .voicePickerClose-rvh56e:focus-visible { outline-offset: 0px; outline: au= to 1px; } .voicePickerOverlay-GwLhjh { backdrop-filter: blur(1px); background: var(= --lightningcss-light,#e3e3e380) var(--lightningcss-dark,#00000080); } .responsiveSheet-uudmC6 { width: 100%; height: auto; max-width: var(--con= tainer-md,28rem); border-top-left-radius: var(--radius-2xl,calc(var(--radiu= s-2xl-base) * var(--corner-radius-scale))); border-top-right-radius: var(--= radius-2xl,calc(var(--radius-2xl-base) * var(--corner-radius-scale))); inse= t-inline: 0px; margin-inline: auto; display: grid; bottom: 0px; } @media (min-width: 40rem) { .responsiveSheet-uudmC6 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1)= ; translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: va= r(--radius-2xl,calc(var(--radius-2xl-base) * var(--corner-radius-scale))); = top: 50%; bottom: auto; } } .responsiveSheet-uudmC6 { padding-bottom: env(safe-area-inset-bottom,0px)= ; grid-template-rows: min-content minmax(0px, 1fr) min-content; } .expressiveBeaconSurface-x8SBYk { border-radius: 24px; } .expressiveBeaconTitle-GLcEim { letter-spacing: -0.36px; font-size: 20px;= font-weight: 590; line-height: 28px; } @layer components { .body-ADRAW0 { padding-inline: calc(var(--spacing,.25rem) * 5); padding-b= lock: calc(var(--spacing,.25rem) * 5); } .section-zmz5Xf { padding-top: calc(var(--spacing,.25rem) * 3); } .largeSection-zsbCRg { padding-top: calc(var(--spacing,.25rem) * 5); } .section-zmz5Xf:nth-child(1 of :not(.sr-only)) { padding-top: 0px; } .body-ADRAW0 > .footer-laIpwZ:nth-child(n+2 of :not(.sr-only)) { margin-t= op: calc(var(--spacing,.25rem) * 5); } } .leadingIcon-nJYd0H { width: var(--icon-leading-size); height: var(--icon= -leading-size); flex: 0 0 auto; justify-content: center; align-items: cente= r; display: inline-flex; } .singleLineRows-wSbEE_ :is([role=3D"menuitem"], [role=3D"menuitemcheckbox= "], [role=3D"menuitemradio"]) { height: var(--menu-item-height,calc(max(1lh= , var(--icon-leading-size)) + var(--padding-row-y) * 2)); flex-shrink: 0; o= verflow: hidden; } .singleLineRows-wSbEE_ [data-menu-row-content], .singleLineRows-wSbEE_ [d= ata-menu-row-content] > * { max-height: max(1lh, var(--icon-leading-size));= overflow: hidden; } .singleLineRows-wSbEE_ .leadingIcon-nJYd0H { overflow: hidden; } .miniIcon-rOR6tX { width: calc(var(--spacing,.25rem) * 4); height: calc(v= ar(--spacing,.25rem) * 4); background-color: currentcolor; display: block; = mask: url("/cdn/assets/mini.ece1cf46d1.svg") 50% center / contain no-repeat= ; } .hintRow-z1BP1_ { --app-menu-item-font-size: 11px; --icon-leading-size: c= alc(var(--spacing) * 3); --spacing-menu-item-content: var(--spacing); } .glassSurface-mMx9cy { --owl-native-glass-adaptive-appearance: off; --owl= -native-glass-variant: regular; --app-menu-item-radius: calc(var(--spacing)= * 3); border-radius: calc(var(--app-menu-item-radius) + var(--app-menu-gut= ter,var(--spacing))) !important; } .glassSurface-mMx9cy > :is([role=3D"menuitem"], [role=3D"menuitemcheckbox= "], [role=3D"menuitemradio"]) { border-radius: var(--app-menu-item-radius) = !important; } html[data-owl-native-glass=3D"active"] .glassSurface-mMx9cy, html[data-ow= l-native-glass=3D"active"] .glassSurface-mMx9cy > :is([role=3D"menuitem"], = [role=3D"menuitemcheckbox"], [role=3D"menuitemradio"]) { corner-shape: roun= d !important; } html[data-owl-native-glass=3D"active"] .glassSurface-mMx9cy { box-shadow:= none !important; backdrop-filter: none !important; } html[data-owl-native-glass=3D"active"] .glassSurface-mMx9cy[data-owl-nati= ve-source-underlay] { background: var(--color-surface) !important; } @supports (color:color-mix(in lab, red, red)) { html[data-owl-native-glass=3D"active"] .glassSurface-mMx9cy[data-owl-nati= ve-source-underlay] { background: color-mix(in srgb, var(--color-surface) 1= 6%, transparent) !important; } } .comboboxRow-gtqbEZ[cmdk-item] { min-height: var(--app-menu-item-height,0= px) !important; border-radius: var(--radius-xl,calc(var(--radius-xl-base) *= var(--corner-radius-scale))) !important; padding: var(--app-menu-item-padd= ing,var(--padding-row-y) var(--padding-row-x)) !important; } .suggestionMenu-EeXWU_ { --spacing-menu-item-content: var(--spacing-sugge= stion-menu-leading); padding: var(--suggestion-menu-gutter,var(--spacing));= } .sectionLabel-eYGBwe { padding-inline: var(--padding-row-x,calc(var(--spa= cing) * 2)); padding-block: var(--spacing,.25rem); font-size: var(--text-sm= ,12px); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 = / .875))); color: var(--color-codex-description); } .largeRows-k4VOB1 { --icon-leading-size: calc(var(--spacing) * 5); --app-= menu-separator-gutter: calc(var(--spacing) * 2); --app-menu-item-height: ca= lc(var(--spacing) * 10); --spacing-menu-item-content: calc(var(--spacing) *= 2); --app-menu-item-padding: calc(var(--spacing) * 1.5) calc(var(--spacing= ) * 2); } .largeRows-k4VOB1 :is([role=3D"menuitem"], [role=3D"menuitemcheckbox"], [= role=3D"menuitemradio"]) { margin-inline: calc(var(--spacing,.25rem) * 2.5)= ; } .largeRows-k4VOB1 [data-menu-section-label] { padding-inline: calc(var(--= spacing,.25rem) * 5); padding-block: var(--spacing,.25rem); font-size: var(= --text-sm,12px); --tw-leading: calc(var(--spacing,.25rem) * 5); line-height= : calc(var(--spacing,.25rem) * 5); color: var(--color-text-tertiary); } .largeRows-k4VOB1 [data-menu-section-label]:first-child { padding-top: ca= lc(var(--spacing,.25rem) * 3); } .largeRows-k4VOB1 [data-menu-row-content] { gap: calc(var(--spacing,.25re= m) * 2); } .selectRows-0LxAOZ { --app-menu-gutter: var(--spacing); --icon-leading-si= ze: calc(var(--spacing) * 4); --app-menu-item-height: calc(var(--spacing) *= 10); --app-menu-item-padding: calc(var(--spacing) * 1.5) calc(var(--spacin= g) * 3); --spacing-menu-item-content: calc(var(--spacing) * 2); } .insetRows-QwJ8Uo { --app-menu-gutter: calc(var(--spacing) * 3); --app-me= nu-item-height: calc(var(--spacing) * 9); --app-menu-item-padding: calc(var= (--spacing) * 2) calc(var(--spacing) * 2.5); --app-menu-separator-gutter: c= alc(var(--spacing) * 1.5); --app-menu-separator-inset: calc(var(--spacing) = * 2.5); } .descriptiveRows-S2wFSd { --app-menu-gutter: calc(var(--spacing) * 2); --= icon-leading-size: calc(var(--spacing) * 5); --app-menu-item-height: calc(v= ar(--spacing) * 14); --app-menu-item-padding: calc(var(--spacing) * 2); --a= pp-menu-item-font-size: var(--text-base); --app-menu-item-line-height: calc= (var(--spacing) * 5); --spacing-menu-item-content: calc(var(--spacing) * 3)= ; } .actionRows-gFxuYF { --app-menu-gutter: calc(var(--spacing) * 2); --icon-= leading-size: calc(var(--spacing) * 5); --app-menu-item-height: calc(var(--= spacing) * 9); --app-menu-item-padding: calc(var(--spacing) * 2); --app-men= u-item-font-size: calc(var(--spacing) * 3.5); --app-menu-item-line-height: = calc(var(--spacing) * 5); --spacing-menu-item-content: calc(var(--spacing) = * 3); --app-menu-separator-gutter: calc(var(--spacing) * 2); --app-menu-sep= arator-inset: calc(var(--spacing) * 2.5); } .Mask-QVl1GP { --overflow-fade-top: 0px; --overflow-fade-bottom: 0px; mas= k-image: linear-gradient(to bottom, transparent, black var(--overflow-fade-= top) calc(100% - var(--overflow-fade-bottom)), transparent); } .Root-wrAjJZ[data-can-scroll-up=3D"true"] > .Mask-QVl1GP { --overflow-fad= e-top: calc(var(--spacing) * 5); } .Root-wrAjJZ[data-can-scroll-down=3D"true"] > .Mask-QVl1GP { --overflow-f= ade-bottom: calc(var(--spacing) * 10); } .CompactSource-d7ZD01 { display: var(--display-icon-compact,contents); } .LeadingSource-d79mNZ { display: var(--display-icon-leading,none); } .textTheme-uIegu3 { --color-text: var(--color-text-tooltip); --color-text= -prose: var(--color-text-tooltip); --color-text-secondary: var(--color-text= -tooltip-secondary); --color-text-tertiary: var(--color-text-tooltip-tertia= ry); --color-text-info: var(--color-text-tooltip-info); --color-text-danger= : var(--color-text-tooltip-danger); --color-text-warning: var(--color-text-= tooltip-warning); --color-text-success: var(--color-text-tooltip-success); = --color-codex-description: var(--color-text-tooltip-description); } .replacedContent-dZ1LFs { visibility: hidden; } .parentBottomAlignedContent-jcw79M { --dropdown-content-parent-bottom-tra= nsform: translateY(calc(var(--radix-dropdown-menu-trigger-height) + .5rem -= 100%)); transform: var(--dropdown-content-parent-bottom-transform); } } a.button-link, a.button-link:hover { color: revert-layer; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0= ; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0= ; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0= ; } @property --tw-leading { syntax: "*"; inherits: false; } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/854530.f4e1af2b41.css @charset "utf-8"; @layer components { .Icon-X4VkKC { flex-shrink: 0; } .rays-uIoSAa path { fill: currentcolor; } .button-secondary-surface:not(:disabled):not([aria-disabled=3D"true"]):ho= ver, .button-secondary-surface[data-state=3D"open"] { background-image: lin= ear-gradient(var(--color-background-primary-ghost-hover), var(--color-backg= round-primary-ghost-hover)); } .banner-cPVvz7 { color: var(--lightningcss-light,#0d0d0d) var(--lightning= css-dark,#fff); letter-spacing: -0.15px; font-variation-settings: "opsz" 14= ; -webkit-font-smoothing: auto; text-wrap: pretty; background: var(--lightn= ingcss-light,#fff) var(--lightningcss-dark,#212121); border: .5px solid var= (--lightningcss-light,#0000001a) var(--lightningcss-dark,#0000); border-rad= ius: 28px; width: 100%; padding: 24px; font-size: 14px; font-weight: 400; l= ine-height: 18px; display: flex; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 16= px; } .description-izhOpC { color: var(--lightningcss-light,#5d5d5d) var(--ligh= tningcss-dark,#cdcdcd); } .successCta-DS7DTt a { color: var(--color-chart-green) !important; } .catalog-Qac5fp { outline: 1px solid var(--color-border); outline-offset:= -1px; border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px; } .container-C1xTCG { width: 100%; container: beacon / inline-size; } .surface-NbxhOL { outline: .5px solid var(--lightningcss-light,#0d0d0d0d)= var(--lightningcss-dark,var(--color-border-subtle)); outline-offset: -0.5p= x; background: var(--lightningcss-light,white) var(--lightningcss-dark,var(= --color-surface-elevated)); width: 100%; color: var(--lightningcss-light,#0= d0d0d) var(--lightningcss-dark,var(--color-text)); letter-spacing: -0.15px;= font-variation-settings: "wdth" 100; box-shadow: var(--shadow-card); borde= r-radius: 24px; align-items: center; gap: 12px; padding: 16px; font-family:= -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px= ; font-weight: 400; line-height: 20px; display: flex; } .content-tH5Jdx { flex: 1 1 0%; min-width: 0px; margin-inline-end: 12px; = } .body-F1ixEW { align-items: center; gap: 12px; min-width: 0px; display: f= lex; } .visual-mZAtoS { flex-shrink: 0; justify-content: center; align-items: ce= nter; width: 32px; min-height: 32px; display: flex; } .iconCircle-KOGKLv { background: var(--gray-75); width: 32px; height: 32p= x; color: var(--lightningcss-light,#0d0d0d) var(--lightningcss-dark,var(--c= olor-text)); border-radius: 50%; justify-content: center; align-items: cent= er; display: flex; } .responsiveImage-uOZ0Ay { object-fit: contain; width: 32px; height: 32px;= } .copy-nj2odw { overflow-wrap: break-word; flex-direction: column; flex: 1= 1 0%; gap: 2px; min-width: 0px; display: flex; } .title-TGNnMU { font-weight: 510; } .description-iF4DEu { color: var(--lightningcss-light,#5d5d5d) var(--ligh= tningcss-dark,var(--color-text-secondary)); text-wrap: wrap; } .ctas-dOiCY0, .actions-nhbYt6 { flex-shrink: 0; align-items: center; gap:= 8px; min-width: 0px; max-width: 100%; display: flex; } .ctas-dOiCY0 { max-width: 50%; } .dismiss-o5oOqY { flex-shrink: 0; align-items: center; display: flex; } .action-UM7Nw_ { letter-spacing: -0.18px; justify-content: center; height= : 36px; padding: 0px 16px; font-size: 14px; font-weight: 510; line-height: = 20px; } .primary-FmM7e1 { background: var(--lightningcss-light,#0d0d0d) var(--lig= htningcss-dark,var(--color-background-primary-solid)); min-width: 70px; col= or: var(--lightningcss-light,white) var(--lightningcss-dark,var(--color-tex= t-primary-solid)); border-width: 0px; } .secondary-sIS2DJ { border: 1px solid var(--lightningcss-light,#0d0d0d1a)= var(--lightningcss-dark,var(--color-border)); color: var(--lightningcss-li= ght,#0d0d0d) var(--lightningcss-dark,var(--color-text)); background: 0px 0p= x; } .dismissButton-dLiayh { width: 20px; height: 20px; color: var(--lightning= css-light,#8f8f8f) var(--lightningcss-dark,var(--color-text-tertiary)); bac= kground: 0px 0px; border-width: 0px; justify-content: center; padding: 0px;= } .primary-FmM7e1:not(:disabled):not([aria-disabled=3D"true"]):hover, .seco= ndary-sIS2DJ:not(:disabled):not([aria-disabled=3D"true"]):hover, .dismissBu= tton-dLiayh:not(:disabled):not([aria-disabled=3D"true"]):hover { opacity: 0= .8; } .mobileDismiss-Ebj2Ia { display: none; } @container beacon (width < 434px) { .surface-NbxhOL { background: var(--lightningcss-light,#ffffffe6) var(--l= ightningcss-dark,var(--color-surface-elevated)); backdrop-filter: blur(80px= ); outline: none; flex-direction: column; align-items: stretch; position: r= elative; } .content-tH5Jdx { margin-inline-end: 0px; } .body-F1ixEW { flex-direction: column; align-items: stretch; gap: 8px; } .visual-mZAtoS { align-self: flex-start; width: auto; } .responsiveImage-uOZ0Ay { width: 36px; height: 36px; } .noVisual-pjyuD6 .copy-nj2odw { padding-inline-end: 28px; } .title-TGNnMU { letter-spacing: -0.23px; font-size: 15px; } .description-iF4DEu { letter-spacing: -0.08px; font-size: 13px; line-heig= ht: 18px; } .ctas-dOiCY0, .actions-nhbYt6 { grid-auto-columns: minmax(0px, 1fr); grid= -auto-flow: column; gap: 12px; width: 100%; min-width: 0px; max-width: none= ; display: grid; } .action-UM7Nw_ { letter-spacing: -0.24px; min-width: 0px; height: 40px; f= ont-size: 15px; } .dismiss-o5oOqY { top: 16px; position: absolute; inset-inline-end: 16px; = } .dismissButton-dLiayh { width: 16px; height: 16px; color: var(--lightning= css-light,#5d5d5d) var(--lightningcss-dark,var(--color-text-tertiary)); } .desktopDismiss-zL0l1K { display: none; } .mobileDismiss-Ebj2Ia { display: block; } } } a.button-link, a.button-link:hover { color: revert-layer; } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/588190.a68c68fab9.css @charset "utf-8"; @property --composer-surface-border-radius { syntax: ""; inherits: = false; initial-value: 0; } @layer components { .ComposerLayoutRoot-XCKS7O { --side-tooltip: var(--side-composer-tooltip,= top); --padding-button-composer-inline: initial; --text-button-composer: in= itial; --line-height-button-composer: initial; --composer-editor-line-heigh= t: var(--line-height-composer); --composer-editor-min-height: var(--min-hei= ght-composer); --composer-editor-placeholder-opacity: var(--opacity-compose= r-placeholder); --composer-editor-single-line-height: initial; } .ComposerLayoutRoot-XCKS7O:where(:not([data-composer-radius-variant=3D"de= fault"][data-composer-surface-variant=3D"default"])) { --line-height-compos= er: calc(var(--spacing) * 5); --min-height-composer: calc(var(--spacing) * = 11); --padding-composer-input: 0 calc(var(--spacing) * 3); --spacing-compos= er-input-footer: var(--spacing); --padding-composer-empty-attachments: calc= (var(--spacing) * 2) calc(var(--spacing) * 2) calc(var(--spacing) * 1.5); -= -spacing-composer-footer-bottom: calc(var(--spacing) * 2); --opacity-compos= er-placeholder: .5; } .ComposerLayoutRoot-XCKS7O { flex-direction: column; display: flex; posit= ion: relative; } .ComposerLayoutRoot-XCKS7O[data-composer-density=3D"compact"] { --min-hei= ght-composer: calc(var(--spacing) * 5); --padding-composer-empty-attachment= s: calc(var(--spacing) * 2) calc(var(--spacing) * 2) var(--spacing); --spac= ing-token-button-composer: calc(var(--spacing) * 5); } .ComposerLayoutRoot-XCKS7O[data-composer-density=3D"comfortable"] { --spa= cing-token-button-composer: calc(var(--spacing) * 8); --spacing-composer-si= ngle-line-controls: calc(var(--spacing) * 2); --padding-composer-single-lin= e-footer-block: calc(var(--spacing) * 2); } .ComposerLayoutRoot-XCKS7O[data-composer-padding-variant=3D"inset"] { pad= ding: calc(var(--spacing) * 2.5); } .ComposerLayoutRoot-XCKS7O[data-composer-radius-variant=3D"default"] { --= composer-border-radius: var(--composer-radius); } .ComposerLayoutRoot-XCKS7O[data-composer-radius-variant=3D"large"] { --co= mposer-border-radius: calc(var(--spacing) * 7); } .ComposerLayoutRoot-XCKS7O { --composer-layout-surface-shadow: var(--elev= ation-composer); } .ComposerLayoutRoot-XCKS7O[data-composer-dark] { --composer-layout-surfac= e-shadow: var(--elevation-composer-dark); } .ComposerLayoutRoot-XCKS7O[data-composer-utility-bar-variant=3D"home"] { = z-index: 10; } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"default"], .C= omposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"opaque"] { --comp= oser-layout-surface-background: var(--color-surface-elevated-secondary); --= composer-layout-surface-backdrop-filter: none; } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"inline"] { --= composer-layout-surface-background: transparent; --composer-layout-surface-= backdrop-filter: none; --composer-layout-surface-shadow: none; } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"secondary"] {= --composer-layout-surface-background: var(--color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"secondary"] {= --composer-layout-surface-background: color-mix(in srgb, var(--color-surfa= ce-secondary) 92%, transparent); } } .ComposerLayoutRoot-XCKS7O[data-composer-drag-active] { --composer-layout= -surface-background: var(--color-surface-elevated-secondary); } @supports (color:color-mix(in lab, red, red)) { .ComposerLayoutRoot-XCKS7O[data-composer-drag-active] { --composer-layout= -surface-background: color-mix(in oklab, var(--color-surface-elevated-secon= dary) 50%, transparent); } } .ComposerLayoutRoot-XCKS7O:not([data-composer-surface-variant=3D"inline"]= ):not([data-composer-surface-variant=3D"secondary"]):not([data-composer-sur= face-variant=3D"document"]):not([data-composer-drag-active]):where([data-th= eme=3D"dark"]) { --composer-layout-surface-background: var(--app-color-back= ground-elevated-primary-opaque,var(--color-surface-elevated)); } @container style(--theme-variant: dark) { .ComposerLayoutRoot-XCKS7O:not([data-composer-surface-variant=3D"inline"]= ):not([data-composer-surface-variant=3D"secondary"]):not([data-composer-sur= face-variant=3D"document"]):not([data-composer-drag-active]):where(:not([da= ta-theme])) { --composer-layout-surface-background: var(--app-color-backgro= und-elevated-primary-opaque,var(--color-surface-elevated)); } } .ComposerLayoutRoot-XCKS7O[data-composer-radius-variant=3D"default"][data= -composer-surface-variant=3D"default"] { --padding-button-composer-inline: = var(--padding-composer-control-inline); --text-button-composer: var(--text-= composer-control); --line-height-button-composer: var(--line-height-compose= r-control); } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "]) { --composer-surface-border-radius: var(--composer-border-radius); } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-radius-variant=3D"large"] { border-radius: var(--composer= -border-radius); } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-radius-variant=3D"compact"] { --composer-border-radius: v= ar(--radius-lg); border-radius: var(--composer-border-radius); } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-radius-variant=3D"single-line"] { --composer-border-radiu= s: var(--radius-token-composer-single-line); border-radius: var(--composer-= border-radius); } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"single-line"] { overflow: visible; } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"single-line"][data-composer-radius-variant=3D"d= efault"] { --composer-surface-border-radius: var(--radius-full); border-rad= ius: var(--radius-full); } :is(.ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"= home"])[data-composer-layout=3D"single-line"][data-composer-radius-variant= =3D"default"]:has(.ComposerLayoutFooter-_8IVRO[data-composer-rows=3D"stacke= d"]), .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"= home"])[data-composer-layout=3D"single-line"][data-composer-radius-variant= =3D"default"]:has(.ComposerLayoutAttachments-bG080e[data-visible-attachment= s]), .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"h= ome"])[data-composer-layout=3D"single-line"][data-composer-radius-variant= =3D"default"]:has(.ComposerLayoutReplyContext-GGuZb3)) { --composer-surface= -border-radius: var(--composer-border-radius); border-radius: var(--compose= r-border-radius); corner-shape: var(--composer-corner-shape); } @media not all and (min-width: 40rem) { .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"single-line"][data-composer-radius-variant=3D"d= efault"]:has(.ComposerLayoutFooter-_8IVRO[data-composer-rows=3D"responsive"= ]) { --composer-surface-border-radius: var(--composer-border-radius); borde= r-radius: var(--composer-border-radius); corner-shape: var(--composer-corne= r-shape); } } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"multiline"][data-composer-surface-overflow=3D"a= uto"] { overflow-y: auto; } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"multiline"][data-composer-surface-overflow=3D"a= uto"] > .ComposerLayoutBody-uBBf1A { will-change: opacity; } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"multiline"][data-composer-surface-overflow=3D"v= isible"] { overflow: visible; } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"multiline"][data-composer-radius-variant=3D"def= ault"] { border-radius: var(--composer-border-radius); corner-shape: var(--= composer-corner-shape); } .animatedHomeSurface-IXJ8Ap { interpolate-size: allow-keywords; } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "]), [data-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody-uBBf1= A { background-color: var(--composer-layout-surface-background); backdrop-f= ilter: var(--composer-layout-surface-backdrop-filter,none); box-shadow: var= (--composer-layout-surface-shadow); border: 0px !important; } @media (forced-colors: active) { :is(.ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"= home"]), [data-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody-u= BBf1A):where(:is([data-codex-window-type=3D"browser"], [data-codex-window-t= ype=3D"chrome-extension"], [data-codex-window-type=3D"electron"]) :is(.Comp= oserLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home"]), [d= ata-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody-uBBf1A)) { b= ox-shadow: none; outline: canvastext solid 1px; } :is(.ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"= home"]), [data-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody-u= BBf1A):where([data-codex-window-type=3D"extension"] :is(.ComposerLayoutRoot= -XCKS7O:not([data-composer-utility-bar-variant=3D"home"]), [data-composer-u= tility-bar-variant=3D"home"] .ComposerLayoutBody-uBBf1A)) { box-shadow: non= e; border: 1px solid canvastext !important; } } :is(.ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"= home"]), [data-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody-u= BBf1A)[data-composer-radius-variant=3D"compact"] { box-shadow: none; border= : 1px solid var(--color-border) !important; } :is(.ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"= home"]), [data-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody-u= BBf1A)[data-composer-radius-variant=3D"compact"][data-composer-surface-vari= ant=3D"inline"] { border: 0px !important; } .ComposerLayoutBody-uBBf1A { z-index: 10; flex-direction: column; flex: 1= 1 0%; min-height: 0px; display: flex; position: relative; } .ComposerLayoutBody-uBBf1A:has([data-composer-expand-toggle]) { --compose= r-expanded-height: min(calc(100svh / var(--codex-window-zoom) - var(--heigh= t-toolbar) - var(--spacing) * 32), calc(100cqh - var(--spacing) * 16), var(= --container-3xl)); } .ComposerLayoutBody-uBBf1A:has([data-composer-expand-toggle]) .ComposerLa= youtAttachments-bG080e { max-height: calc(var(--composer-expanded-height) /= 2); flex-shrink: 0; overflow-y: auto; } .ComposerLayoutBody-uBBf1A:has([data-expanded-composer]) { height: var(--= composer-expanded-height); flex: 0 0 auto; } .ComposerLayoutBody-uBBf1A:has([data-expanded-composer]) .ComposerLayoutF= ooter-_8IVRO { flex: 1 1 0%; grid-template-rows: minmax(0px, 1fr) auto; min= -height: 0px; } .ComposerLayoutBody-uBBf1A:has([data-expanded-composer]) .AdaptiveFooterI= nput-zji599 { align-self: stretch; min-height: 0px; display: flex; } .ComposerLayoutBody-uBBf1A:has([data-expanded-composer]) .ComposerLayoutI= nput-KwIAr_ { min-height: 0px; } [data-composer-utility-bar-variant=3D"home"][data-composer-radius-variant= =3D"large"] .ComposerLayoutBody-uBBf1A { --composer-surface-border-radius: = var(--composer-border-radius); border-radius: var(--composer-border-radius)= ; } [data-composer-utility-bar-variant=3D"home"][data-composer-radius-variant= =3D"single-line"] .ComposerLayoutBody-uBBf1A { --composer-border-radius: va= r(--radius-token-composer-single-line); --composer-surface-border-radius: v= ar(--composer-border-radius); border-radius: var(--composer-border-radius);= } [data-composer-utility-bar-variant=3D"home"][data-composer-radius-variant= =3D"default"] .ComposerLayoutBody-uBBf1A[data-composer-layout=3D"single-lin= e"] { --composer-surface-border-radius: var(--radius-full); border-radius: = var(--radius-full); } :is([data-composer-utility-bar-variant=3D"home"][data-composer-radius-var= iant=3D"default"] .ComposerLayoutBody-uBBf1A[data-composer-layout=3D"single= -line"]:has(.ComposerLayoutFooter-_8IVRO[data-composer-rows=3D"stacked"]), = [data-composer-utility-bar-variant=3D"home"][data-composer-radius-variant= =3D"default"] .ComposerLayoutBody-uBBf1A[data-composer-layout=3D"single-lin= e"]:has(.ComposerLayoutAttachments-bG080e[data-visible-attachments]), [data= -composer-utility-bar-variant=3D"home"][data-composer-radius-variant=3D"def= ault"] .ComposerLayoutBody-uBBf1A[data-composer-layout=3D"single-line"]:has= (.ComposerLayoutReplyContext-GGuZb3)) { --composer-surface-border-radius: v= ar(--composer-border-radius); border-radius: var(--composer-border-radius);= corner-shape: var(--composer-corner-shape); } @media not all and (min-width: 40rem) { [data-composer-utility-bar-variant=3D"home"][data-composer-radius-variant= =3D"default"] .ComposerLayoutBody-uBBf1A[data-composer-layout=3D"single-lin= e"]:has(.ComposerLayoutFooter-_8IVRO[data-composer-rows=3D"responsive"]) { = --composer-surface-border-radius: var(--composer-border-radius); border-rad= ius: var(--composer-border-radius); corner-shape: var(--composer-corner-sha= pe); } } [data-composer-utility-bar-variant=3D"home"][data-composer-radius-variant= =3D"default"] .ComposerLayoutBody-uBBf1A[data-composer-layout=3D"multiline"= ] { --composer-surface-border-radius: var(--composer-border-radius); border= -radius: var(--composer-border-radius); corner-shape: var(--composer-corner= -shape); } .ComposerAttachmentsScrollContainer-Fb8DHA { padding-inline: var(--spacin= g); } .ComposerLayoutReplyContext-GGuZb3 { background-color: var(--color-surfac= e-secondary); border-start-start-radius: var(--composer-border-radius); bor= der-start-end-radius: var(--composer-border-radius); flex-shrink: 0; overfl= ow: clip; } [data-composer-dark] .ComposerLayoutReplyContext-GGuZb3 { background-colo= r: var(--color-surface-tertiary); } @supports (corner-shape:superellipse(1.5)) { [data-composer-radius-variant=3D"default"] .ComposerLayoutReplyContext-GG= uZb3 { corner-shape: var(--codex-corner-shape); } } .ComposerLayoutAttachments-bG080e[data-composer-floating-surface] { --com= poser-border-radius: var(--floating-panel-radius); } .ComposerLayoutAttachments-bG080e[data-composer-spacing=3D"flush"][data-v= isible-attachments] { margin-bottom: 5px; } .ComposerLayoutAttachments-bG080e[data-composer-spacing=3D"default"] { --= composer-attachment-inset: calc(var(--spacing) * 2); --composer-attachment-= border-radius: max(0px, calc(var(--composer-border-radius) - var(--composer= -attachment-inset) - var(--spacing))); padding-top: ; padding-right: ; padd= ing-left: ; padding-bottom: calc(var(--spacing) * 1.5); } .ComposerLayoutAttachments-bG080e[data-composer-spacing=3D"default"]:not(= [data-visible-attachments]) { padding: var(--padding-composer-empty-attachm= ents); } .ComposerLayoutAttachments-bG080e[data-composer-spacing=3D"default"]:has(= > [data-composer-attachments-scroll-container]) { padding-inline: 0px; } .ComposerLayoutAttachments-bG080e[data-composer-spacing=3D"default"]:has(= > [data-composer-attachments-scroll-container]) > [data-composer-attachment= s-scroll-container] { padding-inline: calc(var(--composer-attachment-inset)= + var(--spacing)); } .ComposerLayoutAttachments-bG080e[data-composer-spacing=3D"default"]:not(= [data-composer-inline]) .composer-attachment-surface { corner-shape: var(--= composer-corner-shape); } .ComposerLayoutInput-KwIAr_ { --composer-editor-padding: 0px; } .ComposerLayoutInput-KwIAr_[data-composer-animate-layout] { display: flow= -root; } .ComposerLayoutInput-KwIAr_[data-composer-layout=3D"multiline"] { margin-= bottom: var(--spacing); } .ComposerLayoutInput-KwIAr_[data-composer-layout=3D"multiline"][data-comp= oser-input-variant=3D"work-home"] { --composer-editor-min-height: max(var(-= -min-height-composer), calc(var(--composer-editor-line-height) * var(--min-= rows-composer-work-home))); } .ComposerLayoutInput-KwIAr_[data-composer-layout=3D"multiline"][data-comp= oser-spacing=3D"default"] { margin-bottom: var(--spacing-composer-input-foo= ter); padding: var(--padding-composer-input); } .ComposerLayoutInput-KwIAr_[data-composer-layout=3D"multiline"][data-comp= oser-spacing=3D"default"]:not([data-composer-animate-layout]):has(> [data-c= omposer-input-layout=3D"multiline"]) { --composer-editor-padding: var(--pad= ding-composer-input); padding: 0px; } .ComposerLayoutInput-KwIAr_[data-composer-layout=3D"multiline"][data-comp= oser-spacing=3D"flush"] { padding-inline: 0px; } .ComposerLayoutFooter-_8IVRO[data-dictation-view] { transition: padding-b= lock 0.22s cubic-bezier(0.2, 0, 0, 1), margin-bottom 0.22s cubic-bezier(0.2= , 0, 0, 1); } .ComposerLayoutBody-uBBf1A:has(.ComposerLayoutFooter-_8IVRO[data-dictatio= n-view]) .ComposerLayoutAttachments-bG080e:not([data-visible-attachments]) = { transition: padding-block 0.22s cubic-bezier(0.2, 0, 0, 1), margin-bottom= 0.22s cubic-bezier(0.2, 0, 0, 1); } :is(.ComposerLayoutBody-uBBf1A:has(.ComposerLayoutFooter-_8IVRO[data-dict= ation-view]) .ComposerLayoutAttachments-bG080e:not([data-visible-attachment= s]), .ComposerLayoutFooter-_8IVRO[data-dictation-view]):where(:root[data-re= duced-motion=3D"true"] :is(.ComposerLayoutBody-uBBf1A:has(.ComposerLayoutFo= oter-_8IVRO[data-dictation-view]) .ComposerLayoutAttachments-bG080e:not([da= ta-visible-attachments]), .ComposerLayoutFooter-_8IVRO[data-dictation-view]= )) { transition: none; } @media (prefers-reduced-motion: reduce) { :is(.ComposerLayoutBody-uBBf1A:has(.ComposerLayoutFooter-_8IVRO[data-dict= ation-view]) .ComposerLayoutAttachments-bG080e:not([data-visible-attachment= s]), .ComposerLayoutFooter-_8IVRO[data-dictation-view]):where(:root:not([da= ta-reduced-motion]) :is(.ComposerLayoutBody-uBBf1A:has(.ComposerLayoutFoote= r-_8IVRO[data-dictation-view]) .ComposerLayoutAttachments-bG080e:not([data-= visible-attachments]), .ComposerLayoutFooter-_8IVRO[data-dictation-view])) = { transition: none; } } .ComposerLayoutBody-uBBf1A:has(.ComposerLayoutFooter-_8IVRO[data-dictatio= n-view=3D"waveform"]) .ComposerLayoutAttachments-bG080e:not([data-visible-a= ttachments]) { padding-block: 0px; } .ComposerLayoutFooter-_8IVRO { user-select: none; align-items: center; di= splay: grid; } .ComposerLayoutFooter-_8IVRO[data-composer-footer-responsive] { container= : composer-footer / inline-size; } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"single-line"] { colu= mn-gap: var(--spacing-composer-single-line-controls); padding-block: var(--= padding-composer-single-line-footer-block); padding-inline: calc(var(--spac= ing) * 2); grid-template-columns: auto minmax(0px, 1fr) auto; } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"multiline"] { grid-t= emplate-columns: minmax(0px, auto) auto minmax(0px, 1fr); column-gap: 5px; = } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"multiline"][data-com= poser-spacing=3D"flush"] { margin-bottom: 0px; padding-inline: 0px; } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"multiline"][data-com= poser-spacing=3D"default"] { margin-bottom: var(--spacing-composer-footer-b= ottom); padding-inline: calc(var(--spacing) * 2); } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"single-line"][data-c= omposer-rows=3D"stacked"] { grid-template-columns: minmax(0px, auto) auto m= inmax(0px, 1fr); } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"single-line"][data-c= omposer-rows=3D"stacked"]:not([data-dictation-view=3D"waveform"]) { padding= -block: 0 var(--padding-composer-single-line-footer-block); } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"single-line"][data-c= omposer-rows=3D"stacked"] > .AdaptiveFooterInput-zji599 .ComposerLayoutInpu= t-KwIAr_[data-composer-layout=3D"single-line"][data-composer-spacing=3D"def= ault"] { --composer-editor-single-line-height: var(--composer-editor-line-h= eight); padding-block: calc(var(--spacing) * 2.75) calc(var(--spacing) * 1.= 5); padding-inline: calc(var(--spacing) * 3.75) calc(var(--spacing) * 3.5);= } @media not all and (min-width: 40rem) { .ComposerLayoutFooter-_8IVRO[data-composer-rows=3D"responsive"] { padding= -block: 0 var(--padding-composer-single-line-footer-block); grid-template-c= olumns: minmax(0px, auto) auto minmax(0px, 1fr); } .ComposerLayoutFooter-_8IVRO[data-composer-rows=3D"responsive"] > .Adapti= veFooterInput-zji599 .ComposerLayoutInput-KwIAr_[data-composer-layout=3D"si= ngle-line"][data-composer-spacing=3D"default"] { --composer-editor-single-l= ine-height: var(--composer-editor-line-height); padding-block: calc(var(--s= pacing) * 2.75) calc(var(--spacing) * 1.5); padding-inline: calc(var(--spac= ing) * 3.75) calc(var(--spacing) * 3.5); } } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"document"] { = --composer-layout-surface-background: var(--color-surface-secondary); --com= poser-layout-surface-backdrop-filter: none; --composer-layout-surface-shado= w: none; --composer-border-radius: var(--radius-md); --min-height-composer:= 1lh; --padding-composer-empty-attachments: 0; --padding-composer-input: 0 = var(--spacing); --spacing-composer-input-footer: 0; --spacing-composer-foot= er-bottom: 0; inline-size: max-content; max-inline-size: 100%; min-inline-s= ize: calc(var(--spacing) * 16); } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"document"] .C= omposerLayoutInput-KwIAr_ { inline-size: max-content; max-inline-size: 100%= ; } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"document"] .D= ocumentComposerControls-VM3LZc { border: 1px solid var(--color-border); bor= der-radius: var(--radius-lg); width: max-content; padding: var(--spacing); = background: var(--color-surface-elevated-secondary); box-shadow: var(--shad= ow-lg); display: flex; position: absolute; inset-block-start: 100%; inset-i= nline-end: 0px; } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"document"]:no= t(:hover):not(:focus-within) .DocumentComposerControls-VM3LZc { visibility:= hidden; } .ComposerLayoutFooterLabel-B4ewUG { text-overflow: ellipsis; white-space:= nowrap; overflow: hidden; } .ComposerLayoutFooterLabel-B4ewUG[data-composer-footer-label-width=3D"nar= row"] { max-width: calc(var(--spacing) * 16); } .ComposerLayoutFooterLabel-B4ewUG[data-composer-footer-label-width=3D"med= ium"] { max-width: calc(var(--spacing) * 20); } .ComposerLayoutFooterLabel-B4ewUG[data-composer-footer-label-width=3D"wid= e"] { max-width: calc(var(--spacing) * 28); } @container composer-footer (width <=3D 440px) { .ComposerLayoutFooterLabel-B4ewUG[data-composer-footer-label-responsive] = { display: none; } } @container composer-footer (width <=3D 475px) { [data-codex-window-type=3D"electron"] .ComposerLayoutFooterLabel-B4ewUG[d= ata-composer-footer-label-responsive] { display: none; } } .ComposerModeSurface-lVLm7j { flex-direction: column; display: flex; } .ComposerModeSurface-lVLm7j:has([data-composer-mode-tag]) { --composer-mo= de-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .ComposerModeSurface-lVLm7j:has([data-composer-mode-tag]) { --composer-mo= de-color: color-mix(in srgb, var(--color-text) 8%, var(--color-background-p= rimary-soft)); } } .ComposerModeSurface-lVLm7j:has([data-composer-mode-tag]) .ComposerLayout= Root-XCKS7O:not([data-composer-utility-bar-variant=3D"home"]) { outline: 1p= x solid var(--composer-mode-color); } .ComposerModeSurface-lVLm7j:has([data-composer-mode-tag]) > .ComposerLayo= utBody-uBBf1A { outline: 1px solid var(--composer-mode-color); } .ComposerModeSurface-lVLm7j:has([data-composer-mode-tag]) .ComposerLayout= Root-XCKS7O[data-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody= -uBBf1A { outline: 1px solid var(--composer-mode-color); } .ComposerLayoutRoot-XCKS7O[data-composer-density=3D"default"] > .Composer= LayoutFooter-_8IVRO[data-dictation-enabled][data-composer-rows] { padding-t= op: calc(var(--spacing) * 2); padding-bottom: calc(var(--spacing) * 2); mar= gin-bottom: 0px; } .ComposerLayoutRoot-XCKS7O[data-composer-density=3D"default"] > .Composer= LayoutFooter-_8IVRO[data-dictation-enabled][data-composer-rows][data-dictat= ion-view] .ComposerLayoutInput-KwIAr_, .ComposerLayoutRoot-XCKS7O[data-comp= oser-density=3D"default"] > .ComposerLayoutFooter-_8IVRO[data-dictation-ena= bled][data-composer-rows][data-composer-layout=3D"multiline"] .ComposerLayo= utInput-KwIAr_ { min-height: calc(var(--spacing) * 10); --composer-editor-m= in-height: calc(var(--spacing) * 10); --composer-editor-line-height: calc(v= ar(--spacing) * 6); margin-bottom: calc(var(--spacing) * 2); } .ComposerLayoutRoot-XCKS7O[data-composer-density=3D"default"]:has(> [data= -dictation-enabled]) { --spacing-token-button-composer: calc(var(--spacing)= * 9); } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/702043.ec23679a4f.css @charset "utf-8"; @layer components { .heroSubtitle-p6J1Yk { font-size: 15px; line-height: 20px; } .informationalDescription-k7sdMK { font-size: 17px; } .banner-D_Hc96 { width: min(100%, clamp(434px, 100% - 64px, 664px)); marg= in-inline: auto; } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/73772.396ae818f7.css @charset "utf-8"; @layer components { .promptPreview-KN1JhB { min-width: 0px; max-width: 100%; min-height: 0px;= font-size: var(--text-sm); line-height: var(--leading-relaxed); font-weigh= t: var(--font-weight-normal); display: flex; } .promptPreview-KN1JhB:where([data-codex-window-type=3D"browser"] .promptP= review-KN1JhB) { font-size: var(--text-base); line-height: calc(var(--spaci= ng) * 7); letter-spacing: -0.02em; } .RowHeight-TBTxN9 { min-height: calc(var(--spacing) * 10); } .RowHeight-TBTxN9:where([data-codex-window-type=3D"browser"] .RowHeight-T= BTxN9) { min-height: calc(var(--spacing) * 13); } .Row-Va6Yoe { transition: background-color 75ms; } .Row-Va6Yoe.Enabled-Y2nC5n:hover, .Row-Va6Yoe.Highlighted-xFXTP0, .Row-Va= 6Yoe:focus-within { background-color: var(--color-background-primary-ghost-= hover); } :is(.Row-Va6Yoe.Enabled-Y2nC5n:hover, .Row-Va6Yoe.Highlighted-xFXTP0, .Ro= w-Va6Yoe:focus-within) .Button-OwFNja { color: var(--color-text); } .Button-OwFNja { font-size: var(--text-sm); line-height: var(--text-sm--l= ine-height); transition: color 75ms; } .Button-OwFNja:where([data-codex-window-type=3D"browser"] .Button-OwFNja)= { font-size: var(--codex-chat-font-size); line-height: var(--line-height-c= omposer); } @media (prefers-reduced-motion: reduce) { .Row-Va6Yoe, .Button-OwFNja { transition: none; } } @keyframes fade-in-HYTrVJ {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in-marker-re9IOT {=20 0% { color: rgba(0, 0, 0, 0); } } @keyframes image-enter-VfEUgK {=20 0% { opacity: 0; transform: scale(0.98); } 100% { opacity: 1; transform: scale(1); } } :root { --wide-block-panel-max-width-override: calc(infinity * 1px); } [data-app-shell-main-content-layout]:has([data-pip-obstacle=3D"thread-sum= mary-panel"]) { --wide-block-panel-max-width-override: initial; } :is(.MediaWideBlock-f485En, .MermaidWideBlock-RqYZqT, .TableContainer-UfI= Oz_[data-wide-block], .VisualizationWideBlock-S7EK3X) { --wide-block-panel-= max-width: var(--wide-block-panel-max-width-override,calc(100cqi - var(--th= read-content-max-width) + (var(--thread-content-margin,24px) * 3) + (var(--= thread-wide-block-inline-shift,0px) * 2))); } .MediaWideBlock-f485En { --wide-block-width: min(var(--markdown-wide-bloc= k-max-width), var(--wide-block-container-max-width), var(--wide-block-panel= -max-width,var(--wide-block-container-max-width))); } :is(.MediaWideBlock-f485En, .MermaidWideBlock-RqYZqT:not(:has([data-merma= id-streaming]))) { width: var(--wide-block-width); max-width: none; } .MermaidWideBlock-RqYZqT, .VisualizationWideBlock-S7EK3X { --wide-block-c= ontainer-max-width: max(100%, calc(100cqi - (var(--padding-toolbar) * 2) - = (var(--thread-content-margin,24px) * 2) - (var(--spacing) * 18) - (var(--th= read-wide-block-inline-shift,0px) * 2))); --wide-block-default-max-width: m= in(calc(var(--markdown-wide-block-max-width) + 8rem), var(--wide-block-cont= ainer-max-width), var(--wide-block-panel-max-width,var(--wide-block-contain= er-max-width))); } .MermaidWideBlock-RqYZqT:not(:has([data-mermaid-streaming])) { --wide-blo= ck-width: var(--wide-block-default-max-width); margin-left: calc((100% - va= r(--wide-block-width)) / 2); } .VisualizationBlock-BXpp50.VisualizationWideBlock-S7EK3X { --wide-block-w= idth: var(--wide-block-default-max-width); width: var(--wide-block-width); = max-width: none; margin-left: calc((100% - var(--wide-block-width)) / 2); } .MediaWideBlock-f485En { --wide-block-container-max-width: max(100%, calc= (50cqi + 50% - var(--padding-toolbar) - var(--thread-wide-block-inline-shif= t,0px))); margin-left: 0px; } .Paragraph-kKnbIo, .VisualizationBlock-BXpp50 { margin: 0 0 var(--markdow= n-space); } .VisualizationBlock-BXpp50 { font-family: var(--font-sans); display: flow= -root; } .Paragraph-kKnbIo, .Heading-Ro3lZr, .ListItem-ncLgmg, .Table-LqdUhs { fon= t-family: var(--font-content); } .MediaParagraph-HnYrwo { text-align: left; } .MediaGridParagraph-Z32buN { flex-wrap: wrap; align-items: flex-start; ga= p: 12px; display: flex; } .Heading-Ro3lZr { font-weight: var(--font-weight-semibold); } .Heading-Ro3lZr:where(h1) { margin: calc(var(--markdown-space) * 4) 0 cal= c(var(--markdown-space) * 2); font-size: calc(var(--markdown-font-size) * 1= .5); line-height: calc(var(--markdown-space) * 8); } .Heading-Ro3lZr:where(h2) { margin: calc(var(--markdown-space) * 4) 0 var= (--markdown-space); font-size: calc(var(--markdown-font-size) * 1.25); line= -height: calc(var(--markdown-space) * 7); } .Heading-Ro3lZr:where(h3) { margin: calc(var(--markdown-space) * 4) 0 var= (--markdown-space); font-size: calc(var(--markdown-font-size) * 1.125); lin= e-height: calc(var(--markdown-space) * 7); } .Heading-Ro3lZr:where(h4) { margin: calc(var(--markdown-space) * 4) 0 0; = font-size: var(--markdown-font-size); line-height: calc(var(--markdown-spac= e) * 6); } .Heading-Ro3lZr:where(h5, h6) { font-size: var(--markdown-font-size); lin= e-height: var(--markdown-line-height); margin: 0px; } .Heading-Ro3lZr:where(h4) + .Paragraph-kKnbIo { margin-top: 0px; } .List-kOVW5V { margin: 0px; padding-inline-start: var(--markdown-line-hei= ght); list-style-position: outside; } .MarkdownRoot-rZKhxa > .Paragraph-kKnbIo[data-markdown-han-text]:has(+ .P= aragraph-kKnbIo[data-markdown-han-text]) { margin-bottom: var(--spacing); } .MarkdownRoot-rZKhxa > :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50)= :not(:first-child) { margin-top: calc(var(--markdown-space) * 2); } .MarkdownRoot-rZKhxa > :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50)= + :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50) { margin-block: calc(= var(--markdown-space) * 4); } .MarkdownRoot-rZKhxa > .Heading-Ro3lZr:where(h1, h2, h3) + .Paragraph-kKn= bIo, .MarkdownRoot-rZKhxa > .Paragraph-kKnbIo + .List-kOVW5V { margin-top: = 0px; } .MarkdownRoot-rZKhxa > .List-kOVW5V + .Heading-Ro3lZr { margin-top: calc(= var(--markdown-space) * 4); } .UnorderedList-nqKD7g { list-style-type: disc; } .List-kOVW5V .UnorderedList-nqKD7g { list-style-type: circle; } .List-kOVW5V .List-kOVW5V .UnorderedList-nqKD7g { list-style-type: square= ; } .OrderedList-XsMUSX { list-style-type: decimal; } .TaskList-QsR4bm { padding-inline-start: 0px; list-style-type: none; } .ListItem-ncLgmg { padding-inline-start: calc(var(--markdown-space) * 1.5= ); display: list-item; } .ListItem-ncLgmg + .ListItem-ncLgmg { margin-top: 0px; } .ListItem-ncLgmg > :first-child:not(h1, h2, h3) { margin-top: 0px; margin= -bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > :last-child:no= t(h1, h2, h3) { margin-bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content])[data-starts-with= -heading] > :nth-child(1 of h1, h2, h3) { margin-top: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content])[data-ends-with-h= eading] > :nth-last-child(1 of h1, h2, h3) { margin-bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > p { margin: 0p= x; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > p + p { margin= -top: calc(var(--markdown-space) * 4); } .ListItem-ncLgmg > .List-kOVW5V { margin-top: 0px; margin-bottom: 0px; } .TaskListItem-ZeZMab { --markdown-task-checkbox-margin: 0; padding-inline= -start: 0px; list-style-type: none; } .TaskListItem-ZeZMab:has(> p, > [data-markdown-list-item-content]) { --ma= rkdown-task-checkbox-margin: var(--markdown-space); grid-template-columns: = auto minmax(0px, 1fr); display: grid; } .TaskListItem-ZeZMab.TaskListItem-ZeZMab > :first-child { margin-top: var= (--markdown-task-checkbox-margin); } .TaskListItem-ZeZMab > :not(:first-child) { grid-column: 2; } .UnorderedList-nqKD7g > .ListItem-ncLgmg::marker { color: var(--text-prim= ary); font-weight: var(--font-weight-semibold); } .OrderedList-XsMUSX > .ListItem-ncLgmg::marker { color: var(--text-primar= y); font-weight: var(--font-weight-semibold); } .Blockquote-EqEEot { margin: 0 0 calc(var(--markdown-space) * 2); color: = var(--text-primary); font-style: normal; line-height: calc(var(--markdown-s= pace) * 6); padding-block: calc(var(--markdown-space) * 2); border: 0px; pa= dding-inline-start: calc(var(--markdown-space) * 6); position: relative; ba= ckground-color: rgba(0, 0, 0, 0) !important; } .Blockquote-EqEEot > :first-child { margin-top: 0px; } .Blockquote-EqEEot > :last-child { margin-bottom: 0px; } .Blockquote-EqEEot > .Paragraph-kKnbIo { font-weight: var(--font-weight-n= ormal); margin: 0px; } .Blockquote-EqEEot > .Paragraph-kKnbIo::before, .Blockquote-EqEEot > .Par= agraph-kKnbIo::after { content: none; } .Blockquote-EqEEot::after { content: ""; inset-inline-start: 0px; top: ca= lc(var(--markdown-space) * 2); bottom: calc(var(--markdown-space) * 2); wid= th: var(--markdown-space); border-radius: calc(var(--markdown-space) / 2); = background-color: var(--border-medium); position: absolute; } .HorizontalRule-ByOEk_ { clear: both; height: 0px; margin: calc(var(--mar= kdown-space) * 7) 0; border-right: 0px; border-bottom: 0px; border-left: 0p= x; border-image: none; border-top: 1px solid var(--border-medium); } .HorizontalRule-ByOEk_ + * { margin-top: 0px; } .MarkdownRoot-rZKhxa { --markdown-host-font-size: var(--codex-chat-font-s= ize); --markdown-host-small-font-size: var(--codex-chat-code-font-size); --= markdown-font-size: var(--markdown-host-font-size); --markdown-line-height:= calc(var(--markdown-font-size) * var(--leading-relaxed)); --markdown-small= -font-size: max(var(--markdown-host-small-font-size), calc(var(--markdown-f= ont-size) * .875)); --markdown-space: calc(var(--markdown-font-size) / 4); = --text-primary: currentColor; --border-medium: var(--color-border-strong); = --border-light: var(--color-border-subtle); --main-surface-secondary: var(-= -color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .MarkdownRoot-rZKhxa { --main-surface-secondary: color-mix(in srgb, var(-= -color-surface-secondary) 92%, transparent); } } .MarkdownRoot-rZKhxa { color: var(--color-text); font-size: var(--markdow= n-font-size); line-height: var(--markdown-line-height); overflow-wrap: anyw= here; } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"inherit"] { color: inheri= t; } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"inherit"] .ExternalMarkdo= wnLink-WWBYg9 { --vscode-textLink-foreground: var(--markdown-link-color,cur= rentColor); --vscode-textLink-activeForeground: var(--markdown-link-color,c= urrentColor); --inline-mention-dark-base-color: currentColor; --inline-ment= ion-resolved-base-color: currentColor; color: var(--markdown-link-color,inh= erit); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"tertiary"] { color: var(-= -color-text-tertiary); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"user-message"] { color: v= ar(--color-text-user-message); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"user-message"] .ExternalM= arkdownLink-WWBYg9 { --inline-mention-dark-base-color: var(--color-text-use= r-message); --inline-mention-resolved-base-color: var(--color-text-user-mes= sage); } .MarkdownRoot-rZKhxa :is(.Paragraph-kKnbIo, .List-kOVW5V, .ListItem-ncLgm= g, .Table-LqdUhs) { font-size: var(--markdown-font-size); line-height: var(= --markdown-line-height); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"inherit"] { --markdown-f= ont-size: 1em; --markdown-line-height: 1lh; color: inherit; } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"base"] { --markdown-font= -size: var(--text-base); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"large"] { --markdown-fon= t-size: var(--text-lg); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"small"] { --markdown-fon= t-size: var(--text-sm); } .MarkdownRoot-rZKhxa .Table-LqdUhs, .MarkdownRoot-rZKhxa[data-markdown-te= xt-style] .Table-LqdUhs { font-size: var(--markdown-small-font-size); } .MarkdownRoot-rZKhxa .katex-display { max-width: 100%; overflow: auto hid= den; } [data-codex-window-type=3D"browser"] .MarkdownRoot-rZKhxa { --markdown-ho= st-font-size: var(--text-base); --markdown-host-small-font-size: var(--text= -sm); } .MarkdownTablePreview-WF8OXs { border: 1px solid var(--color-border); bor= der-radius: var(--radius-2xl); background-color: var(--color-surface-elevat= ed-secondary); max-width: 80%; max-height: 100%; padding: calc(var(--spacin= g) * 8); box-shadow: var(--shadow-2xl); margin: auto; display: flex; overfl= ow: hidden; } [data-codex-window-type=3D"extension"] .MarkdownRoot-rZKhxa { --thread-co= ntent-max-width: 40rem; } .TableContainer-UfIOz_ { width: 100%; margin-top: calc(var(--markdown-spa= ce) * 4); position: relative; } .TableContainer-UfIOz_[data-wide-block] { --edge-fade-distance: calc(var(= --thread-content-margin,24px) * 4); --wide-block-width: max(100%, min(calc(= 50cqi + 50% - var(--padding-toolbar) - var(--thread-content-margin,24px) - = var(--thread-wide-block-inline-shift,0px)), calc((100% + var(--wide-block-p= anel-max-width)) / 2))); width: fit-content; max-width: var(--wide-block-wi= dth); } .TableContainer-UfIOz_:not([data-wide-block]) .TableWrapper-i1mUIE { min-= width: 100%; } .TableContainer-UfIOz_:not([data-wide-block]) .Table-LqdUhs { font-varian= t-numeric: tabular-nums; min-width: 100%; } .TableContainer-UfIOz_:not([data-wide-block]) .Table-LqdUhs [data-col-siz= e] { min-width: auto; } .TableScroller-ZhMTLB { scrollbar-width: thin; overflow-x: auto; } .TableContainer-UfIOz_[data-wide-block] .TableScroller-ZhMTLB { display: = flex; } .TableWrapper-i1mUIE { pointer-events: auto; width: fit-content; } @container latest-turn-preview (width >=3D 0) { .TableContainer-UfIOz_[data-wide-block] { width: 100%; } } .Table-LqdUhs { width: fit-content; min-width: min(calc(100cqw - (var(--p= adding-toolbar) * 2)), calc(var(--thread-content-max-width,40rem) - (var(--= padding-toolbar) * 2))); border-collapse: separate; border-spacing: 0px; ta= ble-layout: auto; text-align: start; margin: 0px; } .Table-LqdUhs [data-col-size=3D"sm"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 4 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 6 / 24); } .Table-LqdUhs [data-col-size=3D"md"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 6 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 8 / 24); } .Table-LqdUhs [data-col-size=3D"lg"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 8 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 12 / 24); } .Table-LqdUhs [data-col-size=3D"xl"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 14 / 24); max-width: calc(var(--thread-content-max-wi= dth,40rem) * 18 / 24); } .TableRow-ENsaGm:not(:last-child) .TableCell-WcsygL { border-bottom: 1px = solid var(--border-light); } .TableStickyHeader-I7_LNR { border-collapse: separate; border-spacing: 0p= x; } .TableStickyHeader-I7_LNR .TableHeaderCell-esYSpn { z-index: 10; backgrou= nd: var(--color-surface); position: sticky; top: 0px; } .TableHeaderCell-esYSpn, .TableCell-WcsygL { vertical-align: top; white-s= pace: normal; padding-inline-end: calc(var(--markdown-space) * 6); } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"left"] { text-al= ign: left; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"center"] { text-= align: center; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"right"] { text-a= lign: right; } .TableHeaderCell-esYSpn { border-bottom: 1px solid var(--border-medium); = padding-top: calc(var(--markdown-space) * 2); padding-bottom: calc(var(--ma= rkdown-space) * 2); text-align: start; color: var(--text-primary); font-wei= ght: var(--font-weight-semibold); line-height: calc(var(--markdown-space) *= 4); } .TableCell-WcsygL { padding-top: calc(var(--markdown-space) * 2.5); paddi= ng-bottom: calc(var(--markdown-space) * 2.5); } .NumericTableCell-rj6UoB { min-width: calc(3ch + (var(--markdown-space) *= 6)); white-space: nowrap; } .TableHeaderCell-esYSpn:last-child { padding-inline-end: calc(var(--markd= own-space) * 10); } .TableCell-WcsygL:last-child { padding-inline-end: 0px; } .TableBody-A5sMNL .TableRow-ENsaGm:last-child .TableCell-WcsygL { padding= -bottom: calc(var(--markdown-space) * 6); } .MermaidBlock-zsG6ii { margin-block: calc(var(--markdown-space) * 2); } .CodeBlock-zu1QM3 { margin-block: calc(var(--markdown-space) * 5); } .MermaidBlock-zsG6ii:has([data-mermaid-streaming]) { margin-block: 0px; } .CodeBlockPlaceholder-rW0eah { border-radius: var(--radius-3xl-base); bac= kground: var(--color-background-secondary-soft-alpha); padding: calc(var(--= markdown-space) * 4); font-size: var(--markdown-small-font-size); line-heig= ht: calc(var(--markdown-space) * 5); overflow-x: auto; } .InlineMarkdownIsolate-QWDV4W { unicode-bidi: isolate; } .AgentMentionLabel-hMk9qK { color: var(--color-text); } .BrowserTabMentionLabel-RsqyjI { text-overflow: ellipsis; white-space: no= wrap; overflow: hidden; } .InlineMentionFocusRing-j8iO1a { cursor: var(--cursor-interaction); } .InlineMentionFocusRing-j8iO1a [data-layout] { -webkit-box-decoration-bre= ak: clone; box-decoration-break: clone; } .InlineMentionFocusRing-j8iO1a:not(:has([data-layout])) { -webkit-box-dec= oration-break: clone; box-decoration-break: clone; } .InlineMentionFocusRing-j8iO1a:focus-visible { outline: none; } .InlineMentionFocusRing-j8iO1a:focus-visible [data-layout] { border-radiu= s: var(--radius-md); box-shadow: 0 0 0 2px var(--color-ring); } .InlineMentionFocusRing-j8iO1a:focus-visible:not(:has([data-layout])) { b= order-radius: var(--radius-md); box-shadow: 0 0 0 2px var(--color-ring); } .InlineMentionFocusRing-j8iO1a[data-disabled] { cursor: default; } :is(.MarkdownRoot-rZKhxa th, .MarkdownRoot-rZKhxa td) { max-width: calc(v= ar(--thread-content-max-width,40rem) * 18 / 24); overflow-wrap: break-word;= word-break: normal; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL) .TableCellFileLink-h40okA= { white-space: nowrap; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL) .TableCellFileLink-h40okA= > :last-child { white-space: normal; } .SingleChildTableCell-Sv7jTC > [data-file-reference] .TableCellFileLink-h= 40okA { vertical-align: baseline; grid-template-columns: auto minmax(0px, 1= fr); max-width: 100%; display: inline-grid; } .MarkdownRoot-rZKhxa[data-markdown-animated] :is(.FadeIn-RqQvGR, .Horizon= talRule-ByOEk_, .ListItem-ncLgmg, .TableRow-ENsaGm, .Blockquote-EqEEot) { o= pacity: 1; animation-duration: ; animation-timing-function: ; animation-ite= ration-count: ; animation-direction: ; animation-fill-mode: ; animation-pla= y-state: ; animation-name: ; animation-timeline: ; animation-range-start: ;= animation-range-end: ; animation-delay: var(--fade-delay,0s); } .MarkdownRoot-rZKhxa[data-markdown-animated] .FadeListDecoration-F9SN5z::= marker { animation-duration: ; animation-timing-function: ; animation-itera= tion-count: ; animation-direction: ; animation-fill-mode: ; animation-play-= state: ; animation-name: ; animation-timeline: ; animation-range-start: ; a= nimation-range-end: ; animation-delay: var(--fade-delay,0s); } .MarkdownRoot-rZKhxa.AdaptiveStreaming-uuYOZc .FadeIn-RqQvGR { --duration= : var(--animation-duration-streaming-text); } .MarkdownRoot-rZKhxa.AdaptiveStreaming-uuYOZc .FadeListDecoration-F9SN5z:= :marker { --duration: var(--animation-duration-streaming-text); } .MarkdownRoot-rZKhxa[data-markdown-animated] .ImageEnter-TCwnvk { transfo= rm-origin: 50% center; animation: 0.18s ease-out 0s 1 normal both running i= mage-enter-VfEUgK; } @media (prefers-reduced-motion: reduce) { .MarkdownRoot-rZKhxa[data-markdown-animated] :is(.FadeIn-RqQvGR, .Horizon= talRule-ByOEk_, .ListItem-ncLgmg, .TableRow-ENsaGm, .Blockquote-EqEEot, .Im= ageEnter-TCwnvk) { --duration: 0s; opacity: 1; animation-duration: 0s; tran= sform: scale(1); animation-delay: 0s !important; } .MarkdownRoot-rZKhxa[data-markdown-animated] .FadeListDecoration-F9SN5z::= marker { animation-duration: 0s; animation-delay: 0s !important; } } .DecoratedExternalLink-p2AJ5C { color: inherit; cursor: var(--cursor-inte= raction); text-decoration: underline dotted var(--color-text-tertiary) 1px;= text-underline-offset: 2px; text-decoration-skip-ink: auto; text-underline= -position: from-font; } .DecoratedExternalLink-p2AJ5C:hover { color: var(--color-text-info); text= -decoration-color: currentcolor; } } .ProseMirror .placeholder { pointer-events: none; user-select: none; positi= on: relative; } .ProseMirror .placeholder::before { color: var(--color-text-tertiary); cont= ent: attr(data-placeholder); opacity: var(--composer-editor-placeholder-opa= city,.5); pointer-events: none; user-select: none; white-space: nowrap; tex= t-overflow: ellipsis; max-width: 100%; position: absolute; inset: 0px 0px a= uto; overflow: hidden; } [data-composer-input-variant=3D"form"] .ProseMirror .placeholder { display:= flow-root; } [data-composer-input-variant=3D"form"] .ProseMirror .placeholder::before { = float: inline-start; white-space: normal; overflow-wrap: anywhere; width: 1= 00%; margin-inline-end: -100%; position: static; } .ProseMirror .placeholder::selection, .ProseMirror .placeholder ::selection= { color: inherit; background: 0px 0px; } .ProseMirror .ProseMirror-selectednode:has([skill-mention-name]) { outline:= none; } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/149347.edadf4097a.css @charset "utf-8"; @layer components { .root-HUUPVC:has(> button[aria-pressed=3D"true"]:focus-visible) > button[= aria-pressed=3D"true"]:focus-visible { outline: none; } .root-HUUPVC:has(> button[aria-pressed=3D"true"]:focus-visible) > .indica= tor-zrk55u { outline: -webkit-focus-ring-color auto; } .indicator-zrk55u { --mode-toggle-direction: 1; border: .5px solid var(--= color-border-mode-toggle-selected); background-color: var(--color-backgroun= d-mode-toggle-selected); width: calc(100% + 9px); box-shadow: var(--shadow-= mode-toggle-selected); margin-block: -0.5px; margin-inline-start: -0.5px; } .indicator-zrk55u:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(= bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), := lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(u= r), :lang(yi)) { --mode-toggle-direction: -1; } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/220047.9ffdd62fb4.css @charset "utf-8"; @layer components { .daybreak-VsXdEH { isolation: isolate; padding-inline-end: clamp(calc(var= (--spacing) * 8), 18%, calc(var(--spacing) * 32)); position: relative; } .daybreak-VsXdEH::before { content: ""; z-index: -1; pointer-events: none= ; background: radial-gradient(ellipse 152px 80px at 76% calc(100% + 41px), = var(--color-background-panel,var(--color-background-primary-soft-alpha)) ca= lc(100% - 2px), var(--lightningcss-light,#f28a1f) var(--lightningcss-dark,#= ffd776) 100%, var(--lightningcss-light,#ffb23b99) var(--lightningcss-dark,#= ff912442) calc(100% + 2px), var(--lightningcss-light,#f28a1f40) var(--light= ningcss-dark,#ff912426) 122%, var(--lightningcss-light,#f28a1f0d) var(--lig= htningcss-dark,#0000) 152%, transparent 180%); width: min(250px, 35%); posi= tion: absolute; inset-block: 0px; inset-inline-end: 0px; mask-image: linear= -gradient(90deg, rgba(0, 0, 0, 0) 25%, rgb(0, 0, 0) 70%); } .stageCompact-RORVUE { z-index: 100; pointer-events: none; padding-bottom= : calc(var(--spacing) * 4 + env(safe-area-inset-bottom,0px)); inset-inline:= 0px; position: absolute; bottom: 0px; container: cookie-consent / inline-s= ize; } .stageCompactGutter-pPPUd_ { padding-inline: calc(var(--spacing) * 4); } @container cookie-consent (width >=3D 40rem) { .stageCompactGutter-pPPUd_ { padding-inline: calc(var(--spacing) * 6); } } @container cookie-consent (width >=3D 64rem) { .stageCompactGutter-pPPUd_ { padding-inline: calc(var(--spacing) * 16); } } .stageCompactBanner-BKQbb7 { pointer-events: auto; max-width: var(--threa= d-content-compact-max-width); margin-inline: auto; } @container cookie-consent (width >=3D 64rem) { .stageCompactBanner-BKQbb7 { max-width: var(--thread-content-expanded-max= -width); } } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/976600.59a99b4ae9.css @charset "utf-8"; @layer components { .RadioGroup-H_sP01 { gap: var(--radio-group-row-gap); display: flex; } .RadioGroup-H_sP01:where([data-direction=3D"col"]) { gap: var(--radio-gro= up-col-gap); flex-direction: column; } .RadioLabel-lQJ277 { align-items: flex-start; gap: var(--radio-group-item= -gap); cursor: pointer; font-size: var(--radio-group-item-font-size); line-= height: var(--radio-group-item-line-height); flex-direction: row; display: = inline-flex; } .RadioLabel-lQJ277[data-disabled] { cursor: not-allowed; opacity: 0.5; } .RadioLabel-lQJ277[data-block] { width: 100%; } .RadioIndicatorWrapper-JJB7RD { flex-shrink: 0; justify-content: center; = align-items: center; height: 1lh; display: flex; position: relative; } .RadioIndicatorWrapper-JJB7RD > input { bottom: 0px; left: 0px; right: 0p= x; height: 1px !important; transform: none !important; } .RadioItem-wMk8Sz { width: var(--radio-group-indicator-size); height: var= (--radio-group-indicator-size); border-radius: var(--radius-full); box-shad= ow: 0 0 0 1px var(--radio-group-indicator-border-color) inset; cursor: poin= ter; transition-duration: var(--transition-duration-basic); transition-prop= erty: box-shadow; transition-timing-function: var(--transition-ease-basic);= background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: no= ne; border-color: currentcolor; border-image: none; flex-shrink: 0; justify= -content: center; align-items: center; padding: 0px; display: flex; positio= n: relative; } @media (hover: hover) { .RadioItem-wMk8Sz:where(:not([data-disabled])):hover { box-shadow: 0 0 0 = 1px var(--radio-group-indicator-border-color-hover) inset; } } .RadioItem-wMk8Sz[data-disabled] { cursor: not-allowed; } .RadioItem-wMk8Sz:focus { outline: none; } .RadioItem-wMk8Sz:focus-visible { outline: 2px solid var(--color-ring); o= utline-offset: 2px; } .RadioIndicator-auwXpC { justify-content: center; align-items: center; wi= dth: 100%; height: 100%; display: inline-grid; position: relative; } .RadioIndicator-auwXpC::before, .RadioIndicator-auwXpC::after { content: = ""; will-change: transform; grid-row-start: 1; grid-column-start: 1; place-= self: center; display: block; } .RadioIndicator-auwXpC::before { width: var(--radio-group-indicator-size)= ; height: var(--radio-group-indicator-size); border-radius: var(--radius-fu= ll); animation: fade-in-FONKsE .6s var(--cubic-enter); background-color: va= r(--radio-group-indicator-background-color); } .RadioIndicator-auwXpC::after { width: var(--radio-group-indicator-hole-s= ize); height: var(--radio-group-indicator-hole-size); border-radius: var(--= radius-full); animation: scale-in-qB15Dp .6s var(--cubic-enter); background= -color: var(--radio-group-indicator-hole-background-color); } @keyframes scale-in-qB15Dp {=20 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes fade-in-FONKsE {=20 0% { opacity: 0; } 100% { opacity: 1; } } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/async/353582.f0261edb80.css @charset "utf-8"; @layer components { .banner-cPVvz7 { color: var(--lightningcss-light,#0d0d0d) var(--lightning= css-dark,#fff); letter-spacing: -0.15px; font-variation-settings: "opsz" 14= ; -webkit-font-smoothing: auto; text-wrap: pretty; background: var(--lightn= ingcss-light,#fff) var(--lightningcss-dark,#212121); border: .5px solid var= (--lightningcss-light,#0000001a) var(--lightningcss-dark,#0000); border-rad= ius: 28px; width: 100%; padding: 24px; font-size: 14px; font-weight: 400; l= ine-height: 18px; display: flex; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 16= px; } .description-izhOpC { color: var(--lightningcss-light,#5d5d5d) var(--ligh= tningcss-dark,#cdcdcd); } .successCta-DS7DTt a { color: var(--color-chart-green) !important; } .catalog-Qac5fp { outline: 1px solid var(--color-border); outline-offset:= -1px; border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px; } .container-C1xTCG { width: 100%; container: beacon / inline-size; } .surface-NbxhOL { outline: .5px solid var(--lightningcss-light,#0d0d0d0d)= var(--lightningcss-dark,var(--color-border-subtle)); outline-offset: -0.5p= x; background: var(--lightningcss-light,white) var(--lightningcss-dark,var(= --color-surface-elevated)); width: 100%; color: var(--lightningcss-light,#0= d0d0d) var(--lightningcss-dark,var(--color-text)); letter-spacing: -0.15px;= font-variation-settings: "wdth" 100; box-shadow: var(--shadow-card); borde= r-radius: 24px; align-items: center; gap: 12px; padding: 16px; font-family:= -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px= ; font-weight: 400; line-height: 20px; display: flex; } .content-tH5Jdx { flex: 1 1 0%; min-width: 0px; margin-inline-end: 12px; = } .body-F1ixEW { align-items: center; gap: 12px; min-width: 0px; display: f= lex; } .visual-mZAtoS { flex-shrink: 0; justify-content: center; align-items: ce= nter; width: 32px; min-height: 32px; display: flex; } .iconCircle-KOGKLv { background: var(--gray-75); width: 32px; height: 32p= x; color: var(--lightningcss-light,#0d0d0d) var(--lightningcss-dark,var(--c= olor-text)); border-radius: 50%; justify-content: center; align-items: cent= er; display: flex; } .responsiveImage-uOZ0Ay { object-fit: contain; width: 32px; height: 32px;= } .copy-nj2odw { overflow-wrap: break-word; flex-direction: column; flex: 1= 1 0%; gap: 2px; min-width: 0px; display: flex; } .title-TGNnMU { font-weight: 510; } .description-iF4DEu { color: var(--lightningcss-light,#5d5d5d) var(--ligh= tningcss-dark,var(--color-text-secondary)); text-wrap: wrap; } .ctas-dOiCY0, .actions-nhbYt6 { flex-shrink: 0; align-items: center; gap:= 8px; min-width: 0px; max-width: 100%; display: flex; } .ctas-dOiCY0 { max-width: 50%; } .dismiss-o5oOqY { flex-shrink: 0; align-items: center; display: flex; } .action-UM7Nw_ { letter-spacing: -0.18px; justify-content: center; height= : 36px; padding: 0px 16px; font-size: 14px; font-weight: 510; line-height: = 20px; } .primary-FmM7e1 { background: var(--lightningcss-light,#0d0d0d) var(--lig= htningcss-dark,var(--color-background-primary-solid)); min-width: 70px; col= or: var(--lightningcss-light,white) var(--lightningcss-dark,var(--color-tex= t-primary-solid)); border-width: 0px; } .secondary-sIS2DJ { border: 1px solid var(--lightningcss-light,#0d0d0d1a)= var(--lightningcss-dark,var(--color-border)); color: var(--lightningcss-li= ght,#0d0d0d) var(--lightningcss-dark,var(--color-text)); background: 0px 0p= x; } .dismissButton-dLiayh { width: 20px; height: 20px; color: var(--lightning= css-light,#8f8f8f) var(--lightningcss-dark,var(--color-text-tertiary)); bac= kground: 0px 0px; border-width: 0px; justify-content: center; padding: 0px;= } .primary-FmM7e1:not(:disabled):not([aria-disabled=3D"true"]):hover, .seco= ndary-sIS2DJ:not(:disabled):not([aria-disabled=3D"true"]):hover, .dismissBu= tton-dLiayh:not(:disabled):not([aria-disabled=3D"true"]):hover { opacity: 0= .8; } .mobileDismiss-Ebj2Ia { display: none; } @container beacon (width < 434px) { .surface-NbxhOL { background: var(--lightningcss-light,#ffffffe6) var(--l= ightningcss-dark,var(--color-surface-elevated)); backdrop-filter: blur(80px= ); outline: none; flex-direction: column; align-items: stretch; position: r= elative; } .content-tH5Jdx { margin-inline-end: 0px; } .body-F1ixEW { flex-direction: column; align-items: stretch; gap: 8px; } .visual-mZAtoS { align-self: flex-start; width: auto; } .responsiveImage-uOZ0Ay { width: 36px; height: 36px; } .noVisual-pjyuD6 .copy-nj2odw { padding-inline-end: 28px; } .title-TGNnMU { letter-spacing: -0.23px; font-size: 15px; } .description-iF4DEu { letter-spacing: -0.08px; font-size: 13px; line-heig= ht: 18px; } .ctas-dOiCY0, .actions-nhbYt6 { grid-auto-columns: minmax(0px, 1fr); grid= -auto-flow: column; gap: 12px; width: 100%; min-width: 0px; max-width: none= ; display: grid; } .action-UM7Nw_ { letter-spacing: -0.24px; min-width: 0px; height: 40px; f= ont-size: 15px; } .dismiss-o5oOqY { top: 16px; position: absolute; inset-inline-end: 16px; = } .dismissButton-dLiayh { width: 16px; height: 16px; color: var(--lightning= css-light,#5d5d5d) var(--lightningcss-dark,var(--color-text-tertiary)); } .desktopDismiss-zL0l1K { display: none; } .mobileDismiss-Ebj2Ia { display: block; } } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://chatgpt.com/cdn/assets/886701.3eeec92024.css @charset "utf-8"; @layer properties { @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((= -moz-orient:inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-shadow: 0 0 #0000; --tw-shadow-co= lor: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-i= nset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color:= initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw= -inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-w= idth: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000= ; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; = --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1;= --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rota= te-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-pan-x: init= ial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-scroll-snap-strict= ness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-div= ide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-= gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #= 0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-= via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-posi= tion: 50%; --tw-gradient-to-position: 100%; --tw-mask-linear: linear-gradie= nt(#fff, #fff); --tw-mask-radial: linear-gradient(#fff, #fff); --tw-mask-co= nic: linear-gradient(#fff, #fff); --tw-mask-left: linear-gradient(#fff, #ff= f); --tw-mask-right: linear-gradient(#fff, #fff); --tw-mask-bottom: linear-= gradient(#fff, #fff); --tw-mask-top: linear-gradient(#fff, #fff); --tw-mask= -bottom-from-position: 0%; --tw-mask-bottom-to-position: 100%; --tw-mask-bo= ttom-from-color: black; --tw-mask-bottom-to-color: transparent; --tw-leadin= g: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal= : initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-n= umeric-spacing: initial; --tw-numeric-fraction: initial; --tw-outline-style= : solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initi= al; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial= ; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-= drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alp= ha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw= -backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdr= op-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-inv= ert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initi= al; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initia= l; --tw-contain-size: initial; --tw-contain-layout: initial; --tw-contain-p= aint: initial; --tw-contain-style: initial; --tw-content: ""; --edge-fade-d= istance: 1rem; --left-fade: 0; --right-fade: 0; --loading-shimmer-mask-offs= et: 0%; --top-fade: 0; --bottom-fade: 0; } } } @layer theme { :root, :host { --font-sans: var(--font-ui-family,var(--font-sans-default)= ); --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, seri= f; --font-mono: var(--font-code-family,var(--font-mono-default)); --color-r= ed-400: var(--red-400); --color-red-500: var(--red-500); --color-red-600: v= ar(--red-600); --color-red-700: var(--red-700); --color-orange-300: var(--o= range-300); --color-orange-400: var(--orange-400); --color-orange-700: var(= --orange-700); --color-amber-100: #fef3c6; --color-amber-900: #7b3306; --co= lor-green-400: var(--green-400); --color-green-500: var(--green-500); --col= or-green-600: var(--green-600); --color-green-700: var(--green-700); --colo= r-green-900: var(--green-900); --color-blue-50: var(--blue-50); --color-blu= e-100: var(--blue-100); --color-blue-200: var(--blue-200); --color-blue-300= : var(--blue-300); --color-blue-400: var(--blue-400); --color-blue-500: var= (--blue-500); --color-blue-700: var(--blue-700); --color-slate-100: #f1f5f9= ; --color-slate-600: #45556c; --color-slate-700: #314158; --color-slate-950= : #020618; --color-gray-100: var(--gray-100); --color-gray-200: var(--gray-= 200); --color-gray-300: var(--gray-300); --color-gray-500: var(--gray-500);= --color-gray-600: var(--gray-600); --color-gray-700: var(--gray-700); --co= lor-gray-800: var(--gray-800); --color-black: var(--black); --color-white: = var(--white); --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 4= 8rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96r= em; --container-3xs: 16rem; --container-xs: 20rem; --container-sm: 24rem; -= -container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --conta= iner-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --containe= r-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 11= px; --text-xs--line-height: calc(1 / .75); --text-sm: 12px; --text-sm--line= -height: calc(1.25 / .875); --text-base: 14px; --text-base--line-height: ca= lc(1.5 / 1); --text-lg: 16px; --text-lg--line-height: calc(1.75 / 1.125); -= -text-xl: 28px; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 36px= ; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 48px; --text-3xl--lin= e-height: calc(2.25 / 1.875); --text-4xl: 72px; --text-4xl--line-height: ca= lc(2.5 / 2.25); --text-5xl: var(--font-heading-3xl-size); --text-5xl--line-= height: var(--font-heading-3xl-line-height); --font-weight-light: 300; --fo= nt-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 6= 00; --font-weight-bold: 700; --tracking-tight: -.025em; --tracking-normal: = 0em; --tracking-wide: .025em; --leading-tight: 1.25; --leading-snug: 1.375;= --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: calc(var(--r= adius-xs-base) * var(--corner-radius-scale)); --radius-sm: calc(var(--radiu= s-sm-base) * var(--corner-radius-scale)); --radius-md: calc(var(--radius-md= -base) * var(--corner-radius-scale)); --radius-lg: calc(var(--radius-lg-bas= e) * var(--corner-radius-scale)); --radius-xl: calc(var(--radius-xl-base) *= var(--corner-radius-scale)); --radius-2xl: calc(var(--radius-2xl-base) * v= ar(--corner-radius-scale)); --radius-3xl: calc(var(--radius-3xl-base) * var= (--corner-radius-scale)); --radius-4xl: calc(var(--radius-4xl-base) * var(-= -corner-radius-scale)); --shadow-sm: 0px 1px 2px -1px #00000014; --shadow-m= d: 0px 2px 4px -1px #00000014; --shadow-lg: 0px 4px 8px -2px #0000001a; --s= hadow-xl: 0px 8px 16px -4px #0000001f; --shadow-2xl: 0px 16px 32px -8px #00= 000030; --drop-shadow-md: 0 3px 3px #0000001f; --ease-out: cubic-bezier(0, = 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin = 2s steps(60, end) infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, = 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;= --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-x= l: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --aspect-video: 16 / 9; --defa= ult-transition-duration: .15s; --default-transition-timing-function: cubic-= bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mo= no-font-family: var(--font-mono); --breakpoint-xs: 20rem; --radius-2xs: cal= c(var(--radius-2xs-base) * var(--corner-radius-scale)); --radius-full: 9999= px; --text-2xs: var(--font-text-2xs-size); --text-2xs--line-height: var(--f= ont-text-2xs-line-height); --text-2xs--font-weight: var(--font-text-2xs-wei= ght); --text-2xs--letter-spacing: var(--font-text-2xs-tracking); --text-3xs= : var(--font-text-3xs-size); --text-3xs--line-height: var(--font-text-3xs-l= ine-height); --text-3xs--font-weight: var(--font-text-3xs-weight); --text-3= xs--letter-spacing: var(--font-text-3xs-tracking); --text-5xl--font-weight:= var(--font-text-lg-weight); --text-5xl--letter-spacing: var(--font-heading= -3xl-tracking); --color-gray-150: var(--gray-150); --color-gray-350: var(--= gray-350); --color-gray-1000: var(--gray-1000); --color-alpha: var(--alpha-= base); --icon-leading-size: 16px; --display-icon-compact: contents; --displ= ay-icon-leading: none; --leading-dense: calc(7 / 6); --font-sans-default: -= apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-content: v= ar(--codex-content-font-family,var(--font-sans)); --font-openai-sans: "Open= AI Sans", var(--font-sans-default); --font-mono-default: ui-monospace, "SFM= ono-Regular", "SF Mono", menlo, consolas, "Liberation Mono", monospace; --t= ext-heading-lg: 24px; --text-heading-app: 28px; --text-heading-md: 20px; --= text-heading-sm: 18px; --text-heading-xs: var(--font-heading-xs-size); --te= xt-document: 14px; --text-suggestion-description: 13px; --text-suggestion-d= escription--line-height: 18px; --text-dynamic-isle-row: 14px; --text-dynami= c-isle-row--line-height: 20px; --text-form-body: var(--font-text-sm-size); = --text-form-body--line-height: var(--font-text-sm-line-height); --text-form= -body--letter-spacing: -.15px; --text-form-title: var(--font-heading-xs-siz= e); --text-form-title--line-height: var(--font-heading-sm-line-height); --t= ext-form-title--letter-spacing: -.02em; --text-form-title--font-weight: 590= ; --text-onboarding-title: var(--text-heading-md); --text-onboarding-title-= -line-height: 1.25; --text-onboarding-title--letter-spacing: -.0225em; --te= xt-onboarding-body: var(--text-document); --text-onboarding-body--line-heig= ht: calc(20 / 14); --text-onboarding-body--letter-spacing: -.15px; --text-o= nboarding-label: 16px; --text-onboarding-label--line-height: 1.625; --text-= onboarding-label--letter-spacing: -.02em; --tracking-announcement-body: -.0= 1125rem; --corner-radius-scale: 1; --radius-2xs-base: .125rem; --radius-xs-= base: .25rem; --radius-sm-base: .375rem; --radius-md-base: .5rem; --radius-= lg-base: .625rem; --radius-xl-base: .75rem; --radius-2xl-base: 1rem; --radi= us-3xl-base: 1.25rem; --radius-4xl-base: 1.5rem; --radius-form-dialog: calc= (var(--spacing) * 6 * var(--corner-radius-scale)); --border-width-hairline:= .5px; --shadow-hairline: 0px 0px 0px .5px #0000001a; --shadow-sm-stronger:= 0px 1px 2px -1px #00000021; --shadow-lg-stronger: 0px 4px 8px -2px #000000= 29; --shadow-xl-spread: 0px 0px 0px .5px var(--color-token-border), var(--s= hadow-xl); --padding-row-y: var(--padding-row-y); --padding-row-x: calc(var= (--spacing) * 2); --height-token-nav-row: var(--height-token-nav-row); --he= ight-token-settings-row: 4rem; --height-token-empty-state-page: 26.25rem; -= -padding-panel: var(--padding-panel); --padding-toolbar: var(--padding-tool= bar); --cursor-interaction: pointer; --height-toolbar: 46px; --height-toolb= ar-sm: 36px; --height-toolbar-pane: 40px; --height-titlebar: calc(var(--spa= cing) * 11); --inset-toolbar: var(--height-toolbar); --inset-toolbar-sm: va= r(--height-toolbar-sm); --spacing-token-sidebar: clamp(240px, var(--codex-s= idebar-preferred-width,275px), min(520px, calc(100vw - 320px))); --spacing-= token-button-composer: calc(var(--spacing) * 7); --spacing-token-button-com= poser-sm: calc(var(--spacing) * 5); --spacing-token-button-composer-gap: va= r(--spacing); --spacing-button-toolbar-inline: calc(var(--spacing) * 2); --= spacing-toolbar-action: calc(var(--spacing) * 1.5); --radius-button-action:= var(--radius-lg); --radius-button-toolbar: var(--radius-lg); --spacing-pan= el-header-inset: calc(var(--radius-2xl) - var(--radius-button-toolbar)); --= height-page-search: calc(var(--spacing) * 8); --spacing-menu-row-content: c= alc(var(--spacing) * 2); --spacing-nav-row-content: calc(var(--spacing) * 2= ); --spacing-home-suggestion-chat-inset: calc(var(--spacing) * 2 + (var(--s= pacing-token-button-composer) - var(--spacing) * 5) / 2); --radius-token-co= mposer-single-line: calc(var(--spacing) * 5.5); --spacing-token-safe-header= -left: 0px; --spacing-token-safe-header-right: 0px; --h-token-button-compos= er-gap: var(--spacing-token-button-composer-gap); --cubic-enter: cubic-bezi= er(.19, 1, .22, 1); --cubic-exit: cubic-bezier(.8, 0, .4, 1); --cubic-exit-= snappy: cubic-bezier(.65, 0, .4, 1); --cubic-move: cubic-bezier(.65, 0, .35= , 1); --transition-duration-basic: .15s; --transition-duration-relaxed: .3s= ; --ease-basic: ease; --ease-enter: var(--cubic-enter); --ease-enter-snappy= : cubic-bezier(.23, 1, .32, 1); --animate-token-pulsing-dot: token-pulsing-= dot 1.25s infinite ease-in-out; --thread-content-max-width: none; --markdow= n-wide-block-max-width: 64rem; --markdown-wide-block-max-height: 80vh; --co= lor-token-border: var(--color-border,var(--app-color-text-foreground)); --c= olor-token-border-default: var(--color-border,var(--app-color-text-foregrou= nd)); --color-token-border-heavy: var(--app-color-border-heavy,var(--app-co= lor-text-foreground)); --color-token-interactive-border-focus: var(--color-= border-primary-outline); --color-token-border-light: var(--app-color-border= -light,var(--app-color-text-foreground)); --color-token-foreground: var(--a= pp-color-text-foreground); --color-token-description-foreground: var(--app-= color-text-foreground-tertiary); --color-token-text-primary: var(--color-to= ken-foreground); --color-token-text-secondary: var(--color-token-foreground= ); --color-token-text-tertiary: var(--color-token-description-foreground); = --color-token-focus-border: var(--app-color-border-focus); --color-token-te= xt-link-foreground: var(--app-color-text-accent); --color-token-text-code-b= lock-background: var(--app-color-background-button-secondary); --color-toke= n-scrollbar-slider-hover-background: var(--app-color-border-heavy); --color= -token-editor-warning-foreground: var(--app-color-text-warning); --color-to= ken-editor-find-match-background: var(--app-color-background-accent-hover);= --color-token-input-border: var(--app-color-border-heavy,transparent); --c= olor-token-dropdown-background: var(--color-background-control-opaque,var(-= -app-color-background-surface)); --color-token-dropdown-foreground: var(--a= pp-color-text-foreground); --color-token-list-hover-background: var(--app-c= olor-background-button-secondary-hover); --color-token-charts-blue: var(--a= pp-color-accent-blue); --color-token-side-bar-background: var(--app-color-b= ackground-surface-under); --color-token-bg-primary: var(--color-token-side-= bar-background); --color-token-diff-surface: var(--color-token-main-surface= -primary); --color-token-main-surface-primary: var(--app-color-background-s= urface); --color-token-bg-secondary: var(--color-token-bg-primary); --color= -token-bg-tertiary: var(--color-token-bg-primary); } @supports (color:lab(0% 0 0)) { :root, :host { --color-amber-100: lab(95.916% -1.21653 23.111); --color-a= mber-900: lab(31.2288% 30.2627 40.0378); --color-slate-100: lab(96.286% -.8= 52436 -2.46847); --color-slate-600: lab(35.5623% -1.74978 -15.4316); --colo= r-slate-700: lab(26.9569% -1.47016 -15.6993); --color-slate-950: lab(1.7697= 4% 1.32743 -9.28855); } } @supports (color:color-mix(in lab, red, red)) { :root, :host { --color-token-border: var(--color-border,color-mix(in okla= b, var(--app-color-text-foreground) 8%, transparent)); --color-token-border= -default: var(--color-border,color-mix(in oklab, var(--app-color-text-foreg= round) 8%, transparent)); --color-token-border-heavy: var(--app-color-borde= r-heavy,color-mix(in oklab, var(--app-color-text-foreground) 12%, transpare= nt)); --color-token-border-light: var(--app-color-border-light,color-mix(in= oklab, var(--app-color-text-foreground) 5%, transparent)); --color-token-t= ext-secondary: color-mix(in srgb, var(--color-token-foreground) 65%, transp= arent); --color-token-diff-surface: color-mix(in srgb, var(--color-token-ma= in-surface-primary) 94%, var(--color-token-foreground)); --color-token-bg-s= econdary: color-mix(in srgb, var(--color-token-bg-primary) 92%, transparent= ); --color-token-bg-tertiary: color-mix(in srgb, var(--color-token-bg-prima= ry) 85%, transparent); } } :root, :host { --color-token-interactive-bg-secondary-hover: var(--color-= background-secondary-solid-hover); } :where([data-theme=3D"light"]) { --theme-variant: light; --lightningcss-l= ight: initial; --lightningcss-dark: ; color-scheme: light; } :where([data-theme=3D"dark"]) { --theme-variant: dark; --lightningcss-lig= ht: ; --lightningcss-dark: initial; color-scheme: dark; } :where(:root), :where([data-theme]) { --brand-gray-300: #afafaf; --brand-= gray-500: #5d5d5d; --brand-slate-400: #7c9cc3; --brand-slate-500: #6e8eb5; = --brand-purple-400: #a25bff; --brand-purple-500: #9639ed; --brand-magenta-4= 00: #dd6adc; --brand-magenta-500: #cf42c5; --brand-pink-400: #fa70ab; --bra= nd-pink-500: #f31c91; --brand-blue-300: #81a6f9; --brand-blue-400: #3566f0;= --brand-cyan-400: #00b1ff; --brand-cyan-500: #0695c8; --brand-green-400: #= 04bb9f; --brand-green-500: #1f9884; --brand-lime-400: #b6d80b; --brand-lime= -500: #92b21e; --brand-yellow-400: #ffcc38; --brand-yellow-500: #e39f20; --= brand-orange-400: #ff8066; --brand-orange-500: #f7513c; --brand-red-400: #f= a423e; --brand-red-500: #ff002a; --gray-0: var(--lightningcss-light,#fff) v= ar(--lightningcss-dark,#0d0d0d); --gray-25: var(--lightningcss-light,#fcfcf= c) var(--lightningcss-dark,#101010); --gray-50: var(--lightningcss-light,#f= 9f9f9) var(--lightningcss-dark,#131313); --gray-75: var(--lightningcss-ligh= t,#f3f3f3) var(--lightningcss-dark,#161616); --gray-100: var(--lightningcss= -light,#ededed) var(--lightningcss-dark,#181818); --gray-150: var(--lightni= ngcss-light,#dfdfdf) var(--lightningcss-dark,#1c1c1c); --gray-200: var(--li= ghtningcss-light,#cdcdcd) var(--lightningcss-dark,#212121); --gray-250: var= (--lightningcss-light,#b9b9b9) var(--lightningcss-dark,#282828); --gray-300= : var(--lightningcss-light,#afafaf) var(--lightningcss-dark,#303030); --gra= y-350: var(--lightningcss-light,#9f9f9f) var(--lightningcss-dark,#393939); = --gray-400: var(--lightningcss-light,#8f8f8f) var(--lightningcss-dark,#4141= 41); --gray-450: var(--lightningcss-light,#767676) var(--lightningcss-dark,= #4f4f4f); --gray-500: #5d5d5d; --gray-550: var(--lightningcss-light,#4f4f4f= ) var(--lightningcss-dark,#767676); --gray-600: var(--lightningcss-light,#4= 14141) var(--lightningcss-dark,#8f8f8f); --gray-650: var(--lightningcss-lig= ht,#393939) var(--lightningcss-dark,#9f9f9f); --gray-700: var(--lightningcs= s-light,#303030) var(--lightningcss-dark,#afafaf); --gray-750: var(--lightn= ingcss-light,#282828) var(--lightningcss-dark,#b9b9b9); --gray-800: var(--l= ightningcss-light,#212121) var(--lightningcss-dark,#cdcdcd); --gray-850: va= r(--lightningcss-light,#1c1c1c) var(--lightningcss-dark,#dcdcdc); --gray-90= 0: var(--lightningcss-light,#181818) var(--lightningcss-dark,#ededed); --gr= ay-925: var(--lightningcss-light,#161616) var(--lightningcss-dark,#f3f3f3);= --gray-950: var(--lightningcss-light,#131313) var(--lightningcss-dark,#f3f= 3f3); --gray-975: var(--lightningcss-light,#101010) var(--lightningcss-dark= ,#f9f9f9); --gray-1000: var(--lightningcss-light,#0d0d0d) var(--lightningcs= s-dark,#fff); --alpha-base: var(--lightningcss-light,#0d0d0d) var(--lightni= ngcss-dark,#fff); --alpha-0: var(--alpha-base); --alpha-01: var(--alpha-bas= e); --alpha-02: var(--alpha-base); --alpha-04: var(--alpha-base); --alpha-0= 5: var(--alpha-base); --alpha-06: var(--alpha-base); --alpha-08: var(--alph= a-base); --alpha-10: var(--alpha-base); --alpha-12: var(--alpha-base); --al= pha-15: var(--alpha-base); --alpha-16: var(--alpha-base); --alpha-20: var(-= -alpha-base); --alpha-25: var(--alpha-base); --alpha-30: var(--alpha-base);= --alpha-35: var(--alpha-base); --alpha-40: var(--alpha-base); --alpha-50: = var(--alpha-base); --alpha-60: var(--alpha-base); --alpha-70: var(--alpha-b= ase); --gray-fixed-0: #fff; --gray-fixed-25: #fcfcfc; --gray-fixed-50: #f9f= 9f9; --gray-fixed-75: #f3f3f3; --gray-fixed-100: #ededed; --gray-fixed-150:= #dfdfdf; --gray-fixed-200: #cdcdcd; --gray-fixed-250: #b9b9b9; --gray-fixe= d-300: #afafaf; --gray-fixed-350: #9f9f9f; --gray-fixed-400: #8f8f8f; --gra= y-fixed-450: #767676; --gray-fixed-500: #5d5d5d; --gray-fixed-550: #4f4f4f;= --gray-fixed-600: #414141; --gray-fixed-650: #393939; --gray-fixed-700: #3= 03030; --gray-fixed-750: #282828; --gray-fixed-800: #212121; --gray-fixed-8= 50: #1c1c1c; --gray-fixed-900: #181818; --gray-fixed-925: #161616; --gray-f= ixed-950: #131313; --gray-fixed-975: #101010; --gray-fixed-1000: #0d0d0d; -= -white: #fff; --black: #000; --green-25: #edfaf2; --green-50: #d9f4e4; --gr= een-75: #b8ebcc; --green-100: #8cdfad; --green-200: #66d492; --green-300: #= 40c977; --green-400: #04b84c; --green-500: #00a240; --green-600: #008635; -= -green-700: #00692a; --green-800: #004f1f; --green-900: #003716; --green-95= 0: #011c0b; --green-1000: #001207; --green-a25: var(--green-400); --green-a= 50: var(--green-400); --green-a75: var(--green-400); --green-a100: var(--gr= een-400); --green-a200: var(--green-400); --green-a300: var(--green-400); -= -red-25: #fff0f0; --red-50: #ffd9d9; --red-75: #ffc6c5; --red-100: #ffa4a2;= --red-200: #ff8583; --red-300: #ff6764; --red-400: #fa423e; --red-500: #e0= 2e2a; --red-600: #ba2623; --red-700: #911e1b; --red-800: #6e1615; --red-900= : #4d100e; --red-950: #280b0a; --red-1000: #1f0909; --red-a25: var(--red-40= 0); --red-a50: var(--red-400); --red-a75: var(--red-400); --red-a100: var(-= -red-400); --red-a200: var(--red-400); --red-a300: var(--red-400); --pink-2= 5: #fff4f9; --pink-50: #ffe8f3; --pink-75: #ffd4e8; --pink-100: #ffbada; --= pink-200: #ffa3ce; --pink-300: #ff8cc1; --pink-400: #ff66ad; --pink-500: #e= 04c91; --pink-600: #ba437a; --pink-700: #963c67; --pink-800: #6e2c4a; --pin= k-900: #4d1f34; --pink-950: #29101c; --pink-1000: #1a0a11; --pink-a25: var(= --pink-400); --pink-a50: var(--pink-400); --pink-a75: var(--pink-400); --pi= nk-a100: var(--pink-400); --pink-a200: var(--pink-400); --pink-a300: var(--= pink-400); --orange-25: #fff5f0; --orange-50: #ffe7d9; --orange-75: #ffcfb4= ; --orange-100: #ffb790; --orange-200: #ff9e6c; --orange-300: #ff8549; --or= ange-400: #fb6a22; --orange-500: #e25507; --orange-600: #b9480d; --orange-7= 00: #923b0f; --orange-800: #6d2e0f; --orange-900: #4a2206; --orange-950: #2= 81105; --orange-1000: #211107; --orange-a25: var(--orange-400); --orange-a5= 0: var(--orange-400); --orange-a75: var(--orange-400); --orange-a100: var(-= -orange-400); --orange-a200: var(--orange-400); --orange-a300: var(--orange= -400); --yellow-25: #fffbed; --yellow-50: #fff6d9; --yellow-75: #ffeeb8; --= yellow-100: #ffe48c; --yellow-200: #ffdb66; --yellow-300: #ffd240; --yellow= -400: #ffc300; --yellow-500: #e0ac00; --yellow-600: #ba8e00; --yellow-700: = #916f00; --yellow-800: #6e5400; --yellow-900: #4d3b00; --yellow-950: #261d0= 0; --yellow-1000: #1a1400; --yellow-a25: var(--yellow-400); --yellow-a50: v= ar(--yellow-400); --yellow-a75: var(--yellow-400); --yellow-a100: var(--yel= low-400); --yellow-a200: var(--yellow-400); --yellow-a300: var(--yellow-400= ); --purple-25: #f9f5fe; --purple-50: #efe5fe; --purple-75: #e0cefd; --purp= le-100: #ceb0fb; --purple-200: #be95fa; --purple-300: #ad7bf9; --purple-400= : #924ff7; --purple-500: #8046d9; --purple-600: #6b3ab4; --purple-700: #532= d8d; --purple-800: #3f226a; --purple-900: #2c184a; --purple-950: #160c25; -= -purple-1000: #100a19; --purple-a25: var(--purple-400); --purple-a50: var(-= -purple-400); --purple-a75: var(--purple-400); --purple-a100: var(--purple-= 400); --purple-a200: var(--purple-400); --purple-a300: var(--purple-400); -= -blue-25: #f5faff; --blue-50: #e5f3ff; --blue-75: #cce6ff; --blue-100: #99c= eff; --blue-200: #66b5ff; --blue-300: #339cff; --blue-400: #0285ff; --blue-= 500: #0169cc; --blue-600: #004f99; --blue-700: #003f7a; --blue-800: #013566= ; --blue-900: #00284d; --blue-950: #000e1a; --blue-1000: #000d19; --blue-a2= 5: var(--blue-400); --blue-a50: var(--blue-400); --blue-a75: var(--blue-400= ); --blue-a100: var(--blue-400); --blue-a200: var(--blue-400); --blue-a300:= var(--blue-400); } @supports (color:color-mix(in lab, red, red)) { :where(:root), :where([data-theme]) { --alpha-0: color-mix(in oklab, var(= --alpha-base) 0%, transparent); --alpha-01: color-mix(in oklab, var(--alpha= -base) 1%, transparent); --alpha-02: color-mix(in oklab, var(--alpha-base) = 2%, transparent); --alpha-04: color-mix(in oklab, var(--alpha-base) 4%, tra= nsparent); --alpha-05: color-mix(in oklab, var(--alpha-base) 5%, transparen= t); --alpha-06: color-mix(in oklab, var(--alpha-base) 6%, transparent); --a= lpha-08: color-mix(in oklab, var(--alpha-base) 8%, transparent); --alpha-10= : color-mix(in oklab, var(--alpha-base) 10%, transparent); --alpha-12: colo= r-mix(in oklab, var(--alpha-base) 12%, transparent); --alpha-15: color-mix(= in oklab, var(--alpha-base) 15%, transparent); --alpha-16: color-mix(in okl= ab, var(--alpha-base) 16%, transparent); --alpha-20: color-mix(in oklab, va= r(--alpha-base) 20%, transparent); --alpha-25: color-mix(in oklab, var(--al= pha-base) 25%, transparent); --alpha-30: color-mix(in oklab, var(--alpha-ba= se) 30%, transparent); --alpha-35: color-mix(in oklab, var(--alpha-base) 35= %, transparent); --alpha-40: color-mix(in oklab, var(--alpha-base) 40%, tra= nsparent); --alpha-50: color-mix(in oklab, var(--alpha-base) 50%, transpare= nt); --alpha-60: color-mix(in oklab, var(--alpha-base) 60%, transparent); -= -alpha-70: color-mix(in oklab, var(--alpha-base) 70%, transparent); --green= -a25: color-mix(in oklab, var(--green-400) 8%, transparent); --green-a50: c= olor-mix(in oklab, var(--green-400) 15%, transparent); --green-a75: color-m= ix(in oklab, var(--green-400) 29%, transparent); --green-a100: color-mix(in= oklab, var(--green-400) 45%, transparent); --green-a200: color-mix(in okla= b, var(--green-400) 60%, transparent); --green-a300: color-mix(in oklab, va= r(--green-400) 75%, transparent); --red-a25: color-mix(in oklab, var(--red-= 400) 8%, transparent); --red-a50: color-mix(in oklab, var(--red-400) 16%, t= ransparent); --red-a75: color-mix(in oklab, var(--red-400) 30%, transparent= ); --red-a100: color-mix(in oklab, var(--red-400) 48%, transparent); --red-= a200: color-mix(in oklab, var(--red-400) 64%, transparent); --red-a300: col= or-mix(in oklab, var(--red-400) 79%, transparent); --pink-a25: color-mix(in= oklab, var(--pink-400) 8%, transparent); --pink-a50: color-mix(in oklab, v= ar(--pink-400) 16%, transparent); --pink-a75: color-mix(in oklab, var(--pin= k-400) 28%, transparent); --pink-a100: color-mix(in oklab, var(--pink-400) = 45%, transparent); --pink-a200: color-mix(in oklab, var(--pink-400) 60%, tr= ansparent); --pink-a300: color-mix(in oklab, var(--pink-400) 76%, transpare= nt); --orange-a25: color-mix(in oklab, var(--orange-400) 7%, transparent); = --orange-a50: color-mix(in oklab, var(--orange-400) 16%, transparent); --or= ange-a75: color-mix(in oklab, var(--orange-400) 33%, transparent); --orange= -a100: color-mix(in oklab, var(--orange-400) 48%, transparent); --orange-a2= 00: color-mix(in oklab, var(--orange-400) 65%, transparent); --orange-a300:= color-mix(in oklab, var(--orange-400) 81%, transparent); --yellow-a25: col= or-mix(in oklab, var(--yellow-400) 8%, transparent); --yellow-a50: color-mi= x(in oklab, var(--yellow-400) 15%, transparent); --yellow-a75: color-mix(in= oklab, var(--yellow-400) 27%, transparent); --yellow-a100: color-mix(in ok= lab, var(--yellow-400) 45%, transparent); --yellow-a200: color-mix(in oklab= , var(--yellow-400) 59%, transparent); --yellow-a300: color-mix(in oklab, v= ar(--yellow-400) 74%, transparent); --purple-a25: color-mix(in oklab, var(-= -purple-400) 6%, transparent); --purple-a50: color-mix(in oklab, var(--purp= le-400) 15%, transparent); --purple-a75: color-mix(in oklab, var(--purple-4= 00) 28%, transparent); --purple-a100: color-mix(in oklab, var(--purple-400)= 45%, transparent); --purple-a200: color-mix(in oklab, var(--purple-400) 60= %, transparent); --purple-a300: color-mix(in oklab, var(--purple-400) 75%, = transparent); --blue-a25: color-mix(in oklab, var(--blue-400) 4%, transpare= nt); --blue-a50: color-mix(in oklab, var(--blue-400) 13%, transparent); --b= lue-a75: color-mix(in oklab, var(--blue-400) 25%, transparent); --blue-a100= : color-mix(in oklab, var(--blue-400) 40%, transparent); --blue-a200: color= -mix(in oklab, var(--blue-400) 60%, transparent); --blue-a300: color-mix(in= oklab, var(--blue-400) 80%, transparent); } } :where(:root), :where([data-theme]) { --hairline: 1px; } @media (min-resolution: 150dpi), (min-resolution: 1.5x) { :where(:root), :where([data-theme]) { --hairline: .5px; } } :where(:root), :where([data-theme]) { --shadow-color: 0 0 0; --elevation-= 100-geo: 0 1px 2px -1px; --elevation-200-geo: 0 2px 4px -1px; --elevation-3= 00-geo: 0 4px 8px -2px; --elevation-400-geo: 0 8px 16px -4px; } :where(:root), :where([data-theme=3D"light"]) { --shadow-alpha-100: .08; = --shadow-alpha-200: .08; --shadow-alpha-300: .1; --shadow-alpha-400: .12; -= -shadow-hairline-width: 1px; --shadow-hairline-color: #00000014; } @media (min-resolution: 150dpi), (min-resolution: 1.5x) { :where(:root), :where([data-theme=3D"light"]) { --shadow-hairline-width: = .5px; --shadow-hairline-color: #0000001a; } } :where([data-theme=3D"dark"]) { --shadow-alpha-100: .2; --shadow-alpha-20= 0: .2; --shadow-alpha-300: .36; --shadow-alpha-400: .3; --shadow-hairline-w= idth: 1px; --shadow-hairline-color: #ffffff1a; } @media (min-resolution: 150dpi), (min-resolution: 1.5x) { :where([data-theme=3D"dark"]) { --shadow-hairline-width: .5px; --shadow-h= airline-color: #ffffff1f; } } :where(:root), :where([data-theme]) { --content-chromatic-channels: l a b= ; --content-neutral-channels: l a b; --color-content-gray: oklab(from var(-= -lightningcss-light,var(--brand-gray-500)) var(--lightningcss-dark,var(--br= and-gray-300)) var(--content-neutral-channels)); --color-content-slate: okl= ab(from var(--lightningcss-light,var(--brand-slate-500)) var(--lightningcss= -dark,var(--brand-slate-400)) var(--content-chromatic-channels)); --color-c= ontent-purple: oklab(from var(--lightningcss-light,var(--brand-purple-500))= var(--lightningcss-dark,var(--brand-purple-400)) var(--content-chromatic-c= hannels)); --color-content-magenta: oklab(from var(--lightningcss-light,var= (--brand-magenta-500)) var(--lightningcss-dark,var(--brand-magenta-400)) va= r(--content-chromatic-channels)); --color-content-pink: oklab(from var(--li= ghtningcss-light,var(--brand-pink-500)) var(--lightningcss-dark,var(--brand= -pink-400)) var(--content-chromatic-channels)); --color-content-blue: oklab= (from var(--lightningcss-light,var(--brand-blue-400)) var(--lightningcss-da= rk,var(--brand-blue-300)) var(--content-chromatic-channels)); --color-conte= nt-cyan: oklab(from var(--lightningcss-light,var(--brand-cyan-500)) var(--l= ightningcss-dark,var(--brand-cyan-400)) var(--content-chromatic-channels));= --color-content-green: oklab(from var(--lightningcss-light,var(--brand-gre= en-500)) var(--lightningcss-dark,var(--brand-green-400)) var(--content-chro= matic-channels)); --color-content-lime: oklab(from var(--lightningcss-light= ,var(--brand-lime-500)) var(--lightningcss-dark,var(--brand-lime-400)) var(= --content-chromatic-channels)); --color-content-yellow: oklab(from var(--li= ghtningcss-light,var(--brand-yellow-500)) var(--lightningcss-dark,var(--bra= nd-yellow-400)) var(--content-chromatic-channels)); --color-content-orange:= oklab(from var(--lightningcss-light,var(--brand-orange-500)) var(--lightni= ngcss-dark,var(--brand-orange-400)) var(--content-chromatic-channels)); --c= olor-content-red: oklab(from var(--lightningcss-light,var(--brand-red-500))= var(--lightningcss-dark,var(--brand-red-400)) var(--content-chromatic-chan= nels)); --color-chart-empty: var(--lightningcss-light,var(--gray-75)) var(-= -lightningcss-dark,var(--gray-300)); --color-chart-sequential-1: var(--ligh= tningcss-light,var(--blue-75)) var(--lightningcss-dark,var(--blue-800)); --= color-chart-sequential-2: var(--lightningcss-light,var(--blue-200)) var(--l= ightningcss-dark,var(--blue-600)); --color-chart-sequential-3: var(--blue-4= 00); --color-chart-sequential-4: var(--lightningcss-light,var(--blue-600)) = var(--lightningcss-dark,var(--blue-200)); --color-text: var(--lightningcss-= light,var(--gray-750)) var(--lightningcss-dark,var(--gray-850)); --color-te= xt-emphasis: var(--gray-1000); --color-text-prose: var(--color-text-emphasi= s); --color-text-secondary: var(--lightningcss-light,var(--gray-500)) var(-= -lightningcss-dark,var(--gray-700)); --color-text-tertiary: var(--lightning= css-light,var(--gray-400)) var(--lightningcss-dark,var(--gray-600)); --colo= r-text-inverse: var(--gray-0); --color-avatar-blue: var(--blue-800); --colo= r-avatar-red: var(--red-800); --color-avatar-green: var(--green-800); --col= or-avatar-light-blue: var(--blue-500); --color-avatar-yellow: var(--yellow-= 800); --color-avatar-gray: var(--gray-fixed-800); --color-avatar-orange: va= r(--orange-800); --color-avatar-foreground: var(--white); --color-ring: var= (--lightningcss-light,var(--blue-500)) var(--lightningcss-dark,var(--blue-4= 00)); --color-text-primary: var(--color-text-emphasis); --color-background-= primary-soft: var(--lightningcss-light,var(--gray-100)) var(--lightningcss-= dark,var(--gray-300)); --color-background-primary-soft-hover: var(--lightni= ngcss-light,var(--gray-150)) var(--lightningcss-dark,var(--gray-350)); --co= lor-background-primary-soft-active: var(--lightningcss-light,var(--gray-200= )) var(--lightningcss-dark,var(--gray-400)); --color-background-primary-sof= t-alpha: var(--lightningcss-light,var(--alpha-08)) var(--lightningcss-dark,= var(--alpha-12)); --color-background-primary-soft-alpha-hover: var(--lightn= ingcss-light,var(--alpha-12)) var(--lightningcss-dark,var(--alpha-16)); --c= olor-background-primary-soft-alpha-active: var(--lightningcss-light,var(--a= lpha-16)) var(--lightningcss-dark,var(--alpha-20)); --color-text-primary-so= ft: var(--color-text-emphasis); --color-background-primary-soft-alt: var(--= alpha-05); --color-border-primary-soft-alt: var(--alpha-06); --color-text-p= rimary-soft-alt: var(--color-text-emphasis); --color-background-primary-sur= face: var(--lightningcss-light,var(--alpha-05)) var(--lightningcss-dark,var= (--alpha-08)); --color-border-primary-surface: var(--lightningcss-light,var= (--alpha-05)) var(--lightningcss-dark,var(--alpha-08)); --color-text-primar= y-surface: var(--color-text-emphasis); --color-background-primary-solid: va= r(--lightningcss-light,var(--gray-900)) var(--lightningcss-dark,var(--gray-= 950)); --color-background-primary-solid-hover: var(--lightningcss-light,var= (--gray-700)) var(--lightningcss-dark,var(--gray-900)); --color-background-= primary-solid-active: var(--lightningcss-light,var(--gray-600)) var(--light= ningcss-dark,var(--gray-850)); --color-text-primary-solid: var(--color-text= -inverse); --color-background-primary-outline-hover: var(--lightningcss-lig= ht,var(--alpha-02)) var(--lightningcss-dark,var(--alpha-04)); --color-backg= round-primary-outline-active: var(--lightningcss-light,var(--alpha-04)) var= (--lightningcss-dark,var(--alpha-06)); --color-border-primary-outline: var(= --lightningcss-light,var(--alpha-16)) var(--lightningcss-dark,var(--alpha-2= 5)); --color-border-primary-outline-hover: var(--lightningcss-light,var(--a= lpha-20)) var(--lightningcss-dark,var(--alpha-30)); --color-text-primary-ou= tline: var(--color-text-emphasis); --color-text-primary-outline-hover: var(= --color-text-emphasis); --color-background-primary-ghost-hover: var(--light= ningcss-light,var(--alpha-08)) var(--lightningcss-dark,var(--alpha-12)); --= color-background-primary-ghost-active: var(--lightningcss-light,var(--alpha= -12)) var(--lightningcss-dark,var(--alpha-16)); --color-text-primary-ghost:= var(--color-text); --color-text-primary-ghost-hover: var(--color-text); --= color-ring-primary: var(--color-ring); --color-ring-primary-soft: var(--col= or-ring-primary); --color-ring-primary-solid: var(--color-ring-primary); --= color-ring-primary-outline: var(--color-ring-primary); --color-ring-primary= -ghost: var(--color-ring-primary); --color-background-secondary-soft: var(-= -lightningcss-light,var(--gray-100)) var(--lightningcss-dark,var(--gray-300= )); --color-background-secondary-soft-hover: var(--lightningcss-light,var(-= -gray-150)) var(--lightningcss-dark,var(--gray-350)); --color-background-se= condary-soft-active: var(--lightningcss-light,var(--gray-200)) var(--lightn= ingcss-dark,var(--gray-400)); --color-background-secondary-soft-alpha: var(= --lightningcss-light,var(--alpha-08)) var(--lightningcss-dark,var(--alpha-1= 2)); --color-background-secondary-soft-alpha-hover: var(--lightningcss-ligh= t,var(--alpha-12)) var(--lightningcss-dark,var(--alpha-16)); --color-backgr= ound-secondary-soft-alpha-active: var(--lightningcss-light,var(--alpha-16))= var(--lightningcss-dark,var(--alpha-20)); --color-text-secondary-soft: var= (--color-text); --color-background-secondary-soft-alt: var(--alpha-05); --c= olor-border-secondary-soft-alt: var(--alpha-06); --color-text-secondary-sof= t-alt: var(--color-text); --color-background-secondary-solid: var(--lightni= ngcss-light,var(--gray-500)) var(--lightningcss-dark,var(--gray-400)); --co= lor-background-secondary-solid-hover: var(--lightningcss-light,var(--gray-6= 00)) var(--lightningcss-dark,var(--gray-450)); --color-background-secondary= -solid-active: var(--lightningcss-light,var(--gray-700)) var(--lightningcss= -dark,var(--gray-500)); --color-text-secondary-solid: var(--white); --color= -background-secondary-outline-hover: var(--lightningcss-light,var(--alpha-0= 2)) var(--lightningcss-dark,var(--alpha-04)); --color-background-secondary-= outline-active: var(--lightningcss-light,var(--alpha-04)) var(--lightningcs= s-dark,var(--alpha-06)); --color-border-secondary-outline: var(--lightningc= ss-light,var(--alpha-16)) var(--lightningcss-dark,var(--alpha-25)); --color= -border-secondary-outline-hover: var(--lightningcss-light,var(--alpha-20)) = var(--lightningcss-dark,var(--alpha-30)); --color-text-secondary-outline: v= ar(--color-text-secondary); --color-text-secondary-outline-hover: var(--col= or-text); --color-background-secondary-ghost-hover: var(--lightningcss-ligh= t,var(--alpha-08)) var(--lightningcss-dark,var(--alpha-12)); --color-backgr= ound-secondary-ghost-active: var(--lightningcss-light,var(--alpha-12)) var(= --lightningcss-dark,var(--alpha-16)); --color-text-secondary-ghost: var(--c= olor-text-tertiary); --color-text-secondary-ghost-hover: var(--color-text);= --color-ring-secondary: var(--color-ring); --color-ring-secondary-soft: va= r(--color-ring-secondary); --color-ring-secondary-solid: var(--color-ring-s= econdary); --color-ring-secondary-outline: var(--color-ring-secondary); --c= olor-ring-secondary-ghost: var(--color-ring-secondary); --color-text-info: = var(--lightningcss-light,var(--blue-500)) var(--lightningcss-dark,var(--blu= e-200)); --color-background-info-soft: var(--blue-50); --color-background-i= nfo-soft-hover: var(--blue-75); --color-background-info-soft-active: var(--= blue-75); --color-background-info-soft-alpha: var(--blue-a50); --color-back= ground-info-soft-alpha-hover: var(--blue-a75); --color-background-info-soft= -alpha-active: var(--blue-a75); --color-text-info-soft: var(--lightningcss-= light,var(--blue-600)) var(--lightningcss-dark,var(--blue-300)); --color-ba= ckground-info-surface: var(--lightningcss-light,var(--blue-a25)) var(--ligh= tningcss-dark,var(--blue-a50)); --color-border-info-surface: var(--lightnin= gcss-light,var(--blue-a25)) var(--lightningcss-dark,var(--blue-a50)); --col= or-text-info-surface: var(--lightningcss-light,var(--blue-600)) var(--light= ningcss-dark,var(--blue-300)); --color-background-info-solid: var(--blue-40= 0); --color-background-info-solid-hover: var(--blue-500); --color-backgroun= d-info-solid-active: var(--blue-500); --color-text-info-solid: var(--white)= ; --color-background-info-outline-hover: var(--blue-a25); --color-backgroun= d-info-outline-active: var(--blue-a25); --color-border-info-outline: var(--= blue-500); --color-border-info-outline-hover: var(--blue-500); --color-text= -info-outline: var(--blue-500); --color-text-info-outline-hover: var(--blue= -500); --color-background-info-ghost-hover: var(--blue-a50); --color-backgr= ound-info-ghost-active: var(--blue-a50); --color-text-info-ghost: var(--lig= htningcss-light,var(--blue-500)) var(--lightningcss-dark,var(--blue-200)); = --color-text-info-ghost-hover: var(--lightningcss-light,var(--blue-500)) va= r(--lightningcss-dark,var(--blue-200)); --color-ring-info: var(--color-ring= ); --color-ring-info-soft: var(--color-ring-info); --color-ring-info-solid:= var(--color-ring-info); --color-ring-info-outline: var(--color-ring-info);= --color-ring-info-ghost: var(--color-ring-info); --color-text-warning: var= (--lightningcss-light,var(--orange-700)) var(--lightningcss-dark,var(--oran= ge-500)); --color-background-warning-soft: var(--orange-50); --color-backgr= ound-warning-soft-hover: var(--orange-75); --color-background-warning-soft-= active: var(--orange-75); --color-background-warning-soft-alpha: var(--oran= ge-a50); --color-background-warning-soft-alpha-hover: var(--orange-a75); --= color-background-warning-soft-alpha-active: var(--orange-a75); --color-text= -warning-soft: var(--lightningcss-light,var(--orange-700)) var(--lightningc= ss-dark,var(--orange-400)); --color-background-warning-surface: var(--light= ningcss-light,var(--orange-a25)) var(--lightningcss-dark,var(--orange-a50))= ; --color-border-warning-surface: var(--lightningcss-light,var(--orange-a25= )) var(--lightningcss-dark,var(--orange-a50)); --color-text-warning-surface= : var(--lightningcss-light,var(--orange-700)) var(--lightningcss-dark,var(-= -orange-400)); --color-background-warning-solid: var(--orange-500); --color= -background-warning-solid-hover: var(--orange-600); --color-background-warn= ing-solid-active: var(--orange-600); --color-text-warning-solid: var(--whit= e); --color-background-warning-outline-hover: var(--orange-a25); --color-ba= ckground-warning-outline-active: var(--orange-a25); --color-border-warning-= outline: var(--orange-500); --color-border-warning-outline-hover: var(--ora= nge-500); --color-text-warning-outline: var(--orange-500); --color-text-war= ning-outline-hover: var(--orange-500); --color-background-warning-ghost-hov= er: var(--orange-a50); --color-background-warning-ghost-active: var(--orang= e-a50); --color-text-warning-ghost: var(--orange-500); --color-text-warning= -ghost-hover: var(--orange-500); --color-ring-warning: var(--color-ring); -= -color-ring-warning-soft: var(--color-ring-warning); --color-ring-warning-s= olid: var(--color-ring-warning); --color-ring-warning-outline: var(--color-= ring-warning); --color-ring-warning-ghost: var(--color-ring-warning); --col= or-text-caution: var(--lightningcss-light,var(--yellow-700)) var(--lightnin= gcss-dark,var(--yellow-500)); --color-text-caution-hover: var(--yellow-800)= ; --color-background-caution-soft: var(--yellow-50); --color-background-cau= tion-soft-hover: var(--yellow-75); --color-background-caution-soft-active: = var(--yellow-75); --color-background-caution-soft-alpha: var(--yellow-a50);= --color-background-caution-soft-alpha-hover: var(--yellow-a75); --color-ba= ckground-caution-soft-alpha-active: var(--yellow-a75); --color-text-caution= -soft: var(--lightningcss-light,var(--yellow-800)) var(--lightningcss-dark,= var(--yellow-400)); --color-background-caution-surface: var(--lightningcss-= light,var(--yellow-a25)) var(--lightningcss-dark,var(--yellow-a50)); --colo= r-border-caution-surface: var(--lightningcss-light,var(--yellow-a25)) var(-= -lightningcss-dark,var(--yellow-a50)); --color-text-caution-surface: var(--= lightningcss-light,var(--yellow-800)) var(--lightningcss-dark,var(--yellow-= 400)); --color-background-caution-solid: var(--yellow-600); --color-backgro= und-caution-solid-hover: var(--yellow-700); --color-background-caution-soli= d-active: var(--yellow-700); --color-text-caution-solid: var(--white); --co= lor-background-caution-outline-hover: var(--yellow-a25); --color-background= -caution-outline-active: var(--yellow-a25); --color-border-caution-outline:= var(--yellow-700); --color-border-caution-outline-hover: var(--yellow-700)= ; --color-text-caution-outline: var(--yellow-700); --color-text-caution-out= line-hover: var(--yellow-700); --color-background-caution-ghost-hover: var(= --yellow-a50); --color-background-caution-ghost-active: var(--yellow-a50); = --color-text-caution-ghost: var(--yellow-700); --color-text-caution-ghost-h= over: var(--yellow-700); --color-ring-caution: var(--color-ring); --color-r= ing-caution-soft: var(--color-ring-caution); --color-ring-caution-solid: va= r(--color-ring-caution); --color-ring-caution-outline: var(--color-ring-cau= tion); --color-ring-caution-ghost: var(--color-ring-caution); --color-text-= danger: var(--lightningcss-light,var(--red-700)) var(--lightningcss-dark,va= r(--red-500)); --color-background-danger-soft: var(--red-50); --color-backg= round-danger-soft-hover: var(--red-75); --color-background-danger-soft-acti= ve: var(--red-75); --color-background-danger-soft-alpha: var(--red-a50); --= color-background-danger-soft-alpha-hover: var(--red-a75); --color-backgroun= d-danger-soft-alpha-active: var(--red-a75); --color-text-danger-soft: var(-= -lightningcss-light,var(--red-600)) var(--lightningcss-dark,var(--red-400))= ; --color-background-danger-surface: var(--lightningcss-light,var(--red-a25= )) var(--lightningcss-dark,var(--red-a50)); --color-border-danger-surface: = var(--lightningcss-light,var(--red-a25)) var(--lightningcss-dark,var(--red-= a50)); --color-text-danger-surface: var(--lightningcss-light,var(--red-600)= ) var(--lightningcss-dark,var(--red-400)); --color-background-danger-solid:= var(--red-500); --color-background-danger-solid-hover: var(--red-600); --c= olor-background-danger-solid-active: var(--red-600); --color-text-danger-so= lid: var(--white); --color-background-danger-outline-hover: var(--red-a25);= --color-background-danger-outline-active: var(--red-a25); --color-border-d= anger-outline: var(--red-500); --color-border-danger-outline-hover: var(--r= ed-500); --color-text-danger-outline: var(--red-500); --color-text-danger-o= utline-hover: var(--red-500); --color-background-danger-ghost-hover: var(--= red-a50); --color-background-danger-ghost-active: var(--red-a50); --color-t= ext-danger-ghost: var(--red-500); --color-text-danger-ghost-hover: var(--re= d-500); --color-ring-danger: var(--red-200); --color-ring-danger-soft: var(= --color-ring-danger); --color-ring-danger-solid: var(--color-ring-danger); = --color-ring-danger-outline: var(--color-ring-danger); --color-ring-danger-= ghost: var(--color-ring-danger); --color-text-success: var(--lightningcss-l= ight,var(--green-700)) var(--lightningcss-dark,var(--green-400)); --color-b= ackground-success-soft: var(--green-50); --color-background-success-soft-ho= ver: var(--green-75); --color-background-success-soft-active: var(--green-7= 5); --color-background-success-soft-alpha: var(--green-a50); --color-backgr= ound-success-soft-alpha-hover: var(--green-a75); --color-background-success= -soft-alpha-active: var(--green-a75); --color-text-success-soft: var(--ligh= tningcss-light,var(--green-600)) var(--lightningcss-dark,var(--green-400));= --color-background-success-surface: var(--lightningcss-light,var(--green-a= 25)) var(--lightningcss-dark,var(--green-a50)); --color-border-success-surf= ace: var(--lightningcss-light,var(--green-a25)) var(--lightningcss-dark,var= (--green-a50)); --color-text-success-surface: var(--lightningcss-light,var(= --green-600)) var(--lightningcss-dark,var(--green-400)); --color-background= -success-solid: var(--lightningcss-light,var(--green-500)) var(--lightningc= ss-dark,var(--green-600)); --color-background-success-solid-hover: var(--li= ghtningcss-light,var(--green-500)) var(--lightningcss-dark,var(--green-600)= ); --color-background-success-solid-active: var(--lightningcss-light,var(--= green-500)) var(--lightningcss-dark,var(--green-600)); --color-text-success= -solid: var(--white); --color-background-success-outline-hover: var(--green= -a25); --color-background-success-outline-active: var(--green-a25); --color= -border-success-outline: var(--lightningcss-light,var(--green-500)) var(--l= ightningcss-dark,var(--green-600)); --color-border-success-outline-hover: v= ar(--lightningcss-light,var(--green-500)) var(--lightningcss-dark,var(--gre= en-600)); --color-text-success-outline: var(--green-500); --color-text-succ= ess-outline-hover: var(--green-500); --color-background-success-ghost-hover= : var(--green-a50); --color-background-success-ghost-active: var(--green-a5= 0); --color-text-success-ghost: var(--green-500); --color-text-success-ghos= t-hover: var(--green-500); --color-ring-success: var(--color-ring); --color= -ring-success-soft: var(--color-ring-info); --color-ring-success-solid: var= (--color-ring-info); --color-ring-success-outline: var(--color-ring-info); = --color-ring-success-ghost: var(--color-ring-info); --color-text-discovery:= var(--lightningcss-light,var(--purple-700)) var(--lightningcss-dark,var(--= purple-500)); --color-background-discovery-soft: var(--purple-50); --color-= background-discovery-soft-hover: var(--purple-75); --color-background-disco= very-soft-active: var(--purple-75); --color-background-discovery-soft-alpha= : var(--purple-a50); --color-background-discovery-soft-alpha-hover: var(--p= urple-a75); --color-background-discovery-soft-alpha-active: var(--purple-a7= 5); --color-text-discovery-soft: var(--lightningcss-light,var(--purple-600)= ) var(--lightningcss-dark,var(--purple-200)); --color-background-discovery-= surface: var(--lightningcss-light,var(--purple-a25)) var(--lightningcss-dar= k,var(--purple-a50)); --color-border-discovery-surface: var(--lightningcss-= light,var(--purple-a25)) var(--lightningcss-dark,var(--purple-a50)); --colo= r-text-discovery-surface: var(--lightningcss-light,var(--purple-600)) var(-= -lightningcss-dark,var(--purple-200)); --color-background-discovery-solid: = var(--purple-400); --color-background-discovery-solid-hover: var(--purple-5= 00); --color-background-discovery-solid-active: var(--purple-500); --color-= text-discovery-solid: var(--white); --color-background-discovery-outline-ho= ver: var(--purple-a25); --color-background-discovery-outline-active: var(--= purple-a25); --color-border-discovery-outline: var(--purple-500); --color-b= order-discovery-outline-hover: var(--purple-500); --color-text-discovery-ou= tline: var(--lightningcss-light,var(--purple-500)) var(--lightningcss-dark,= var(--purple-400)); --color-text-discovery-outline-hover: var(--lightningcs= s-light,var(--purple-500)) var(--lightningcss-dark,var(--purple-400)); --co= lor-background-discovery-ghost-hover: var(--purple-a50); --color-background= -discovery-ghost-active: var(--purple-a50); --color-text-discovery-ghost: v= ar(--purple-500); --color-text-discovery-ghost-hover: var(--purple-500); --= color-ring-discovery: var(--color-ring); --color-ring-discovery-soft: var(-= -color-ring); --color-ring-discovery-solid: var(--color-ring); --color-ring= -discovery-outline: var(--color-ring); --color-ring-discovery-ghost: var(--= color-ring); --color-background-disabled: var(--alpha-05); --color-border-d= isabled: var(--alpha-06); --color-text-disabled: var(--lightningcss-light,v= ar(--gray-400)) var(--lightningcss-dark,var(--gray-500)); --color-border-su= btle: var(--lightningcss-light,var(--alpha-05)) var(--lightningcss-dark,var= (--alpha-06)); --color-border: var(--lightningcss-light,var(--alpha-10)) va= r(--lightningcss-dark,var(--alpha-12)); --color-border-strong: var(--lightn= ingcss-light,var(--alpha-15)) var(--lightningcss-dark,var(--alpha-20)); --f= ont-tracking-wide: var(--tracking-wide); --font-tracking-normal: var(--trac= king-normal); --font-tracking-tight: var(--tracking-tight); --font-heading-= 5xl-size: 4.5rem; --font-heading-5xl-line-height: 4.5rem; --font-heading-5x= l-weight: var(--font-weight-semibold); --font-heading-5xl-tracking: var(--t= racking-tight); --font-heading-4xl-size: 3.75rem; --font-heading-4xl-line-h= eight: 3.75rem; --font-heading-4xl-weight: var(--font-weight-semibold); --f= ont-heading-4xl-tracking: var(--tracking-tight); --font-heading-3xl-size: 3= rem; --font-heading-3xl-line-height: 3rem; --font-heading-3xl-weight: var(-= -font-weight-semibold); --font-heading-3xl-tracking: var(--tracking-tight);= --font-heading-2xl-size: 2.25rem; --font-heading-2xl-line-height: 2.625rem= ; --font-heading-2xl-weight: var(--font-weight-semibold); --font-heading-2x= l-tracking: var(--tracking-tight); --font-heading-xl-size: 2rem; --font-hea= ding-xl-line-height: 2.375rem; --font-heading-xl-weight: var(--font-weight-= semibold); --font-heading-xl-tracking: var(--tracking-tight); --font-headin= g-lg-size: 1.5rem; --font-heading-lg-line-height: 1.75rem; --font-heading-l= g-weight: var(--font-weight-semibold); --font-heading-lg-tracking: var(--tr= acking-normal); --font-heading-md-size: 1.25rem; --font-heading-md-line-hei= ght: 1.625rem; --font-heading-md-weight: var(--font-weight-semibold); --fon= t-heading-md-tracking: var(--tracking-normal); --font-heading-sm-size: 1.12= 5rem; --font-heading-sm-line-height: 1.625rem; --font-heading-sm-weight: va= r(--font-weight-semibold); --font-heading-sm-tracking: var(--tracking-norma= l); --font-heading-xs-size: 1rem; --font-heading-xs-line-height: 1.5rem; --= font-heading-xs-weight: var(--font-weight-semibold); --font-heading-xs-trac= king: var(--tracking-normal); --font-text-lg-size: 1.125rem; --font-text-lg= -line-height: 1.8125rem; --font-text-lg-weight: var(--font-weight-normal); = --font-text-lg-tracking: var(--tracking-normal); --font-text-md-size: 1rem;= --font-text-md-line-height: 1.5rem; --font-text-md-weight: var(--font-weig= ht-normal); --font-text-md-tracking: var(--tracking-normal); --font-text-sm= -size: .875rem; --font-text-sm-line-height: 1.25rem; --font-text-sm-weight:= var(--font-weight-normal); --font-text-sm-tracking: var(--tracking-normal)= ; --font-text-xs-size: .75rem; --font-text-xs-line-height: 1.125rem; --font= -text-xs-weight: var(--font-weight-normal); --font-text-xs-tracking: var(--= tracking-wide); --font-text-2xs-size: .625rem; --font-text-2xs-line-height:= .875rem; --font-text-2xs-weight: var(--font-weight-normal); --font-text-2x= s-tracking: var(--tracking-wide); --font-text-3xs-size: .5rem; --font-text-= 3xs-line-height: .75rem; --font-text-3xs-weight: var(--font-weight-normal);= --font-text-3xs-tracking: var(--tracking-wide); --font-small-caps-md-size:= .6875rem; --font-small-caps-md-line-height: .9375rem; --font-small-caps-md= -weight: var(--font-weight-semibold); --font-small-caps-md-tracking: .65px;= --font-small-caps-lg-size: .8125rem; --font-small-caps-lg-line-height: 1.1= 875rem; --font-small-caps-lg-weight: var(--font-weight-semibold); --font-sm= all-caps-lg-tracking: .6px; --control-size-4xs: 1.25rem; --control-size-3xs= : 1.375rem; --control-size-2xs: 1.5rem; --control-size-xs: 1.625rem; --cont= rol-size-sm: 1.75rem; --control-size-md: 2rem; --control-size-lg: 2.25rem; = --control-size-xl: 2.5rem; --control-size-2xl: 2.75rem; --control-size-3xl:= 3rem; --control-gutter-2xs: .375rem; --control-gutter-xs: .5rem; --control= -gutter-sm: .625rem; --control-gutter-md: .75rem; --control-gutter-lg: .875= rem; --control-gutter-xl: 1rem; --control-gutter-pill-scaling: 1.33; --cont= rol-radius-sm: var(--radius-sm); --control-radius-md: var(--radius-md); --c= ontrol-radius-lg: var(--radius-lg); --control-radius-xl: var(--radius-xl); = --control-font-size-sm: var(--font-text-xs-size); --control-font-size-md: v= ar(--font-text-sm-size); --control-font-size-lg: var(--font-text-md-size); = --control-icon-size-xs: .875rem; --control-icon-size-sm: 1rem; --control-ic= on-size-md: 1.125rem; --control-icon-size-lg: 1.25rem; --control-icon-size-= xl: 1.375rem; --control-icon-size-2xl: 1.5rem; --cubic-enter: cubic-bezier(= .19, 1, .22, 1); --cubic-exit: cubic-bezier(.8, 0, .4, 1); --cubic-exit-sna= ppy: cubic-bezier(.65, 0, .4, 1); --cubic-move: cubic-bezier(.65, 0, .35, 1= ); --transition-duration-basic: .15s; --transition-ease-basic: ease; --anim= ation-duration-streaming-text: .7s; --scrollbar-color: var(--alpha-30); --s= hadow-card: 0px 4px 16px 0px #0000000d; --shadow: 0 10px 15px -3px var(--li= ghtningcss-light,#0000001a) var(--lightningcss-dark,#0003), 0 4px 6px -4px = var(--lightningcss-light,#0000001a) var(--lightningcss-dark,#0003); --shado= w-hairline: 0 0 0 var(--shadow-hairline-width) var(--shadow-hairline-color)= ; --shadow-100: var(--elevation-100-geo) rgb(var(--shadow-color) / var(--sh= adow-alpha-100)); --shadow-100-strong: var(--elevation-100-geo) rgb(var(--s= hadow-color) / calc(var(--shadow-alpha-100) * 1.25)); --shadow-100-stronger= : var(--elevation-100-geo) rgb(var(--shadow-color) / calc(var(--shadow-alph= a-100) * 1.6)); --shadow-200: var(--elevation-200-geo) rgb(var(--shadow-col= or) / var(--shadow-alpha-200)); --shadow-200-strong: var(--elevation-200-ge= o) rgb(var(--shadow-color) / calc(var(--shadow-alpha-200) * 1.25)); --shado= w-200-stronger: var(--elevation-200-geo) rgb(var(--shadow-color) / calc(var= (--shadow-alpha-200) * 1.6)); --shadow-300: var(--elevation-300-geo) rgb(va= r(--shadow-color) / var(--shadow-alpha-300)); --shadow-300-strong: var(--el= evation-300-geo) rgb(var(--shadow-color) / calc(var(--shadow-alpha-300) * 1= .25)); --shadow-300-stronger: var(--elevation-300-geo) rgb(var(--shadow-col= or) / calc(var(--shadow-alpha-300) * 1.6)); --shadow-400: var(--elevation-4= 00-geo) rgb(var(--shadow-color) / var(--shadow-alpha-400)); --shadow-400-st= rong: var(--elevation-400-geo) rgb(var(--shadow-color) / calc(var(--shadow-= alpha-400) * 1.25)); --shadow-400-stronger: var(--elevation-400-geo) rgb(va= r(--shadow-color) / calc(var(--shadow-alpha-400) * 1.6)); --color-surface: = var(--lightningcss-light,var(--gray-0)) var(--lightningcss-dark,var(--gray-= 200)); --color-surface-secondary: var(--lightningcss-light,var(--gray-50)) = var(--lightningcss-dark,var(--gray-100)); --color-surface-tertiary: var(--l= ightningcss-light,var(--gray-75)) var(--lightningcss-dark,var(--gray-50)); = --color-surface-elevated: var(--lightningcss-light,var(--gray-0)) var(--lig= htningcss-dark,var(--gray-300)); --color-surface-elevated-secondary: var(--= lightningcss-light,var(--gray-50)) var(--lightningcss-dark,var(--gray-400))= ; --color-surface-canvas: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { :where(:root), :where([data-theme]) { --color-surface-canvas: color-mix(i= n srgb, var(--color-surface) 98%, var(--black)); } } :is(:where(:root), :where([data-theme])):where(:root[data-codex-window-ty= pe=3D"browser"], :root[data-codex-window-type=3D"browser"] *) { --color-tex= t: var(--gray-950); --color-text-secondary: var(--lightningcss-light,var(--= gray-500)) var(--lightningcss-dark,var(--gray-800)); --color-text-primary-g= host: var(--color-text-emphasis); --color-text-primary-ghost-hover: var(--c= olor-text-emphasis); --color-text-secondary-ghost: var(--color-text-seconda= ry); --color-text-info: var(--lightningcss-light,var(--blue-400)) var(--lig= htningcss-dark,var(--blue-300)); --color-text-info-soft: var(--lightningcss= -light,var(--blue-400)) var(--lightningcss-dark,var(--blue-300)); --color-b= order-info-outline: var(--lightningcss-light,var(--blue-400)) var(--lightni= ngcss-dark,var(--blue-200)); --color-border-info-outline-hover: var(--light= ningcss-light,var(--blue-400)) var(--lightningcss-dark,var(--blue-300)); --= color-text-info-outline: var(--lightningcss-light,var(--blue-400)) var(--li= ghtningcss-dark,var(--blue-200)); --color-text-info-outline-hover: var(--li= ghtningcss-light,var(--blue-400)) var(--lightningcss-dark,var(--blue-200));= --color-text-warning-surface: var(--lightningcss-light,var(--orange-600)) = var(--lightningcss-dark,var(--orange-300)); --color-text-danger: var(--ligh= tningcss-light,var(--red-400)) var(--lightningcss-dark,var(--red-300)); --c= olor-text-danger-soft: var(--lightningcss-light,var(--red-500)) var(--light= ningcss-dark,var(--red-300)); --color-background-danger-solid: var(--red-40= 0); --color-background-danger-solid-hover: var(--red-500); --color-backgrou= nd-danger-solid-active: var(--red-500); --color-border-danger-outline: var(= --color-border-primary-outline); --color-border-danger-outline-hover: var(-= -lightningcss-light,var(--red-a100)) var(--lightningcss-dark,var(--red-a75)= ); --color-text-danger-outline: var(--lightningcss-light,var(--red-400)) va= r(--lightningcss-dark,var(--red-300)); --color-text-danger-outline-hover: v= ar(--lightningcss-light,var(--red-400)) var(--lightningcss-dark,var(--red-5= 00)); --color-text-danger-ghost: var(--lightningcss-light,var(--red-500)) v= ar(--lightningcss-dark,var(--red-400)); --color-text-danger-ghost-hover: va= r(--lightningcss-light,var(--red-500)) var(--lightningcss-dark,var(--red-40= 0)); --color-text-discovery: var(--lightningcss-light,var(--purple-500)) va= r(--lightningcss-dark,var(--purple-200)); --color-border-discovery-outline:= var(--lightningcss-light,var(--purple-400)) var(--lightningcss-dark,var(--= purple-200)); --color-border-discovery-outline-hover: var(--lightningcss-li= ght,var(--purple-400)) var(--lightningcss-dark,var(--purple-200)); --color-= text-discovery-outline: var(--lightningcss-light,var(--purple-400)) var(--l= ightningcss-dark,var(--purple-200)); --color-text-discovery-outline-hover: = var(--lightningcss-light,var(--purple-400)) var(--lightningcss-dark,var(--p= urple-200)); --font-tracking-wide: normal; --font-tracking-normal: normal; = --font-tracking-tight: normal; --control-radius-md: var(--radius-lg); } :where(:root), :where([data-theme]) { --alert-border-radius: var(--radius= -xl); --alert-gap: calc(var(--spacing) * 3); --alert-gutter: calc(var(--spa= cing) * 4); --alert-font-size: var(--font-text-sm-size); --alert-line-heigh= t: var(--font-text-sm-line-height); --alert-title-font-weight: var(--font-w= eight-semibold); --avatar-radius: var(--radius-full); --avatar-size: 28px; = --avatar-font-size-scaling: .5; --avatar-overflow-font-size-scaling-one: .4= 5; --avatar-overflow-font-size-scaling-two: .37; --avatar-overflow-font-siz= e-scaling-three: .3; --avatar-image-border-color: var(--lightningcss-light,= var(--alpha-04)) var(--lightningcss-dark,var(--alpha-15)); --avatar-group-c= utout-width: 3px; --avatar-group-cutout-color: var(--color-surface); --avat= ar-group-spacing: -8px; --badge-gutter-sm: calc(var(--control-gutter-2xs) -= 1px); --badge-gutter-md: var(--control-gutter-2xs); --badge-gutter-lg: var= (--control-gutter-xs); --badge-size-sm: calc(var(--control-size-3xs) - 2px)= ; --badge-size-md: var(--control-size-3xs); --badge-size-lg: var(--control-= size-2xs); --badge-radius-sm: var(--radius-xs); --badge-radius-md: var(--ra= dius-xs); --badge-radius-lg: var(--radius-sm); --badge-font-size-sm: var(--= font-text-xs-size); --badge-font-size-md: var(--font-text-sm-size); --badge= -font-size-lg: var(--font-text-sm-size); --badge-tracking-sm: var(--trackin= g-wide); --badge-tracking-md: var(--tracking-normal); --badge-tracking-lg: = var(--tracking-normal); --badge-font-weight-sm: var(--font-weight-semibold)= ; --badge-font-weight-md: var(--font-weight-semibold); --badge-font-weight-= lg: var(--font-weight-semibold); --badge-icon-font-size-sm: var(--font-text= -xs-size); --badge-icon-font-size-md: var(--font-text-md-size); --badge-ico= n-font-size-lg: var(--font-text-md-size); --badge-indicator-size-sm: var(--= font-text-xs-size); --badge-indicator-size-md: var(--font-text-xs-size); --= badge-indicator-size-lg: var(--font-text-sm-size); --button-gap-sm: 3px; --= button-gap-md: 4px; --button-gap-lg: 6px; --button-font-weight: var(--font-= weight-normal); --button-surface-border-color: #0000000a; --button-surface-= shadow: 0 2px 8px 0 #0000000a, 0 4px 80px 8px #00000006; --input-gap-xs: 4p= x; --input-gap-sm: 6px; --input-gap-md: 8px; --input-gap-lg: 10px; --input-= text-color: var(--color-text); --input-placeholder-text-color: var(--color-= text-tertiary); --input-outline-border-color: var(--color-border-primary-ou= tline); --input-outline-border-color-hover: var(--lightningcss-light,var(--= alpha-25)) var(--lightningcss-dark,var(--alpha-30)); --input-outline-border= -color-focus: var(--alpha-50); --input-soft-background-color: var(--color-b= ackground-primary-soft-alpha); --input-soft-border-color-focus: var(--alpha= -20); --input-border-color-invalid: var(--lightningcss-light,var(--red-500)= ) var(--lightningcss-dark,var(--red-600)); --link-font-weight: inherit; --l= ink-gap: calc(var(--spacing) * .5); --link-radius: var(--radius-sm); --link= -underline-decoration-offset: .1em; --link-primary-text-color: var(--lightn= ingcss-light,var(--blue-500)) var(--lightningcss-dark,var(--blue-300)); --l= ink-primary-text-color-hover: var(--lightningcss-light,var(--blue-800)) var= (--lightningcss-dark,var(--blue-400)); --chat-max-width: 800px; --chat-gutt= er: calc(var(--spacing) * 5); --chat-background-color: var(--color-surface)= ; --thread-gutter: calc(var(--spacing) * 4); --composer-gutter: calc(var(--= spacing) * 3); --composer-compact-gutter: calc(var(--spacing) * 2); --compo= ser-radius: var(--radius-4xl); --composer-background-color: var(--color-sur= face-elevated); --smoothing-background-color: var(--color-surface); --user-= message-background-color: var(--lightningcss-light,var(--alpha-05)) var(--l= ightningcss-dark,var(--alpha-08)); --user-message-text-color: var(--color-t= ext-prose); --source-list-gutter: var(--thread-gutter); --codeblock-backgro= und-color: var(--gray-25); --codeblock-syntax-1: var(--lightningcss-light,#= c0660d) var(--lightningcss-dark,var(--yellow-100)); --codeblock-syntax-2: v= ar(--lightningcss-light,var(--blue-500)) var(--lightningcss-dark,var(--blue= -200)); --codeblock-syntax-3: var(--lightningcss-light,var(--green-600)) va= r(--lightningcss-dark,var(--green-300)); --codeblock-syntax-4: var(--pink-5= 00); --codeblock-syntax-5: var(--lightningcss-light,var(--purple-500)) var(= --lightningcss-dark,var(--purple-300)); --dialog-min-width: 250px; --dialog= -max-width: 450px; --dialog-radius: var(--radius-xl); --dialog-container-in= ner-padding: calc(var(--spacing) * 5); --dialog-backdrop-dim-background: va= r(--modal-backdrop-background); --dialog-backdrop-fade-background: var(--mo= dal-backdrop-fade-background); --dialog-backdrop-fade-filter: var(--modal-b= ackdrop-fade-filter); --dialog-backdrop-fade-shadow: var(--modal-backdrop-f= ade-shadow); --menu-gutter: calc(var(--spacing) * 1.5); --menu-radius: var(= --radius-2xl); --menu-font-size: var(--font-text-sm-size); --menu-line-heig= ht: var(--font-text-sm-line-height); --menu-item-background-color: var(--li= ghtningcss-light,var(--alpha-08)) var(--lightningcss-dark,var(--alpha-10));= --menu-item-padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3); --= menu-item-extra-padding-end: calc(var(--spacing) * 3); --menu-item-gap: cal= c(var(--spacing) * 1.5); --menu-choice-item-gap: calc(var(--spacing) * 2); = --menu-choice-item-gap-end: calc(var(--spacing) * 3); --menu-item-radius: c= alc(var(--menu-radius) - var(--menu-gutter)); --menu-separator-gutter: var(= --menu-gutter) calc(-1 * var(--menu-gutter)); --menu-separator-background-c= olor: var(--color-border); --menu-radio-indicator-size: var(--font-text-lg-= size); --menu-radio-indicator-hole-size: var(--font-text-3xs-size); --menu-= checkbox-indicator-size: var(--font-text-lg-size); } :is(:where(:root), :where([data-theme])):where(:root[data-codex-window-ty= pe=3D"electron"], :root[data-codex-window-type=3D"electron"] *) { --menu-ba= ckground-color: var(--color-surface-elevated-secondary); --menu-box-shadow:= var(--shadow-xl-spread,var(--shadow-hairline), var(--shadow-xl)); --menu-c= orner-shape: var(--codex-corner-shape,round); --menu-gutter: var(--spacing)= ; --menu-font-size: var(--text-sm); --menu-line-height: var(--text-sm--line= -height); --menu-item-padding: calc(var(--spacing) * 1.25) var(--padding-ro= w-x,calc(var(--spacing) * 2)); --menu-item-content-padding: var(--spacing) = var(--padding-row-x,calc(var(--spacing) * 2)); --menu-item-radius: var(--ra= dius-xl); --menu-item-background-color: var(--color-background-primary-ghos= t-hover); --menu-choice-item-gap: var(--menu-item-gap); --menu-choice-item-= gap-end: var(--menu-item-gap); --menu-indicator-margin-start: calc(var(--sp= acing) * 1.5); --menu-checkbox-indicator-size: calc(var(--spacing) * 4); --= menu-separator-gutter: var(--spacing) var(--padding-row-x,calc(var(--spacin= g) * 2)); } :where(:root), :where([data-theme]) { --modal-radius: var(--radius-xl); -= -modal-backdrop-background: var(--lightningcss-light,#0000004d) var(--light= ningcss-dark,#00000080); --modal-backdrop-fade-background: var(--lightningc= ss-light,#f2f2f280) var(--lightningcss-dark,#00000080); --modal-backdrop-fa= de-filter: blur(1px); --modal-backdrop-dim-shadow: var(--shadow); --modal-c= ontainer-inner-padding: calc(var(--spacing) * 5); --popover-radius: var(--r= adius-xl); --radio-group-col-gap: calc(var(--spacing) * 2.5); --radio-group= -row-gap: calc(var(--spacing) * 5); --radio-group-item-gap: calc(var(--spac= ing) * 1.5); --radio-group-item-font-size: var(--font-text-sm-size); --radi= o-group-item-line-height: var(--font-text-sm-line-height); --radio-group-in= dicator-size: var(--font-text-md-size); --radio-group-indicator-border-colo= r: var(--color-border-primary-outline); --radio-group-indicator-border-colo= r-hover: var(--alpha-25); --radio-group-indicator-background-color: var(--c= olor-background-primary-solid); --radio-group-indicator-hole-size: .375rem;= --radio-group-indicator-hole-background-color: var(--color-text-primary-so= lid); --segmented-control-gap: 2px; --segmented-control-gutter: 2px; --segm= ented-control-background: var(--lightningcss-light,var(--gray-100)) var(--l= ightningcss-dark,var(--gray-0)); --segmented-control-font-weight: var(--fon= t-weight-semibold); --segmented-control-thumb-background: var(--lightningcs= s-light,var(--gray-0)) var(--lightningcss-dark,var(--gray-300)); --segmente= d-control-thumb-shadow: 0 1px 4px -1px #0003; --segmented-control-option-hi= ghlight-gutter: 1px; --segmented-control-option-highlight-background-color:= var(--lightningcss-light,var(--gray-200)) var(--lightningcss-dark,var(--gr= ay-300)); --select-list-scale: .95; --select-item-active-font-weight: var(-= -font-weight-semibold); --select-control-font-weight: var(--font-weight-med= ium); --slider-track-color: var(--lightningcss-light,var(--gray-150)) var(-= -lightningcss-dark,var(--gray-400)); --slider-range-color: var(--lightningc= ss-light,var(--gray-450)) var(--lightningcss-dark,var(--gray-600)); --switc= h-track-width: 32px; --switch-track-height: 19px; --switch-track-color: var= (--lightningcss-light,var(--gray-150)) var(--lightningcss-dark,var(--gray-4= 00)); --switch-track-color-hover: var(--lightningcss-light,var(--gray-200))= var(--lightningcss-dark,var(--gray-450)); --switch-track-color-checked: va= r(--color-background-info-solid); --switch-track-color-checked-disabled: va= r(--switch-track-color-checked); } @supports (color:color-mix(in lab, red, red)) { :where(:root), :where([data-theme]) { --switch-track-color-checked-disabl= ed: color-mix(in oklab, var(--switch-track-color-checked) 50%, transparent)= ; } } :where(:root), :where([data-theme]) { --switch-track-color-disabled: var(= --lightningcss-light,var(--gray-100)) var(--lightningcss-dark,var(--gray-30= 0)); --switch-thumb-offset: 3px; --switch-thumb-size: calc(var(--switch-tra= ck-height) - 2 * var(--switch-thumb-offset)); --switch-thumb-shadow: 0 1px = 2px #0003; --switch-thumb-color: var(--white); --switch-thumb-color-disable= d: var(--white); --switch-label-gap: calc(var(--spacing) * 2); --tooltip-bo= rder-radius: var(--radius-md); --tooltip-background-color: var(--color-surf= ace-elevated); --tooltip-text-color: var(--color-text); --tooltip-box-shado= w: var(--shadow), var(--shadow-hairline); --tooltip-font-size: var(--font-t= ext-sm-size); --tooltip-font-weight: var(--font-weight-normal); --tooltip-l= ine-height: 1.45; --tooltip-padding-sm: calc(var(--spacing) * 2) calc(var(-= -spacing) * 3); --tooltip-padding-md: calc(var(--spacing) * 3) calc(var(--s= pacing) * 4); --tooltip-padding-lg: 14px 18px; --tooltip-compact-padding: c= alc(var(--spacing) * .5) calc(var(--spacing) * 2); --tooltip-compact-backgr= ound-color: var(--gray-700); --tooltip-compact-text-color: var(--gray-0); -= -tooltip-compact-interactive-background-color-hover: var(--gray-600); --too= ltip-compact-interactive-text-color-hover: var(--gray-0); --tooltip-compact= -font-size: var(--font-text-sm-size); --tooltip-compact-font-weight: var(--= font-weight-normal); --modal-sheet-fade-shadow: 0 -8px 16px 0 #00000012, 0 = -2px 6px 0 #0000000d, 0 0 0 1px var(--color-border); --modal-backdrop-fade-= shadow: 0 8px 16px 0 #00000012, 0 2px 6px 0 #0000000d, 0 0 0 1px var(--colo= r-border); } :is(:where(:root), :where([data-theme])):where(:root[data-codex-window-ty= pe=3D"browser"], :root[data-codex-window-type=3D"browser"] *) { --alert-bor= der-radius: var(--radius-2xl); --alert-gutter: calc(var(--spacing) * 3); --= alert-title-font-weight: var(--font-weight-medium); --button-font-weight: v= ar(--font-weight-medium); --dialog-radius: var(--radius-2xl); --menu-backgr= ound-color: var(--color-surface-elevated-secondary); } @supports (color:color-mix(in lab, red, red)) { :is(:where(:root), :where([data-theme])):where(:root[data-codex-window-ty= pe=3D"browser"], :root[data-codex-window-type=3D"browser"] *) { --menu-back= ground-color: color-mix(in oklab, var(--color-surface-elevated-secondary) 9= 0%, transparent); } } :is(:where(:root), :where([data-theme])):where(:root[data-codex-window-ty= pe=3D"browser"], :root[data-codex-window-type=3D"browser"] *) { --menu-box-= shadow: 0 0 0 var(--border-width-hairline,.5px) var(--color-border), var(--= shadow-xl-spread,var(--shadow-hairline), var(--shadow-xl)); --menu-backdrop= -filter: blur(var(--blur-lg)); --menu-gutter: calc(var(--spacing) * 2); --m= enu-indicator-margin-start: var(--spacing); --menu-separator-gutter: var(--= menu-gutter) calc(var(--spacing) * 3); --modal-radius: var(--radius-2xl); -= -popover-radius: var(--radius-2xl); --select-list-scale: .98; --select-item= -active-font-weight: var(--font-weight-medium); --switch-track-color-checke= d: var(--lightningcss-light,var(--gray-900)) var(--lightningcss-dark,var(--= blue-400)); --switch-track-color-checked-disabled: var(--lightningcss-light= ,var(--gray-300)) var(--lightningcss-dark,var(--blue-700)); --switch-thumb-= color: var(--lightningcss-light,var(--gray-0)) var(--lightningcss-dark,var(= --gray-1000)); --switch-thumb-color-disabled: var(--lightningcss-light,var(= --gray-0)) var(--lightningcss-dark,var(--gray-800)); --tooltip-compact-padd= ing: var(--spacing) calc(var(--spacing) * 2); --tooltip-compact-background-= color: var(--gray-1000); --tooltip-compact-font-size: var(--font-text-xs-si= ze); --tooltip-compact-font-weight: var(--font-weight-semibold); } @media (pointer: coarse) { :is(:where(:root), :where([data-theme])):where(:root[data-codex-window-ty= pe=3D"browser"], :root[data-codex-window-type=3D"browser"] *) { --menu-item= -padding: calc(var(--spacing) * 2.5) calc(var(--spacing) * 3); } } :where([data-theme=3D"dark"]) { --modal-sheet-fade-shadow: 0 -8px 16px 0 = #00000059, 0 -2px 8px 0 #0003, 0 0 0 1px #0006; --modal-backdrop-fade-shado= w: 0 8px 16px 0 #00000059, 0 2px 8px 0 #0003, inset 0 0 0 1px var(--color-b= order-subtle); } :where(:root:not([data-codex-window-type=3D"extension"])), :where(:root:n= ot([data-codex-window-type=3D"extension"]) [data-theme]) { --app-color-back= ground-surface: var(--lightningcss-light,var(--gray-fixed-0)) var(--lightni= ngcss-dark,var(--gray-fixed-900)); --app-color-background-surface-under: va= r(--lightningcss-light,var(--gray-fixed-50)) var(--lightningcss-dark,black)= ; --app-color-background-application-menu: var(--lightningcss-light,var(--g= ray-fixed-50)) var(--lightningcss-dark,var(--gray-fixed-800)); --app-color-= foreground-application-menu: var(--lightningcss-light,var(--app-color-text-= foreground)) var(--lightningcss-dark,var(--app-color-background-application= -menu)); --app-color-border-application-menu-separator: var(--lightningcss-= light,var(--app-color-border-heavy)) var(--lightningcss-dark,var(--app-colo= r-background-application-menu)); --app-color-background-editor-opaque: var(= --lightningcss-light,var(--gray-fixed-100)) var(--lightningcss-dark,var(--g= ray-fixed-800)); --app-color-background-elevated-primary: var(--lightningcs= s-light,var(--gray-fixed-0)) var(--lightningcss-dark,var(--gray-fixed-800))= ; --app-color-background-elevated-primary-opaque: var(--lightningcss-light,= var(--gray-fixed-0)) var(--lightningcss-dark,var(--gray-fixed-750)); --app-= color-background-elevated-secondary: var(--lightningcss-light,var(--app-col= or-text-foreground)) var(--lightningcss-dark,var(--gray-fixed-0)); --app-co= lor-background-elevated-secondary-opaque: var(--lightningcss-light,var(--gr= ay-fixed-100)) var(--lightningcss-dark,var(--gray-fixed-800)); --app-color-= background-button-primary: var(--lightningcss-light,var(--app-color-text-fo= reground)) var(--lightningcss-dark,var(--gray-fixed-1000)); --app-color-bac= kground-button-primary-hover: var(--lightningcss-light,var(--app-color-text= -foreground)) var(--lightningcss-dark,var(--gray-fixed-1000)); --app-color-= background-button-primary-active: var(--lightningcss-light,var(--app-color-= text-foreground)) var(--lightningcss-dark,var(--gray-fixed-1000)); --app-co= lor-background-button-primary-inactive: var(--lightningcss-light,var(--app-= color-text-foreground)) var(--lightningcss-dark,var(--gray-fixed-1000)); --= app-color-background-button-secondary: var(--lightningcss-light,var(--app-c= olor-text-foreground)) var(--lightningcss-dark,var(--gray-fixed-0)); --app-= color-background-button-secondary-hover: var(--lightningcss-light,var(--app= -color-text-foreground)) var(--lightningcss-dark,var(--gray-fixed-0)); --ap= p-color-background-button-secondary-active: var(--lightningcss-light,var(--= app-color-text-foreground)) var(--lightningcss-dark,var(--gray-fixed-0)); -= -app-color-background-button-secondary-inactive: var(--lightningcss-light,v= ar(--app-color-text-foreground)) var(--lightningcss-dark,var(--gray-fixed-0= )); --app-color-background-button-tertiary: var(--lightningcss-light,var(--= app-color-text-foreground)) var(--lightningcss-dark,var(--gray-fixed-0)); -= -app-color-background-button-tertiary-hover: var(--lightningcss-light,var(-= -app-color-text-foreground)) var(--lightningcss-dark,var(--gray-fixed-0)); = --app-color-background-button-tertiary-active: var(--lightningcss-light,var= (--app-color-text-foreground)) var(--lightningcss-dark,var(--gray-fixed-0))= ; --app-color-background-accent: var(--lightningcss-light,var(--blue-50)) v= ar(--lightningcss-dark,var(--blue-900)); --app-color-background-accent-hove= r: var(--lightningcss-light,var(--blue-50)) var(--lightningcss-dark,var(--b= lue-900)); --app-color-background-accent-active: var(--lightningcss-light,v= ar(--blue-50)) var(--lightningcss-dark,var(--blue-900)); --app-color-backgr= ound-status-success: var(--lightningcss-light,var(--green-500)) var(--light= ningcss-dark,var(--green-400)); --app-color-background-status-warning: var(= --lightningcss-light,var(--orange-50)) var(--lightningcss-dark,var(--orange= -900)); --app-color-background-status-error: var(--lightningcss-light,var(-= -red-50)) var(--lightningcss-dark,var(--red-900)); --app-color-background-t= ip-badge: var(--lightningcss-light,#e8f3fe) var(--lightningcss-dark,var(--b= lue-300)); --app-color-background-danger-active: var(--lightningcss-light,v= ar(--red-500)) var(--lightningcss-dark,var(--red-400)); --app-color-text-fo= reground: var(--lightningcss-light,#1a1c1f) var(--lightningcss-dark,var(--g= ray-fixed-150)); --app-color-text-foreground-secondary: var(--lightningcss-= light,var(--app-color-text-foreground)) var(--lightningcss-dark,var(--gray-= fixed-0)); --app-color-text-foreground-tertiary: var(--lightningcss-light,v= ar(--app-color-text-foreground)) var(--lightningcss-dark,var(--gray-fixed-0= )); } @supports (color:color-mix(in lab, red, red)) { :where(:root:not([data-codex-window-type=3D"extension"])), :where(:root:n= ot([data-codex-window-type=3D"extension"]) [data-theme]) { --app-color-fore= ground-application-menu: var(--lightningcss-light,var(--app-color-text-fore= ground)) var(--lightningcss-dark,color-mix(in srgb, var(--app-color-backgro= und-application-menu), var(--app-color-text-foreground) 87.5%)); --app-colo= r-border-application-menu-separator: var(--lightningcss-light,var(--app-col= or-border-heavy)) var(--lightningcss-dark,color-mix(in srgb, var(--app-colo= r-background-application-menu), var(--app-color-text-foreground) 28%)); --a= pp-color-background-editor-opaque: var(--lightningcss-light,color-mix(in ok= lab, var(--gray-fixed-100) 40%, transparent)) var(--lightningcss-dark,var(-= -gray-fixed-800)); --app-color-background-elevated-primary: var(--lightning= css-light,color-mix(in oklab, var(--gray-fixed-0) 70%, transparent)) var(--= lightningcss-dark,color-mix(in oklab, var(--gray-fixed-800) 96%, transparen= t)); --app-color-background-elevated-secondary: var(--lightningcss-light,co= lor-mix(in oklab, var(--app-color-text-foreground) 2%, transparent)) var(--= lightningcss-dark,color-mix(in oklab, var(--gray-fixed-0) 3%, transparent))= ; --app-color-background-elevated-secondary-opaque: var(--lightningcss-ligh= t,color-mix(in oklab, var(--gray-fixed-100) 40%, transparent)) var(--lightn= ingcss-dark,var(--gray-fixed-800)); --app-color-background-button-primary-h= over: var(--lightningcss-light,color-mix(in oklab, var(--app-color-text-for= eground) 8%, transparent)) var(--lightningcss-dark,color-mix(in oklab, var(= --gray-fixed-1000) 6%, transparent)); --app-color-background-button-primary= -active: var(--lightningcss-light,color-mix(in oklab, var(--app-color-text-= foreground) 16%, transparent)) var(--lightningcss-dark,color-mix(in oklab, = var(--gray-fixed-1000) 10%, transparent)); --app-color-background-button-pr= imary-inactive: var(--lightningcss-light,color-mix(in oklab, var(--app-colo= r-text-foreground) 24%, transparent)) var(--lightningcss-dark,color-mix(in = oklab, var(--gray-fixed-1000) 3%, transparent)); --app-color-background-but= ton-secondary: var(--lightningcss-light,color-mix(in oklab, var(--app-color= -text-foreground) 5%, transparent)) var(--lightningcss-dark,color-mix(in ok= lab, var(--gray-fixed-0) 5%, transparent)); --app-color-background-button-s= econdary-hover: var(--lightningcss-light,color-mix(in oklab, var(--app-colo= r-text-foreground) 5%, transparent)) var(--lightningcss-dark,color-mix(in o= klab, var(--gray-fixed-0) 8%, transparent)); --app-color-background-button-= secondary-active: var(--lightningcss-light,color-mix(in oklab, var(--app-co= lor-text-foreground) 4%, transparent)) var(--lightningcss-dark,color-mix(in= oklab, var(--gray-fixed-0) 12%, transparent)); --app-color-background-butt= on-secondary-inactive: var(--lightningcss-light,color-mix(in oklab, var(--a= pp-color-text-foreground) 2%, transparent)) var(--lightningcss-dark,color-m= ix(in oklab, var(--gray-fixed-0) 4%, transparent)); --app-color-background-= button-tertiary: var(--lightningcss-light,color-mix(in oklab, var(--app-col= or-text-foreground) 0%, transparent)) var(--lightningcss-dark,color-mix(in = oklab, var(--gray-fixed-0) 3%, transparent)); --app-color-background-button= -tertiary-hover: var(--lightningcss-light,color-mix(in oklab, var(--app-col= or-text-foreground) 10%, transparent)) var(--lightningcss-dark,color-mix(in= oklab, var(--gray-fixed-0) 7.0%, transparent)); --app-color-background-but= ton-tertiary-active: var(--lightningcss-light,color-mix(in oklab, var(--app= -color-text-foreground) 20%, transparent)) var(--lightningcss-dark,color-mi= x(in oklab, var(--gray-fixed-0) 10%, transparent)); --app-color-background-= status-success: var(--lightningcss-light,color-mix(in oklab, var(--green-50= 0) 7.0%, transparent)) var(--lightningcss-dark,color-mix(in oklab, var(--gr= een-400) 16%, transparent)); --app-color-background-tip-badge: var(--lightn= ingcss-light,#e8f3fe) var(--lightningcss-dark,color-mix(in oklab, var(--blu= e-300) 16%, transparent)); --app-color-background-danger-active: var(--ligh= tningcss-light,color-mix(in oklab, var(--red-500) 90%, transparent)) var(--= lightningcss-dark,color-mix(in oklab, var(--red-400) 36%, transparent)); --= app-color-text-foreground-secondary: var(--lightningcss-light,color-mix(in = oklab, var(--app-color-text-foreground) 70%, transparent)) var(--lightningc= ss-dark,color-mix(in oklab, var(--gray-fixed-0) 70%, transparent)); --app-c= olor-text-foreground-tertiary: var(--lightningcss-light,color-mix(in oklab,= var(--app-color-text-foreground) 50%, transparent)) var(--lightningcss-dar= k,color-mix(in oklab, var(--gray-fixed-0) 50%, transparent)); } } :where(:root:not([data-codex-window-type=3D"extension"])), :where(:root:n= ot([data-codex-window-type=3D"extension"]) [data-theme]) { --app-color-text= -button-primary: var(--lightningcss-light,var(--gray-fixed-0)) var(--lightn= ingcss-dark,var(--gray-fixed-1000)); --app-color-text-button-secondary: var= (--lightningcss-light,var(--app-color-text-foreground)) var(--lightningcss-= dark,var(--gray-fixed-300)); --app-color-text-button-tertiary: var(--gray-f= ixed-500); --app-color-text-accent: var(--blue-300); } :is(:where(:root:not([data-codex-window-type=3D"extension"])), :where(:ro= ot:not([data-codex-window-type=3D"extension"]) [data-theme])):where([data-t= heme=3D"dark"]) { --app-color-text-accent: var(--blue-100); } :where(:root:not([data-codex-window-type=3D"extension"])), :where(:root:n= ot([data-codex-window-type=3D"extension"]) [data-theme]) { --app-color-text= -on-accent: var(--gray-fixed-1000); --app-color-text-success: var(--lightni= ngcss-light,var(--green-500)) var(--lightningcss-dark,var(--green-300)); --= app-color-text-warning: var(--lightningcss-light,var(--orange-500)) var(--l= ightningcss-dark,var(--orange-300)); --app-color-text-error: var(--lightnin= gcss-light,var(--red-500)) var(--lightningcss-dark,var(--red-300)); --app-c= olor-text-tip-badge: var(--lightningcss-light,#3a83f7) var(--lightningcss-d= ark,var(--blue-300)); --app-color-icon-primary: var(--lightningcss-light,va= r(--app-color-text-foreground)) var(--lightningcss-dark,var(--white)); --ap= p-color-icon-secondary: var(--lightningcss-light,var(--app-color-text-foreg= round)) var(--lightningcss-dark,var(--white)); --app-color-icon-tertiary: v= ar(--lightningcss-light,var(--app-color-text-foreground)) var(--lightningcs= s-dark,var(--white)); --app-color-icon-accent: var(--blue-300); --app-color= -icon-success: var(--lightningcss-light,var(--green-500)) var(--lightningcs= s-dark,var(--green-300)); --app-color-icon-warning: var(--lightningcss-ligh= t,var(--orange-500)) var(--lightningcss-dark,var(--orange-300)); --app-colo= r-icon-error: var(--lightningcss-light,var(--red-500)) var(--lightningcss-d= ark,var(--red-300)); --app-color-accent-red: var(--lightningcss-light,var(-= -red-500)) var(--lightningcss-dark,var(--red-300)); --app-color-accent-blue= : var(--blue-300); --app-color-accent-yellow: var(--lightningcss-light,var(= --yellow-400)) var(--lightningcss-dark,var(--yellow-300)); --app-color-acce= nt-orange: var(--lightningcss-light,var(--orange-500)) var(--lightningcss-d= ark,var(--orange-400)); --app-color-accent-green: var(--lightningcss-light,= var(--green-500)) var(--lightningcss-dark,var(--green-300)); --app-color-ac= cent-purple: var(--lightningcss-light,var(--purple-400)) var(--lightningcss= -dark,var(--purple-300)); --app-color-border: var(--lightningcss-light,var(= --app-color-text-foreground)) var(--lightningcss-dark,var(--white)); --app-= color-border-heavy: var(--lightningcss-light,var(--app-color-text-foregroun= d)) var(--lightningcss-dark,var(--white)); --app-color-border-light: var(--= lightningcss-light,var(--app-color-text-foreground)) var(--lightningcss-dar= k,var(--white)); --app-color-border-warning: var(--lightningcss-light,var(-= -orange-500)) var(--lightningcss-dark,var(--orange-300)); --app-color-borde= r-error: var(--lightningcss-light,var(--red-500)) var(--lightningcss-dark,v= ar(--red-400)); --app-color-border-focus: var(--lightningcss-light,var(--bl= ue-300)) var(--lightningcss-dark,var(--blue-300)); --app-color-decoration-a= dded: var(--lightningcss-light,var(--green-500)) var(--lightningcss-dark,va= r(--green-300)); --app-color-decoration-modified: var(--lightningcss-light,= var(--orange-700)) var(--lightningcss-dark,var(--orange-300)); --app-color-= decoration-deleted: var(--lightningcss-light,var(--red-600)) var(--lightnin= gcss-dark,var(--red-400)); --app-color-decoration-unchanged: var(--lightnin= gcss-light,var(--gray-fixed-300)) var(--lightningcss-dark,var(--gray-fixed-= 600)); --app-color-editor-added: var(--lightningcss-light,var(--green-500))= var(--lightningcss-dark,var(--green-300)); --app-color-editor-deleted: var= (--lightningcss-light,var(--red-600)) var(--lightningcss-dark,var(--red-400= )); } @supports (color:color-mix(in lab, red, red)) { :where(:root:not([data-codex-window-type=3D"extension"])), :where(:root:n= ot([data-codex-window-type=3D"extension"]) [data-theme]) { --app-color-icon= -primary: var(--lightningcss-light,var(--app-color-text-foreground)) var(--= lightningcss-dark,color-mix(in oklab, var(--white) 90%, transparent)); --ap= p-color-icon-secondary: var(--lightningcss-light,color-mix(in oklab, var(--= app-color-text-foreground) 70%, transparent)) var(--lightningcss-dark,color= -mix(in oklab, var(--white) 70%, transparent)); --app-color-icon-tertiary: = var(--lightningcss-light,color-mix(in oklab, var(--app-color-text-foregroun= d) 50%, transparent)) var(--lightningcss-dark,color-mix(in oklab, var(--whi= te) 50%, transparent)); --app-color-border: var(--lightningcss-light,color-= mix(in oklab, var(--app-color-text-foreground) 8%, transparent)) var(--ligh= tningcss-dark,color-mix(in oklab, var(--white) 8%, transparent)); --app-col= or-border-heavy: var(--lightningcss-light,color-mix(in oklab, var(--app-col= or-text-foreground) 12%, transparent)) var(--lightningcss-dark,color-mix(in= oklab, var(--white) 16%, transparent)); --app-color-border-light: var(--li= ghtningcss-light,color-mix(in oklab, var(--app-color-text-foreground) 5%, t= ransparent)) var(--lightningcss-dark,color-mix(in oklab, var(--white) 4%, t= ransparent)); --app-color-border-warning: var(--lightningcss-light,color-mi= x(in oklab, var(--orange-500) 15%, transparent)) var(--lightningcss-dark,co= lor-mix(in oklab, var(--orange-300) 40%, transparent)); --app-color-border-= error: var(--lightningcss-light,color-mix(in oklab, var(--red-500) 15%, tra= nsparent)) var(--lightningcss-dark,color-mix(in oklab, var(--red-400) 40%, = transparent)); --app-color-border-focus: var(--lightningcss-light,var(--blu= e-300)) var(--lightningcss-dark,color-mix(in oklab, var(--blue-300) 70%, tr= ansparent)); --app-color-editor-added: var(--lightningcss-light,color-mix(i= n oklab, var(--green-500) 15%, transparent)) var(--lightningcss-dark,color-= mix(in oklab, var(--green-300) 23%, transparent)); --app-color-editor-delet= ed: var(--lightningcss-light,color-mix(in oklab, var(--red-600) 15%, transp= arent)) var(--lightningcss-dark,color-mix(in oklab, var(--red-400) 23%, tra= nsparent)); } } :where(:root:not([data-codex-window-type=3D"extension"])), :where(:root:n= ot([data-codex-window-type=3D"extension"]) [data-theme]) { --app-color-simp= le-scrim: var(--lightningcss-light,#0000001a) var(--lightningcss-dark,#ffff= ff1a); } :where(:root:not([data-codex-window-type=3D"extension"])[data-theme=3D"li= ght"]), :where(:root:not([data-codex-window-type=3D"extension"]) [data-them= e=3D"light"]) { --app-color-background-recovery: #f8f7f5; } @media (prefers-color-scheme: light) { :where(:root:not([data-codex-window-type=3D"extension"]):not([data-theme]= )) { --app-color-background-recovery: #f8f7f5; } } :where(:root, [data-theme]) { --color-text: var(--app-color-text-foregrou= nd); --color-text-prose: var(--color-text); --alpha-base: var(--color-text)= ; --color-text-emphasis: var(--app-color-text-foreground,var(--color-text))= ; --color-text-secondary: var(--app-color-text-secondary,var(--app-color-te= xt-foreground)); --color-text-tertiary: var(--app-color-text-foreground-ter= tiary); --color-text-toolbar-action: var(--color-text-tertiary); --color-te= xt-execution-output: var(--color-text); --color-text-execution-output-label= : var(--color-text-tertiary); --color-text-execution-output-error: var(--co= lor-text-danger); --color-text-execution-traceback: var(--white); --color-t= ext-mode-toggle-inactive: var(--color-text); --color-text-mode-toggle-prima= ry: var(--color-text); --color-text-mode-toggle-accent: var(--color-text-in= fo); --color-text-button-outline: var(--color-text); --color-text-disabled:= var(--app-color-text-foreground-tertiary); --color-text-info: var(--app-co= lor-text-accent); --color-text-business-claim: var(--lightningcss-light,var= (--blue-500)) var(--lightningcss-dark,var(--blue-200)); --color-text-info-s= oft: var(--app-color-accent-blue); --color-text-danger: var(--app-color-tex= t-error); --color-text-danger-soft: var(--app-color-accent-red); --color-te= xt-warning: var(--app-color-text-warning); --color-text-warning-soft: var(-= -app-color-accent-orange); --color-text-success: var(--app-color-accent-gre= en); --color-text-caution: var(--app-color-accent-yellow); --color-text-int= ernal-badge: var(--lightningcss-light,var(--yellow-1000)) var(--lightningcs= s-dark,var(--yellow-25)); --color-background-internal-badge: var(--lightnin= gcss-light,var(--yellow-200)) var(--lightningcss-dark,var(--yellow-800)); -= -color-text-discovery: var(--app-color-accent-purple); --color-text-tip: va= r(--app-color-text-tip-badge,var(--app-color-accent-blue)); --color-text-in= verse: var(--app-color-text-button-primary); --color-text-primary-solid: va= r(--app-color-text-primary-solid,var(--color-background-control-opaque,var(= --app-color-background-surface))); --composer-radius: calc(var(--spacing) *= 5.5); --composer-corner-shape: round; --color-text-composer-primary: var(-= -color-text-primary-solid); --color-text-composer-reference: var(--color-te= xt-info); --color-text-user-message: var(--color-text); --color-text-second= ary-solid: var(--app-color-text-foreground-secondary); --color-text-info-so= lid: var(--app-color-text-on-accent,var(--app-color-text-button-primary)); = --color-text-coachmark: var(--white); --color-text-danger-solid: var(--whit= e); --color-text-warning-solid: var(--app-color-text-button-primary); --col= or-text-success-solid: var(--white); --color-background-tooltip: var(--ligh= tningcss-light,var(--color-background-primary-solid)) var(--lightningcss-da= rk,var(--color-surface-elevated-secondary)); --color-text-tooltip: var(--li= ghtningcss-light,var(--color-text-primary-solid)) var(--lightningcss-dark,v= ar(--color-text)); --color-border-tooltip: var(--color-text-tooltip); --col= or-background-tooltip-shortcut: var(--color-text-tooltip); --color-backgrou= nd-tooltip-classic: var(--app-color-background-tooltip-classic,var(--white)= ); --color-text-tooltip-classic: var(--app-color-text-tooltip-classic,var(-= -black)); --color-border-tooltip-classic: var(--app-color-border-tooltip-cl= assic,var(--color-text-tooltip-classic)); --color-text-tooltip-shortcut: va= r(--color-text-tooltip); --color-text-tooltip-secondary: var(--color-text-t= ooltip); --color-text-tooltip-tertiary: var(--color-text-tooltip); --color-= text-tooltip-info: var(--color-text-tooltip); --color-text-tooltip-danger: = var(--color-text-tooltip); --color-text-tooltip-warning: var(--color-text-t= ooltip); --color-text-tooltip-success: var(--color-text-tooltip); --color-t= ext-tooltip-description: var(--color-text-tooltip-secondary); --color-contr= ol-thumb-foreground: var(--lightningcss-light,var(--color-text)) var(--ligh= tningcss-dark,var(--black)); --color-control-thumb-on-accent: var(--white);= --switch-track-color: var(--color-text); --switch-track-color-hover: var(-= -switch-track-color); --switch-track-color-checked: var(--color-blue); --sw= itch-track-color-checked-disabled: var(--switch-track-color-checked); --swi= tch-thumb-color: var(--color-control-thumb-on-accent); --color-device-stage= : var(--gray-fixed-700); --color-device-handle: var(--gray-fixed-600); --co= lor-device-handle-hover: var(--gray-fixed-550); --color-device-handle-detai= l: var(--gray-fixed-300); --color-background-user-message-compact: var(--li= ghtningcss-light,var(--gray-fixed-75)) var(--lightningcss-dark,var(--gray-f= ixed-600)); --color-background-message-reaction: var(--lightningcss-light,v= ar(--gray-75)) var(--lightningcss-dark,var(--gray-350)); --color-chat-accen= t-black: var(--lightningcss-light,var(--black)) var(--lightningcss-dark,var= (--color-background-user-message-compact)); --color-chat-accent-slate: var(= --lightningcss-light,#7c9cc3) var(--lightningcss-dark,#6e8eb5); --color-cha= t-accent-red: var(--lightningcss-light,#de4a43) var(--lightningcss-dark,#c5= 4d45); --color-chat-accent-orange: #fa7002; --color-chat-accent-yellow: #fd= cd54; --color-chat-accent-lime: #b0d718; --color-chat-accent-green: #19b79e= ; --color-chat-accent-cyan: #05aaff; --color-chat-accent-blue: #3566f0; --c= olor-chat-accent-purple: #ab5eff; --color-chat-accent-magenta: #ee61e2; --c= olor-chat-accent-pink: #fa70ab; --color-text-on-chat-accent: var(--white); = --color-text-on-chat-accent-yellow: #0d0d0d; --color-text-on-chat-accent-li= me: #0d0d0d; --color-text-chat-accent-blue: var(--lightningcss-light,#2451d= a) var(--lightningcss-dark,#b0c9fe); --color-text-chat-accent-green: var(--= lightningcss-light,#055f51) var(--lightningcss-dark,#42dec2); --color-text-= chat-accent-yellow: var(--lightningcss-light,#7d3f09) var(--lightningcss-da= rk,#fee096); --color-text-chat-accent-pink: var(--lightningcss-light,#c31b7= 4) var(--lightningcss-dark,#fbadca); --color-text-chat-accent-orange: var(-= -lightningcss-light,#ab1616) var(--lightningcss-dark,#fdb9ab); --color-text= -chat-accent-purple: var(--lightningcss-light,#7e14d0) var(--lightningcss-d= ark,#c8a4fb); --color-text-chat-accent-slate: var(--lightningcss-light,#4a6= e98) var(--lightningcss-dark,#acc7e8); --color-text-chat-accent-lime: var(-= -lightningcss-light,#586c11) var(--lightningcss-dark,#d8f590); --color-text= -chat-accent-cyan: var(--lightningcss-light,#0b5c7c) var(--lightningcss-dar= k,#b3e3fc); --color-text-chat-accent-magenta: var(--lightningcss-light,#af1= fa7) var(--lightningcss-dark,#fec5f6); --color-text-chat-accent-black: var(= --color-text); --color-text-chat-accent-red: var(--color-text-danger); --co= lor-media-foreground: var(--white); --color-media-background: var(--black);= --color-brand-logo-background: var(--white); --color-brand-logo-foreground= : var(--black); --color-media-scrim: var(--gray-fixed-1000); --color-media-= control-background: var(--white); --color-media-control-hover: var(--white)= ; --color-image-generation-accent: var(--color-chart-blue); --color-image-g= eneration-text: var(--color-text-info); --color-image-generation-foreground= : var(--color-text-on-accent,var(--color-media-foreground)); --color-blue: = var(--app-color-accent-blue); --color-chart-blue: var(--color-blue); --colo= r-green: var(--app-color-accent-green); --color-chart-green: var(--color-gr= een); --color-orange: var(--app-color-accent-orange); --color-chart-orange:= var(--color-orange); --color-purple: var(--app-color-accent-purple); --col= or-chart-purple: var(--color-purple); --color-red: var(--app-color-accent-r= ed); --color-chart-red: var(--color-red); --color-yellow: var(--app-color-a= ccent-yellow); --color-chart-yellow: var(--color-yellow); --color-avatar-bl= ue: var(--blue-800); --color-avatar-red: var(--red-800); --color-avatar-gre= en: var(--green-800); --color-avatar-light-blue: var(--blue-500); --color-a= vatar-yellow: var(--yellow-800); --color-avatar-gray: var(--gray-fixed-800)= ; --color-avatar-orange: var(--orange-800); --color-avatar-foreground: var(= --white); --color-avatar-foreground-inverse: var(--black); --color-backgrou= nd-activity-control: var(--lightningcss-light,#e8e8e8) var(--lightningcss-d= ark,var(--gray-fixed-700)); --color-text-activity-control: var(--lightningc= ss-light,var(--gray-fixed-350)) var(--lightningcss-dark,var(--gray-fixed-30= 0)); --color-text-activity-control-active: var(--white); --color-background= -activity-control-hover: var(--lightningcss-light,var(--gray-fixed-300)) va= r(--lightningcss-dark,var(--gray-fixed-450)); --color-background-activity-s= top-hover: var(--lightningcss-light,var(--gray-fixed-400)) var(--lightningc= ss-dark,var(--gray-fixed-500)); --color-background-activity-input: var(--li= ghtningcss-light,var(--gray-fixed-150)) var(--lightningcss-dark,var(--color= -surface-secondary)); --color-file-audio: var(--purple-400); --color-file-c= anvas: var(--yellow-500); --color-file-document: var(--blue-400); --color-f= ile-image: var(--pink-400); --color-file-pdf: var(--red-400); --color-file-= presentation: var(--red-400); --color-file-spreadsheet: var(--green-400); -= -color-file-three-d: var(--orange-400); --color-file-video: var(--purple-40= 0); --color-artifact-powerpoint: var(--red-600); --color-artifact-photo-pap= er: var(--white); --color-artifact-powerpoint-foreground: var(--lightningcs= s-light,var(--red-600)) var(--lightningcss-dark,var(--red-300)); --color-ar= tifact-powerpoint-surface: var(--lightningcss-light,var(--red-600)) var(--l= ightningcss-dark,var(--red-300)); --color-dialog-overlay: #0002; --color-su= rface: var(--app-color-background-surface); --color-surface-card: var(--app= -color-background-card,var(--color-surface)); --color-surface-secondary: va= r(--app-color-background-surface-under); --color-surface-recovery: var(--ap= p-color-background-recovery,var(--color-surface-secondary)); --color-surfac= e-tertiary: var(--app-color-background-editor-opaque); --color-surface-elev= ated: var(--app-color-background-elevated-primary); --color-surface-elevate= d-secondary: var(--color-background-control-opaque,var(--app-color-backgrou= nd-surface)); --color-background-artifact-preview: var(--color-surface); --= color-background-viewer-control: var(--color-surface-elevated); --color-bac= kground-primary-soft: var(--app-color-background-control); --color-backgrou= nd-page-search: var(--color-background-primary-soft); --color-background-pr= imary-soft-alpha: var(--app-color-text-foreground); --color-background-prim= ary-soft-active: var(--app-color-background-button-secondary); --color-back= ground-primary-ghost-hover: var(--app-color-background-button-secondary-hov= er); --color-background-primary-ghost-focus: var(--lightningcss-light,var(-= -color-text)) var(--lightningcss-dark,var(--color-background-primary-ghost-= hover)); --color-background-primary-solid: var(--app-color-text-foreground)= ; --color-background-composer-primary: var(--color-background-primary-solid= ); --color-background-user-message: var(--color-text); --color-background-o= ther-user-message: var(--color-text); --color-background-secondary-soft: va= r(--app-color-background-button-secondary); --color-background-segmented-se= lected: var(--color-text); --color-background-segmented-selected-hover: var= (--color-text); --color-background-segmented-form-track: var(--lightningcss= -light,var(--color-surface)) var(--lightningcss-dark,var(--color-surface-el= evated-secondary)); --color-background-segmented-form-selected: var(--light= ningcss-light,var(--color-surface)) var(--lightningcss-dark,var(--color-sur= face-elevated-secondary)); --color-background-callout-surface: var(--app-co= lor-background-elevated-primary); --color-background-secondary-soft-alpha: = var(--color-background-secondary-ghost-hover); --color-background-execution= -output: var(--color-surface-secondary); --color-background-execution-trace= back: var(--black); --color-background-mode-toggle-track: var(--lightningcs= s-light,var(--color-surface-secondary)) var(--lightningcss-dark,var(--color= -background-primary-ghost-hover)); --color-background-mode-toggle-selected:= var(--color-background-primary-soft); --color-background-composer-action-b= ar: var(--lightningcss-light,var(--color-surface-secondary)) var(--lightnin= gcss-dark,var(--color-background-primary-soft-alpha)); --color-background-i= nfo-surface: var(--app-color-background-accent-hover); --color-background-i= nfo-soft: var(--app-color-text-accent); --color-background-text-selection: = var(--color-background-info-soft); --color-background-attribution-highlight= : var(--color-background-info-soft); --color-background-info-solid: var(--a= pp-color-accent-blue); --color-background-coachmark: var(--blue-500); --col= or-background-success-surface: var(--lightningcss-light,var(--green-25)) va= r(--lightningcss-dark,var(--green-950)); --color-background-success-solid: = var(--green-600); --color-background-success-indicator: var(--lightningcss-= light,var(--green-600)) var(--lightningcss-dark,var(--green-500)); --color-= background-chatgpt-success-solid: var(--color-background-success-solid); --= color-background-danger-surface: var(--lightningcss-light,var(--red-25)) va= r(--lightningcss-dark,var(--red-950)); --color-background-danger-solid: var= (--red-500); --color-background-warning-surface: var(--lightningcss-light,v= ar(--orange-25)) var(--lightningcss-dark,var(--orange-950)); --color-backgr= ound-warning-solid: var(--app-color-accent-orange); --color-background-caut= ion-solid: var(--app-color-accent-yellow); --color-background-discovery-sol= id: var(--app-color-accent-purple); --color-background-tip-soft: var(--app-= color-background-tip-badge,var(--app-color-text-accent)); --color-border: v= ar(--app-color-border,var(--app-color-text-foreground)); --color-border-mod= e-toggle-selected: var(--color-border); --color-border-button-outline: var(= --color-border); --color-background-button-outline-hover: var(--color-backg= round-primary-ghost-hover); --shadow-mode-toggle-selected: var(--shadow-md)= ; --color-border-subtle: var(--app-color-border-light,var(--app-color-text-= foreground)); --color-border-strong: var(--app-color-border-heavy,var(--app= -color-text-foreground)); --color-border-primary-outline: var(--app-color-b= order-heavy,var(--color-border-strong)); --color-ring: var(--app-color-bord= er-focus); --color-border-danger-outline: var(--app-color-border-error); --= color-border-warning-outline: var(--app-color-border-warning); --color-code= x-description: var(--app-color-text-foreground-tertiary); --color-codex-rad= io-inactive: var(--app-color-border-heavy); --color-codex-icon: var(--app-c= olor-icon-primary); --color-codex-icon-active: var(--app-color-icon-primary= ,var(--color-text-emphasis)); --color-codex-drop-overlay: var(--app-color-b= ackground-accent-active); --color-codex-drop-prompt: var(--app-color-backgr= ound-accent-active); --color-codex-application-menu: var(--app-color-backgr= ound-application-menu,var(--app-color-background-elevated-primary)); --colo= r-codex-application-menu-selection: var(--color-background-primary-soft-alp= ha); --color-codex-git-added: var(--app-color-decoration-added); --color-co= dex-git-deleted: var(--app-color-decoration-deleted); --color-codex-git-mod= ified: var(--app-color-decoration-modified); --color-codex-git-ignored: var= (--app-color-decoration-modified); --color-codex-diff-added: var(--app-colo= r-editor-added); --color-codex-diff-deleted: var(--app-color-editor-deleted= ); --color-codex-diff-surface: var(--color-surface); --color-codex-terminal= -background: var(--app-color-background-surface,var(--color-surface)); --co= lor-codex-terminal-foreground: var(--app-color-text-foreground); --color-co= dex-terminal-selection: var(--app-color-simple-scrim); --color-codex-termin= al-selection-inactive: var(--app-color-simple-scrim); --color-codex-termina= l-ansi-black: var(--app-color-text-foreground-tertiary); --color-codex-term= inal-ansi-red: var(--app-color-accent-red); --color-codex-terminal-ansi-gre= en: var(--app-color-accent-green); --color-codex-terminal-ansi-yellow: var(= --app-color-accent-yellow); --color-codex-terminal-ansi-blue: var(--app-col= or-accent-blue); --color-codex-terminal-ansi-magenta: var(--app-color-accen= t-purple); --color-codex-terminal-ansi-cyan: var(--app-color-accent-blue); = --color-codex-terminal-ansi-white: var(--app-color-text-foreground); --colo= r-codex-terminal-ansi-bright-black: var(--app-color-text-foreground-seconda= ry); --color-codex-terminal-ansi-bright-red: var(--app-color-accent-red); -= -color-codex-terminal-ansi-bright-green: var(--app-color-accent-green); --c= olor-codex-terminal-ansi-bright-yellow: var(--app-color-accent-yellow); --c= olor-codex-terminal-ansi-bright-blue: var(--app-color-accent-blue); --color= -codex-terminal-ansi-bright-magenta: var(--app-color-accent-purple); --colo= r-codex-terminal-ansi-bright-cyan: var(--app-color-accent-blue); --color-co= dex-terminal-ansi-bright-white: var(--app-color-text-foreground); --color-c= odex-editor-line-highlight: var(--app-color-text-foreground); } @supports (color:color-mix(in lab, red, red)) { :where(:root, [data-theme]) { --color-text-secondary: var(--app-color-tex= t-secondary,color-mix(in srgb, var(--app-color-text-foreground) 65%, transp= arent)); --color-text-mode-toggle-inactive: color-mix(in oklab, var(--color= -text) 80%, transparent); --color-border-tooltip: color-mix(in oklab, var(-= -color-text-tooltip) 5%, transparent); --color-background-tooltip-shortcut:= color-mix(in oklab, var(--color-text-tooltip) 25%, transparent); --color-b= order-tooltip-classic: var(--app-color-border-tooltip-classic,color-mix(in = oklab, var(--color-text-tooltip-classic) 10%, transparent)); --color-text-t= ooltip-secondary: color-mix(in oklab, var(--color-text-tooltip) 90%, transp= arent); --color-text-tooltip-tertiary: color-mix(in oklab, var(--color-text= -tooltip) 80%, transparent); --color-text-tooltip-info: color-mix(in srgb, = var(--color-text-tooltip) 70%, var(--color-text-info)); --color-text-toolti= p-danger: color-mix(in srgb, var(--color-text-tooltip) 70%, var(--color-tex= t-danger)); --color-text-tooltip-warning: color-mix(in srgb, var(--color-te= xt-tooltip) 70%, var(--color-text-warning)); --color-text-tooltip-success: = color-mix(in srgb, var(--color-text-tooltip) 70%, var(--color-text-success)= ); --switch-track-color: color-mix(in oklab, var(--color-text) 10%, transpa= rent); --switch-track-color-checked-disabled: color-mix(in oklab, var(--swi= tch-track-color-checked) 50%, transparent); --color-media-control-backgroun= d: color-mix(in srgb, var(--white) 35%, var(--gray-fixed-1000)); --color-me= dia-control-hover: color-mix(in srgb, var(--white) 40%, var(--gray-fixed-10= 00)); --color-artifact-powerpoint-surface: var(--lightningcss-light,color-m= ix(in oklab, var(--red-600) 5%, transparent)) var(--lightningcss-dark,color= -mix(in oklab, var(--red-300) 12%, transparent)); --color-background-artifa= ct-preview: color-mix(in srgb, var(--color-surface) 98%, var(--black)); --c= olor-background-page-search: color-mix(in oklab, var(--color-background-pri= mary-soft) 90%, transparent); --color-background-primary-soft-alpha: color-= mix(in oklab, var(--app-color-text-foreground) 2.5%, transparent); --color-= background-primary-ghost-focus: var(--lightningcss-light,color-mix(in oklab= , var(--color-text) 12%, transparent)) var(--lightningcss-dark,var(--color-= background-primary-ghost-hover)); --color-background-user-message: color-mi= x(in oklab, var(--color-text) 5%, transparent); --color-background-other-us= er-message: color-mix(in oklab, var(--color-text) 10%, transparent); --colo= r-background-segmented-selected: color-mix(in oklab, var(--color-text) 5%, = transparent); --color-background-segmented-selected-hover: color-mix(in okl= ab, var(--color-text) 10%, transparent); --color-background-segmented-form-= track: var(--lightningcss-light,color-mix(in srgb, var(--color-surface) 90%= , var(--color-text))) var(--lightningcss-dark,color-mix(in srgb, var(--colo= r-surface-elevated-secondary) 65%, var(--color-codex-application-menu))); -= -color-background-segmented-form-selected: var(--lightningcss-light,var(--c= olor-surface)) var(--lightningcss-dark,color-mix(in srgb, var(--color-surfa= ce-elevated-secondary) 90%, var(--color-text))); --color-background-mode-to= ggle-selected: color-mix(in oklab, var(--color-background-primary-soft) 90%= , transparent); --color-background-info-soft: color-mix(in srgb, var(--app-= color-text-accent) 30%, transparent); --color-background-tip-soft: var(--ap= p-color-background-tip-badge,color-mix(in srgb, var(--app-color-text-accent= ) 30%, transparent)); --color-border: var(--app-color-border,color-mix(in o= klab, var(--app-color-text-foreground) 8%, transparent)); --color-border-su= btle: var(--app-color-border-light,color-mix(in oklab, var(--app-color-text= -foreground) 5%, transparent)); --color-border-strong: var(--app-color-bord= er-heavy,color-mix(in oklab, var(--app-color-text-foreground) 12%, transpar= ent)); --color-codex-diff-surface: color-mix(in srgb, var(--color-surface) = 94%, var(--color-text)); --color-codex-editor-line-highlight: color-mix(in = srgb, var(--app-color-text-foreground) 4%, transparent); } } :where(:root, [data-theme]) { --color-codex-editor-cursor: var(--app-colo= r-text-foreground); --color-codex-editor-inline-code-background: var(--app-= color-background-elevated-secondary); --color-codex-editor-inline-code-fore= ground: var(--app-color-text-foreground); --color-codex-syntax-comment: var= (--lightningcss-light,var(--gray-fixed-550)) var(--lightningcss-dark,var(--= gray-fixed-250)); --color-codex-syntax-keyword: var(--lightningcss-light,#a= b4f7a) var(--lightningcss-dark,#f8a6c8); --color-codex-syntax-literal: var(= --lightningcss-light,#ac4f23) var(--lightningcss-dark,#f1a275); --color-cod= ex-syntax-string: var(--lightningcss-light,#3a843f) var(--lightningcss-dark= ,#83d197); --color-codex-syntax-variable: var(--lightningcss-light,#643cae)= var(--lightningcss-dark,#b897f4); --color-codex-syntax-attribute: var(--li= ghtningcss-light,#b8802b) var(--lightningcss-dark,#f9dc78); --color-codex-s= yntax-name: var(--lightningcss-light,#1f4e94) var(--lightningcss-dark,#63a8= f8); --color-codex-syntax-error: var(--lightningcss-light,var(--red-600)) v= ar(--lightningcss-dark,var(--red-200)); --color-background-primary-soft-hov= er: var(--app-color-background-button-secondary-hover); --color-background-= secondary-soft-hover: var(--color-background-primary-soft-hover); --color-b= ackground-secondary-soft-active: var(--color-background-primary-soft-active= ); --color-background-secondary-solid: var(--app-color-background-button-se= condary); --color-background-secondary-solid-hover: var(--color-background-= primary-soft-hover); --color-background-secondary-solid-active: var(--color= -background-primary-soft-active); --color-background-secondary-ghost-hover:= var(--color-background-primary-ghost-hover); --color-background-secondary-= ghost-active: var(--color-background-primary-ghost-active); --color-border-= secondary-outline: var(--color-border-primary-outline); } :where(:root[data-codex-window-type=3D"browser"], :root[data-codex-window= -type=3D"browser"] [data-theme]) { --color-text-toolbar-action: var(--color= -text); } :where([data-codex-window-type]) { --tracking-tooltip: -.15px; --shadow-t= ooltip: 0 8px 18px #0f172a33; --side-composer-tooltip: bottom; } :root[data-codex-window-type=3D"extension"], :root[data-codex-window-type= =3D"extension"] [data-theme] { --color-dialog-overlay: var(--color-surface-= tertiary); } @supports (color:color-mix(in lab, red, red)) { :root[data-codex-window-type=3D"extension"], :root[data-codex-window-type= =3D"extension"] [data-theme] { --color-dialog-overlay: color-mix(in oklab, = var(--color-surface-tertiary) 80%, transparent); } } :root[data-codex-window-type=3D"extension"] { --font-ui-family: var(--vsc= ode-font-family); --font-ui-size: var(--vscode-font-size); --font-ui-weight= : var(--vscode-font-weight); --font-code-family: var(--vscode-editor-font-f= amily,var(--font-mono-default)), var(--font-mono-default); --font-code-size= : var(--vscode-editor-font-size); --font-code-weight: var(--vscode-editor-f= ont-weight); --color-token-border: var(--color-border,var(--vscode-foregrou= nd)); --color-token-border-default: var(--color-border,var(--vscode-foregro= und)); --color-token-border-heavy: var(--app-color-border-heavy,var(--vscod= e-foreground)); --color-token-border-light: var(--app-color-border-light,va= r(--vscode-foreground)); --color-token-foreground: var(--vscode-foreground)= ; --color-token-disabled-foreground: var(--vscode-disabledForeground); --co= lor-token-error-foreground: var(--vscode-errorForeground); --color-token-de= scription-foreground: var(--vscode-descriptionForeground); --color-token-ic= on-foreground: var(--vscode-icon-foreground); --color-token-focus-border: v= ar(--vscode-focusBorder); --color-token-text-link-foreground: var(--vscode-= textLink-foreground); --color-token-text-link-active-foreground: var(--vsco= de-textLink-activeForeground); --color-token-text-link-active-background: v= ar(--vscode-textLink-activeForeground); } @supports (color:color-mix(in lab, red, red)) { :root[data-codex-window-type=3D"extension"] { --color-token-border: var(-= -color-border,color-mix(in oklab, var(--vscode-foreground) 8%, transparent)= ); --color-token-border-default: var(--color-border,color-mix(in oklab, var= (--vscode-foreground) 8%, transparent)); --color-token-border-heavy: var(--= app-color-border-heavy,color-mix(in oklab, var(--vscode-foreground) 12%, tr= ansparent)); --color-token-border-light: var(--app-color-border-light,color= -mix(in oklab, var(--vscode-foreground) 5%, transparent)); --color-token-te= xt-link-active-background: color-mix(in srgb, var(--vscode-textLink-activeF= oreground) 10%, transparent); } } :root[data-codex-window-type=3D"extension"] { --color-token-text-separato= r-foreground: var(--vscode-textSeparator-foreground); --color-token-text-pr= eformat-foreground: var(--vscode-textPreformat-foreground); --color-token-t= ext-preformat-background: var(--vscode-textPreformat-background); --color-t= oken-text-block-quote-background: var(--vscode-textBlockQuote-background); = --color-token-text-block-quote-border: var(--vscode-textBlockQuote-border);= --color-token-text-code-block-background: var(--vscode-textCodeBlock-backg= round); --color-token-sash-hover-border: var(--vscode-sash-hoverBorder); --= color-token-badge-background: var(--vscode-badge-background); --color-token= -badge-foreground: var(--vscode-badge-foreground); --color-token-activity-w= arning-badge-foreground: var(--vscode-activityWarningBadge-foreground); --c= olor-token-activity-warning-badge-background: var(--vscode-activityWarningB= adge-background); --color-token-activity-error-badge-foreground: var(--vsco= de-activityErrorBadge-foreground); --color-token-activity-error-badge-backg= round: var(--vscode-activityErrorBadge-background); --color-token-scrollbar= -shadow: var(--vscode-scrollbar-shadow); --color-token-scrollbar-slider-bac= kground: var(--vscode-scrollbarSlider-background); --color-token-scrollbar-= slider-hover-background: var(--vscode-scrollbarSlider-hoverBackground); --c= olor-token-scrollbar-slider-active-background: var(--vscode-scrollbarSlider= -activeBackground); --color-token-progress-bar-background: var(--vscode-pro= gressBar-background); --color-token-chart-line: var(--vscode-chart-line); -= -color-token-chart-axis: var(--vscode-chart-axis); --color-token-chart-guid= e: var(--vscode-chart-guide); --color-token-editor-background: var(--vscode= -editor-background); --color-token-editor-foreground: var(--vscode-editor-f= oreground); --color-token-editor-sticky-scroll-background: var(--vscode-edi= torStickyScroll-background); --color-token-editor-sticky-scroll-hover-backg= round: var(--vscode-editorStickyScrollHover-background); --color-token-edit= or-sticky-scroll-shadow: var(--vscode-editorStickyScroll-shadow); --color-t= oken-editor-widget-background: var(--vscode-editorWidget-background); --col= or-token-editor-widget-foreground: var(--vscode-editorWidget-foreground); -= -color-token-editor-widget-border: var(--vscode-editorWidget-border); --col= or-token-editor-error-foreground: var(--vscode-editorError-foreground); --c= olor-token-editor-warning-foreground: var(--vscode-editorWarning-foreground= ); --color-token-editor-info-foreground: var(--vscode-editorInfo-foreground= ); --color-token-editor-hint-foreground: var(--vscode-editorHint-foreground= ); --color-token-editor-link-active-foreground: var(--vscode-editorLink-act= iveForeground); --color-token-editor-selection-background: var(--vscode-edi= tor-selectionBackground); --color-token-editor-inactive-selection-backgroun= d: var(--vscode-editor-inactiveSelectionBackground); --color-token-editor-s= election-highlight-background: var(--vscode-editor-selectionHighlightBackgr= ound); --color-token-editor-composition-border: var(--vscode-editor-composi= tionBorder); --color-token-editor-find-match-background: var(--vscode-edito= r-findMatchBackground); --color-token-editor-find-match-highlight-backgroun= d: var(--vscode-editor-findMatchHighlightBackground); --color-token-editor-= find-range-highlight-background: var(--vscode-editor-findRangeHighlightBack= ground); --color-token-editor-hover-highlight-background: var(--vscode-edit= or-hoverHighlightBackground); --color-token-editor-hover-widget-background:= var(--vscode-editorHoverWidget-background); --color-token-editor-hover-wid= get-foreground: var(--vscode-editorHoverWidget-foreground); --color-token-e= ditor-hover-widget-border: var(--vscode-editorHoverWidget-border); --color-= token-editor-hover-widget-status-bar-background: var(--vscode-editorHoverWi= dget-statusBarBackground); --color-token-editor-inlay-hint-foreground: var(= --vscode-editorInlayHint-foreground); --color-token-editor-inlay-hint-backg= round: var(--vscode-editorInlayHint-background); --color-token-editor-inlay= -hint-type-foreground: var(--vscode-editorInlayHint-typeForeground); --colo= r-token-editor-inlay-hint-type-background: var(--vscode-editorInlayHint-typ= eBackground); --color-token-editor-inlay-hint-parameter-foreground: var(--v= scode-editorInlayHint-parameterForeground); --color-token-editor-inlay-hint= -parameter-background: var(--vscode-editorInlayHint-parameterBackground); -= -color-token-editor-light-bulb-foreground: var(--vscode-editorLightBulb-for= eground); --color-token-editor-light-bulb-auto-fix-foreground: var(--vscode= -editorLightBulbAutoFix-foreground); --color-token-editor-light-bulb-ai-for= eground: var(--vscode-editorLightBulbAi-foreground); --color-token-editor-s= nippet-tabstop-highlight-background: var(--vscode-editor-snippetTabstopHigh= lightBackground); --color-token-editor-snippet-final-tabstop-highlight-bord= er: var(--vscode-editor-snippetFinalTabstopHighlightBorder); --color-token-= diff-editor-inserted-text-background: var(--vscode-diffEditor-insertedTextB= ackground); --color-token-diff-editor-removed-text-background: var(--vscode= -diffEditor-removedTextBackground); --color-token-diff-editor-inserted-line= -background: var(--vscode-diffEditor-insertedLineBackground); --color-token= -diff-editor-removed-line-background: var(--vscode-diffEditor-removedLineBa= ckground); --color-token-diff-editor-diagonal-fill: var(--vscode-diffEditor= -diagonalFill); --color-token-diff-editor-unchanged-region-background: var(= --vscode-diffEditor-unchangedRegionBackground); --color-token-diff-editor-u= nchanged-region-foreground: var(--vscode-diffEditor-unchangedRegionForegrou= nd); --color-token-diff-editor-unchanged-code-background: var(--vscode-diff= Editor-unchangedCodeBackground); --color-token-widget-shadow: var(--vscode-= widget-shadow); --color-token-widget-border: var(--vscode-widget-border); -= -color-token-toolbar-hover-background: var(--vscode-toolbar-hoverBackground= ); --color-token-toolbar-active-background: var(--vscode-toolbar-activeBack= ground); --color-token-breadcrumb-foreground: var(--vscode-breadcrumb-foreg= round); --color-token-breadcrumb-background: var(--vscode-breadcrumb-backgr= ound); --color-token-breadcrumb-focused-foreground: var(--vscode-breadcrumb= -focusForeground); --color-token-breadcrumb-active-selection-foreground: va= r(--vscode-breadcrumb-activeSelectionForeground); --color-token-breadcrumb-= picker-background: var(--vscode-breadcrumbPicker-background); --color-token= -input-background: var(--vscode-input-background); --color-token-input-fore= ground: var(--vscode-input-foreground); --color-token-input-border: var(--v= scode-input-border,transparent); --color-token-input-option-active-border: = var(--vscode-inputOption-activeBorder); --color-token-input-option-hover-ba= ckground: var(--vscode-inputOption-hoverBackground); --color-token-input-op= tion-active-background: var(--vscode-inputOption-activeBackground); --color= -token-input-option-active-foreground: var(--vscode-inputOption-activeForeg= round); --color-token-input-placeholder-foreground: var(--vscode-input-plac= eholderForeground); --color-token-input-validation-info-background: var(--v= scode-inputValidation-infoBackground); --color-token-input-validation-info-= border: var(--vscode-inputValidation-infoBorder); --color-token-input-valid= ation-warning-background: var(--vscode-inputValidation-warningBackground); = --color-token-input-validation-warning-border: var(--vscode-inputValidation= -warningBorder); --color-token-input-validation-error-background: var(--vsc= ode-inputValidation-errorBackground); --color-token-input-validation-error-= border: var(--vscode-inputValidation-errorBorder); --color-token-dropdown-b= ackground: var(--vscode-dropdown-background); --color-token-dropdown-foregr= ound: var(--vscode-dropdown-foreground); --color-token-dropdown-border: var= (--vscode-dropdown-border); --color-token-on-accent: var(--app-color-text-o= n-accent,var(--vscode-button-foreground)); --color-token-button-foreground:= var(--vscode-button-foreground); --color-token-button-separator: var(--vsc= ode-button-separator); --color-token-button-background: var(--vscode-button= -background); --color-token-button-hover-background: var(--vscode-button-ho= verBackground); --color-token-button-border: var(--vscode-button-border); -= -color-token-button-secondary-foreground: var(--vscode-button-secondaryFore= ground); --color-token-button-secondary-background: var(--vscode-button-sec= ondaryBackground); --color-token-button-secondary-hover-background: var(--v= scode-button-secondaryHoverBackground); --color-token-radio-active-foregrou= nd: var(--vscode-radio-activeForeground); --color-token-radio-active-backgr= ound: var(--vscode-radio-activeBackground); --color-token-radio-active-bord= er: var(--vscode-radio-activeBorder); --color-token-radio-inactive-border: = var(--vscode-radio-inactiveBorder); --color-token-radio-inactive-hover-back= ground: var(--vscode-radio-inactiveHoverBackground); --color-token-checkbox= -background: var(--vscode-checkbox-background); --color-token-checkbox-sele= ct-background: var(--vscode-checkbox-selectBackground); --color-token-check= box-foreground: var(--vscode-checkbox-foreground); --color-token-checkbox-b= order: var(--vscode-checkbox-border); --color-token-checkbox-select-border:= var(--vscode-checkbox-selectBorder); --color-token-keybinding-label-backgr= ound: var(--vscode-keybindingLabel-background); --color-token-keybinding-la= bel-foreground: var(--vscode-keybindingLabel-foreground); --color-token-key= binding-label-border: var(--vscode-keybindingLabel-border); --color-token-k= eybinding-label-bottom-border: var(--vscode-keybindingLabel-bottomBorder); = --color-token-list-focus-outline: var(--vscode-list-focusOutline); --color-= token-list-focus-and-selection-outline: var(--vscode-list-focusAndSelection= Outline); --color-token-list-active-selection-background: var(--vscode-list= -activeSelectionBackground); --color-token-list-active-selection-foreground= : var(--vscode-list-activeSelectionForeground); --color-token-list-active-s= election-icon-foreground: var(--vscode-list-activeSelectionIconForeground);= --color-token-list-inactive-selection-background: var(--vscode-list-inacti= veSelectionBackground); --color-token-list-hover-background: var(--vscode-l= ist-hoverBackground); --color-token-list-drop-background: var(--vscode-list= -dropBackground); --color-token-list-drop-between-background: var(--vscode-= list-dropBetweenBackground); --color-token-list-highlight-foreground: var(-= -vscode-list-highlightForeground); --color-token-list-focus-highlight-foreg= round: var(--vscode-list-focusHighlightForeground); --color-token-list-inva= lid-item-foreground: var(--vscode-list-invalidItemForeground); --color-toke= n-list-error-foreground: var(--vscode-list-errorForeground); --color-token-= list-warning-foreground: var(--vscode-list-warningForeground); --color-toke= n-charts-foreground: var(--vscode-charts-foreground); --color-token-charts-= lines: var(--vscode-charts-lines); --color-token-charts-red: var(--vscode-c= harts-red); --color-token-charts-blue: var(--vscode-charts-blue); --color-t= oken-charts-yellow: var(--vscode-charts-yellow); --color-token-charts-orang= e: var(--vscode-charts-orange); --color-token-charts-green: var(--vscode-ch= arts-green); --color-token-charts-purple: var(--vscode-charts-purple); --co= lor-token-activity-bar-foreground: var(--vscode-activityBar-foreground); --= color-token-activity-bar-background: var(--vscode-activityBar-background); = --color-token-activity-bar-inactive-foreground: var(--vscode-activityBar-in= activeForeground); --color-token-activity-bar-active-border: var(--vscode-a= ctivityBar-activeBorder); --color-token-activity-bar-drop-border: var(--vsc= ode-activityBar-dropBorder); --color-token-activity-bar-badge-background: v= ar(--vscode-activityBarBadge-background); --color-token-activity-bar-badge-= foreground: var(--vscode-activityBarBadge-foreground); --color-token-activi= ty-bar-top-foreground: var(--vscode-activityBarTop-foreground); --color-tok= en-activity-bar-top-active-border: var(--vscode-activityBarTop-activeBorder= ); --color-token-activity-bar-top-inactive-foreground: var(--vscode-activit= yBarTop-inactiveForeground); --color-token-activity-bar-top-drop-border: va= r(--vscode-activityBarTop-dropBorder); --color-token-status-bar-foreground:= var(--vscode-statusBar-foreground); --color-token-status-bar-no-folder-for= eground: var(--vscode-statusBar-noFolderForeground); --color-token-status-b= ar-background: var(--vscode-statusBar-background); --color-token-status-bar= -no-folder-background: var(--vscode-statusBar-noFolderBackground); --color-= token-status-bar-focus-border: var(--vscode-statusBar-focusBorder); --color= -token-status-bar-item-active-background: var(--vscode-statusBarItem-active= Background); --color-token-status-bar-item-focus-border: var(--vscode-statu= sBarItem-focusBorder); --color-token-status-bar-item-hover-background: var(= --vscode-statusBarItem-hoverBackground); --color-token-status-bar-item-hove= r-foreground: var(--vscode-statusBarItem-hoverForeground); --color-token-st= atus-bar-item-compact-hover-background: var(--vscode-statusBarItem-compactH= overBackground); --color-token-status-bar-item-prominent-foreground: var(--= vscode-statusBarItem-prominentForeground); --color-token-status-bar-item-pr= ominent-background: var(--vscode-statusBarItem-prominentBackground); --colo= r-token-status-bar-item-prominent-hover-foreground: var(--vscode-statusBarI= tem-prominentHoverForeground); --color-token-status-bar-item-prominent-hove= r-background: var(--vscode-statusBarItem-prominentHoverBackground); --color= -token-status-bar-item-error-background: var(--vscode-statusBarItem-errorBa= ckground); --color-token-status-bar-item-error-foreground: var(--vscode-sta= tusBarItem-errorForeground); --color-token-status-bar-item-error-hover-fore= ground: var(--vscode-statusBarItem-errorHoverForeground); --color-token-sta= tus-bar-item-error-hover-background: var(--vscode-statusBarItem-errorHoverB= ackground); --color-token-status-bar-item-warning-background: var(--vscode-= statusBarItem-warningBackground); --color-token-status-bar-item-warning-for= eground: var(--vscode-statusBarItem-warningForeground); --color-token-statu= s-bar-item-warning-hover-foreground: var(--vscode-statusBarItem-warningHove= rForeground); --color-token-status-bar-item-warning-hover-background: var(-= -vscode-statusBarItem-warningHoverBackground); --color-token-status-bar-ite= m-remote-background: var(--vscode-statusBarItem-remoteBackground); --color-= token-status-bar-item-remote-foreground: var(--vscode-statusBarItem-remoteF= oreground); --color-token-status-bar-item-remote-hover-foreground: var(--vs= code-statusBarItem-remoteHoverForeground); --color-token-status-bar-item-re= mote-hover-background: var(--vscode-statusBarItem-remoteHoverBackground); -= -color-token-status-bar-item-offline-background: var(--vscode-statusBarItem= -offlineBackground); --color-token-status-bar-item-offline-foreground: var(= --vscode-statusBarItem-offlineForeground); --color-token-status-bar-item-of= fline-hover-foreground: var(--vscode-statusBarItem-offlineHoverForeground);= --color-token-status-bar-item-offline-hover-background: var(--vscode-statu= sBarItem-offlineHoverBackground); --color-token-side-bar-background: var(--= vscode-sideBar-background); --color-token-side-bar-title-background: var(--= vscode-sideBarTitle-background); --color-token-side-bar-title-foreground: v= ar(--vscode-sideBarTitle-foreground); --color-token-side-bar-drop-backgroun= d: var(--vscode-sideBar-dropBackground); --color-token-side-bar-section-hea= der-background: var(--vscode-sideBarSectionHeader-background); --color-toke= n-side-bar-section-header-border: var(--vscode-sideBarSectionHeader-border)= ; --color-token-side-bar-activity-bar-top-border: var(--vscode-sideBarActiv= ityBarTop-border); --color-token-side-bar-sticky-scroll-background: var(--v= scode-sideBarStickyScroll-background); --color-token-side-bar-sticky-scroll= -shadow: var(--vscode-sideBarStickyScroll-shadow); --color-token-title-bar-= active-foreground: var(--vscode-titleBar-activeForeground); --color-token-t= itle-bar-inactive-foreground: var(--vscode-titleBar-inactiveForeground); --= color-token-title-bar-active-background: var(--vscode-titleBar-activeBackgr= ound); --color-token-title-bar-inactive-background: var(--vscode-titleBar-i= nactiveBackground); --color-token-menubar-selection-foreground: var(--vscod= e-menubar-selectionForeground); --color-token-menubar-selection-background:= var(--vscode-menubar-selectionBackground); --color-token-menu-foreground: = var(--vscode-menu-foreground); --color-token-menu-background: var(--vscode-= menu-background); --color-token-application-menu-background: var(--app-colo= r-background-application-menu,var(--vscode-menu-background)); --color-token= -application-menu-foreground: var(--app-color-foreground-application-menu,v= ar(--vscode-menu-foreground)); --color-token-application-menu-separator: va= r(--app-color-border-application-menu-separator,var(--vscode-menu-separator= Background)); --color-token-menu-selection-foreground: var(--vscode-menu-se= lectionForeground); --color-token-menu-selection-background: var(--vscode-m= enu-selectionBackground); --color-token-menu-selection-border: var(--vscode= -menu-selectionBorder); --color-token-menu-separator-background: var(--vsco= de-menu-separatorBackground); --color-token-menu-border: var(--vscode-menu-= border); --color-token-command-center-foreground: var(--vscode-commandCente= r-foreground); --color-token-command-center-active-foreground: var(--vscode= -commandCenter-activeForeground); --color-token-command-center-inactive-for= eground: var(--vscode-commandCenter-inactiveForeground); --color-token-comm= and-center-background: var(--vscode-commandCenter-background); --color-toke= n-command-center-active-background: var(--vscode-commandCenter-activeBackgr= ound); --color-token-command-center-border: var(--vscode-commandCenter-bord= er); --color-token-command-center-active-border: var(--vscode-commandCenter= -activeBorder); --color-token-command-center-inactive-border: var(--vscode-= commandCenter-inactiveBorder); --color-token-command-center-debugging-backg= round: var(--vscode-commandCenter-debuggingBackground); --color-token-panel= -background: var(--vscode-panel-background); --color-token-panel-border: va= r(--vscode-panel-border); --color-token-panel-title-active-foreground: var(= --vscode-panelTitle-activeForeground); --color-token-panel-title-inactive-f= oreground: var(--vscode-panelTitle-inactiveForeground); --color-token-panel= -title-active-border: var(--vscode-panelTitle-activeBorder); --color-token-= panel-input-border: var(--vscode-panelInput-border); --color-token-panel-dr= op-border: var(--vscode-panel-dropBorder); --color-token-panel-section-drop= -background: var(--vscode-panelSection-dropBackground); --color-token-panel= -section-header-background: var(--vscode-panelSectionHeader-background); --= color-token-panel-section-border: var(--vscode-panelSection-border); --colo= r-token-panel-sticky-scroll-background: var(--vscode-panelStickyScroll-back= ground); --color-token-panel-sticky-scroll-shadow: var(--vscode-panelSticky= Scroll-shadow); --color-token-tab-active-background: var(--vscode-tab-activ= eBackground); --color-token-tab-unfocused-active-background: var(--vscode-t= ab-unfocusedActiveBackground); --color-token-tab-inactive-background: var(-= -vscode-tab-inactiveBackground); --color-token-tab-unfocused-inactive-backg= round: var(--vscode-tab-unfocusedInactiveBackground); --color-token-tab-act= ive-foreground: var(--vscode-tab-activeForeground); --color-token-tab-inact= ive-foreground: var(--vscode-tab-inactiveForeground); --color-token-tab-unf= ocused-active-foreground: var(--vscode-tab-unfocusedActiveForeground); --co= lor-token-tab-unfocused-inactive-foreground: var(--vscode-tab-unfocusedInac= tiveForeground); --color-token-tab-border: var(--vscode-tab-border); --colo= r-token-tab-last-pinned-border: var(--vscode-tab-lastPinnedBorder); --color= -token-tab-selected-background: var(--vscode-tab-selectedBackground); --col= or-token-tab-selected-foreground: var(--vscode-tab-selectedForeground); --c= olor-token-tab-drag-and-drop-border: var(--vscode-tab-dragAndDropBorder); -= -color-token-tab-active-modified-border: var(--vscode-tab-activeModifiedBor= der); --color-token-tab-inactive-modified-border: var(--vscode-tab-inactive= ModifiedBorder); --color-token-tab-unfocused-active-modified-border: var(--= vscode-tab-unfocusedActiveModifiedBorder); --color-token-tab-unfocused-inac= tive-modified-border: var(--vscode-tab-unfocusedInactiveModifiedBorder); --= color-token-editor-pane-background: var(--vscode-editorPane-background); --= color-token-editor-group-header-tabs-background: var(--vscode-editorGroupHe= ader-tabsBackground); --color-token-editor-group-header-no-tabs-background:= var(--vscode-editorGroupHeader-noTabsBackground); --color-token-editor-gro= up-border: var(--vscode-editorGroup-border); --color-token-editor-group-dro= p-background: var(--vscode-editorGroup-dropBackground); --color-token-edito= r-group-drop-into-prompt-foreground: var(--vscode-editorGroup-dropIntoPromp= tForeground); --color-token-editor-group-drop-into-prompt-background: var(-= -vscode-editorGroup-dropIntoPromptBackground); --color-token-side-by-side-e= ditor-horizontal-border: var(--vscode-sideBySideEditor-horizontalBorder); -= -color-token-side-by-side-editor-vertical-border: var(--vscode-sideBySideEd= itor-verticalBorder); --color-token-git-decoration-added-resource-foregroun= d: var(--vscode-gitDecoration-addedResourceForeground); --color-token-git-d= ecoration-modified-resource-foreground: var(--vscode-gitDecoration-modified= ResourceForeground); --color-token-git-decoration-deleted-resource-foregrou= nd: var(--vscode-gitDecoration-deletedResourceForeground); --color-token-gi= t-decoration-renamed-resource-foreground: var(--vscode-gitDecoration-rename= dResourceForeground); --color-token-git-decoration-untracked-resource-foreg= round: var(--vscode-gitDecoration-untrackedResourceForeground); --color-tok= en-git-decoration-ignored-resource-foreground: var(--vscode-gitDecoration-i= gnoredResourceForeground); --color-token-git-decoration-stage-modified-reso= urce-foreground: var(--vscode-gitDecoration-stageModifiedResourceForeground= ); --color-token-git-decoration-stage-deleted-resource-foreground: var(--vs= code-gitDecoration-stageDeletedResourceForeground); --color-token-git-decor= ation-conflicting-resource-foreground: var(--vscode-gitDecoration-conflicti= ngResourceForeground); --color-token-git-decoration-submodule-resource-fore= ground: var(--vscode-gitDecoration-submoduleResourceForeground); --color-to= ken-terminal-foreground: var(--vscode-terminal-foreground); --color-token-t= erminal-selection-background: var(--vscode-terminal-selectionBackground); -= -color-token-terminal-inactive-selection-background: var(--vscode-terminal-= inactiveSelectionBackground); --color-token-terminal-command-decoration-def= ault-background: var(--vscode-terminalCommandDecoration-defaultBackground);= --color-token-terminal-command-decoration-success-background: var(--vscode= -terminalCommandDecoration-successBackground); --color-token-terminal-comma= nd-decoration-error-background: var(--vscode-terminalCommandDecoration-erro= rBackground); --color-token-terminal-overview-ruler-cursor-foreground: var(= --vscode-terminalOverviewRuler-cursorForeground); --color-token-terminal-bo= rder: var(--vscode-terminal-border); --color-token-terminal-overview-ruler-= border: var(--vscode-terminalOverviewRuler-border); --color-token-terminal-= find-match-background: var(--vscode-terminal-findMatchBackground); --color-= token-terminal-hover-highlight-background: var(--vscode-terminal-hoverHighl= ightBackground); --color-token-terminal-find-match-highlight-background: va= r(--vscode-terminal-findMatchHighlightBackground); --color-token-terminal-o= verview-ruler-find-match-foreground: var(--vscode-terminalOverviewRuler-fin= dMatchForeground); --color-token-terminal-drop-background: var(--vscode-ter= minal-dropBackground); --color-token-terminal-initial-hint-foreground: var(= --vscode-terminal-initialHintForeground); --color-token-terminal-ansi-black= : var(--vscode-terminal-ansiBlack); --color-token-terminal-ansi-red: var(--= vscode-terminal-ansiRed); --color-token-terminal-ansi-green: var(--vscode-t= erminal-ansiGreen); --color-token-terminal-ansi-yellow: var(--vscode-termin= al-ansiYellow); --color-token-terminal-ansi-blue: var(--vscode-terminal-ans= iBlue); --color-token-terminal-ansi-magenta: var(--vscode-terminal-ansiMage= nta); --color-token-terminal-ansi-cyan: var(--vscode-terminal-ansiCyan); --= color-token-terminal-ansi-white: var(--vscode-terminal-ansiWhite); --color-= token-terminal-ansi-bright-black: var(--vscode-terminal-ansiBrightBlack); -= -color-token-terminal-ansi-bright-red: var(--vscode-terminal-ansiBrightRed)= ; --color-token-terminal-ansi-bright-green: var(--vscode-terminal-ansiBrigh= tGreen); --color-token-terminal-ansi-bright-yellow: var(--vscode-terminal-a= nsiBrightYellow); --color-token-terminal-ansi-bright-blue: var(--vscode-ter= minal-ansiBrightBlue); --color-token-terminal-ansi-bright-magenta: var(--vs= code-terminal-ansiBrightMagenta); --color-token-terminal-ansi-bright-cyan: = var(--vscode-terminal-ansiBrightCyan); --color-token-terminal-ansi-bright-w= hite: var(--vscode-terminal-ansiBrightWhite); --color-token-terminal-sticky= -scroll-hover-background: var(--vscode-terminalStickyScrollHover-background= ); --color-token-terminal-command-guide-foreground: var(--vscode-terminalCo= mmandGuide-foreground); } :root[data-codex-window-type=3D"extension"], :root[data-codex-window-type= =3D"extension"] :where([data-theme]) { --color-text: var(--vscode-foregroun= d); --color-text-emphasis: var(--vscode-list-activeSelectionForeground,var(= --color-text)); --color-text-secondary: var(--app-color-text-secondary,var(= --vscode-foreground)); --color-text-tertiary: var(--vscode-descriptionForeg= round); --color-text-disabled: var(--vscode-disabledForeground); --color-te= xt-info: var(--vscode-textLink-foreground); --color-text-info-soft: var(--v= scode-charts-blue); --color-text-danger: var(--vscode-errorForeground); --c= olor-text-danger-soft: var(--vscode-charts-red); --color-text-warning: var(= --vscode-editorWarning-foreground); --color-text-warning-soft: var(--vscode= -charts-orange); --color-text-success: var(--vscode-charts-green); --color-= text-caution: var(--vscode-charts-yellow); --color-text-discovery: var(--vs= code-charts-purple); --color-text-tip: var(--app-color-text-tip-badge,var(-= -vscode-charts-blue)); --color-text-inverse: var(--vscode-button-foreground= ); --color-text-primary-solid: var(--app-color-text-primary-solid,var(--vsc= ode-dropdown-background)); --color-text-secondary-solid: var(--vscode-badge= -foreground); --color-text-info-solid: var(--app-color-text-on-accent,var(-= -vscode-button-foreground)); --color-text-warning-solid: var(--vscode-butto= n-foreground); --color-blue: var(--vscode-charts-blue); --color-chart-blue:= var(--color-blue); --color-green: var(--vscode-charts-green); --color-char= t-green: var(--color-green); --color-orange: var(--vscode-charts-orange); -= -color-chart-orange: var(--color-orange); --color-purple: var(--vscode-char= ts-purple); --color-chart-purple: var(--color-purple); --color-red: var(--v= scode-charts-red); --color-chart-red: var(--color-red); --color-yellow: var= (--vscode-charts-yellow); --color-chart-yellow: var(--color-yellow); --colo= r-surface-secondary: var(--vscode-sideBar-background); --color-surface-tert= iary: var(--vscode-editor-background); --color-surface-elevated: var(--vsco= de-menu-background); --color-surface-elevated-secondary: var(--vscode-dropd= own-background); --color-background-primary-soft: var(--vscode-input-backgr= ound); --color-background-primary-soft-alpha: var(--vscode-foreground); --c= olor-background-primary-soft-active: var(--vscode-list-activeSelectionBackg= round); --color-background-primary-ghost-hover: var(--vscode-list-hoverBack= ground); --color-background-primary-solid: var(--vscode-foreground); --colo= r-background-secondary-soft: var(--vscode-badge-background); --color-backgr= ound-callout-surface: var(--vscode-editorWidget-background); --color-backgr= ound-secondary-soft-alpha: var(--vscode-textCodeBlock-background); --color-= background-info-surface: var(--vscode-editor-findMatchBackground); --color-= background-info-soft: var(--vscode-editor-selectionBackground); --color-bac= kground-info-solid: var(--vscode-charts-blue); --color-background-warning-s= olid: var(--vscode-charts-orange); --color-background-caution-solid: var(--= vscode-charts-yellow); --color-background-discovery-solid: var(--vscode-cha= rts-purple); --color-background-tip-soft: var(--app-color-background-tip-ba= dge,var(--vscode-editor-selectionBackground)); --color-border: var(--app-co= lor-border,var(--vscode-foreground)); --color-border-subtle: var(--app-colo= r-border-light,var(--vscode-foreground)); --color-border-strong: var(--app-= color-border-heavy,var(--vscode-foreground)); } @supports (color:color-mix(in lab, red, red)) { :root[data-codex-window-type=3D"extension"], :root[data-codex-window-type= =3D"extension"] :where([data-theme]) { --color-text-secondary: var(--app-co= lor-text-secondary,color-mix(in srgb, var(--vscode-foreground) 65%, transpa= rent)); --color-background-primary-soft-alpha: color-mix(in oklab, var(--vs= code-foreground) 2.5%, transparent); --color-border: var(--app-color-border= ,color-mix(in oklab, var(--vscode-foreground) 8%, transparent)); --color-bo= rder-subtle: var(--app-color-border-light,color-mix(in oklab, var(--vscode-= foreground) 5%, transparent)); --color-border-strong: var(--app-color-borde= r-heavy,color-mix(in oklab, var(--vscode-foreground) 12%, transparent)); } } :root[data-codex-window-type=3D"extension"], :root[data-codex-window-type= =3D"extension"] :where([data-theme]) { --color-border-primary-outline: var(= --vscode-input-border,var(--color-border-strong)); --color-ring: var(--vsco= de-focusBorder); --color-border-danger-outline: var(--vscode-inputValidatio= n-errorBorder); --color-border-warning-outline: var(--vscode-inputValidatio= n-warningBorder); --color-codex-description: var(--vscode-descriptionForegr= ound); --color-codex-radio-inactive: var(--vscode-radio-inactiveBorder); --= color-codex-icon: var(--vscode-icon-foreground); --color-codex-icon-active:= var(--vscode-list-activeSelectionIconForeground,var(--color-text-emphasis)= ); --color-codex-drop-overlay: var(--vscode-editorGroup-dropBackground); --= color-codex-drop-prompt: var(--vscode-editorGroup-dropIntoPromptBackground)= ; --color-codex-application-menu: var(--app-color-background-application-me= nu,var(--vscode-menu-background)); --color-codex-application-menu-selection= : var(--vscode-menubar-selectionBackground); --color-codex-git-added: var(-= -vscode-gitDecoration-addedResourceForeground); --color-codex-git-deleted: = var(--vscode-gitDecoration-deletedResourceForeground); --color-codex-git-mo= dified: var(--vscode-gitDecoration-modifiedResourceForeground); --color-cod= ex-git-ignored: var(--vscode-gitDecoration-ignoredResourceForeground); --co= lor-codex-diff-added: var(--vscode-diffEditor-insertedLineBackground); --co= lor-codex-diff-deleted: var(--vscode-diffEditor-removedLineBackground); --c= olor-codex-terminal-background: var(--vscode-terminal-background,var(--colo= r-surface)); --color-codex-terminal-foreground: var(--vscode-terminal-foreg= round); --color-codex-terminal-selection: var(--vscode-terminal-selectionBa= ckground); --color-codex-terminal-selection-inactive: var(--vscode-terminal= -inactiveSelectionBackground); --color-codex-terminal-ansi-black: var(--vsc= ode-terminal-ansiBlack); --color-codex-terminal-ansi-red: var(--vscode-term= inal-ansiRed); --color-codex-terminal-ansi-green: var(--vscode-terminal-ans= iGreen); --color-codex-terminal-ansi-yellow: var(--vscode-terminal-ansiYell= ow); --color-codex-terminal-ansi-blue: var(--vscode-terminal-ansiBlue); --c= olor-codex-terminal-ansi-magenta: var(--vscode-terminal-ansiMagenta); --col= or-codex-terminal-ansi-cyan: var(--vscode-terminal-ansiCyan); --color-codex= -terminal-ansi-white: var(--vscode-terminal-ansiWhite); --color-codex-termi= nal-ansi-bright-black: var(--vscode-terminal-ansiBrightBlack); --color-code= x-terminal-ansi-bright-red: var(--vscode-terminal-ansiBrightRed); --color-c= odex-terminal-ansi-bright-green: var(--vscode-terminal-ansiBrightGreen); --= color-codex-terminal-ansi-bright-yellow: var(--vscode-terminal-ansiBrightYe= llow); --color-codex-terminal-ansi-bright-blue: var(--vscode-terminal-ansiB= rightBlue); --color-codex-terminal-ansi-bright-magenta: var(--vscode-termin= al-ansiBrightMagenta); --color-codex-terminal-ansi-bright-cyan: var(--vscod= e-terminal-ansiBrightCyan); --color-codex-terminal-ansi-bright-white: var(-= -vscode-terminal-ansiBrightWhite); --color-codex-editor-line-highlight: var= (--vscode-editor-lineHighlightBackground,transparent); --color-codex-editor= -cursor: var(--vscode-editorCursor-foreground); --color-codex-editor-inline= -code-background: var(--vscode-textPreformat-background); --color-codex-edi= tor-inline-code-foreground: var(--vscode-textPreformat-foreground); --color= -background-primary-soft-hover: var(--vscode-list-hoverBackground); --color= -background-secondary-solid: var(--vscode-badge-background); --color-surfac= e: var(--color-surface-tertiary); } :where(:root, [data-theme]) { --comment-font-size: var(--text-base); --co= mment-line-height: var(--text-base--line-height); --comment-editor-font-siz= e: var(--codex-chat-font-size); --shadow-viewer-surface: 0 0 0 1px var(--co= lor-border-subtle), var(--shadow-card); } :where(:root[data-codex-window-type]) { --profile-menu-icon-opacity: .75;= } :where(:root[data-codex-window-type]:not([data-codex-window-type=3D"brows= er"])) { --tooltip-compact-font-weight: var(--font-ui-weight); } :where(:root[data-codex-window-type=3D"browser"]) { --profile-menu-icon-o= pacity: 1; } :where(:root[data-codex-window-type=3D"browser"], :root[data-codex-window= -type=3D"browser"] [data-theme]) { --comment-font-size: var(--text-sm); --c= omment-line-height: var(--text-sm--line-height); --comment-editor-font-size= : var(--text-sm); } :root[data-codex-window-type=3D"browser"] { --spacing-nav-row-content: ca= lc(var(--spacing) * 1.5); } :where(:root[data-codex-window-type]:not([data-codex-window-type=3D"brows= er"]) [data-theme]) { --tooltip-compact-font-weight: inherit; } :where(:root, [data-theme]) { --viewer-header-height: calc(var(--icon-lea= ding-size) + var(--spacing) * 8); --control-font-size-sm: var(--text-xs); -= -control-font-size-md: var(--text-sm); --control-font-size-lg: var(--text-b= ase); } } @layer base { *, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px so= lid; margin: 0px; padding: 0px; } ::file-selector-button { box-sizing: border-box; border: 0px solid; margi= n: 0px; padding: 0px; } html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font= -family: var(--default-font-family,-apple-system, BlinkMacSystemFont, "Sego= e UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Col= or Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-f= eature-settings: var(--default-font-feature-settings,normal); font-variatio= n-settings: var(--default-font-variation-settings,normal); -webkit-tap-high= light-color: transparent; } 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; } code, kbd, samp, pre { font-family: var(--default-mono-font-family,ui-mon= ospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courie= r New", monospace); font-feature-settings: var(--default-mono-font-feature-= settings,normal); font-variation-settings: var(--default-mono-font-variatio= n-settings,normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; posi= tion: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0px; border-color: inherit; border-collapse: collaps= e; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: m= iddle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; letter-spacing= : inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); = border-radius: 0px; } ::file-selector-button { font: inherit; letter-spacing: inherit; color: i= nherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;= } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-st= art: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intr= insic-size:1px) { ::placeholder { color: currentcolor; } @supports (color:color-mix(in lab, red, red)) { ::placeholder { color: color-mix(currentcolor, transparent); } } } ::-webkit-search-decoration { appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0px; } ::-webkit-datetime-edit { padding-block: 0px; } ::-webkit-datetime-edit-year-field { padding-block: 0px; } ::-webkit-datetime-edit-month-field { padding-block: 0px; } ::-webkit-datetime-edit-day-field { padding-block: 0px; } ::-webkit-datetime-edit-hour-field { padding-block: 0px; } ::-webkit-datetime-edit-minute-field { padding-block: 0px; } ::-webkit-datetime-edit-second-field { padding-block: 0px; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; } ::-webkit-calendar-picker-indicator { line-height: 1; } button, input:where([type=3D"button"], [type=3D"reset"], [type=3D"submit"= ]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden=3D"until-found"])) { display: none !important= ; } html, :host { font-synthesis-weight: none; } textarea { resize: none; } img, svg { flex-grow: 0; flex-shrink: 0; } input, textarea, select, optgroup { appearance: none; box-shadow: none; f= ilter: none; outline-offset: 0px; outline-width: 2px; } a, button, input, label, select, textarea, :where([aria-role=3D"button"])= { touch-action: manipulation; } button { text-transform: none; vertical-align: middle; } button:not(:disabled), [role=3D"button"]:not(:disabled) { cursor: var(--c= ursor-interaction,pointer); } table { border-spacing: 0px; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: non= e; } html, :host { color: var(--color-text); -webkit-font-smoothing: antialias= ed; letter-spacing: var(--tracking-normal); } [data-theme=3D"light"] { --lightningcss-light: initial; --lightningcss-da= rk: ; color-scheme: light; } [data-theme=3D"dark"] { --lightningcss-light: ; --lightningcss-dark: init= ial; color-scheme: dark; } * { scrollbar-color: var(--scrollbar-color) transparent; scrollbar-width:= thin; } [data-exiting] { pointer-events: none; } ::placeholder { color: var(--color-text-tertiary); } b, strong { font-weight: var(--font-weight-semibold); } hr { border-color: var(--color-border-subtle); } pre { white-space: pre; } [data-rtl-flip]:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), := lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(k= u), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :l= ang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { --tw-scale-x: calc(1= 00% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } code { color: inherit; background-color: rgba(0, 0, 0, 0); border-radius:= 0px; padding: 0px; } } @layer components { .heading-xl { font-size: var(--font-heading-xl-size); font-weight: var(--= font-heading-xl-weight); letter-spacing: var(--font-heading-xl-tracking); l= ine-height: var(--font-heading-xl-line-height); } .icon-xs { width: var(--control-icon-size-xs); height: var(--control-icon= -size-xs); } @supports (animation-timeline:--scroll-fade) { .horizontal-scroll-fade-mask { mask: linear-gradient(to right in oklch, #= 80808000, #cecece var(--left-fade) calc(100% - var(--right-fade)), #8080800= 0); animation-name: edge-fade-horizontal; animation-timing-function: linear= ; animation-fill-mode: both; animation-timeline: scroll(self x); } @supports (color:lab(0% 0 0)) { .horizontal-scroll-fade-mask { mask: linear-gradient(to right in oklch, l= ab(53.6% 0 0/0), lab(82.6% .0000298023 -.0000119209) var(--left-fade) calc(= 100% - var(--right-fade)), lab(53.6% 0 0/0)); } } .horizontal-scroll-fade-mask.horizontal-scroll-fade-mask-eased { --edge-f= ade-distance: 2rem; mask-image: linear-gradient(to right, #0000, #0000000b = calc(var(--left-fade) * .125), #00000028 calc(var(--left-fade) * .25), #000= 00051 calc(var(--left-fade) * .375), #00000080 calc(var(--left-fade) * .5),= #000000ae calc(var(--left-fade) * .625), #000000d7 calc(var(--left-fade) *= .75), #000000f4 calc(var(--left-fade) * .875), #000 var(--left-fade) calc(= 100% - var(--right-fade)), #000000f4 calc(100% - var(--right-fade) * .875),= #000000d7 calc(100% - var(--right-fade) * .75), #000000ae calc(100% - var(= --right-fade) * .625), #00000080 calc(100% - var(--right-fade) * .5), #0000= 0051 calc(100% - var(--right-fade) * .375), #00000028 calc(100% - var(--rig= ht-fade) * .25), #0000000b calc(100% - var(--right-fade) * .125), #0000); } .horizontal-scroll-fade-mask:is(:lang(ae), :lang(ar), :lang(arc), :lang(b= cc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), := lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(u= g), :lang(ur), :lang(yi)) { animation-direction: reverse; } } .inline-chevron { vertical-align: middle; line-height: 1; display: inline= -block; transform: translateY(-1px); } .heading-subsection { font-size: var(--text-heading-sm); font-weight: var= (--font-weight-medium); line-height: 1.33; } .loading-shimmer-pure-text-inverted { background-image: ; background-atta= chment: ; background-origin: ; background-color: ; -webkit-text-fill-color:= transparent; background-position: -100% 0px; background-repeat: no-repeat;= background-size: 50% 200%; background-clip: text; animation-name: loading-= shimmer; animation-duration: 5s; animation-timing-function: steps(120); ani= mation-iteration-count: infinite; animation-delay: 0.5s; display: inline-bl= ock; } @media (prefers-reduced-motion: reduce) { .loading-shimmer-pure-text-inverted { animation: auto ease 0s 1 normal no= ne running none; } } .panel-animated [data-panel] { will-change: flex-grow, max-width; transit= ion: flex-grow var(--transition-duration-relaxed) var(--ease-basic), max-wi= dth var(--transition-duration-relaxed) var(--ease-basic); } .panel-animated.panel-dragging [data-panel] { transition: none; } @media (prefers-reduced-motion: reduce) { .panel-animated [data-panel] { transition: none; } } .loading-shimmer-mask { mask-image: linear-gradient(to right, white, whit= e calc(var(--loading-shimmer-mask-offset) - 30%), #fff7 var(--loading-shimm= er-mask-offset), white calc(var(--loading-shimmer-mask-offset) + 30%), whit= e 100%); animation: 2.8s ease 0s infinite normal none running loading-shimm= er-mask; mask-position: 50% center; mask-size: 200% 200%; } @media (prefers-reduced-motion: reduce) { .loading-shimmer-mask { animation: auto ease 0s 1 normal none running non= e; mask-image: none; } } :where(.loading-shimmer-pure-text, .loading-shimmer, .loading-shimmer-dot= -grid) { --loading-shimmer-foreground: initial; --loading-shimmer-base: ini= tial; --loading-shimmer-highlight: initial; --loading-shimmer-duration: ini= tial; } .loading-shimmer-pure-text, .loading-shimmer { --text-primary: var(--load= ing-shimmer-foreground,var(--color-codex-description)); --text-secondary: v= ar(--text-primary); } @supports (color:color-mix(in lab, red, red)) { .loading-shimmer-pure-text, .loading-shimmer { --text-secondary: color-mi= x(in srgb, var(--text-primary) 55%, transparent); } } .loading-shimmer-pure-text, .loading-shimmer { --text-tertiary: var(--tex= t-primary); } @supports (color:color-mix(in lab, red, red)) { .loading-shimmer-pure-text, .loading-shimmer { --text-tertiary: color-mix= (in srgb, var(--text-primary) 35%, transparent); } } .loading-shimmer-pure-text, .loading-shimmer { --text-quaternary: var(--t= ext-primary); } @supports (color:color-mix(in lab, red, red)) { .loading-shimmer-pure-text, .loading-shimmer { --text-quaternary: color-m= ix(in srgb, var(--text-primary) 18%, transparent); } } .loading-shimmer-pure-text, .loading-shimmer { --shimmer-text-secondary: = var(--loading-shimmer-base,var(--text-secondary)); --shimmer-contrast: var(= --loading-shimmer-highlight,#ffffffbf); } :is(.loading-shimmer-pure-text, .loading-shimmer):where([data-theme=3D"da= rk"]) { --shimmer-text-secondary: var(--loading-shimmer-base,var(--text-pri= mary)); } @supports (color:color-mix(in lab, red, red)) { :is(.loading-shimmer-pure-text, .loading-shimmer):where([data-theme=3D"da= rk"]) { --shimmer-text-secondary: var(--loading-shimmer-base,color-mix(in s= rgb, var(--text-primary) 45%, transparent)); } } :is(.loading-shimmer-pure-text, .loading-shimmer):where([data-theme=3D"da= rk"]) { --shimmer-contrast: var(--loading-shimmer-highlight,#0009); } @container style(--theme-variant: dark) { :is(.loading-shimmer-pure-text, .loading-shimmer):where(:not([data-theme]= )) { --shimmer-text-secondary: var(--loading-shimmer-base,var(--text-primar= y)); } @supports (color:color-mix(in lab, red, red)) { :is(.loading-shimmer-pure-text, .loading-shimmer):where(:not([data-theme]= )) { --shimmer-text-secondary: var(--loading-shimmer-base,color-mix(in srgb= , var(--text-primary) 45%, transparent)); } } :is(.loading-shimmer-pure-text, .loading-shimmer):where(:not([data-theme]= )) { --shimmer-contrast: var(--loading-shimmer-highlight,#0009); } } .loading-shimmer-pure-text, .loading-shimmer, .loading-shimmer-dot-grid {= --loading-shimmer-default-duration: 2s; background-image: ; background-att= achment: ; background-origin: ; background-clip: ; background-color: ; anim= ation-duration: var(--loading-shimmer-duration,var(--loading-shimmer-defaul= t-duration)); background-position: -100% 0px; background-repeat: no-repeat;= background-size: 50% 200%; animation-name: loading-shimmer; animation-timi= ng-function: steps(48); animation-iteration-count: infinite; animation-dela= y: 0s; display: inline-block; } @media (prefers-reduced-motion: reduce) { .loading-shimmer-pure-text, .loading-shimmer, .loading-shimmer-dot-grid {= animation: auto ease 0s 1 normal none running none; } } .loading-shimmer-pure-text, .loading-shimmer { -webkit-text-fill-color: t= ransparent; background-clip: text; } .loading-shimmer-dot-grid { --shimmer-text-secondary: var(--color-token-b= order-default); --shimmer-contrast: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .loading-shimmer-dot-grid { --shimmer-contrast: color-mix(in srgb, var(--= color-codex-description) 25%, transparent); } } .loading-shimmer-dot-grid { background-size: 20% 200%; mask-image: radial= -gradient(circle, rgb(0, 0, 0) 1px, rgba(0, 0, 0, 0) 1px); mask-size: 18px = 18px; } .loading-shimmer-dot-grid[data-animate=3D"false"] { background-image: non= e; animation: auto ease 0s 1 normal none running none; } .loading-shimmer:hover { -webkit-text-fill-color: var(--text-primary); ba= ckground: 0px 0px; animation: auto ease 0s 1 normal none running none; } @supports (animation-timeline:--scroll-fade) { .vertical-scroll-fade-mask { mask: linear-gradient(to bottom in oklch, #8= 0808000, #cecece var(--top-fade) calc(100% - var(--bottom-fade)), #80808000= ); animation-name: edge-fade; animation-timing-function: linear; animation-= fill-mode: both; animation-timeline: scroll(self y); } @supports (color:lab(0% 0 0)) { .vertical-scroll-fade-mask { mask: linear-gradient(to bottom in oklch, la= b(53.6% 0 0/0), lab(82.6% .0000298023 -.0000119209) var(--top-fade) calc(10= 0% - var(--bottom-fade)), lab(53.6% 0 0/0)); } } .vertical-scroll-fade-mask-top { mask: linear-gradient(to bottom in oklch= , #80808000, #cecece var(--top-fade) calc(100% - var(--bottom-fade)), #8080= 8000); animation-name: edge-fade-top; animation-timing-function: linear; an= imation-fill-mode: both; animation-timeline: scroll(self y); } @supports (color:lab(0% 0 0)) { .vertical-scroll-fade-mask-top { mask: linear-gradient(to bottom in oklch= , lab(53.6% 0 0/0), lab(82.6% .0000298023 -.0000119209) var(--top-fade) cal= c(100% - var(--bottom-fade)), lab(53.6% 0 0/0)); } } .vertical-scroll-fade-mask-bottom { mask: linear-gradient(to bottom in ok= lch, #cecece, #cecece calc(100% - var(--bottom-fade)), #80808000); animatio= n-name: edge-fade-bottom; animation-timing-function: linear; animation-fill= -mode: both; animation-timeline: scroll(self y); } @supports (color:lab(0% 0 0)) { .vertical-scroll-fade-mask-bottom { mask: linear-gradient(to bottom in ok= lch, lab(82.6% .0000298023 -.0000119209), lab(82.6% .0000298023 -.000011920= 9) calc(100% - var(--bottom-fade)), lab(53.6% 0 0/0)); } } } .icon-3xs { width: 10px; height: 10px; } .icon-xxs { width: 12px; height: 12px; } .icon-2xs { height: var(--icon-secondary-size,14px); width: var(--icon-se= condary-size,14px); } .icon-xs { height: var(--icon-size,16px); width: var(--icon-size,16px); } .icon-sm { width: 18px; height: 18px; } .icon-base { width: 20px; height: 20px; } .icon-md { width: 24px; height: 24px; } .icon-lg { width: 28px; height: 28px; } .heading-4xl { font-size: var(--text-4xl); font-weight: var(--font-weight= -medium); letter-spacing: inherit; line-height: 1; } .heading-3xl { font-size: var(--text-3xl); font-weight: var(--font-weight= -medium); letter-spacing: inherit; line-height: 1; } .heading-2xl { font-size: var(--text-2xl); font-weight: var(--font-weight= -medium); letter-spacing: inherit; line-height: 1; } .heading-xl { font-size: var(--text-xl); font-weight: var(--font-weight-m= edium); line-height: 1.2; } .heading-xl:where([data-codex-window-type=3D"browser"] .heading-xl) { fon= t-size: var(--text-2xl); } .heading-xl { letter-spacing: inherit; } .heading-lg { font-size: var(--text-heading-lg); font-weight: var(--font-= weight-medium); letter-spacing: inherit; line-height: 1.2; } .heading-base { font-size: var(--text-heading-md); font-weight: var(--fon= t-weight-medium); line-height: 1.33; } .heading-dialog { font-size: var(--text-heading-md); font-weight: var(--f= ont-weight-medium); letter-spacing: -0.36px; line-height: 28px; } .codex-dialog .heading-dialog { letter-spacing: normal; } .heading-sm { font-size: var(--text-sm); font-weight: var(--font-weight-m= edium); letter-spacing: inherit; line-height: 1.4; } .heading-xs { font-size: var(--text-xs); font-weight: var(--font-weight-m= edium); letter-spacing: inherit; line-height: 1.4; } .Icon-X4VkKC { flex-shrink: 0; } .primaryText-XXNyI0 { --shimmer-contrast: var(--lightningcss-light,#fffff= fbf) var(--lightningcss-dark,#0009); --shimmer-text-secondary: var(--lightn= ingcss-light,var(--text-secondary)) var(--lightningcss-dark,var(--interacti= ve-label-tertiary-hover,var(--text-secondary))); --shimmer-start: -100%; --= shimmer-end: 250%; background-image: ; background-attachment: ; background-= origin: ; background-color: ; background-position: var(--shimmer-start) top= ; -webkit-text-fill-color: transparent; animation: loading-shimmer-zzNhOK v= ar(--cot-shimmer-duration,2s) ease infinite; background-repeat: no-repeat; = background-size: 50% 200%; background-clip: text; } .primaryText-XXNyI0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lan= g(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku),= :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang= (ur), :lang(yi)) { --shimmer-start: 200%; --shimmer-end: -150%; } @keyframes loading-shimmer-zzNhOK {=20 0% { background-position: var(--shimmer-start) top; } 100% { background-position: var(--shimmer-end) top; } } @media (prefers-reduced-motion: reduce) { .primaryText-XXNyI0 { -webkit-text-fill-color: currentcolor; background: = 0px 0px; animation: auto ease 0s 1 normal none running none; } } .rays-uIoSAa path { fill: currentcolor; } .usageHelpLink-OvCtlW { color: var(--text-secondary); text-decoration-lin= e: underline; text-decoration-style: dotted; } .root-hRDndT { --checkout-text-primary: #0d0d0d; --checkout-text-secondar= y: #5d5d5d; --checkout-text-tertiary: #8f8f8f; --checkout-icon-accent: var(= --blue-500); --checkout-bg-primary: #fff; --checkout-page-background: #fcfc= fc; --checkout-bg-secondary: #e8e8e8; --checkout-text-status-warning: #d25e= 28; --checkout-bg-status-warning: #fdf5f1; --checkout-border-default: #0000= 001a; --checkout-border-heavy: #00000026; --checkout-button-background: #0d= 0d0d; --checkout-button-foreground: #fff; --checkout-button-hover: #2f2f2f;= --blue-100: #a4cdfb; --blue-400: #3a83f7; --blue-500: #2c67c5; --color-blu= e-100: var(--blue-100); --color-blue-400: var(--blue-400); --color-blue-500= : var(--blue-500); --text-primary: var(--checkout-text-primary); --text-sec= ondary: var(--checkout-text-secondary); --text-tertiary: var(--checkout-tex= t-tertiary); --bg-primary: var(--checkout-bg-primary); --bg-tertiary: #f3f3= f3; --border-default: var(--checkout-border-default); --border-heavy: var(-= -checkout-border-heavy); --color-token-text-primary: var(--checkout-text-pr= imary); --color-token-text-secondary: var(--checkout-text-secondary); --col= or-token-text-tertiary: var(--checkout-text-tertiary); --color-token-bg-pri= mary: var(--checkout-bg-primary); --color-token-bg-tertiary: var(--bg-terti= ary); --color-token-border-default: var(--checkout-border-default); --color= -token-border-heavy: var(--checkout-border-heavy); --color-token-interactiv= e-border-focus: var(--checkout-text-primary); --text-base: 16px; --text-sm:= 14px; --text-xs: 12px; --text-lg: 18px; --spacing: 4px; color: var(--check= out-text-primary); scrollbar-width: auto; font-family: -apple-system-body, = ui-sans-serif, -apple-system, "system-ui", "Segoe UI", Helvetica, "Apple Co= lor Emoji", Arial, "sans-serif", "Segoe UI Emoji", "Segoe UI Symbol"; font-= size: 16px; line-height: 1.5; } .root-hRDndT[data-checkout-theme=3D"light"] { --lightningcss-light: initi= al; --lightningcss-dark: ; color-scheme: light; } .root-hRDndT[data-checkout-theme=3D"dark"] { --lightningcss-light: ; --li= ghtningcss-dark: initial; color-scheme: dark; --checkout-text-primary: #fff= ; --checkout-text-secondary: #cdcdcd; --checkout-text-tertiary: #afafaf; --= checkout-icon-accent: var(--blue-100); --checkout-bg-primary: #212121; --ch= eckout-page-background: #000; --checkout-bg-secondary: #303030; --bg-tertia= ry: #303030; --checkout-text-status-warning: #f1a275; --checkout-bg-status-= warning: #45240d; --checkout-border-default: #ffffff26; --checkout-border-h= eavy: #fff3; --checkout-button-background: #f9f9f9; --checkout-button-foreg= round: #0d0d0d; --checkout-button-hover: #ececec; } .root-hRDndT.businessWorkspaceLoading-urd0RH, .root-hRDndT.accountSwitchL= oading-_GbA9K, .root-hRDndT.checkoutLoading-PFBzRY:not([data-checkout-theme= ]) { --checkout-text-primary: var(--lightningcss-light,#0d0d0d) var(--light= ningcss-dark,#fff); --checkout-text-secondary: var(--lightningcss-light,#5d= 5d5d) var(--lightningcss-dark,#cdcdcd); --checkout-text-tertiary: var(--lig= htningcss-light,#8f8f8f) var(--lightningcss-dark,#afafaf); --checkout-bg-pr= imary: var(--lightningcss-light,#fff) var(--lightningcss-dark,#212121); --c= heckout-page-background: var(--lightningcss-light,#fcfcfc) var(--lightningc= ss-dark,#000); } .creditPage-i9Gl2k { --lightningcss-light: initial; --lightningcss-dark: = ; color-scheme: light; --radius-xs: 4px; --radius-lg: 10px; --control-radiu= s-lg: 10px; --input-outline-border-color: var(--lightningcss-light,#0d0d0d2= 9) var(--lightningcss-dark,#ffffff40); --input-outline-border-color-hover: = var(--lightningcss-light,#0d0d0d40) var(--lightningcss-dark,#ffffff4d); --i= nput-outline-border-color-focus: var(--lightningcss-light,#0d0d0d80) var(--= lightningcss-dark,#ffffff80); --bg-tertiary: #f3f3f3; --theme-purple-backgr= ound: #ede5fc; --theme-purple-text: #7849d1; --theme-blue-background: #e8f3= fe; --theme-blue-text: #2c67c5; --theme-blue-text-on-background: #2c67c5; -= -bg-status-success: #def3e5; --text-status-success: #1f4e25; --color-green-= 600: #3a843f; --color-green-700: #2c6732; --color-token-bg-tertiary: var(--= bg-tertiary); --color-token-bg-secondary: var(--bg-secondary,var(--checkout= -bg-secondary)); } .root-hRDndT[data-checkout-theme=3D"dark"] .creditPage-i9Gl2k, .dark .cre= ditPage-i9Gl2k { --lightningcss-light: ; --lightningcss-dark: initial; colo= r-scheme: dark; --bg-tertiary: #414141; --theme-purple-background: #3b2366;= --theme-purple-text: #a67df2; --theme-blue-background: #133463; --theme-bl= ue-text-on-background: #e8f3fe; --bg-status-success: #1f4e25; --text-status= -success: #effaf3; } .button-uUalnz { background-color: var(--checkout-button-background); col= or: var(--checkout-button-foreground); } .button-uUalnz:hover:not(:disabled) { background-color: var(--checkout-bu= tton-hover); } .button-uUalnz:active:not(:disabled) { opacity: 0.8; } .root-hRDndT.offerNotice-C6sPjX { --color-text: var(--checkout-text-prima= ry); --color-text-secondary: var(--checkout-text-secondary); --color-surfac= e-elevated: var(--checkout-bg-primary); --color-border: var(--checkout-bord= er-default); --modal-radius: var(--radius-xl); --button-font-weight: var(--= font-weight-normal); font-size: var(--text-sm); } .offerNoticeTitle-vZh2Qm { font-variation-settings: "opsz" 24; } .planChangeDetails-oP_sFy { --text-secondary: var(--lightningcss-light,#5= d5d5d) var(--lightningcss-dark,#cdcdcd); --text-primary: var(--lightningcss= -light,#0d0d0d) var(--lightningcss-dark,#fff); --border-default: var(--ligh= tningcss-light,#0000001a) var(--lightningcss-dark,#ffffff26); --main-surfac= e-secondary: var(--lightningcss-light,#f9f9f9) var(--lightningcss-dark,#2f2= f2f); --color-token-text-secondary: var(--text-secondary); --color-token-te= xt-primary: var(--text-primary); font-size: 16px; line-height: 1.5; } .successPrimaryButton-dZL_6x:disabled { background-color: color-mix(in sr= gb, var(--checkout-button-background) 50%, transparent); } .successGhostButton-HPr9LN { color: var(--checkout-text-primary); backgro= und: 0px 0px; } .successGhostButton-HPr9LN:hover:not(:disabled) { background: var(--check= out-bg-secondary); } .root-hRDndT[data-checkout-theme=3D"dark"][data-checkout-loading-context= =3D"pricing-to-checkout"] { --checkout-bg-primary: #1b1b1d; } .root-hRDndT.providerSpinner-IhE5Hm { color: rgb(143, 143, 143); } .root-hRDndT.providerSpinner-IhE5Hm[data-checkout-theme=3D"dark"] { color= : rgb(173, 173, 173); } .root-hRDndT.modal-xN3fk1 { --color-text: var(--checkout-text-primary); -= -text-accent: var(--blue-400); --color-surface: var(--checkout-bg-primary);= --color-surface-tertiary: var(--checkout-bg-primary); --interactive-bg-sec= ondary-hover: #0000000d; --interactive-bg-secondary-selected: #0000000d; --= theme-blue-background: var(--blue-50); --theme-blue-text: var(--blue-500); = --theme-blue-text-on-background: var(--blue-500); font-size: var(--text-sm)= ; } .root-hRDndT.modal-xN3fk1[data-checkout-theme=3D"dark"] { --gray-600: #67= 6767; --color-gray-600: var(--gray-600); --text-accent: var(--blue-200); --= interactive-bg-secondary-hover: #ffffff1a; --interactive-bg-secondary-selec= ted: #ffffff1a; --theme-blue-background: var(--blue-800); --theme-blue-text= -on-background: var(--blue-50); } @supports (color:color(display-p3 1 1 1)) { .root-hRDndT.modal-xN3fk1 { --theme-blue-background: color(display-p3 .90= 9804 .952941 .996078); --theme-blue-text: color(display-p3 .172549 .403922 = .772549); --theme-blue-text-on-background: var(--theme-blue-text); } .root-hRDndT.modal-xN3fk1[data-checkout-theme=3D"dark"] { --theme-blue-ba= ckground: color(display-p3 .07451 .203922 .388235); --theme-blue-text-on-ba= ckground: color(display-p3 .909804 .952941 .996078); } } @keyframes shimmer-ZEh1Pz {=20 0% { background-position: 140% 0px; } 100% { background-position: -105% 0px; } } .Root-z2BNO7 { --openai-blossom-shimmer-highlight: var(--lightningcss-lig= ht,var(--color-surface)) var(--lightningcss-dark,var(--color-text)); --open= ai-blossom-shimmer-base: var(--color-text); --openai-blossom-shimmer-base-o= pacity: var(--lightningcss-light,.24) var(--lightningcss-dark,.68); --opena= i-blossom-shimmer-soft: color-mix(in srgb, var(--openai-blossom-shimmer-hig= hlight) 4%, transparent); --openai-blossom-shimmer-peak: color-mix(in srgb,= var(--openai-blossom-shimmer-highlight) 48%, transparent); --openai-blosso= m-shimmer-tail: color-mix(in srgb, var(--openai-blossom-shimmer-highlight) = 8%, transparent); flex-shrink: 0; justify-content: center; align-items: cen= ter; display: inline-flex; position: relative; } .Base-Z8GMSc { width: 100%; height: 100%; color: var(--openai-blossom-shi= mmer-base); opacity: var(--openai-blossom-shimmer-base-opacity); } .Overlay-UCNs2a { pointer-events: none; background-image: linear-gradient= (112deg, transparent 22%, var(--openai-blossom-shimmer-soft) 38%, var(--ope= nai-blossom-shimmer-peak) 49%, var(--openai-blossom-shimmer-tail) 56%, tran= sparent 74%); background-position: 140% 0px; background-repeat: no-repeat; = background-size: 220% 100%; animation: 2.2s cubic-bezier(0.4, 0, 0.2, 1) 0s= infinite normal none running shimmer-ZEh1Pz; position: absolute; inset: 0p= x; } :root[data-reduced-motion=3D"true"] .Overlay-UCNs2a { animation: auto eas= e 0s 1 normal none running none; } .delayedIndicator-cocUOa { animation: 0.4s step-end 0s 1 normal none runn= ing reveal-wo8Ti9; } @keyframes reveal-wo8Ti9 {=20 0% { visibility: hidden; } 100% { visibility: visible; } } .button-secondary-surface:not(:disabled):not([aria-disabled=3D"true"]):ho= ver, .button-secondary-surface[data-state=3D"open"] { background-image: lin= ear-gradient(var(--color-background-primary-ghost-hover), var(--color-backg= round-primary-ghost-hover)); } .beaconModalOverlay-M55fyr { background: var(--dialog-backdrop-fade-backg= round); backdrop-filter: var(--dialog-backdrop-fade-filter); } .catalogSurface-lVdc15 { --font-weight-medium: 510; --font-weight-semibol= d: 590; border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -= 5px; } .catalogCompact-p96_jF { border-radius: 16px; } .creditCheckoutSurface-gLF3IY { box-shadow: inset 0 0 0 1px var(--color-t= oken-border-default), 0 20px 25px -5px #0000001a; } .creditCheckoutSurface-gLF3IY[data-checkout-theme=3D"dark"] { box-shadow:= inset 0 0 0 1px var(--color-token-border-default), 0 8px 16px 0 #00000052,= inset 0 0 1px 0 #fff3, 0 0 1px 0 #0000009e; } .centeredTextSurface-cj3ezh { outline: 1px solid var(--color-border-subtl= e); outline-offset: -1px; } .centeredTextClose-MSjdDy { position: absolute; top: 17px; right: 19px; } .promotionalTitle-DDHljK { letter-spacing: normal; } .dimmedOverlay-H4rmER { backdrop-filter: var(--dialog-backdrop-fade-filte= r); background: var(--lightningcss-light,#e3e3e380) var(--lightningcss-dark= ,#00000080); } .imageOverlay-_cSMvD:where([data-transparent=3D"true"]) { backdrop-filter= : var(--image-viewer-transparent-backdrop-filter,var(--dialog-backdrop-fade= -filter)); } .imageOverlay-_cSMvD:where([data-codex-window-type=3D"browser"] .imageOve= rlay-_cSMvD) { background-color: var(--color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .imageOverlay-_cSMvD:where([data-codex-window-type=3D"browser"] .imageOve= rlay-_cSMvD) { background-color: color-mix(in oklab, var(--color-surface-se= condary) 50%, transparent); } } .imageOverlay-_cSMvD:where([data-codex-window-type=3D"browser"] .imageOve= rlay-_cSMvD) { --tw-backdrop-blur: blur(var(--blur-md,12px)); backdrop-filt= er: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-back= drop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotat= e, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-back= drop-saturate, ) var(--tw-backdrop-sepia, ); } .topPosition-Vk6giF { --dialog-top-content-max-height: calc(var(--spacing= ) * 190); top: max(calc(10dvh / var(--codex-window-zoom)), calc((100dvh / v= ar(--codex-window-zoom) - var(--dialog-top-content-max-height)) / 2)); } .voicePickerSurface-aUuGlJ { --color-text: var(--gray-1000); --color-text= -tertiary: var(--lightningcss-light,var(--gray-400)) var(--lightningcss-dar= k,var(--gray-700)); --color-background-primary-solid: var(--lightningcss-li= ght,var(--gray-1000)) var(--lightningcss-dark,var(--gray-975)); --color-bac= kground-primary-solid-hover: var(--lightningcss-light,#333) var(--lightning= css-dark,#ededed); --color-background-primary-ghost-hover: var(--lightningc= ss-light,#0000000d) var(--lightningcss-dark,#ffffff1a); border-radius: var(= --radius-2xl,calc(var(--radius-2xl-base) * var(--corner-radius-scale))); ba= ckground-color: var(--color-surface-card); color: var(--color-text); width:= calc(100vw / var(--codex-window-zoom) - 2rem); max-width: calc(100vw / var= (--codex-window-zoom) - 2rem); box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 12px= , rgba(0, 0, 0, 0.62) 0px 0px 1px; } .voicePickerSurface-aUuGlJ:where([data-theme=3D"dark"]) { box-shadow: rgb= a(0, 0, 0, 0.32) 0px 8px 16px, rgba(255, 255, 255, 0.2) 0px 0px 1px inset, = rgba(0, 0, 0, 0.62) 0px 0px 1px; } @container style(--theme-variant: dark) { .voicePickerSurface-aUuGlJ:where(:not([data-theme])) { box-shadow: rgba(0= , 0, 0, 0.32) 0px 8px 16px, rgba(255, 255, 255, 0.2) 0px 0px 1px inset, rgb= a(0, 0, 0, 0.62) 0px 0px 1px; } } @media (min-width: 40rem) { .voicePickerSurface-aUuGlJ { width: max-content; min-width: min(400px, ca= lc(100vw / var(--codex-window-zoom) - 2rem)); max-width: min(576px, calc(10= 0vw / var(--codex-window-zoom) - 2rem)); } } .voicePickerClose-rvh56e { width: calc(var(--spacing,.25rem) * 9); height= : calc(var(--spacing,.25rem) * 9); border-radius: var(--radius-lg,calc(var(= --radius-lg-base) * var(--corner-radius-scale))); top: 24px; right: 24px; } .voicePickerClose-rvh56e:focus-visible { outline-offset: 0px; outline: au= to 1px; } .voicePickerOverlay-GwLhjh { backdrop-filter: blur(1px); background: var(= --lightningcss-light,#e3e3e380) var(--lightningcss-dark,#00000080); } .responsiveSheet-uudmC6 { width: 100%; height: auto; max-width: var(--con= tainer-md,28rem); border-top-left-radius: var(--radius-2xl,calc(var(--radiu= s-2xl-base) * var(--corner-radius-scale))); border-top-right-radius: var(--= radius-2xl,calc(var(--radius-2xl-base) * var(--corner-radius-scale))); inse= t-inline: 0px; margin-inline: auto; display: grid; bottom: 0px; } @media (min-width: 40rem) { .responsiveSheet-uudmC6 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1)= ; translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: va= r(--radius-2xl,calc(var(--radius-2xl-base) * var(--corner-radius-scale))); = top: 50%; bottom: auto; } } .responsiveSheet-uudmC6 { padding-bottom: env(safe-area-inset-bottom,0px)= ; grid-template-rows: min-content minmax(0px, 1fr) min-content; } .expressiveBeaconSurface-x8SBYk { border-radius: 24px; } .expressiveBeaconTitle-GLcEim { letter-spacing: -0.36px; font-size: 20px;= font-weight: 590; line-height: 28px; } .CompactSource-d7ZD01 { display: var(--display-icon-compact,contents); } .LeadingSource-d79mNZ { display: var(--display-icon-leading,none); } .textTheme-uIegu3 { --color-text: var(--color-text-tooltip); --color-text= -prose: var(--color-text-tooltip); --color-text-secondary: var(--color-text= -tooltip-secondary); --color-text-tertiary: var(--color-text-tooltip-tertia= ry); --color-text-info: var(--color-text-tooltip-info); --color-text-danger= : var(--color-text-tooltip-danger); --color-text-warning: var(--color-text-= tooltip-warning); --color-text-success: var(--color-text-tooltip-success); = --color-codex-description: var(--color-text-tooltip-description); } .leadingIcon-nJYd0H { width: var(--icon-leading-size); height: var(--icon= -leading-size); flex: 0 0 auto; justify-content: center; align-items: cente= r; display: inline-flex; } .singleLineRows-wSbEE_ :is([role=3D"menuitem"], [role=3D"menuitemcheckbox= "], [role=3D"menuitemradio"]) { height: var(--menu-item-height,calc(max(1lh= , var(--icon-leading-size)) + var(--padding-row-y) * 2)); flex-shrink: 0; o= verflow: hidden; } .singleLineRows-wSbEE_ [data-menu-row-content], .singleLineRows-wSbEE_ [d= ata-menu-row-content] > * { max-height: max(1lh, var(--icon-leading-size));= overflow: hidden; } .singleLineRows-wSbEE_ .leadingIcon-nJYd0H { overflow: hidden; } .miniIcon-rOR6tX { width: calc(var(--spacing,.25rem) * 4); height: calc(v= ar(--spacing,.25rem) * 4); background-color: currentcolor; display: block; = mask: url("/cdn/assets/mini.ece1cf46d1.svg") 50% center / contain no-repeat= ; } .hintRow-z1BP1_ { --app-menu-item-font-size: 11px; --icon-leading-size: c= alc(var(--spacing) * 3); --spacing-menu-item-content: var(--spacing); } .glassSurface-mMx9cy { --owl-native-glass-adaptive-appearance: off; --owl= -native-glass-variant: regular; --app-menu-item-radius: calc(var(--spacing)= * 3); border-radius: calc(var(--app-menu-item-radius) + var(--app-menu-gut= ter,var(--spacing))) !important; } .glassSurface-mMx9cy > :is([role=3D"menuitem"], [role=3D"menuitemcheckbox= "], [role=3D"menuitemradio"]) { border-radius: var(--app-menu-item-radius) = !important; } html[data-owl-native-glass=3D"active"] .glassSurface-mMx9cy, html[data-ow= l-native-glass=3D"active"] .glassSurface-mMx9cy > :is([role=3D"menuitem"], = [role=3D"menuitemcheckbox"], [role=3D"menuitemradio"]) { corner-shape: roun= d !important; } html[data-owl-native-glass=3D"active"] .glassSurface-mMx9cy { box-shadow:= none !important; backdrop-filter: none !important; } html[data-owl-native-glass=3D"active"] .glassSurface-mMx9cy[data-owl-nati= ve-source-underlay] { background: var(--color-surface) !important; } @supports (color:color-mix(in lab, red, red)) { html[data-owl-native-glass=3D"active"] .glassSurface-mMx9cy[data-owl-nati= ve-source-underlay] { background: color-mix(in srgb, var(--color-surface) 1= 6%, transparent) !important; } } .comboboxRow-gtqbEZ[cmdk-item] { min-height: var(--app-menu-item-height,0= px) !important; border-radius: var(--radius-xl,calc(var(--radius-xl-base) *= var(--corner-radius-scale))) !important; padding: var(--app-menu-item-padd= ing,var(--padding-row-y) var(--padding-row-x)) !important; } .suggestionMenu-EeXWU_ { --spacing-menu-item-content: var(--spacing-sugge= stion-menu-leading); padding: var(--suggestion-menu-gutter,var(--spacing));= } .sectionLabel-eYGBwe { padding-inline: var(--padding-row-x,calc(var(--spa= cing) * 2)); padding-block: var(--spacing,.25rem); font-size: var(--text-sm= ,12px); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 = / .875))); color: var(--color-codex-description); } .largeRows-k4VOB1 { --icon-leading-size: calc(var(--spacing) * 5); --app-= menu-separator-gutter: calc(var(--spacing) * 2); --app-menu-item-height: ca= lc(var(--spacing) * 10); --spacing-menu-item-content: calc(var(--spacing) *= 2); --app-menu-item-padding: calc(var(--spacing) * 1.5) calc(var(--spacing= ) * 2); } .largeRows-k4VOB1 :is([role=3D"menuitem"], [role=3D"menuitemcheckbox"], [= role=3D"menuitemradio"]) { margin-inline: calc(var(--spacing,.25rem) * 2.5)= ; } .largeRows-k4VOB1 [data-menu-section-label] { padding-inline: calc(var(--= spacing,.25rem) * 5); padding-block: var(--spacing,.25rem); font-size: var(= --text-sm,12px); --tw-leading: calc(var(--spacing,.25rem) * 5); line-height= : calc(var(--spacing,.25rem) * 5); color: var(--color-text-tertiary); } .largeRows-k4VOB1 [data-menu-section-label]:first-child { padding-top: ca= lc(var(--spacing,.25rem) * 3); } .largeRows-k4VOB1 [data-menu-row-content] { gap: calc(var(--spacing,.25re= m) * 2); } .selectRows-0LxAOZ { --app-menu-gutter: var(--spacing); --icon-leading-si= ze: calc(var(--spacing) * 4); --app-menu-item-height: calc(var(--spacing) *= 10); --app-menu-item-padding: calc(var(--spacing) * 1.5) calc(var(--spacin= g) * 3); --spacing-menu-item-content: calc(var(--spacing) * 2); } .insetRows-QwJ8Uo { --app-menu-gutter: calc(var(--spacing) * 3); --app-me= nu-item-height: calc(var(--spacing) * 9); --app-menu-item-padding: calc(var= (--spacing) * 2) calc(var(--spacing) * 2.5); --app-menu-separator-gutter: c= alc(var(--spacing) * 1.5); --app-menu-separator-inset: calc(var(--spacing) = * 2.5); } .descriptiveRows-S2wFSd { --app-menu-gutter: calc(var(--spacing) * 2); --= icon-leading-size: calc(var(--spacing) * 5); --app-menu-item-height: calc(v= ar(--spacing) * 14); --app-menu-item-padding: calc(var(--spacing) * 2); --a= pp-menu-item-font-size: var(--text-base); --app-menu-item-line-height: calc= (var(--spacing) * 5); --spacing-menu-item-content: calc(var(--spacing) * 3)= ; } .actionRows-gFxuYF { --app-menu-gutter: calc(var(--spacing) * 2); --icon-= leading-size: calc(var(--spacing) * 5); --app-menu-item-height: calc(var(--= spacing) * 9); --app-menu-item-padding: calc(var(--spacing) * 2); --app-men= u-item-font-size: calc(var(--spacing) * 3.5); --app-menu-item-line-height: = calc(var(--spacing) * 5); --spacing-menu-item-content: calc(var(--spacing) = * 3); --app-menu-separator-gutter: calc(var(--spacing) * 2); --app-menu-sep= arator-inset: calc(var(--spacing) * 2.5); } .Mask-QVl1GP { --overflow-fade-top: 0px; --overflow-fade-bottom: 0px; mas= k-image: linear-gradient(to bottom, transparent, black var(--overflow-fade-= top) calc(100% - var(--overflow-fade-bottom)), transparent); } .Root-wrAjJZ[data-can-scroll-up=3D"true"] > .Mask-QVl1GP { --overflow-fad= e-top: calc(var(--spacing) * 5); } .Root-wrAjJZ[data-can-scroll-down=3D"true"] > .Mask-QVl1GP { --overflow-f= ade-bottom: calc(var(--spacing) * 10); } .replacedContent-dZ1LFs { visibility: hidden; } .parentBottomAlignedContent-jcw79M { --dropdown-content-parent-bottom-tra= nsform: translateY(calc(var(--radix-dropdown-menu-trigger-height) + .5rem -= 100%)); transform: var(--dropdown-content-parent-bottom-transform); } @layer components { .body-ADRAW0 { padding-inline: calc(var(--spacing,.25rem) * 5); padding-b= lock: calc(var(--spacing,.25rem) * 5); } .section-zmz5Xf { padding-top: calc(var(--spacing,.25rem) * 3); } .largeSection-zsbCRg { padding-top: calc(var(--spacing,.25rem) * 5); } .section-zmz5Xf:nth-child(1 of :not(.sr-only)) { padding-top: 0px; } .body-ADRAW0 > .footer-laIpwZ:nth-child(n+2 of :not(.sr-only)) { margin-t= op: calc(var(--spacing,.25rem) * 5); } .surface-AyYLmv { position: relative; } } .inputGroup-tn0xxQ > :first-child { border-top-left-radius: calc(var(--ra= dius-xl) - 1px); border-top-right-radius: calc(var(--radius-xl) - 1px); } .inputGroup-tn0xxQ > :last-child { border-bottom-left-radius: calc(var(--= radius-xl) - 1px); border-bottom-right-radius: calc(var(--radius-xl) - 1px)= ; } .numberField-sMs2D7 { appearance: textfield; } .numberField-sMs2D7::-webkit-outer-spin-button { appearance: none; margin= : 0px; } .numberField-sMs2D7::-webkit-inner-spin-button { appearance: none; margin= : 0px; } .fillOnMount-QGDQQ4 { animation: progression-donut-fill-Fr2Avu var(--tran= sition-duration-relaxed) ease-out backwards; } @keyframes progression-donut-fill-Fr2Avu {=20 0% { stroke-dashoffset: 100px; } } :root[data-reduced-motion=3D"true"] .fillOnMount-QGDQQ4 { animation: auto= ease 0s 1 normal none running none; } .gradient-B3_bvs { background-image: linear-gradient(to right, color-mix(= in srgb, var(--color-chart-blue) 60%, var(--color-background-primary-solid)= ), color-mix(in srgb, color-mix(in oklch, var(--color-chart-blue) 70%, var(= --color-chart-red)) 60%, var(--color-background-primary-solid))); } .shimmer-VlXNVz { --loading-shimmer-base: transparent; --loading-shimmer-= highlight: var(--color-background-primary-solid); } .overlay-rWTixT { inset: anchor(top) anchor(right) anchor(bottom) anchor(= left); } [aria-hidden=3D"true"] .overlay-rWTixT { visibility: hidden; } :root[data-codex-window-chrome=3D"application-menu"] .SelectedSurface-OD9= Fyt { --color-border: var(--color-border-strong); --tw-shadow-color: rgb(va= r(--shadow-color) / calc(var(--shadow-alpha-100) * 1.25)); } .DefaultInset-_kR2Iv { padding-inline: calc(var(--spacing,.25rem) * 2); } [data-app-shell-page-surface=3D"true"] [data-app-shell-page-header] .Defa= ultInset-_kR2Iv { padding-inline: 0px; } .PageInset-YLtCuh { max-width: calc(var(--thread-content-max-width) - var= (--spacing) * 4); padding-inline: calc(var(--padding-panel) - var(--spacing= ) * 2); margin-inline: auto; } .TabStripInset-s7NayL { padding-inline-start: calc(var(--spacing) * 2); p= adding-inline-end: calc(var(--spacing) * 1.5); } .Toolbar-w4tLPD { app-region: drag; user-select: none; } .Toolbar-w4tLPD button { app-region: no-drag; } [data-app-shell-workspace-layout=3D"split"] .Toolbar-w4tLPD, [data-app-sh= ell-titlebar] .Toolbar-w4tLPD { app-region: initial; } [data-app-shell-header-layout=3D"thread-edge-scroll"] .Toolbar-w4tLPD > *= { max-width: max-content; } [data-app-shell-header-edge-scroll=3D"true"]:not([data-app-shell-tab-row]= , [data-app-shell-workspace-layout=3D"split"]) .Toolbar-w4tLPD > :not([data= -app-shell-thread-content-overlap]) { background-color: var(--color-surface= ); } .strip-kmOW4Y [data-app-shell-tab-controller]:is(:hover, :focus-within, := has(+ [data-app-shell-tab-controller]:is(:hover, :focus-within))) > [data-a= pp-shell-tab-separator], .leadingTab-Yxgd1t:is(:hover, :focus-within) [data= -app-shell-tab-separator] { visibility: hidden; } .leadingTab-Yxgd1t:has(+ [data-app-shell-tab-controller]:is(:hover, :focu= s-within)) [data-app-shell-tab-separator] { visibility: hidden; } .strip-kmOW4Y:has([data-app-shell-tab-controller]:first-child:is(:hover, = :focus-within)) > .leadingTab-Yxgd1t [data-app-shell-tab-separator] { visib= ility: hidden; } .LoadingIndicator-XnojpS { width: var(--indicator-size,1em); height: var(= --indicator-size,1em); animation: rotate-_QafzA var(--indicator-rotate-dura= tion,.8s) linear infinite; transition: opacity 0.15s; position: relative; } .LoadingIndicator-XnojpS::before { border: var(--indicator-stroke,2px) so= lid var(--indicator-color,currentcolor); content: ""; border-radius: 50%; d= isplay: block; position: absolute; inset: 0px; mask-image: conic-gradient(r= gba(0, 0, 0, 0), rgb(0, 0, 0)); } .LoadingIndicator-XnojpS::after { width: var(--indicator-stroke,2px); hei= ght: var(--indicator-stroke,2px); margin-left: calc(var(--indicator-stroke,= 2px) * -1 / 2); background-color: var(--indicator-color,currentcolor); cont= ent: ""; border-radius: 100%; display: block; position: absolute; top: 0px;= left: 50%; } @keyframes rotate-_QafzA {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .TransitionGroupChild-RffnYX { display: block; } .Button-G93JGk { gap: var(--button-gap); height: var(--button-size); padd= ing: 0 var(--button-gutter); border-radius: var(--button-radius); app-regio= n: no-drag; cursor: var(--cursor-interaction,pointer); font-size: var(--but= ton-font-size); font-weight: var(--button-font-weight); transition-duration= : var(--transition-duration-basic); transition-property: opacity, color; tr= ansition-timing-function: var(--transition-ease-basic); user-select: none; = white-space: nowrap; flex-shrink: 0; line-height: 1; display: inline-block;= position: relative; } .Button-G93JGk::before { border-radius: inherit; content: ""; corner-shap= e: inherit; transition-duration: var(--transition-duration-basic); transiti= on-property: opacity, background-color, transform, box-shadow, border-color= ; transition-timing-function: var(--transition-ease-basic); will-change: tr= ansform; display: block; position: absolute; inset: 0px; } .Button-G93JGk::after { border-radius: inherit; content: ""; corner-shape= : inherit; pointer-events: none; transition-duration: var(--transition-dura= tion-basic); transition-property: transform; transition-timing-function: va= r(--transition-ease-basic); will-change: transform; display: block; positio= n: absolute; inset: 0px; } .Button-G93JGk:focus { outline: none; } .Button-G93JGk:focus-visible::after { outline: 2px solid var(--button-rin= g-color,var(--color-ring)); outline-offset: var(--button-ring-offset,2px); = } .Button-G93JGk svg:where(:not([data-no-autosize])) { width: var(--button-= icon-size); height: var(--button-icon-size); } :where(.Button-G93JGk svg:where(:not([data-no-autosize])):first-child:not= (:only-child)) { margin-left: var(--button-icon-offset,-1px); } :where(.Button-G93JGk svg:where(:not([data-no-autosize])):last-child:not(= :only-child)) { margin-right: var(--button-icon-offset,-1px); } .Button-G93JGk:where([data-optically-align=3D"start"]) { margin-inline-st= art: calc(var(--button-gutter) * -1); } .Button-G93JGk:where([data-optically-align=3D"start"][data-pill]) { margi= n-inline-start: calc(var(--button-gutter) * var(--control-gutter-pill-scali= ng) * -1); } .Button-G93JGk:where([data-optically-align=3D"end"]) { margin-inline-end:= calc(var(--button-gutter) * -1); } .Button-G93JGk:where([data-optically-align=3D"end"][data-pill]) { margin-= inline-end: calc(var(--button-gutter) * var(--control-gutter-pill-scaling) = * -1); } .Button-G93JGk:where([data-optically-align=3D"start"][data-uniform]) { ma= rgin-inline-start: calc(((var(--button-size) - var(--button-icon-size)) / 2= ) * -1); } .Button-G93JGk:where([data-optically-align=3D"end"][data-uniform]) { marg= in-inline-end: calc(((var(--button-size) - var(--button-icon-size)) / 2) * = -1); } .Button-G93JGk:where([data-size=3D"3xs"]) { --button-size: var(--control-= size-4xs); --button-gutter: var(--control-gutter-2xs); --button-font-size: = var(--control-font-size-sm); --button-icon-size: var(--control-icon-size-xs= ); --button-gap: var(--button-gap-sm); --button-radius: var(--control-radiu= s-sm); --button-icon-offset: -1px; --indicator-size: 11px; --circular-progr= ess-size: 11px; } .Button-G93JGk:where([data-size=3D"2xs"]) { --button-size: var(--control-= size-3xs); --button-gutter: var(--control-gutter-2xs); --button-font-size: = var(--control-font-size-sm); --button-icon-size: var(--control-icon-size-xs= ); --button-gap: var(--button-gap-sm); --button-radius: var(--control-radiu= s-sm); --button-icon-offset: -1px; --indicator-size: 11px; --circular-progr= ess-size: 11px; } .Button-G93JGk:where([data-size=3D"xs"]) { --button-size: var(--control-s= ize-2xs); --button-gutter: var(--control-gutter-xs); --button-font-size: va= r(--control-font-size-md); --button-icon-size: var(--control-icon-size-sm);= --button-gap: var(--button-gap-md); --button-radius: var(--control-radius-= sm); --button-icon-offset: -1px; --indicator-size: 12px; --circular-progres= s-size: 12px; } .Button-G93JGk:where([data-size=3D"sm"]) { --button-size: var(--control-s= ize-xs); --button-gutter: var(--control-gutter-xs); --button-font-size: var= (--control-font-size-md); --button-icon-size: var(--control-icon-size-sm); = --button-gap: var(--button-gap-md); --button-radius: var(--control-radius-s= m); --button-icon-offset: -1px; --indicator-size: 13px; --circular-progress= -size: 14px; } .Button-G93JGk:where([data-size=3D"md"]) { --button-size: var(--control-s= ize-sm); --button-gutter: var(--control-gutter-sm); --button-font-size: var= (--control-font-size-md); --button-icon-size: var(--control-icon-size-md); = --button-gap: var(--button-gap-md); --button-radius: var(--control-radius-s= m); --button-icon-offset: -1px; --indicator-size: 15px; --circular-progress= -size: 15px; } .Button-G93JGk:where([data-size=3D"lg"]) { --button-size: var(--control-s= ize-md); --button-gutter: var(--control-gutter-md); --button-font-size: var= (--control-font-size-lg); --button-icon-size: var(--control-icon-size-md); = --button-gap: var(--button-gap-lg); --button-radius: var(--control-radius-m= d); --button-icon-offset: -1px; --indicator-size: 16px; --circular-progress= -size: 16px; } .Button-G93JGk:where([data-size=3D"xl"]) { --button-size: var(--control-s= ize-lg); --button-gutter: var(--control-gutter-md); --button-font-size: var= (--control-font-size-md); --button-icon-size: var(--control-icon-size-md); = --button-gap: var(--button-gap-lg); --button-radius: var(--control-radius-m= d); --button-icon-offset: -1px; --indicator-size: 16px; --circular-progress= -size: 16px; } .Button-G93JGk:where([data-size=3D"2xl"]) { --button-size: var(--control-= size-xl); --button-gutter: var(--control-gutter-lg); --button-font-size: va= r(--control-font-size-md); --button-icon-size: var(--control-icon-size-md);= --button-gap: var(--button-gap-lg); --button-radius: var(--control-radius-= lg); --button-icon-offset: -1px; --indicator-size: 18px; --circular-progres= s-size: 18px; } .Button-G93JGk:where([data-size=3D"3xl"]) { --button-size: var(--control-= size-2xl); --button-gutter: var(--control-gutter-lg); --button-font-size: v= ar(--control-font-size-md); --button-icon-size: var(--control-icon-size-lg)= ; --button-gap: var(--button-gap-lg); --button-radius: var(--control-radius= -xl); --button-icon-offset: -2px; --indicator-size: 18px; --circular-progre= ss-size: 18px; } .Button-G93JGk:where([data-size=3D"4xl"]) { --button-size: var(--control-= size-3xl); --button-gutter: var(--control-gutter-xl); --button-font-size: v= ar(--control-font-size-lg); --button-icon-size: var(--control-icon-size-lg)= ; --button-gap: var(--button-gap-lg); --button-radius: var(--control-radius= -xl); --button-icon-offset: -2px; --indicator-size: 20px; --circular-progre= ss-size: 20px; } .Button-G93JGk:where([data-gutter-size=3D"2xs"]) { --button-gutter: var(-= -control-gutter-2xs); } .Button-G93JGk:where([data-gutter-size=3D"xs"]) { --button-gutter: var(--= control-gutter-xs); } .Button-G93JGk:where([data-gutter-size=3D"sm"]) { --button-gutter: var(--= control-gutter-sm); } .Button-G93JGk:where([data-gutter-size=3D"md"]) { --button-gutter: var(--= control-gutter-md); } .Button-G93JGk:where([data-gutter-size=3D"lg"]) { --button-gutter: var(--= control-gutter-lg); } .Button-G93JGk:where([data-gutter-size=3D"xl"]) { --button-gutter: var(--= control-gutter-xl); } .Button-G93JGk:where([data-icon-size=3D"xs"]) { --button-icon-size: var(-= -control-icon-size-xs); } .Button-G93JGk:where([data-icon-size=3D"sm"]) { --button-icon-size: var(-= -control-icon-size-sm); } .Button-G93JGk:where([data-icon-size=3D"md"]) { --button-icon-size: var(-= -control-icon-size-md); } .Button-G93JGk:where([data-icon-size=3D"lg"]) { --button-icon-size: var(-= -control-icon-size-lg); } .Button-G93JGk:where([data-icon-size=3D"xl"]) { --button-icon-size: var(-= -control-icon-size-xl); } .Button-G93JGk:where([data-icon-size=3D"2xl"]) { --button-icon-size: var(= --control-icon-size-2xl); } .Button-G93JGk:where([data-pill]) { --button-radius: var(--radius-full); = padding: 0 calc(var(--button-gutter) * var(--control-gutter-pill-scaling));= } .Button-G93JGk:where([data-squircle]) { border-radius: calc(var(--button-= radius) * 1.25); corner-shape: superellipse(1.5); } .Button-G93JGk:where([data-block]) { width: 100%; } .Button-G93JGk[data-uniform] { --button-gutter: 0; --button-icon-offset: = 0px; width: var(--button-size); } .Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant=3D"tr= ansparent"] { --button-ring-offset: -1px; color: var(--button-text-color); = } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"])::before { background-color: var(--button-background-colo= r); opacity: 0; transform: scale(var(--scale)); } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"])[aria-expanded=3D"true"]:where(:not([data-suppress-active= -style])), :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-= variant=3D"transparent"])[data-state=3D"open"] { color: var(--button-text-c= olor-hover); } :is(:is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-varia= nt=3D"transparent"])[aria-expanded=3D"true"]:where(:not([data-suppress-acti= ve-style])), :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[dat= a-variant=3D"transparent"])[data-state=3D"open"])::before { opacity: 0.6; t= ransform: scale(1); } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"])[data-selected] { color: var(--button-text-color-hover); = } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"])[data-selected]::before { opacity: 1; transform: scale(1)= ; } @media (hover: hover) { :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"]):where(:not([data-disabled])):hover { color: var(--button= -text-color-hover); } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"]):where(:not([data-disabled])):hover::before { opacity: 1;= transform: scale(1); } } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"]):where(:not([data-disabled])):active::before { background= -color: var(--button-background-color-active); opacity: 1; transform: scale= (var(--scale)); } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"]):where(:not([data-disabled])):active::after { transform: = scale(var(--scale)); } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"]):where([data-color=3D"primary"]) { --button-background-co= lor: var(--color-background-primary-ghost-hover); --button-background-color= -active: var(--color-background-primary-ghost-active); --button-text-color:= var(--color-text-primary-ghost); --button-text-color-hover: var(--color-te= xt-primary-ghost-hover); --button-ring-color: var(--color-ring-primary-ghos= t); } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"]):where([data-color=3D"secondary"]) { --button-background-= color: var(--color-background-secondary-ghost-hover); --button-background-c= olor-active: var(--color-background-secondary-ghost-active); --button-text-= color: var(--color-text-secondary-ghost); --button-text-color-hover: var(--= color-text-secondary-ghost-hover); --button-ring-color: var(--color-ring-se= condary-ghost); } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"]):where([data-color=3D"danger"]) { --button-background-col= or: var(--color-background-danger-ghost-hover); --button-background-color-a= ctive: var(--color-background-danger-ghost-active); --button-text-color: va= r(--color-text-danger-ghost); --button-text-color-hover: var(--color-text-d= anger-ghost-hover); --button-ring-color: var(--color-ring-danger-ghost); } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"]):where([data-color=3D"success"]) { --button-background-co= lor: var(--color-background-success-ghost-hover); --button-background-color= -active: var(--color-background-success-ghost-active); --button-text-color:= var(--color-text-success-ghost); --button-text-color-hover: var(--color-te= xt-success-ghost-hover); --button-ring-color: var(--color-ring-success-ghos= t); } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"]):where([data-color=3D"warning"]) { --button-background-co= lor: var(--color-background-warning-ghost-hover); --button-background-color= -active: var(--color-background-warning-ghost-active); --button-text-color:= var(--color-text-warning-ghost); --button-text-color-hover: var(--color-te= xt-warning-ghost-hover); --button-ring-color: var(--color-ring-warning-ghos= t); } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"]):where([data-color=3D"caution"]) { --button-background-co= lor: var(--color-background-caution-ghost-hover); --button-background-color= -active: var(--color-background-caution-ghost-active); --button-text-color:= var(--color-text-caution-ghost); --button-text-color-hover: var(--color-te= xt-caution-ghost-hover); --button-ring-color: var(--color-ring-caution-ghos= t); } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"]):where([data-color=3D"info"]) { --button-background-color= : var(--color-background-info-ghost-hover); --button-background-color-activ= e: var(--color-background-info-ghost-active); --button-text-color: var(--co= lor-text-info-ghost); --button-text-color-hover: var(--color-text-info-ghos= t-hover); --button-ring-color: var(--color-ring-info-ghost); } :is(.Button-G93JGk[data-variant=3D"ghost"], .Button-G93JGk[data-variant= =3D"transparent"]):where([data-color=3D"discovery"]) { --button-background-= color: var(--color-background-discovery-ghost-hover); --button-background-c= olor-active: var(--color-background-discovery-ghost-active); --button-text-= color: var(--color-text-discovery-ghost); --button-text-color-hover: var(--= color-text-discovery-ghost-hover); --button-ring-color: var(--color-ring-di= scovery-ghost); } .Button-G93JGk[data-variant=3D"transparent"]::before { content: none; } .Button-G93JGk[data-variant=3D"solid"] { color: var(--button-text-color);= } .Button-G93JGk[data-variant=3D"solid"]::before { background-color: var(--= button-background-color); } :is(.Button-G93JGk[data-variant=3D"solid"][aria-expanded=3D"true"]:where(= :not([data-suppress-active-style])), .Button-G93JGk[data-variant=3D"solid"]= [data-state=3D"open"], .Button-G93JGk[data-variant=3D"solid"][data-selected= ])::before { background-color: var(--button-background-color-hover); } @media (hover: hover) { .Button-G93JGk[data-variant=3D"solid"]:where(:not([data-disabled])):hover= ::before { background-color: var(--button-background-color-hover); } } .Button-G93JGk[data-variant=3D"solid"]:where(:not([data-disabled])):activ= e::before { background-color: var(--button-background-color-active); } .Button-G93JGk[data-variant=3D"solid"]:where(:not([data-disabled])):activ= e::before, .Button-G93JGk[data-variant=3D"solid"]:where(:not([data-disabled= ])):active::after { transform: scale(var(--scale)); } .Button-G93JGk[data-variant=3D"solid"]:where([data-color=3D"primary"]) { = --button-background-color: var(--color-background-primary-solid); --button-= background-color-hover: var(--color-background-primary-solid-hover); --butt= on-background-color-active: var(--color-background-primary-solid-active); -= -button-text-color: var(--color-text-primary-solid); --button-ring-color: v= ar(--color-ring-primary-solid); } .Button-G93JGk[data-variant=3D"solid"]:where([data-color=3D"secondary"]) = { --button-background-color: var(--color-background-secondary-solid); --but= ton-background-color-hover: var(--color-background-secondary-solid-hover); = --button-background-color-active: var(--color-background-secondary-solid-ac= tive); --button-text-color: var(--color-text-secondary-solid); --button-rin= g-color: var(--color-ring-secondary-solid); } .Button-G93JGk[data-variant=3D"solid"]:where([data-color=3D"success"]) { = --button-background-color: var(--color-background-success-solid); --button-= background-color-hover: var(--color-background-success-solid-hover); --butt= on-background-color-active: var(--color-background-success-solid-active); -= -button-text-color: var(--color-text-success-solid); --button-ring-color: v= ar(--color-ring-success-solid); } .Button-G93JGk[data-variant=3D"solid"]:where([data-color=3D"danger"]) { -= -button-background-color: var(--color-background-danger-solid); --button-ba= ckground-color-hover: var(--color-background-danger-solid-hover); --button-= background-color-active: var(--color-background-danger-solid-active); --but= ton-text-color: var(--color-text-danger-solid); --button-ring-color: var(--= color-ring-danger-solid); } .Button-G93JGk[data-variant=3D"solid"]:where([data-color=3D"warning"]) { = --button-background-color: var(--color-background-warning-solid); --button-= background-color-hover: var(--color-background-warning-solid-hover); --butt= on-background-color-active: var(--color-background-warning-solid-active); -= -button-text-color: var(--color-text-warning-solid); --button-ring-color: v= ar(--color-ring-warning-solid); } .Button-G93JGk[data-variant=3D"solid"]:where([data-color=3D"caution"]) { = --button-background-color: var(--color-background-caution-solid); --button-= background-color-hover: var(--color-background-caution-solid-hover); --butt= on-background-color-active: var(--color-background-caution-solid-active); -= -button-text-color: var(--color-text-caution-solid); --button-ring-color: v= ar(--color-ring-caution-solid); } .Button-G93JGk[data-variant=3D"solid"]:where([data-color=3D"info"]) { --b= utton-background-color: var(--color-background-info-solid); --button-backgr= ound-color-hover: var(--color-background-info-solid-hover); --button-backgr= ound-color-active: var(--color-background-info-solid-active); --button-text= -color: var(--color-text-info-solid); --button-ring-color: var(--color-ring= -info-solid); } .Button-G93JGk[data-variant=3D"solid"]:where([data-color=3D"discovery"]) = { --button-background-color: var(--color-background-discovery-solid); --but= ton-background-color-hover: var(--color-background-discovery-solid-hover); = --button-background-color-active: var(--color-background-discovery-solid-ac= tive); --button-text-color: var(--color-text-discovery-solid); --button-rin= g-color: var(--color-ring-discovery-solid); } .Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D"sur= face"] { color: var(--button-text-color); } :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D= "surface"])::before { background-color: var(--button-background-color); } :is(:is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-varian= t=3D"surface"])[aria-expanded=3D"true"]:where(:not([data-suppress-active-st= yle])), :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-vari= ant=3D"surface"])[data-state=3D"open"], :is(.Button-G93JGk[data-variant=3D"= soft"], .Button-G93JGk[data-variant=3D"surface"])[data-selected])::before {= background-color: var(--button-background-color-hover); } @media (hover: hover) { :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D= "surface"]):where(:not([data-disabled])):hover::before { background-color: = var(--button-background-color-hover); } } :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D= "surface"]):where(:not([data-disabled])):active::before { background-color:= var(--button-background-color-active); } :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D= "surface"]):where(:not([data-disabled])):active::before, :is(.Button-G93JGk= [data-variant=3D"soft"], .Button-G93JGk[data-variant=3D"surface"]):where(:n= ot([data-disabled])):active::after { transform: scale(var(--scale)); } :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D= "surface"]):where([data-color=3D"primary"]) { --button-background-color: va= r(--color-background-primary-soft-alpha); --button-background-color-hover: = var(--color-background-primary-soft-alpha-hover); --button-background-color= -active: var(--color-background-primary-soft-alpha-active); --button-text-c= olor: var(--color-text-primary-soft); --button-ring-color: var(--color-ring= -primary-soft); } :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D= "surface"]):where([data-color=3D"secondary"]) { --button-background-color: = var(--color-background-secondary-soft-alpha); --button-background-color-hov= er: var(--color-background-secondary-soft-alpha-hover); --button-background= -color-active: var(--color-background-secondary-soft-alpha-active); --butto= n-text-color: var(--color-text-secondary-soft); --button-ring-color: var(--= color-ring-secondary-soft); } :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D= "surface"]):where([data-color=3D"success"]) { --button-background-color: va= r(--color-background-success-soft-alpha); --button-background-color-hover: = var(--color-background-success-soft-alpha-hover); --button-background-color= -active: var(--color-background-success-soft-alpha-active); --button-text-c= olor: var(--color-text-success-soft); --button-border-color: var(--color-bo= rder-success-outline); --button-ring-color: var(--color-ring-success-soft);= } :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D= "surface"]):where([data-color=3D"danger"]) { --button-background-color: var= (--color-background-danger-soft-alpha); --button-background-color-hover: va= r(--color-background-danger-soft-alpha-hover); --button-background-color-ac= tive: var(--color-background-danger-soft-alpha-active); --button-text-color= : var(--color-text-danger-soft); --button-border-color: var(--color-border-= danger-outline); --button-ring-color: var(--color-ring-danger-soft); } :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D= "surface"]):where([data-color=3D"warning"]) { --button-background-color: va= r(--color-background-warning-soft-alpha); --button-background-color-hover: = var(--color-background-warning-soft-alpha-hover); --button-background-color= -active: var(--color-background-warning-soft-alpha-active); --button-text-c= olor: var(--color-text-warning-soft); --button-border-color: var(--color-bo= rder-warning-outline); --button-ring-color: var(--color-ring-warning-soft);= } :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D= "surface"]):where([data-color=3D"caution"]) { --button-background-color: va= r(--color-background-caution-soft-alpha); --button-background-color-hover: = var(--color-background-caution-soft-alpha-hover); --button-background-color= -active: var(--color-background-caution-soft-alpha-active); --button-text-c= olor: var(--color-text-caution-soft); --button-border-color: var(--color-bo= rder-caution-outline); --button-ring-color: var(--color-ring-caution-soft);= } :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D= "surface"]):where([data-color=3D"info"]) { --button-background-color: var(-= -color-background-info-soft-alpha); --button-background-color-hover: var(--= color-background-info-soft-alpha-hover); --button-background-color-active: = var(--color-background-info-soft-alpha-active); --button-text-color: var(--= color-text-info-soft); --button-border-color: var(--color-border-info-outli= ne); --button-ring-color: var(--color-ring-info-soft); } :is(.Button-G93JGk[data-variant=3D"soft"], .Button-G93JGk[data-variant=3D= "surface"]):where([data-color=3D"discovery"]) { --button-background-color: = var(--color-background-discovery-soft-alpha); --button-background-color-hov= er: var(--color-background-discovery-soft-alpha-hover); --button-background= -color-active: var(--color-background-discovery-soft-alpha-active); --butto= n-text-color: var(--color-text-discovery-soft); --button-border-color: var(= --color-border-discovery-outline); --button-ring-color: var(--color-ring-di= scovery-soft); } .Button-G93JGk[data-variant=3D"surface"]::before { box-shadow: 0 0 0 1px = var(--button-border-color) inset; } .Button-G93JGk[data-variant=3D"surface"]:where(:not([data-disabled]))::be= fore { box-shadow: 0 0 0 1px var(--button-surface-border-color), var(--butt= on-surface-shadow); background-color: rgba(0, 0, 0, 0); } @media (hover: hover) { .Button-G93JGk[data-variant=3D"surface"]:where(:not([data-disabled])):hov= er::before { box-shadow: 0 0 0 1px var(--button-border-color-hover,var(--bu= tton-text-color)), var(--button-surface-shadow); background-color: rgba(0, = 0, 0, 0); } @supports (color:color-mix(in lab, red, red)) { .Button-G93JGk[data-variant=3D"surface"]:where(:not([data-disabled])):hov= er::before { box-shadow: 0 0 0 1px color-mix(in srgb, var(--button-border-c= olor-hover,var(--button-text-color)) 50%, transparent), var(--button-surfac= e-shadow); } } } .Button-G93JGk[data-variant=3D"surface"]:where(:not([data-disabled])):whe= re([data-theme=3D"dark"])::before { background-color: var(--button-backgrou= nd-color); box-shadow: 0 0 0 1px var(--button-border-color) inset; } @media (hover: hover) { .Button-G93JGk[data-variant=3D"surface"]:where(:not([data-disabled])):whe= re([data-theme=3D"dark"]):hover::before { background-color: var(--button-ba= ckground-color-hover); box-shadow: 0 0 0 1px var(--button-border-color) ins= et; } } .Button-G93JGk[data-variant=3D"surface"]:where(:not([data-disabled])):whe= re([data-theme=3D"dark"]):active::before { background-color: var(--button-b= ackground-color-active); } @container style(--theme-variant: dark) { .Button-G93JGk[data-variant=3D"surface"]:where(:not([data-disabled])):whe= re(:not([data-theme]))::before { background-color: var(--button-background-= color); box-shadow: 0 0 0 1px var(--button-border-color) inset; } @media (hover: hover) { .Button-G93JGk[data-variant=3D"surface"]:where(:not([data-disabled])):whe= re(:not([data-theme])):hover::before { background-color: var(--button-backg= round-color-hover); box-shadow: 0 0 0 1px var(--button-border-color) inset;= } } .Button-G93JGk[data-variant=3D"surface"]:where(:not([data-disabled])):whe= re(:not([data-theme])):active::before { background-color: var(--button-back= ground-color-active); } } .Button-G93JGk[data-variant=3D"surface"]:where([data-color=3D"primary"]) = { --button-background-color: var(--color-background-primary-soft-alt); --bu= tton-border-color: var(--color-border-primary-soft-alt); --button-border-co= lor-hover: var(--color-border-primary-outline-hover); --button-text-color: = var(--color-text-primary-soft-alt); } .Button-G93JGk[data-variant=3D"surface"]:where([data-color=3D"secondary"]= ) { --button-background-color: var(--color-background-secondary-soft-alt); = --button-border-color: var(--color-border-secondary-soft-alt); --button-bor= der-color-hover: var(--color-border-secondary-outline-hover); --button-text= -color: var(--color-text-secondary-soft-alt); } .Button-G93JGk[data-variant=3D"outline"] { --button-ring-offset: -1px; co= lor: var(--button-text-color); } .Button-G93JGk[data-variant=3D"outline"]::before { box-shadow: 0 0 0 1px = var(--button-border-color) inset, var(--button-shadow-custom,0 0 #0000); ba= ckground-color: rgba(0, 0, 0, 0); } .Button-G93JGk[data-variant=3D"outline"][aria-expanded=3D"true"]:where(:n= ot([data-suppress-active-style])), .Button-G93JGk[data-variant=3D"outline"]= [data-state=3D"open"], .Button-G93JGk[data-variant=3D"outline"][data-select= ed] { color: var(--button-text-color-hover); } :is(.Button-G93JGk[data-variant=3D"outline"][aria-expanded=3D"true"]:wher= e(:not([data-suppress-active-style])), .Button-G93JGk[data-variant=3D"outli= ne"][data-state=3D"open"], .Button-G93JGk[data-variant=3D"outline"][data-se= lected])::before { background-color: var(--button-background-color-hover); = box-shadow: 0 0 0 1px var(--button-border-color-hover) inset, var(--button-= shadow-custom,0 0 #0000); } @media (hover: hover) { .Button-G93JGk[data-variant=3D"outline"]:where(:not([data-disabled])):hov= er { color: var(--button-text-color-hover); } .Button-G93JGk[data-variant=3D"outline"]:where(:not([data-disabled])):hov= er::before { background-color: var(--button-background-color-hover); box-sh= adow: 0 0 0 1px var(--button-border-color-hover) inset, var(--button-shadow= -custom,0 0 #0000); } } .Button-G93JGk[data-variant=3D"outline"]:where(:not([data-disabled])):act= ive::before { background-color: var(--button-background-color-active); tran= sform: scale(var(--scale)); } .Button-G93JGk[data-variant=3D"outline"]:where(:not([data-disabled])):act= ive::after { transform: scale(var(--scale)); } .Button-G93JGk[data-variant=3D"outline"]:where([data-color=3D"primary"]) = { --button-background-color-hover: var(--color-background-primary-outline-h= over); --button-background-color-active: var(--color-background-primary-out= line-active); --button-border-color: var(--color-border-primary-outline); -= -button-border-color-hover: var(--color-border-primary-outline-hover); --bu= tton-text-color: var(--color-text-primary-outline); --button-text-color-hov= er: var(--color-text-primary-outline-hover); --button-ring-color: var(--col= or-ring-primary-outline); } .Button-G93JGk[data-variant=3D"outline"]:where([data-color=3D"secondary"]= ) { --button-background-color-hover: var(--color-background-secondary-outli= ne-hover); --button-background-color-active: var(--color-background-seconda= ry-outline-active); --button-border-color: var(--color-border-secondary-out= line); --button-border-color-hover: var(--color-border-secondary-outline-ho= ver); --button-text-color: var(--color-text-secondary-outline); --button-te= xt-color-hover: var(--color-text-secondary-outline-hover); --button-ring-co= lor: var(--color-ring-secondary-outline); } .Button-G93JGk[data-variant=3D"outline"]:where([data-color=3D"danger"]) {= --button-background-color-hover: var(--color-background-danger-outline-hov= er); --button-background-color-active: var(--color-background-danger-outlin= e-active); --button-border-color: var(--color-border-danger-outline); --but= ton-border-color-hover: var(--color-border-danger-outline-hover); --button-= text-color: var(--color-text-danger-outline); --button-text-color-hover: va= r(--color-text-danger-outline-hover); --button-ring-color: var(--color-ring= -danger-outline); } .Button-G93JGk[data-variant=3D"outline"]:where([data-color=3D"success"]) = { --button-background-color-hover: var(--color-background-success-outline-h= over); --button-background-color-active: var(--color-background-success-out= line-active); --button-border-color: var(--color-border-success-outline); -= -button-border-color-hover: var(--color-border-success-outline-hover); --bu= tton-text-color: var(--color-text-success-outline); --button-text-color-hov= er: var(--color-text-success-outline-hover); --button-ring-color: var(--col= or-ring-success-outline); } .Button-G93JGk[data-variant=3D"outline"]:where([data-color=3D"warning"]) = { --button-background-color-hover: var(--color-background-warning-outline-h= over); --button-background-color-active: var(--color-background-warning-out= line-active); --button-border-color: var(--color-border-warning-outline); -= -button-border-color-hover: var(--color-border-warning-outline-hover); --bu= tton-text-color: var(--color-text-warning-outline); --button-text-color-hov= er: var(--color-text-warning-outline-hover); --button-ring-color: var(--col= or-ring-warning-outline); } .Button-G93JGk[data-variant=3D"outline"]:where([data-color=3D"caution"]) = { --button-background-color-hover: var(--color-background-caution-outline-h= over); --button-background-color-active: var(--color-background-caution-out= line-active); --button-border-color: var(--color-border-caution-outline); -= -button-border-color-hover: var(--color-border-caution-outline-hover); --bu= tton-text-color: var(--color-text-caution-outline); --button-text-color-hov= er: var(--color-text-caution-outline-hover); --button-ring-color: var(--col= or-ring-caution-outline); } .Button-G93JGk[data-variant=3D"outline"]:where([data-color=3D"info"]) { -= -button-background-color-hover: var(--color-background-info-outline-hover);= --button-background-color-active: var(--color-background-info-outline-acti= ve); --button-border-color: var(--color-border-info-outline); --button-bord= er-color-hover: var(--color-border-info-outline-hover); --button-text-color= : var(--color-text-info-outline); --button-text-color-hover: var(--color-te= xt-info-outline-hover); --button-ring-color: var(--color-ring-info-outline)= ; } .Button-G93JGk[data-variant=3D"outline"]:where([data-color=3D"discovery"]= ) { --button-background-color-hover: var(--color-background-discovery-outli= ne-hover); --button-background-color-active: var(--color-background-discove= ry-outline-active); --button-border-color: var(--color-border-discovery-out= line); --button-border-color-hover: var(--color-border-discovery-outline-ho= ver); --button-text-color: var(--color-text-discovery-outline); --button-te= xt-color-hover: var(--color-text-discovery-outline-hover); --button-ring-co= lor: var(--color-ring-discovery-outline); } .Button-G93JGk[disabled] { pointer-events: none; } .Button-G93JGk[data-disabled][data-variant]:not([data-disabled-tone=3D"di= mmed"]) { --button-background-color: var(--color-background-disabled); --bu= tton-border-color: var(--color-border-disabled); --button-text-color: var(-= -color-text-disabled); } .Button-G93JGk[data-disabled][data-variant] { cursor: not-allowed; pointe= r-events: auto; } .Button-G93JGk[data-disabled][data-variant]:is([data-disabled-tone=3D"dim= med"], [data-variant=3D"ghost"], [data-variant=3D"transparent"]) { opacity:= 0.4; } .Button-G93JGk[data-disabled][data-variant]:active::before { transform: s= cale(1); } .Button-G93JGk[data-disabled][data-variant][data-disabled-tone=3D"relaxed= "] { cursor: default; } .ButtonInner-l31On4 { flex-direction: inherit; justify-content: center; a= lign-items: center; gap: inherit; width: 100%; height: 100%; transition: op= acity 0.15s 0.1s; display: flex; position: relative; } [data-loading] .ButtonInner-l31On4 { opacity: 0; transition: opacity 0.3s= ; } .Button-G93JGk > .ButtonLoader-aFABao { z-index: 3; pointer-events: none;= justify-content: center; align-items: center; display: flex; position: abs= olute; inset: 0px; } .Button-G93JGk > .ButtonLoader-aFABao[data-entering] { opacity: 0; } .Button-G93JGk > .ButtonLoader-aFABao[data-exiting] { opacity: 1; } .Button-G93JGk > .ButtonLoader-aFABao[data-entering-active], .Button-G93J= Gk > .ButtonLoader-aFABao[data-entering][data-interrupted] { opacity: 1; tr= ansition: opacity 0.15s 0.1s; } .Button-G93JGk > .ButtonLoader-aFABao[data-exiting-active], .Button-G93JG= k > .ButtonLoader-aFABao[data-exiting][data-interrupted] { opacity: 0; tran= sition: opacity 0.15s; } .Tooltip-jx801j { border-radius: var(--tooltip-border-radius); background= : var(--tooltip-background-color); max-width: 300px; box-shadow: var(--tool= tip-box-shadow); color: var(--tooltip-text-color); font-size: var(--tooltip= -font-size); font-weight: var(--tooltip-font-weight); line-height: var(--to= oltip-line-height); } .Tooltip-jx801j[data-clickable=3D"false"] { cursor: default; } .Tooltip-jx801j[data-clickable=3D"true"] { cursor: pointer; } @media (hover: hover) { .Tooltip-jx801j[data-compact=3D"true"][data-clickable=3D"true"]:hover { b= ackground: var(--tooltip-compact-interactive-background-color-hover); color= : var(--tooltip-compact-interactive-text-color-hover); } } .Tooltip-jx801j[data-gutter-size=3D"sm"] { padding: var(--tooltip-padding= -sm); } .Tooltip-jx801j[data-gutter-size=3D"md"] { padding: var(--tooltip-padding= -md); } .Tooltip-jx801j[data-gutter-size=3D"lg"] { padding: var(--tooltip-padding= -lg); } .Tooltip-jx801j[data-compact=3D"true"] { padding: var(--tooltip-compact-p= adding); background: var(--tooltip-compact-background-color); color: var(--= tooltip-compact-text-color); font-size: var(--tooltip-compact-font-size); f= ont-weight: var(--tooltip-compact-font-weight); } .TriggerDecorator-WrIEC5 { cursor: pointer; text-decoration: underline do= tted rgba(0, 0, 0, 0); display: inline-flex; } .TriggerDecorator-WrIEC5:focus { outline: 0px; } .TriggerDecorator-WrIEC5[data-state*=3D"open"] { text-decoration-color: v= ar(--color-text-tertiary); } .TransitionItem-dX59Bi { will-change: var(--tg-will-change); } [data-transition-position=3D"absolute"] .TransitionItem-dX59Bi[data-exiti= ng], [data-transition-position=3D"absolute"] .TransitionItem-dX59Bi:not([da= ta-exiting]) + .TransitionItem-dX59Bi[data-entering] { width: 100%; positio= n: absolute; top: 0px; left: 0px; } .TransitionItem-dX59Bi[data-entering] { filter: var(--tg-initial-filter);= opacity: var(--tg-initial-opacity); transform: var(--tg-initial-transform)= ; } .TransitionItem-dX59Bi[data-exiting] { filter: var(--tg-enter-filter); op= acity: var(--tg-enter-opacity); transform: var(--tg-enter-transform); } .TransitionItem-dX59Bi[data-entering-active], .TransitionItem-dX59Bi[data= -entering][data-interrupted] { filter: var(--tg-enter-filter); opacity: var= (--tg-enter-opacity); transform: var(--tg-enter-transform); transition: opa= city var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-ente= r-delay), transform var(--tg-enter-duration) var(--tg-enter-timing-function= ) var(--tg-enter-delay), filter var(--tg-enter-duration) var(--tg-enter-tim= ing-function) var(--tg-enter-delay); } .TransitionItem-dX59Bi[data-exiting-active], .TransitionItem-dX59Bi[data-= exiting][data-interrupted] { filter: var(--tg-exit-filter,none); opacity: v= ar(--tg-exit-opacity,0); transform: var(--tg-exit-transform,none); transiti= on: opacity var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg= -exit-delay), transform var(--tg-exit-duration) var(--tg-exit-timing-functi= on) var(--tg-exit-delay), filter var(--tg-exit-duration) var(--tg-exit-timi= ng-function) var(--tg-exit-delay); } .TransitionItem-dX59Bi[data-entering][data-interrupted], .TransitionItem-= dX59Bi[data-exiting][data-interrupted] { transition-delay: 0s; } .Layout-Wzm2M9 { flex-shrink: 0; transition-property: height, width; disp= lay: block; position: relative; } .Layout-Wzm2M9[data-clip=3D"true"] { overflow: hidden; } .Layout-Wzm2M9[data-direction=3D"in"] { transition-delay: var(--tg-layout= -enter-delay); transition-duration: var(--tg-layout-enter-duration); transi= tion-timing-function: var(--tg-layout-enter-timing-function); } .Layout-Wzm2M9[data-direction=3D"out"] { transition-delay: var(--tg-layou= t-exit-delay); transition-duration: var(--tg-layout-exit-duration); transit= ion-timing-function: var(--tg-layout-exit-timing-function); } .Layout-Wzm2M9[data-direction=3D"move"] { transition-delay: var(--tg-layo= ut-move-delay); transition-duration: var(--tg-layout-move-duration); transi= tion-timing-function: var(--tg-layout-move-timing-function); } .Layout-Wzm2M9[data-interrupted=3D"true"] { transition-delay: 0s; } .TransitionItem-OyHZiD { will-change: var(--tg-will-change,auto); flex-sh= rink: 0; } .TransitionItem-OyHZiD[data-entering], .TransitionItem-OyHZiD[data-exitin= g] { width: 100%; position: absolute; top: 0px; left: 0px; } .Layout-Wzm2M9[data-dimension=3D"width"] > :is(.TransitionItem-OyHZiD[dat= a-entering], .TransitionItem-OyHZiD[data-exiting]) { width: auto; } .Layout-Wzm2M9[data-item-anchor=3D"end"] > :is(.TransitionItem-OyHZiD[dat= a-entering], .TransitionItem-OyHZiD[data-exiting]) { top: initial; bottom: = 0px; } .Layout-Wzm2M9[data-item-anchor=3D"end"][data-dimension=3D"width"] > :is(= .TransitionItem-OyHZiD[data-entering], .TransitionItem-OyHZiD[data-exiting]= ) { right: 0px; left: initial; } .TransitionItem-OyHZiD[data-entering] { filter: var(--tg-initial-filter);= opacity: var(--tg-initial-opacity); transform: var(--tg-initial-transform)= ; } .TransitionItem-OyHZiD[data-exiting] { filter: var(--tg-enter-filter); op= acity: var(--tg-enter-opacity); transform: var(--tg-enter-transform); } .TransitionItem-OyHZiD[data-entering-active], .TransitionItem-OyHZiD[data= -entering][data-interrupted] { filter: var(--tg-enter-filter); opacity: var= (--tg-enter-opacity); transform: var(--tg-enter-transform); transition: opa= city var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-ente= r-delay), transform var(--tg-enter-duration) var(--tg-enter-timing-function= ) var(--tg-enter-delay), filter var(--tg-enter-duration) var(--tg-enter-tim= ing-function) var(--tg-enter-delay); } .TransitionItem-OyHZiD[data-exiting-active], .TransitionItem-OyHZiD[data-= exiting][data-interrupted] { filter: var(--tg-exit-filter); opacity: var(--= tg-exit-opacity); transform: var(--tg-exit-transform); transition: opacity = var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay)= , transform var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg= -exit-delay), filter var(--tg-exit-duration) var(--tg-exit-timing-function)= var(--tg-exit-delay); } .Layout-Wzm2M9[data-animate-updates=3D"true"] > .TransitionItem-OyHZiD:no= t([data-entering], [data-exiting-active], [data-exiting][data-interrupted])= { filter: var(--tg-enter-filter); opacity: var(--tg-enter-opacity); transf= orm: var(--tg-enter-transform); transition: opacity var(--tg-enter-duration= ) var(--tg-enter-timing-function), transform var(--tg-enter-duration) var(-= -tg-enter-timing-function), filter var(--tg-enter-duration) var(--tg-enter-= timing-function); } @media (prefers-reduced-motion: reduce) { .Layout-Wzm2M9[data-animate-updates=3D"true"] > .TransitionItem-OyHZiD:no= t([data-entering], [data-exiting-active], [data-exiting][data-interrupted])= { transition: none; } } .LayoutItem-lk_HCw { flex-shrink: 0; position: relative; } .LayoutItem-lk_HCw[data-entering-active], .LayoutItem-lk_HCw[data-enterin= g][data-interrupted] { transition: height var(--tg-layout-enter-duration) v= ar(--tg-layout-enter-timing-function) var(--tg-layout-enter-delay), width v= ar(--tg-layout-enter-duration) var(--tg-layout-enter-timing-function) var(-= -tg-layout-enter-delay); } .LayoutItem-lk_HCw[data-exiting-active], .LayoutItem-lk_HCw[data-exiting]= [data-interrupted] { transition: height var(--tg-layout-exit-duration) var(= --tg-layout-exit-timing-function) var(--tg-layout-exit-delay), width var(--= tg-layout-exit-duration) var(--tg-layout-exit-timing-function) var(--tg-lay= out-exit-delay); } .TransitionItem-mVXndS { will-change: var(--tg-will-change); display: blo= ck; } .LayoutItem-lk_HCw[data-entering] > .TransitionItem-mVXndS { filter: var(= --tg-initial-filter); opacity: var(--tg-initial-opacity); transform: var(--= tg-initial-transform); } .LayoutItem-lk_HCw[data-exiting] > .TransitionItem-mVXndS { filter: var(-= -tg-enter-filter); opacity: var(--tg-enter-opacity); transform: var(--tg-en= ter-transform); } .LayoutItem-lk_HCw[data-entering] > .TransitionItem-mVXndS[data-dimension= =3D"width"] { position: absolute; top: 0px; left: 0px; } .LayoutItem-lk_HCw[data-entering-active] > .TransitionItem-mVXndS, .Layou= tItem-lk_HCw[data-entering][data-interrupted] > .TransitionItem-mVXndS { fi= lter: var(--tg-enter-filter); opacity: var(--tg-enter-opacity); transform: = var(--tg-enter-transform); transition: opacity var(--tg-enter-duration) var= (--tg-enter-timing-function) var(--tg-enter-delay), transform var(--tg-ente= r-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), filter v= ar(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-dela= y); } .LayoutItem-lk_HCw[data-exiting-active] > .TransitionItem-mVXndS, .Layout= Item-lk_HCw[data-exiting][data-interrupted] > .TransitionItem-mVXndS { filt= er: var(--tg-exit-filter); opacity: var(--tg-exit-opacity,0); transform: va= r(--tg-exit-transform); transition: opacity var(--tg-exit-duration) var(--t= g-exit-timing-function) var(--tg-exit-delay), transform var(--tg-exit-durat= ion) var(--tg-exit-timing-function) var(--tg-exit-delay), filter var(--tg-e= xit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay); } .header-LjJHnp:not(:where([data-codex-window-type=3D"browser"] *)) > :is(= [data-sidebar-header-search], :has([data-sidebar-header-search])) { margin-= bottom: calc(var(--spacing) * 2); } .Workspace-IfYAxV { display: contents; } .FloatingHeader-OL_kp4:not([data-app-shell-left-panel-appearance=3D"conte= nt-surface"]), .ApplicationMenuTopBar-SLuX8q { --header-tint: var(--codex-t= itlebar-tint,transparent); background-color: var(--header-tint); } .FloatingHeader-OL_kp4 { height: var(--height-toolbar); flex-shrink: 0; a= lign-items: center; padding-inline-start: max(var(--spacing-token-safe-head= er-left), .5rem); padding-inline-end: calc(var(--spacing) * 2); display: fl= ex; } .ApplicationMenuTopBar-SLuX8q { z-index: 40; height: var(--height-toolbar= -sm); app-region: drag; user-select: none; align-items: center; padding-inl= ine-start: var(--spacing-token-safe-header-left); padding-inline-end: var(-= -spacing-token-safe-header-right); display: flex; } .ApplicationMenuTopBar-SLuX8q button { app-region: no-drag; } .MainContentClip-QvkcTI { display: contents; } .MainContentClip-QvkcTI:where(:root[data-codex-os=3D"win32"] .MainContent= Clip-QvkcTI):has(> [data-app-shell-main-surface=3D"default"]) { flex: 1 1 0= %; display: flex; overflow: hidden; } .MainContentSurface-EnuIYE { isolation: isolate; flex-direction: column; = flex: 1 1 0%; min-height: 0px; display: flex; position: relative; } .MainContentSurface-EnuIYE[data-app-shell-main-surface=3D"default"]:where= (:is([data-codex-window-type=3D"browser"], [data-codex-window-type=3D"chrom= e-extension"], [data-codex-window-type=3D"electron"]) .MainContentSurface-E= nuIYE[data-app-shell-main-surface=3D"default"]) { background-color: var(--c= olor-surface); background-clip: padding-box; overflow: hidden; } [data-app-shell-unified-tab-strip=3D"true"] .MainContentSurface-EnuIYE[da= ta-app-shell-main-surface=3D"default"]:where(:is([data-codex-window-type=3D= "browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-wind= ow-type=3D"electron"]) .MainContentSurface-EnuIYE[data-app-shell-main-surfa= ce=3D"default"]):where([data-theme=3D"dark"]) { background-color: var(--col= or-white,var(--white)); } @supports (color:color-mix(in lab, red, red)) { [data-app-shell-unified-tab-strip=3D"true"] .MainContentSurface-EnuIYE[da= ta-app-shell-main-surface=3D"default"]:where(:is([data-codex-window-type=3D= "browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-wind= ow-type=3D"electron"]) .MainContentSurface-EnuIYE[data-app-shell-main-surfa= ce=3D"default"]):where([data-theme=3D"dark"]) { background-color: color-mix= (in oklab, var(--color-white,var(--white)) 5%, transparent); } } @container style(--theme-variant: dark) { [data-app-shell-unified-tab-strip=3D"true"] .MainContentSurface-EnuIYE[da= ta-app-shell-main-surface=3D"default"]:where(:is([data-codex-window-type=3D= "browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-wind= ow-type=3D"electron"]) .MainContentSurface-EnuIYE[data-app-shell-main-surfa= ce=3D"default"]):where(:not([data-theme])) { background-color: var(--color-= white,var(--white)); } @supports (color:color-mix(in lab, red, red)) { [data-app-shell-unified-tab-strip=3D"true"] .MainContentSurface-EnuIYE[da= ta-app-shell-main-surface=3D"default"]:where(:is([data-codex-window-type=3D= "browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-wind= ow-type=3D"electron"]) .MainContentSurface-EnuIYE[data-app-shell-main-surfa= ce=3D"default"]):where(:not([data-theme])) { background-color: color-mix(in= oklab, var(--color-white,var(--white)) 5%, transparent); } } } [data-app-shell-unified-tab-strip=3D"true"] .MainContentSurface-EnuIYE[da= ta-app-shell-main-surface=3D"default"]:where(:is([data-codex-window-type=3D= "browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-wind= ow-type=3D"electron"]) .MainContentSurface-EnuIYE[data-app-shell-main-surfa= ce=3D"default"]):where([data-theme=3D"light"]) { background-color: var(--co= lor-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { [data-app-shell-unified-tab-strip=3D"true"] .MainContentSurface-EnuIYE[da= ta-app-shell-main-surface=3D"default"]:where(:is([data-codex-window-type=3D= "browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-wind= ow-type=3D"electron"]) .MainContentSurface-EnuIYE[data-app-shell-main-surfa= ce=3D"default"]):where([data-theme=3D"light"]) { background-color: color-mi= x(in oklab, var(--color-surface-secondary) 50%, transparent); } } @container style(--theme-variant: light) { [data-app-shell-unified-tab-strip=3D"true"] .MainContentSurface-EnuIYE[da= ta-app-shell-main-surface=3D"default"]:where(:is([data-codex-window-type=3D= "browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-wind= ow-type=3D"electron"]) .MainContentSurface-EnuIYE[data-app-shell-main-surfa= ce=3D"default"]):where(:not([data-theme])) { background-color: var(--color-= surface-secondary); } @supports (color:color-mix(in lab, red, red)) { [data-app-shell-unified-tab-strip=3D"true"] .MainContentSurface-EnuIYE[da= ta-app-shell-main-surface=3D"default"]:where(:is([data-codex-window-type=3D= "browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-wind= ow-type=3D"electron"]) .MainContentSurface-EnuIYE[data-app-shell-main-surfa= ce=3D"default"]):where(:not([data-theme])) { background-color: color-mix(in= oklab, var(--color-surface-secondary) 50%, transparent); } } } [data-app-shell-unified-tab-strip=3D"true"] .MainContentSurface-EnuIYE[da= ta-app-shell-main-surface=3D"default"]:where(:is([data-codex-window-type=3D= "browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-wind= ow-type=3D"electron"]) .MainContentSurface-EnuIYE[data-app-shell-main-surfa= ce=3D"default"]) .WorkspaceContent-dnr6uY::before { pointer-events: none; i= nset-inline: 0px; top: var(--inset-toolbar,var(--height-toolbar)); z-index:= calc(-10); background-color: var(--color-surface); content: ""; position: = absolute; bottom: 0px; } @media (forced-colors: active) { .MainContentSurface-EnuIYE[data-app-shell-main-surface=3D"default"]:where= (:is([data-codex-window-type=3D"browser"], [data-codex-window-type=3D"chrom= e-extension"], [data-codex-window-type=3D"electron"]) .MainContentSurface-E= nuIYE[data-app-shell-main-surface=3D"default"]) { outline: canvastext solid= 1px; } } .MainContentSurface-EnuIYE[data-app-shell-main-surface=3D"default"]:where= (:root[data-codex-os=3D"win32"] .MainContentSurface-EnuIYE[data-app-shell-m= ain-surface=3D"default"]) { border-top-left-radius: var(--radius-lg); min-w= idth: 0px; overflow: visible; } @media (forced-colors: active) { .MainContentSurface-EnuIYE[data-app-shell-main-surface=3D"default"]:where= (:root[data-codex-os=3D"win32"] .MainContentSurface-EnuIYE[data-app-shell-m= ain-surface=3D"default"]) { outline-offset: -1px; } } .MainContentSurface-EnuIYE[data-app-shell-main-surface=3D"default"]:where= (:root[data-codex-os=3D"win32"] .MainContentSurface-EnuIYE[data-app-shell-m= ain-surface=3D"default"]) [data-app-shell-right-panel-full-width=3D"true"] = + [data-app-shell-focus-area=3D"right-panel"] { --app-shell-panel-backgroun= d: transparent; } .MainContentSurface-EnuIYE[data-app-shell-main-surface=3D"browser"] { bac= kground-color: var(--color-surface); overflow: hidden; } .MainContentLeftBorder-IFAvO_ { --app-shell-main-content-border-width: va= r(--border-width-hairline); border-left: var(--app-shell-main-content-borde= r-width) solid var(--color-border); } .MainContentViewport-OinMfT { --app-shell-main-content-frame-top-offset: = var(--height-toolbar); --thread-content-top-inset: calc(var(--spacing) * 8)= ; --thread-floating-content-top-inset: calc(var(--spacing) * 3); --thread-f= loating-content-bottom-inset: calc(var(--spacing) * 3); flex-direction: col= umn; flex: 1 1 0%; min-width: 0px; min-height: 0px; display: flex; position= : relative; } .MainContentViewport-OinMfT:where([data-codex-window-type=3D"browser"] .M= ainContentViewport-OinMfT) { --thread-content-top-inset: 0px; } .MainContentViewport-OinMfT[data-app-shell-right-panel-full-width=3D"true= "], .MainContentViewport-OinMfT[data-app-shell-workspace-layout] { overflow= : hidden; } .MainContentFrame-sss8BP { --app-shell-main-content-top-offset: calc(var(= --app-shell-root-banner-height,0px) + var(--app-shell-application-menu-heig= ht) + var(--app-shell-main-content-frame-top-offset) + var(--app-shell-main= -toolbar-height)); margin-top: var(--app-shell-main-content-frame-top-offse= t); flex-direction: column; flex: 1 1 0%; min-width: 100%; min-height: 0px;= display: flex; position: relative; container: app-shell-main-content / inl= ine-size; } .MainContentFrame-sss8BP:where([data-codex-window-type=3D"browser"] .Main= ContentFrame-sss8BP) { --thread-docked-panel-header-overlap: calc(var(--thr= ead-floating-content-top-inset) - var(--spacing) * 3); } .MainContentFrame-sss8BP[data-app-shell-thread-edge-divider=3D"true"] { b= order-top: .5px solid var(--color-border-strong); } :is([data-app-shell-main-content-layout=3D"full-bleed"], [data-app-shell-= main-content-layout=3D"custom-titlebar"], [data-app-shell-workspace-layout= =3D"split"]) .MainContentFrame-sss8BP { --app-shell-main-content-frame-top-= offset: 0px; } [data-app-shell-header-edge-scroll=3D"true"]:not([data-app-shell-workspac= e-layout=3D"split"]) .MainContentFrame-sss8BP:not(:has(> [data-app-shell-ma= in-banner])) { --app-shell-main-content-frame-top-offset: 0px; --thread-con= tent-top-inset: calc(var(--height-toolbar) + var(--spacing) * 8); --thread-= floating-content-top-inset: calc(var(--height-toolbar) + var(--spacing) * 3= ); } [data-app-shell-header-edge-scroll=3D"true"]:not([data-app-shell-workspac= e-layout=3D"split"]) .MainContentFrame-sss8BP:not(:has(> [data-app-shell-ma= in-banner])):where([data-codex-window-type=3D"browser"] :is([data-app-shell= -header-edge-scroll=3D"true"]:not([data-app-shell-workspace-layout=3D"split= "]) .MainContentFrame-sss8BP:not(:has(> [data-app-shell-main-banner])))) { = --thread-content-top-inset: var(--height-toolbar); } [data-app-shell-main-content-layout=3D"full-bleed"]:not([data-app-shell-w= orkspace-layout=3D"split"]) .MainContentFrame-sss8BP { --thread-floating-co= ntent-top-inset: calc(var(--height-toolbar) + var(--spacing) * 3); } .MainContentTopFade-T6W4RS { pointer-events: none; z-index: 20; opacity: = 0; transition: opacity var(--transition-duration-basic); inset-inline: 0px;= position: absolute; top: 0px; } [data-app-shell-main-content-top-fade=3D"visible"] .MainContentTopFade-T6= W4RS { opacity: 1; } .MainContentTopFade-T6W4RS:where([data-codex-window-type=3D"browser"] .Ma= inContentTopFade-T6W4RS) { display: none; } [data-app-shell-main-content-top-fade=3D"full-bleed"] .MainContentTopFade= -T6W4RS { opacity: 1; } .MainContentViewport-OinMfT:not([data-app-shell-workspace-layout]) [data-= app-shell-main-content-top-fade=3D"full-bleed"] .MainContentTopFade-T6W4RS:= where(:root[data-codex-os=3D"win32"] :is(.MainContentViewport-OinMfT:not([d= ata-app-shell-workspace-layout]) [data-app-shell-main-content-top-fade=3D"f= ull-bleed"] .MainContentTopFade-T6W4RS)) { border-top-left-radius: calc(var= (--radius-lg) - var(--app-shell-main-content-border-width,0px)) var(--radiu= s-lg); } .LeftPanel-e8ghK3 { display: flex; } [data-slate-sidebar-peeking=3D"true"] [data-slate-sidebar-content] { marg= in-block: var(--spacing); border-radius: calc(var(--radius-xl-base) - var(-= -spacing)); background-color: rgb(from var(--color-surface-elevated-seconda= ry) r g b / 1); box-shadow: inset 0 0 0 var(--hairline) var(--color-token-b= order), var(--shadow-card); margin-inline-start: var(--spacing); } .Layout-SYw9n4 { --app-shell-titlebar-height: var(--height-toolbar); --ap= p-shell-left-panel-width: var(--app-shell-animated-left-panel-width); } @media not all and (min-width: 768px) { .Layout-SYw9n4[data-app-shell-responsive-sidebar=3D"true"] { --app-shell-= left-panel-width: 0px; } .Layout-SYw9n4[data-app-shell-responsive-sidebar=3D"true"] .ResponsiveLef= tPanel-KfNlzQ { display: none; } .Layout-SYw9n4[data-app-shell-responsive-sidebar=3D"true"] .MainContentLe= ftBorder-IFAvO_ { border-left: 0px; } } .SidebarToolbarSeparator-dEwJEl { top: calc(var(--app-shell-root-banner-h= eight,0px) + var(--app-shell-application-menu-height) + var(--height-toolba= r)); } .Workspace-IfYAxV:has(.MainContentViewport-OinMfT [data-app-shell-page-sc= rolled]):has([data-app-shell-page-header]) [data-app-shell-main-titlebar] {= background-color: var(--color-surface); } .PageSurfaceLayout-oqnRfB:not(.ApplicationMenuPageSurfaceLayout-yb71ay) .= Workspace-IfYAxV:has(.MainContentViewport-OinMfT [data-app-shell-page-scrol= led]):has(.MainContentLeftBorder-IFAvO_):has([data-app-shell-page-header]) = [data-app-shell-main-titlebar] { border-left: var(--border-width-hairline) = solid var(--color-border); } @media (min-width: 768px) { .FullHeightPageSurfaceLayout-nI_dSf .Workspace-IfYAxV:has(.MainContentVie= wport-OinMfT [data-app-shell-page-scrolled]):has(.MainContentLeftBorder-IFA= vO_):has([data-app-shell-page-header]) [data-app-shell-main-titlebar] { bor= der-left: var(--border-width-hairline) solid var(--color-border); } } .Workspace-IfYAxV:has(.MainContentViewport-OinMfT [data-app-shell-page-sc= rolled]) .MainContentTopFade-T6W4RS { display: none; } .Layout-SYw9n4:not([data-app-shell-application-menu-header]) .Workspace-I= fYAxV:has(.MainContentViewport-OinMfT [data-app-shell-page-scrolled]):has([= data-app-shell-page-header]):has(.MainContentViewport-OinMfT [data-app-shel= l-page-scrolled=3D"true"]) [data-app-shell-main-titlebar]::after { pointer-= events: none; border-bottom-style: var(--tw-border-style); border-bottom-wi= dth: 1px; border-color: var(--color-border-subtle); content: ""; inset-inli= ne: 0px; position: absolute; bottom: 0px; } .PageSurface-g2Llyi { inset-block: var(--app-shell-titlebar-height) 0; in= set-inline: var(--app-shell-navigation-rail-width) 0; border-radius: var(--= radius-xl-base); box-shadow: var(--elevation-stroke-subtle), var(--shadow-c= ard); pointer-events: none; position: absolute; } .FullHeightPageSurface-Spy7z1 { border-start-end-radius: 0px; border-end-= end-radius: 0px; inset-block-start: 0px; } @media not all and (min-width: 768px) { .FullHeightPageSurface-Spy7z1 { display: none; } } @media (min-width: 768px) { .FullHeightPageSurfaceLayout-nI_dSf { background-color: var(--color-surfa= ce-tertiary); } .FullHeightPageSurfaceLayout-nI_dSf .sidebar-navigation { --padding-row-c= ell-x: 8px; --padding-row-x: 8px; } .FullHeightPageSurfaceLayout-nI_dSf .MainContentSurface-EnuIYE[data-app-s= hell-main-surface=3D"browser"] { border-start-start-radius: var(--radius-xl= -base); border-end-start-radius: var(--radius-xl-base); } .FullHeightPageSurfaceLayout-nI_dSf[data-app-shell-page-sidebar=3D"false"= ] .MainContentSurface-EnuIYE[data-app-shell-main-surface=3D"browser"] { bor= der-start-start-radius: var(--radius-2xl-base); border-end-start-radius: va= r(--radius-2xl-base); } } .PageSurfaceLayout-oqnRfB { --app-shell-titlebar-height: var(--height-tit= lebar); --app-shell-page-header-offset: var(--app-shell-titlebar-height); -= -app-shell-page-inline-end-inset: var(--spacing); --sidebar-navigation-head= er-height: calc(var(--spacing) * 13); padding-block-end: var(--spacing); pa= dding-inline-end: var(--app-shell-page-inline-end-inset); } .PageSurfaceLayout-oqnRfB .Workspace-IfYAxV[data-app-shell-header-placeme= nt=3D"page"] [data-app-shell-main-titlebar] { border-start-end-radius: var(= --radius-xl-base); } .PageSurfaceLayout-oqnRfB [data-app-shell-page-header]:has([data-app-shel= l-overlay-page-header]) { background-color: var(--color-surface); } .PageSurfaceLayout-oqnRfB .MainContentSurface-EnuIYE[data-app-shell-main-= surface=3D"default"] { --app-shell-main-surface-top-start-radius: var(--rad= ius-xl-base); --app-shell-main-surface-top-end-radius: var(--radius-xl-base= ); margin-top: var(--app-shell-titlebar-height); border-radius: var(--radiu= s-xl-base); background-color: var(--color-surface); border-start-start-radi= us: var(--app-shell-main-surface-top-start-radius); border-start-end-radius= : var(--app-shell-main-surface-top-end-radius); } .PageSurfaceLayout-oqnRfB .MainContentSurface-EnuIYE[data-app-shell-main-= surface=3D"default"] .WorkspaceContent-dnr6uY::before { display: none; } .PageSurfaceLayout-oqnRfB .Workspace-IfYAxV[data-app-shell-header-placeme= nt=3D"page"] .MainContentTopFade-T6W4RS { border-start-start-radius: var(--= app-shell-main-surface-top-start-radius); border-start-end-radius: var(--ap= p-shell-main-surface-top-end-radius); } .PageSurfaceLayout-oqnRfB .MainContentFrame-sss8BP { --app-shell-main-con= tent-top-offset: calc(var(--app-shell-root-banner-height,0px) + var(--app-s= hell-application-menu-height) + var(--app-shell-titlebar-height) + var(--ap= p-shell-main-content-frame-top-offset) + var(--app-shell-main-toolbar-heigh= t)); } .Workspace-IfYAxV:is(:not(:has([data-app-shell-page-header])), :has([data= -app-shell-overlay-page-header])) .MainContentViewport-OinMfT[data-app-shel= l-main-content-layout=3D"default"]:not([data-app-shell-workspace-layout]):h= as([data-app-shell-inline-page-header]) > .MainContentFrame-sss8BP { --app-= shell-main-content-frame-top-offset: 0px; } :is(.PageSurfaceLayout-oqnRfB, .FullHeightPageSurfaceLayout-nI_dSf) .Left= Panel-e8ghK3:not([data-slate-sidebar-peeking=3D"true"]) .sidebar-navigation= :not(.sidebar-navigation .sidebar-navigation) { background-color: var(--col= or-surface); } @supports (color:color-mix(in lab, red, red)) { :is(.PageSurfaceLayout-oqnRfB, .FullHeightPageSurfaceLayout-nI_dSf) .Left= Panel-e8ghK3:not([data-slate-sidebar-peeking=3D"true"]) .sidebar-navigation= :not(.sidebar-navigation .sidebar-navigation) { background-color: color-mix= (in oklab, var(--color-surface) 65%, transparent); } } :is(.PageSurfaceLayout-oqnRfB, .FullHeightPageSurfaceLayout-nI_dSf) .Left= Panel-e8ghK3 .sidebar-navigation:not(.sidebar-navigation *) { border-start-= start-radius: var(--radius-xl-base); border-end-start-radius: var(--radius-= xl-base); } :is(.PageSurfaceLayout-oqnRfB, .FullHeightPageSurfaceLayout-nI_dSf)[data-= app-shell-page-sidebar=3D"true"] .MainContentSurface-EnuIYE { --app-shell-m= ain-surface-top-start-radius: 0px; border-start-start-radius: 0px; border-e= nd-start-radius: 0px; } .PageSurfaceLayout-oqnRfB:not(.ApplicationMenuPageSurfaceLayout-yb71ay):n= ot(:where(:root[data-codex-os=3D"win32"] *))[data-app-shell-page-sidebar=3D= "true"] .MainContentSurface-EnuIYE { --app-shell-main-surface-clip-end-radi= us: var(--radius-xl-base); clip-path: inset(0 calc(-1 * var(--radius-xl-bas= e)) 0 0 round var(--radius-xl-base)); border-radius: 0px; } .PageSurfaceLayout-oqnRfB:not(.ApplicationMenuPageSurfaceLayout-yb71ay):n= ot(:where(:root[data-codex-os=3D"win32"] *)) .LeftPanel-e8ghK3:not([data-sl= ate-sidebar-peeking=3D"true"]) .sidebar-navigation:not(.sidebar-navigation = *) { clip-path: inset(0 calc(-1 * var(--radius-xl-base)) 0 0 round var(--ra= dius-xl-base)); border-radius: 0px; } .PageSurfaceLayout-oqnRfB:not(.ApplicationMenuPageSurfaceLayout-yb71ay):n= ot(:where(:root[data-codex-os=3D"win32"] *)) .LeftPanel-e8ghK3:not([data-sl= ate-sidebar-peeking=3D"true"]) .sidebar-navigation:not(.sidebar-navigation = *):is(.MainContentSurface-EnuIYE:not(:lang(ae), :lang(ar), :lang(arc), :lan= g(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he)= , :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lan= g(ug), :lang(ur), :lang(yi)), .sidebar-navigation:is(:lang(ae), :lang(ar), = :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang= (glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps),= :lang(sd), :lang(ug), :lang(ur), :lang(yi))), .PageSurfaceLayout-oqnRfB:no= t(.ApplicationMenuPageSurfaceLayout-yb71ay):not(:where(:root[data-codex-os= =3D"win32"] *))[data-app-shell-page-sidebar=3D"true"] .MainContentSurface-E= nuIYE:is(.MainContentSurface-EnuIYE:not(:lang(ae), :lang(ar), :lang(arc), := lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(= he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), := lang(ug), :lang(ur), :lang(yi)), .sidebar-navigation:is(:lang(ae), :lang(ar= ), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :l= ang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(p= s), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { clip-path: inset(0 0 0 c= alc(-1 * var(--radius-xl-base)) round var(--radius-xl-base)); } .PageSurfaceLayout-oqnRfB .Workspace-IfYAxV[data-app-shell-header-placeme= nt=3D"titlebar"] { --app-shell-page-header-offset: 0px; } .PageSurfaceLayout-oqnRfB .Workspace-IfYAxV[data-app-shell-header-placeme= nt=3D"titlebar"] .MainContentViewport-OinMfT { --app-shell-main-content-fra= me-top-offset: 0px; } .PageSurfaceLayout-oqnRfB .Workspace-IfYAxV[data-app-shell-header-placeme= nt=3D"titlebar"] .MainContentFrame-sss8BP { --thread-floating-content-top-i= nset: calc(var(--spacing) * 3); } .ApplicationMenuPageSurfaceLayout-yb71ay { --app-shell-titlebar-height: c= alc(var(--spacing) * 2); --app-shell-sidebar-top-inset: 0px; } .ApplicationMenuPageSurfaceLayout-yb71ay .PageSurface-g2Llyi, .Applicatio= nMenuPageSurfaceLayout-yb71ay .MainContentSurface-EnuIYE[data-app-shell-mai= n-surface=3D"default"] { border-end-end-radius: var(--radius-xs-base); } .Layout-SYw9n4[data-app-shell-application-menu-header] { --app-shell-titl= ebar-top-inset: var(--app-shell-titlebar-height); --app-shell-header-height= : var(--sidebar-navigation-header-height); } .Layout-SYw9n4[data-app-shell-application-menu-header] .WorkspaceContent-= dnr6uY { padding-block-start: var(--app-shell-header-height); } .Layout-SYw9n4[data-app-shell-application-menu-header] .MainContentViewpo= rt-OinMfT { --app-shell-main-toolbar-height: var(--app-shell-header-height)= ; } .leadingIcon-jkKwZs { min-width: var(--icon-leading-size); height: var(--= icon-leading-size); flex: 0 0 auto; justify-content: center; align-items: c= enter; display: inline-flex; } .button-p4QQIY { isolation: isolate; gap: calc(var(--spacing,.25rem) * 2)= ; border-radius: var(--radius-full,9999px); border-style: var(--tw-border-s= tyle); padding-inline: calc(var(--spacing,.25rem) * 3); font-size: var(--te= xt-sm,12px); --tw-leading: calc(var(--spacing,.25rem) * 5); line-height: ca= lc(var(--spacing,.25rem) * 5); color: var(--color-text); border-width: 0px;= padding-block: 0px; position: relative; } .button-p4QQIY::after { pointer-events: none; z-index: calc(-10); content= : var(--tw-content); border-radius: var(--radius-full,9999px); position: ab= solute; inset: 0px; } .button-p4QQIY:disabled { cursor: var(--cursor-interaction,pointer); } .button-p4QQIY.dropdown-jxQ9Ei { gap: var(--spacing,.25rem); padding-inli= ne-end: calc(var(--spacing,.25rem) * 1.5); } .button-p4QQIY.zoom-TA8prU { gap: 0px; padding-inline-start: calc(var(--s= pacing,.25rem) * 2); padding-inline-end: var(--spacing,.25rem); } @media (hover: hover) { .button-p4QQIY:not(.selected-gS9uA0, .primary-QnXTk7):enabled:hover::afte= r { content: var(--tw-content); background-color: var(--color-background-pr= imary-ghost-hover); } } .button-p4QQIY:not(.selected-gS9uA0, .primary-QnXTk7)[data-state=3D"open"= ]::after { content: var(--tw-content); background-color: var(--color-backgr= ound-primary-ghost-hover); } .button-p4QQIY.primary-QnXTk7 { background-color: var(--color-background-= primary-solid); color: var(--color-text-primary-solid); } @media (hover: hover) { .button-p4QQIY.primary-QnXTk7:enabled:hover { background-color: var(--col= or-text); } @supports (color:color-mix(in lab, red, red)) { .button-p4QQIY.primary-QnXTk7:enabled:hover { background-color: color-mix= (in oklab, var(--color-text) 80%, transparent); } } } .button-p4QQIY.primary-QnXTk7[data-state=3D"open"] { background-color: va= r(--color-text); } @supports (color:color-mix(in lab, red, red)) { .button-p4QQIY.primary-QnXTk7[data-state=3D"open"] { background-color: co= lor-mix(in oklab, var(--color-text) 80%, transparent); } } .button-p4QQIY.primary-QnXTk7 { background-image: none; } .button-p4QQIY.selected-gS9uA0 { background-image: none; background-color= : var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .button-p4QQIY.selected-gS9uA0 { background-color: color-mix(in srgb, var= (--color-surface) 90%, var(--color-chart-blue)); } } .button-p4QQIY.selected-gS9uA0:enabled:hover:not([data-hover-suppressed= =3D"true"]), .button-p4QQIY.selected-gS9uA0[data-state=3D"open"] { backgrou= nd-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .button-p4QQIY.selected-gS9uA0:enabled:hover:not([data-hover-suppressed= =3D"true"]), .button-p4QQIY.selected-gS9uA0[data-state=3D"open"] { backgrou= nd-color: color-mix(in srgb, var(--color-surface) 85%, var(--color-chart-bl= ue)); } } .button-p4QQIY.selected-gS9uA0 { color: var(--color-text-info); } .button-p4QQIY.selected-gS9uA0:where([data-theme=3D"dark"]) { --viewer-se= lected-dark-text: var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .button-p4QQIY.selected-gS9uA0:where([data-theme=3D"dark"]) { --viewer-se= lected-dark-text: color-mix(in srgb, var(--color-chart-blue), var(--white) = calc(19.5% + var(--codex-base-contrast) * 0.325% + max(0, var(--codex-base-= contrast) - 60) * 0.325%)); } } .button-p4QQIY.selected-gS9uA0:where([data-theme=3D"dark"]) { color: var(= --viewer-selected-dark-text,var(--color-text-info)); } @container style(--theme-variant: dark) { .button-p4QQIY.selected-gS9uA0:where(:not([data-theme])) { --viewer-selec= ted-dark-text: var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .button-p4QQIY.selected-gS9uA0:where(:not([data-theme])) { --viewer-selec= ted-dark-text: color-mix(in srgb, var(--color-chart-blue), var(--white) cal= c(19.5% + var(--codex-base-contrast) * 0.325% + max(0, var(--codex-base-con= trast) - 60) * 0.325%)); } } .button-p4QQIY.selected-gS9uA0:where(:not([data-theme])) { color: var(--v= iewer-selected-dark-text,var(--color-text-info)); } } .controlSurface-VUAmap { background: linear-gradient(var(--color-backgrou= nd-viewer-control), var(--color-background-viewer-control)); box-shadow: va= r(--shadow-viewer-surface); } .controlSurface-VUAmap:where([data-theme=3D"dark"]) { background-image: l= inear-gradient(var(--color-surface-elevated-secondary), var(--color-surface= -elevated-secondary)); box-shadow: 0 0 0 var(--border-width-hairline) var(-= -color-border), var(--shadow-xl-spread); } @container style(--theme-variant: dark) { .controlSurface-VUAmap:where(:not([data-theme])) { background-image: line= ar-gradient(var(--color-surface-elevated-secondary), var(--color-surface-el= evated-secondary)); box-shadow: 0 0 0 var(--border-width-hairline) var(--co= lor-border), var(--shadow-xl-spread); } } .inputSurface-DKfVc_ { isolation: isolate; position: relative; } .inputSurface-DKfVc_::after { pointer-events: none; z-index: calc(-10); c= ontent: var(--tw-content); border-radius: var(--radius-full,9999px); positi= on: absolute; inset: 0px; } .inputSurface-DKfVc_:focus-within::after { content: var(--tw-content); ba= ckground-color: var(--color-background-primary-ghost-hover); } @media (hover: hover) { .inputSurface-DKfVc_:hover::after { content: var(--tw-content); backgroun= d-color: var(--color-background-primary-ghost-hover); } } .inputSurface-DKfVc_[data-state=3D"active"]::after { content: var(--tw-co= ntent); background-color: var(--color-background-primary-ghost-hover); } .capsule-uG_Zor { padding: calc(var(--spacing,.25rem) * .5); } .expandableGroup-wvgcR0 { height: var(--viewer-control-height,calc(var(--= spacing) * 9)); flex-shrink: 0; align-items: flex-start; display: inline-fl= ex; position: relative; } .expandableSurface-mvyCiA { width: max-content; color: var(--color-text);= transition-property: width; --tw-duration: var(--transition-duration-basic= ,.15s); transition-duration: var(--transition-duration-basic,.15s); --tw-ea= se: var(--ease-enter-snappy,cubic-bezier(.23, 1, .32, 1)); transition-timin= g-function: var(--ease-enter-snappy,cubic-bezier(.23, 1, .32, 1)); inset-in= line-end: calc(var(--spacing,.25rem) * 0); position: absolute; top: 0px; } .expandableSurface-mvyCiA:where(:root[data-reduced-motion=3D"true"] .expa= ndableSurface-mvyCiA) { transition-property: none; } @media (prefers-reduced-motion: reduce) { .expandableSurface-mvyCiA:where(:root:not([data-reduced-motion]) .expanda= bleSurface-mvyCiA) { transition-property: none; } } .expandableSurface-mvyCiA { border-radius: calc(var(--viewer-control-heig= ht,var(--spacing) * 9) / 2); interpolate-size: allow-keywords; } .expandableSurface-mvyCiA[data-state=3D"open"] { width: calc(var(--spacin= g,.25rem) * 52); } .expandableHeader-cRXUPE { justify-content: space-between; align-items: c= enter; gap: var(--spacing,.25rem); padding-block: calc(var(--spacing,.25rem= ) * .5); height: var(--viewer-control-height,calc(var(--spacing) * 9)); pad= ding-inline-start: calc(var(--spacing,.25rem) * 2); padding-inline-end: cal= c(var(--spacing,.25rem) * .5); display: flex; } .expandedContent-Sm7EGB { gap: calc(var(--spacing,.25rem) * 2); padding-i= nline: calc(var(--spacing,.25rem) * 3); padding-bottom: calc(var(--spacing,= .25rem) * 2); contain: inline-size; flex-direction: column; display: flex; = } [data-viewer-density=3D"compact"] .expandableGroup-wvgcR0 { --viewer-cont= rol-height: calc(var(--spacing) * 8); } .control-DpPjpB { gap: var(--spacing,.25rem); padding-inline: var(--spaci= ng,.25rem); font-size: var(--text-sm,12px); --tw-leading: calc(var(--spacin= g,.25rem) * 5); line-height: calc(var(--spacing,.25rem) * 5); padding-block= : 0px; } .control-DpPjpB:disabled { cursor: var(--cursor-interaction,pointer); } .control-DpPjpB { height: calc(var(--viewer-control-height,var(--spacing)= * 9) - var(--spacing)); } .compound-SnTYbR { border-radius: var(--radius-full,9999px); color: var(-= -color-text); } .compoundControl-hIZLDl { height: 100%; font-size: var(--text-sm,12px); -= -tw-leading: calc(var(--spacing,.25rem) * 5); line-height: calc(var(--spaci= ng,.25rem) * 5); padding-block: 0px; } .compoundControl-hIZLDl:disabled { cursor: var(--cursor-interaction,point= er); } .button-p4QQIY, .capsule-uG_Zor, .compound-SnTYbR, .title-BzSR7s { height= : var(--viewer-control-height,calc(var(--spacing) * 9)); } :is([data-viewer-density=3D"compact"] .button-p4QQIY, [data-viewer-densit= y=3D"compact"] .capsule-uG_Zor, [data-viewer-density=3D"compact"] .compound= -SnTYbR, [data-viewer-density=3D"compact"] .title-BzSR7s) { height: calc(va= r(--spacing,.25rem) * 8); } [data-viewer-density=3D"compact"] .group-lJOwIE { --viewer-control-height= : calc(var(--spacing) * 8); } .group-lJOwIE { gap: calc(var(--spacing,.25rem) * .5); } .group-lJOwIE .button-p4QQIY, .group-lJOwIE .compound-SnTYbR { border-sty= le: var(--tw-border-style); --tw-shadow: 0 0 #0000; box-shadow: var(--tw-in= set-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var= (--tw-ring-shadow), var(--tw-shadow); height: calc(var(--viewer-control-hei= ght,var(--spacing) * 9) - var(--spacing)); background-image: none; border-w= idth: 0px; } .group-lJOwIE .button-p4QQIY:not(.selected-gS9uA0, .primary-QnXTk7), .gro= up-lJOwIE .compound-SnTYbR { background-color: rgba(0, 0, 0, 0); } .group-lJOwIE:has(> [role=3D"group"]:not([data-viewer-header-collapsed]) = [data-page-facepile]) { gap: 0px; } .group-lJOwIE:has(> [role=3D"group"]:not([data-viewer-header-collapsed]) = [data-page-facepile]) .shareIcon-fPohyN { display: none; } .button-p4QQIY:has(> [data-page-share-label][data-viewer-header-collapsed= ]) { aspect-ratio: 1 / 1; flex-shrink: 0; justify-content: center; padding-= inline: 0px; } .divider-LTT8uG { height: calc(var(--spacing,.25rem) * 4); background-col= or: var(--color-border); flex-shrink: 0; width: 1px; } :where([data-viewer-density=3D"regular"]) .divider-LTT8uG { margin-inline= : calc(var(--spacing,.25rem) * .5); } .joined-cGAE97 .divider-LTT8uG { margin-inline: var(--spacing,.25rem); } .zoomGroup-JbsONy .divider-LTT8uG { margin-inline: calc(var(--spacing,.25= rem) * .5); } :where([data-viewer-density=3D"regular"]) .zoomGroup-JbsONy .divider-LTT8= uG { margin-inline: var(--spacing,.25rem); } .joined-cGAE97 .button-p4QQIY { padding-inline: var(--spacing,.25rem); } .joined-cGAE97 .button-p4QQIY:first-child { padding-inline-start: calc(va= r(--spacing,.25rem) * 3); } .joined-cGAE97 .button-p4QQIY:last-child { padding-inline-end: calc(var(-= -spacing,.25rem) * 3); } .joined-cGAE97 .button-p4QQIY:last-child:not(:first-child) { margin-inlin= e-end: calc(var(--spacing,.25rem) * 2); padding-inline-end: var(--spacing,.= 25rem); } .joined-cGAE97 .button-p4QQIY.avatarGroup-LCe0FA { padding-inline-start: = calc(var(--spacing,.25rem) * .5); padding-inline-end: 0px; } .group-lJOwIE [data-popcorn-header-action] { height: calc(var(--viewer-co= ntrol-height,var(--spacing) * 9) - var(--spacing)) !important; min-width: c= alc(var(--viewer-control-height,var(--spacing) * 9) - var(--spacing)) !impo= rtant; } .group-lJOwIE [data-popcorn-header-action]:not([data-has-label]) { width:= calc(var(--viewer-control-height,var(--spacing) * 9) - var(--spacing)) !im= portant; max-width: calc(var(--viewer-control-height,var(--spacing) * 9) - = var(--spacing)) !important; } [data-viewer-density=3D"compact"] .group-lJOwIE [data-popcorn-header-acti= on] { height: calc(var(--spacing,.25rem) * 7) !important; min-width: calc(v= ar(--spacing,.25rem) * 7) !important; } [data-viewer-density=3D"compact"] .group-lJOwIE [data-popcorn-header-acti= on]:not([data-has-label]) { width: calc(var(--spacing,.25rem) * 7) !importa= nt; max-width: calc(var(--spacing,.25rem) * 7) !important; } :is([data-viewer-density=3D"compact"] .group-lJOwIE :where(.button-p4QQIY= , .compound-SnTYbR), [data-viewer-density=3D"compact"] .control-DpPjpB) { h= eight: calc(var(--spacing,.25rem) * 7); } .capsule-uG_Zor.group-lJOwIE:has(> :not([data-viewer-header-collapsed], [= hidden])):not(:has(> :not([data-viewer-header-collapsed], [hidden]) ~ :not(= [data-viewer-header-collapsed], [hidden]))):not(:has(> [role=3D"group"]:not= ([data-viewer-header-collapsed], [hidden]))) { padding: 0px; } .capsule-uG_Zor.group-lJOwIE:has(> :not([data-viewer-header-collapsed], [= hidden])):not(:has(> :not([data-viewer-header-collapsed], [hidden]) ~ :not(= [data-viewer-header-collapsed], [hidden]))):not(:has(> [role=3D"group"]:not= ([data-viewer-header-collapsed], [hidden]))) > button { height: 100%; } .capsule-uG_Zor.group-lJOwIE:has(> :not([data-viewer-header-collapsed], [= hidden])):not(:has(> :not([data-viewer-header-collapsed], [hidden]) ~ :not(= [data-viewer-header-collapsed], [hidden]))):not(:has(> [role=3D"group"]:not= ([data-viewer-header-collapsed], [hidden]))) > :not([role=3D"group"]) > but= ton:only-child { height: 100%; } .capsule-uG_Zor.group-lJOwIE:has(> :not([data-viewer-header-collapsed], [= hidden])):not(:has(> :not([data-viewer-header-collapsed], [hidden]) ~ :not(= [data-viewer-header-collapsed], [hidden]))):not(:has(> [role=3D"group"]:not= ([data-viewer-header-collapsed], [hidden]))) > :not([role=3D"group"]):has(>= :is(button, [data-popcorn-header-action]):only-child) { height: 100%; } .capsule-uG_Zor.group-lJOwIE:has(> :not([data-viewer-header-collapsed], [= hidden])):not(:has(> :not([data-viewer-header-collapsed], [hidden]) ~ :not(= [data-viewer-header-collapsed], [hidden]))):not(:has(> [role=3D"group"]:not= ([data-viewer-header-collapsed], [hidden]))) > [data-popcorn-header-action]= { height: 100% !important; } .capsule-uG_Zor.group-lJOwIE:has(> :not([data-viewer-header-collapsed], [= hidden])):not(:has(> :not([data-viewer-header-collapsed], [hidden]) ~ :not(= [data-viewer-header-collapsed], [hidden]))):not(:has(> [role=3D"group"]:not= ([data-viewer-header-collapsed], [hidden]))) > :not([role=3D"group"]) > [da= ta-popcorn-header-action]:only-child { height: 100% !important; } .capsule-uG_Zor.group-lJOwIE:has(> :not([data-viewer-header-collapsed], [= hidden])):not(:has(> :not([data-viewer-header-collapsed], [hidden]) ~ :not(= [data-viewer-header-collapsed], [hidden]))):not(:has(> [role=3D"group"]:not= ([data-viewer-header-collapsed], [hidden]))) > [data-popcorn-header-action]= :not([data-has-label]) { width: var(--viewer-control-height,calc(var(--spac= ing) * 9)) !important; min-width: var(--viewer-control-height,calc(var(--sp= acing) * 9)) !important; max-width: var(--viewer-control-height,calc(var(--= spacing) * 9)) !important; } .capsule-uG_Zor.group-lJOwIE:has(> :not([data-viewer-header-collapsed], [= hidden])):not(:has(> :not([data-viewer-header-collapsed], [hidden]) ~ :not(= [data-viewer-header-collapsed], [hidden]))):not(:has(> [role=3D"group"]:not= ([data-viewer-header-collapsed], [hidden]))) > :not([role=3D"group"]) > [da= ta-popcorn-header-action]:only-child:not([data-has-label]) { width: var(--v= iewer-control-height,calc(var(--spacing) * 9)) !important; min-width: var(-= -viewer-control-height,calc(var(--spacing) * 9)) !important; max-width: var= (--viewer-control-height,calc(var(--spacing) * 9)) !important; } .toast-ZAPbYM { pointer-events: auto; width: max-content; max-width: 100%= ; } .contents-gw8cdQ { display: contents; } .alert-ZnLiYv { pointer-events: all; min-width: 0px; max-width: 100%; box= -shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } .chatgptSuccess-lN8pcY a { color: inherit !important; text-decoration: un= derline !important; } .background-j0etS7 { height: calc(var(--spacing) * 4); background-image: = linear-gradient(to bottom, var(--color-surface), transparent); } [data-app-shell-page-surface=3D"true"] [data-app-shell-header-placement= =3D"titlebar"] .background-j0etS7 { height: calc(var(--spacing) * 10); back= ground-image: linear-gradient(to bottom, var(--color-surface), color-mix(in= oklab, var(--color-surface) 82%, transparent) var(--spacing), color-mix(in= oklab, var(--color-surface) 48%, transparent) calc(var(--spacing) * 3), co= lor-mix(in oklab, var(--color-surface) 12%, transparent) calc(var(--spacing= ) * 6), transparent); } .progressiveBlur-qtdv2l { height: 98px; } .progressiveBlur-qtdv2l > div { position: absolute; inset: 0px; } .progressiveBlur-qtdv2l > div:first-child { backdrop-filter: blur(calc(va= r(--blur-xs) / 4)); mask-image: linear-gradient(rgb(0, 0, 0) 75%, rgba(0, 0= , 0, 0)); } .progressiveBlur-qtdv2l > div:nth-child(2) { backdrop-filter: blur(calc(v= ar(--blur-xs) / 2)); mask-image: linear-gradient(rgb(0, 0, 0) 62.5%, rgba(0= , 0, 0, 0) 87.5%); } .progressiveBlur-qtdv2l > div:nth-child(3) { backdrop-filter: blur(var(--= blur-xs)); mask-image: linear-gradient(rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 7= 5%); } .progressiveBlur-qtdv2l > div:nth-child(4) { backdrop-filter: blur(10px);= mask-image: linear-gradient(rgb(0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 62.5%); } .progressiveBlur-qtdv2l > div:last-child { background: linear-gradient(to= bottom, var(--color-surface), transparent); } @media (prefers-reduced-transparency: reduce), (forced-colors: active) { .progressiveBlur-qtdv2l > div:not(:last-child) { display: none; } .progressiveBlur-qtdv2l > div:last-child { background: var(--color-surfac= e); } } .ApplicationMenuPageHeader-Ptj2mv { --app-shell-titlebar-height: var(--si= debar-navigation-header-height); --app-shell-page-inline-end-inset: 0px; ma= rgin-inline-end: var(--spacing); } [data-app-shell-unified-tab-strip=3D"true"] .ApplicationMenuPageHeader-Pt= j2mv::after { border-block-end: var(--border-width-hairline) solid var(--co= lor-border); pointer-events: none; content: ""; position: absolute; inset-b= lock-end: 0px; inset-inline: 0px; } .ApplicationMenuPageHeader-Ptj2mv [data-app-shell-header-slot=3D"end"] [d= ata-app-shell-header-slot-content] { padding-inline-end: calc((var(--sideba= r-navigation-header-height) - var(--spacing-token-button-composer)) / 2 - v= ar(--spacing) * 2); } .Mention-hIgCkC { --inline-mention-base-color: var(--color-text-info); } @supports (color:color-mix(in lab, red, red)) { .Mention-hIgCkC { --inline-mention-base-color: color-mix(in srgb, var(--c= olor-text-info) 80%, var(--color-text) 20%); } } .Mention-hIgCkC { --inline-mention-color: var(--inline-mention-resolved-b= ase-color,var(--inline-mention-base-color)); padding-inline: calc(var(--spa= cing) * .5); color: var(--inline-mention-color); font-family: var(--font-co= ntent); font-weight: var(--font-weight-medium); } .Mention-hIgCkC[data-font-weight=3D"inherit"], .Mention-hIgCkC[data-appea= rance=3D"underlined-text"] { font-weight: inherit; } .Mention-hIgCkC[data-appearance=3D"underlined-text"] .Label-arpLwJ { text= -underline-offset: 2px; text-decoration-line: underline; } .Mention-hIgCkC[data-tone=3D"neutral"] { --inline-mention-base-color: var= (--color-text); } .Mention-hIgCkC[data-layout=3D"inline-flow"] { white-space: nowrap; paddi= ng-inline: 0px; display: inline; } .Mention-hIgCkC[data-layout=3D"inline-flow"] .IconContainer-K62H88 { box-= sizing: content-box; vertical-align: bottom; padding-inline-end: 3px; displ= ay: inline-block; } .Mention-hIgCkC[data-layout=3D"inline-flow"] .Label-arpLwJ { white-space:= normal; } .Mention-hIgCkC[data-layout=3D"wrapped-label"] { vertical-align: bottom; = gap: 3px; max-width: 100%; display: inline-flex; } .Mention-hIgCkC[data-layout=3D"wrapped-label"] .IconContainer-K62H88 { fl= ex-shrink: 0; } .Mention-hIgCkC[data-layout=3D"selection-pill"] { --inline-mention-base-c= olor: var(--color-text-composer-reference); align-items: center; gap: calc(= var(--spacing) * 1); padding-inline: calc(var(--spacing) * 1); vertical-ali= gn: baseline; white-space: nowrap; font-weight: inherit; display: inline-fl= ex; } .Mention-hIgCkC[data-layout=3D"selection-pill"] .IconContainer-K62H88 { w= idth: calc(var(--spacing) * 5); flex-shrink: 0; } .Mention-hIgCkC[data-layout=3D"selection-pill"] .Icon-TZxsTm { width: cal= c(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .Mention-hIgCkC[data-layout=3D"selection-pill"] .Label-arpLwJ { max-width= : calc(var(--spacing) * 64); overflow-wrap: normal; text-overflow: ellipsis= ; white-space: nowrap; align-self: baseline; overflow: hidden; } .Mention-hIgCkC[data-tone=3D"file-reference"] { --inline-mention-base-col= or: var(--color-text-composer-file-reference,var(--color-text-composer-refe= rence)); } .Mention-hIgCkC[data-breakable-url] { direction: ltr; unicode-bidi: isola= te; display: inline; } .Mention-hIgCkC[data-breakable-url] .Label-arpLwJ { word-break: break-all= ; } .Mention-hIgCkC[data-breakable-url], .Mention-hIgCkC[text-link-href], .Me= ntion-hIgCkC[data-inline-url-icon] { padding-inline: 0px; } .Mention-hIgCkC[data-brand-color] { --inline-mention-dark-base-color: var= (--inline-mention-base-color); } @supports (color:color-mix(in lab, red, red)) { .Mention-hIgCkC[data-brand-color] { --inline-mention-dark-base-color: col= or-mix(in oklch, var(--inline-mention-base-color) 50%, var(--color-text) 50= %); } } .Mention-hIgCkC[data-interactive] { cursor: var(--cursor-interaction); } .Mention-hIgCkC:where([data-theme=3D"dark"]) { --inline-mention-resolved-= base-color: var(--inline-mention-dark-base-color,var(--inline-mention-base-= color)); } @container style(--theme-variant: dark) { .Mention-hIgCkC:where(:not([data-theme])) { --inline-mention-resolved-bas= e-color: var(--inline-mention-dark-base-color,var(--inline-mention-base-col= or)); } } @media (hover: hover) { .Mention-hIgCkC[data-inline-mention-interactive][data-underline-on-hover]= :hover, [data-inline-mention-interactive]:hover .Mention-hIgCkC[data-underl= ine-on-hover] { text-decoration-line: var(--inline-mention-hover-decoration= ,underline); text-underline-offset: 2px; text-decoration-style: dashed; tex= t-decoration-color: currentcolor; text-decoration-thickness: 0.5px; } } .UnderlinedText-IhYn8i .Mention-hIgCkC { --inline-mention-hover-decoratio= n: none; color: inherit; font-family: inherit; font-weight: inherit; vertic= al-align: baseline; white-space: normal; padding-inline: 0px; display: inli= ne; } .UnderlinedText-IhYn8i .Mention-hIgCkC .IconContainer-K62H88 { display: n= one; } .UnderlinedText-IhYn8i .Mention-hIgCkC .Label-arpLwJ { color: inherit; wh= ite-space: normal; text-underline-offset: 2px; text-decoration-line: underl= ine; } .UnderlinedText-IhYn8i .Text-dkXLeW { text-underline-offset: 2px; text-de= coration-line: underline; } .IconContainer-K62H88 { width: calc(var(--spacing) * 4); height: 1lh; pos= ition: relative; } .Icon-TZxsTm { width: calc(var(--spacing) * 4); height: calc(var(--spacin= g) * 4); top: 50%; justify-content: center; align-items: center; display: f= lex; position: absolute; inset-inline-start: 0px; transform: translateY(-50= %); } .Label-arpLwJ { overflow-wrap: break-word; min-width: 0px; } .banner-cPVvz7 { color: var(--lightningcss-light,#0d0d0d) var(--lightning= css-dark,#fff); letter-spacing: -0.15px; font-variation-settings: "opsz" 14= ; -webkit-font-smoothing: auto; text-wrap: pretty; background: var(--lightn= ingcss-light,#fff) var(--lightningcss-dark,#212121); border: .5px solid var= (--lightningcss-light,#0000001a) var(--lightningcss-dark,#0000); border-rad= ius: 28px; width: 100%; padding: 24px; font-size: 14px; font-weight: 400; l= ine-height: 18px; display: flex; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 16= px; } .description-izhOpC { color: var(--lightningcss-light,#5d5d5d) var(--ligh= tningcss-dark,#cdcdcd); } .successCta-DS7DTt a { color: var(--color-chart-green) !important; } .catalog-Qac5fp { outline: 1px solid var(--color-border); outline-offset:= -1px; border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px; } .container-C1xTCG { width: 100%; container: beacon / inline-size; } .surface-NbxhOL { outline: .5px solid var(--lightningcss-light,#0d0d0d0d)= var(--lightningcss-dark,var(--color-border-subtle)); outline-offset: -0.5p= x; background: var(--lightningcss-light,white) var(--lightningcss-dark,var(= --color-surface-elevated)); width: 100%; color: var(--lightningcss-light,#0= d0d0d) var(--lightningcss-dark,var(--color-text)); letter-spacing: -0.15px;= font-variation-settings: "wdth" 100; box-shadow: var(--shadow-card); borde= r-radius: 24px; align-items: center; gap: 12px; padding: 16px; font-family:= -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px= ; font-weight: 400; line-height: 20px; display: flex; } .content-tH5Jdx { flex: 1 1 0%; min-width: 0px; margin-inline-end: 12px; = } .body-F1ixEW { align-items: center; gap: 12px; min-width: 0px; display: f= lex; } .visual-mZAtoS { flex-shrink: 0; justify-content: center; align-items: ce= nter; width: 32px; min-height: 32px; display: flex; } .iconCircle-KOGKLv { background: var(--gray-75); width: 32px; height: 32p= x; color: var(--lightningcss-light,#0d0d0d) var(--lightningcss-dark,var(--c= olor-text)); border-radius: 50%; justify-content: center; align-items: cent= er; display: flex; } .responsiveImage-uOZ0Ay { object-fit: contain; width: 32px; height: 32px;= } .copy-nj2odw { overflow-wrap: break-word; flex-direction: column; flex: 1= 1 0%; gap: 2px; min-width: 0px; display: flex; } .title-TGNnMU { font-weight: 510; } .description-iF4DEu { color: var(--lightningcss-light,#5d5d5d) var(--ligh= tningcss-dark,var(--color-text-secondary)); text-wrap: wrap; } .ctas-dOiCY0, .actions-nhbYt6 { flex-shrink: 0; align-items: center; gap:= 8px; min-width: 0px; max-width: 100%; display: flex; } .ctas-dOiCY0 { max-width: 50%; } .dismiss-o5oOqY { flex-shrink: 0; align-items: center; display: flex; } .action-UM7Nw_ { letter-spacing: -0.18px; justify-content: center; height= : 36px; padding: 0px 16px; font-size: 14px; font-weight: 510; line-height: = 20px; } .primary-FmM7e1 { background: var(--lightningcss-light,#0d0d0d) var(--lig= htningcss-dark,var(--color-background-primary-solid)); min-width: 70px; col= or: var(--lightningcss-light,white) var(--lightningcss-dark,var(--color-tex= t-primary-solid)); border-width: 0px; } .secondary-sIS2DJ { border: 1px solid var(--lightningcss-light,#0d0d0d1a)= var(--lightningcss-dark,var(--color-border)); color: var(--lightningcss-li= ght,#0d0d0d) var(--lightningcss-dark,var(--color-text)); background: 0px 0p= x; } .dismissButton-dLiayh { width: 20px; height: 20px; color: var(--lightning= css-light,#8f8f8f) var(--lightningcss-dark,var(--color-text-tertiary)); bac= kground: 0px 0px; border-width: 0px; justify-content: center; padding: 0px;= } .primary-FmM7e1:not(:disabled):not([aria-disabled=3D"true"]):hover, .seco= ndary-sIS2DJ:not(:disabled):not([aria-disabled=3D"true"]):hover, .dismissBu= tton-dLiayh:not(:disabled):not([aria-disabled=3D"true"]):hover { opacity: 0= .8; } .mobileDismiss-Ebj2Ia { display: none; } @container beacon (width < 434px) { .surface-NbxhOL { background: var(--lightningcss-light,#ffffffe6) var(--l= ightningcss-dark,var(--color-surface-elevated)); backdrop-filter: blur(80px= ); outline: none; flex-direction: column; align-items: stretch; position: r= elative; } .content-tH5Jdx { margin-inline-end: 0px; } .body-F1ixEW { flex-direction: column; align-items: stretch; gap: 8px; } .visual-mZAtoS { align-self: flex-start; width: auto; } .responsiveImage-uOZ0Ay { width: 36px; height: 36px; } .noVisual-pjyuD6 .copy-nj2odw { padding-inline-end: 28px; } .title-TGNnMU { letter-spacing: -0.23px; font-size: 15px; } .description-iF4DEu { letter-spacing: -0.08px; font-size: 13px; line-heig= ht: 18px; } .ctas-dOiCY0, .actions-nhbYt6 { grid-auto-columns: minmax(0px, 1fr); grid= -auto-flow: column; gap: 12px; width: 100%; min-width: 0px; max-width: none= ; display: grid; } .action-UM7Nw_ { letter-spacing: -0.24px; min-width: 0px; height: 40px; f= ont-size: 15px; } .dismiss-o5oOqY { top: 16px; position: absolute; inset-inline-end: 16px; = } .dismissButton-dLiayh { width: 16px; height: 16px; color: var(--lightning= css-light,#5d5d5d) var(--lightningcss-dark,var(--color-text-tertiary)); } .desktopDismiss-zL0l1K { display: none; } .mobileDismiss-Ebj2Ia { display: block; } } .LoadingResultsShimmer-IzeCFB { --loading-results-shimmer-base: var(--col= or-codex-description); } @supports (color:color-mix(in lab, red, red)) { .LoadingResultsShimmer-IzeCFB { --loading-results-shimmer-base: color-mix= (in srgb, var(--color-codex-description) 10%, transparent); } } .LoadingResultsShimmer-IzeCFB { --loading-results-shimmer-highlight: var(= --color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .LoadingResultsShimmer-IzeCFB { --loading-results-shimmer-highlight: colo= r-mix(in srgb, var(--color-codex-description) 16%, transparent); } } .LoadingResultsShimmer-IzeCFB { border-radius: var(--radius-md); backgrou= nd-color: var(--loading-results-shimmer-base); position: relative; overflow= : hidden; } .LoadingResultsShimmer-IzeCFB[data-size=3D"sm"] { height: calc(var(--spac= ing) * 3); } .LoadingResultsShimmer-IzeCFB[data-size=3D"md"] { height: calc(var(--spac= ing) * 3.5); } .LoadingResultsShimmer-IzeCFB[data-size=3D"lg"] { height: calc(var(--spac= ing) * 4); } .LoadingResultsShimmer-IzeCFB[data-size=3D"thumbnail"] { width: calc(var(= --spacing) * 10); height: calc(var(--spacing) * 10); border-radius: var(--r= adius-lg); flex-shrink: 0; } .LoadingResultsShimmer-IzeCFB[data-size=3D"fill"] { width: 100%; height: = 100%; display: block; } .LoadingResultsShimmer-IzeCFB::before { content: ""; pointer-events: none= ; background: linear-gradient(90deg, transparent 0%, var(--loading-results-= shimmer-highlight) 50%, transparent 100%); will-change: transform; animatio= n-duration: 3s; animation-timing-function: linear; animation-iteration-coun= t: infinite; animation-direction: normal; animation-fill-mode: none; animat= ion-play-state: running; animation-name: loadingResultsShimmer-sDqi9i; anim= ation-timeline: auto; animation-range: normal; animation-delay: var(--loadi= ng-results-shimmer-delay,0s); position: absolute; inset: 0px; transform: tr= anslate(-100%); } .LoadingResultsShimmer-IzeCFB[data-variant=3D"chatgpt"], .LoadingResultsS= himmer-IzeCFB[data-variant=3D"chatgpt-project"] { background-image: linear-= gradient(90deg, var(--loading-results-shimmer-base), var(--loading-results-= shimmer-highlight), var(--loading-results-shimmer-base)); } :is(.LoadingResultsShimmer-IzeCFB[data-variant=3D"chatgpt"], .LoadingResu= ltsShimmer-IzeCFB[data-variant=3D"chatgpt-project"])::before { content: non= e; animation: auto ease 0s 1 normal none running none; } .LoadingResultsShimmer-IzeCFB[data-variant=3D"chatgpt"] { background-size= : 1000px 100%; animation: 3s linear 0s infinite normal none running chatGpt= LoadingResultsShimmer-xV00aH; } .LoadingResultsShimmer-IzeCFB[data-variant=3D"conversation-followup"] { h= eight: calc(var(--spacing,.25rem) * 10); width: calc(var(--spacing,.25rem) = * 40); border-radius: var(--radius-full,9999px); border-style: var(--tw-bor= der-style); border-width: 1px; border-color: var(--color-border); --tw-shad= ow: 0px 1px 2px -1px var(--tw-shadow-color,#00000014); box-shadow: var(--tw= -inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), = var(--tw-ring-shadow), var(--tw-shadow); --loading-results-shimmer-base: va= r(--color-surface); --loading-results-shimmer-highlight: var(--color-codex-= description); flex-shrink: 0; } @supports (color:color-mix(in lab, red, red)) { .LoadingResultsShimmer-IzeCFB[data-variant=3D"conversation-followup"] { -= -loading-results-shimmer-highlight: color-mix(in srgb, var(--color-codex-de= scription) 16%, var(--color-surface)); } } .LoadingResultsShimmer-IzeCFB[data-variant=3D"chatgpt-project"] { backgro= und-color: rgba(0, 0, 0, 0); background-size: 300% 100%; animation: 2s ease= -in-out 0s infinite alternate-reverse none running chatGptProjectSkeleton-R= Qb9Gi; } .LoadingResultsShimmer-IzeCFB[data-reduced-motion=3D"true"], .LoadingResu= ltsShimmer-IzeCFB[data-reduced-motion=3D"true"]::before, .LoadingResultsShi= mmer-IzeCFB:where(:root[data-reduced-motion=3D"true"] .LoadingResultsShimme= r-IzeCFB)::before, .LoadingResultsShimmer-IzeCFB:where(:root[data-reduced-m= otion=3D"true"] .LoadingResultsShimmer-IzeCFB)[data-variant=3D"chatgpt"], .= LoadingResultsShimmer-IzeCFB:where(:root[data-reduced-motion=3D"true"] .Loa= dingResultsShimmer-IzeCFB)[data-variant=3D"chatgpt-project"], .LoadingResul= tsShimmer-IzeCFB:where(:root[data-reduced-motion=3D"true"] .LoadingResultsS= himmer-IzeCFB)[data-variant=3D"conversation-followup"] { animation: auto ea= se 0s 1 normal none running none; } .LoadingResultsShimmer-IzeCFB:where(:root[data-reduced-motion=3D"true"] .= LoadingResultsShimmer-IzeCFB)[data-variant=3D"chatgpt"], .LoadingResultsShi= mmer-IzeCFB:where(:root[data-reduced-motion=3D"true"] .LoadingResultsShimme= r-IzeCFB)[data-variant=3D"conversation-followup"] { background-image: ; bac= kground-position-x: ; background-position-y: ; background-repeat: ; backgro= und-attachment: ; background-origin: ; background-clip: ; background-color:= ; background-size: auto; } @media (prefers-reduced-motion: reduce) { .LoadingResultsShimmer-IzeCFB:where(:root:not([data-reduced-motion]) .Loa= dingResultsShimmer-IzeCFB)::before, .LoadingResultsShimmer-IzeCFB:where(:ro= ot:not([data-reduced-motion]) .LoadingResultsShimmer-IzeCFB)[data-variant= =3D"chatgpt"], .LoadingResultsShimmer-IzeCFB:where(:root:not([data-reduced-= motion]) .LoadingResultsShimmer-IzeCFB)[data-variant=3D"chatgpt-project"], = .LoadingResultsShimmer-IzeCFB:where(:root:not([data-reduced-motion]) .Loadi= ngResultsShimmer-IzeCFB)[data-variant=3D"conversation-followup"] { animatio= n: auto ease 0s 1 normal none running none; } .LoadingResultsShimmer-IzeCFB:where(:root:not([data-reduced-motion]) .Loa= dingResultsShimmer-IzeCFB)[data-variant=3D"chatgpt"], .LoadingResultsShimme= r-IzeCFB:where(:root:not([data-reduced-motion]) .LoadingResultsShimmer-IzeC= FB)[data-variant=3D"conversation-followup"] { background-image: ; backgroun= d-position-x: ; background-position-y: ; background-repeat: ; background-at= tachment: ; background-origin: ; background-clip: ; background-color: ; bac= kground-size: auto; } } @supports (corner-shape:superellipse(1.5)) { .LoadingResultsShimmer-IzeCFB { corner-shape: var(--codex-corner-shape); = } } @keyframes chatGptProjectSkeleton-RQb9Gi {=20 0% { background-position: 100% 0px; } 100% { background-position: 0px 0px; } } @keyframes chatGptLoadingResultsShimmer-xV00aH {=20 0% { background-position: -1000px 0px; } 100% { background-position: 1000px 0px; } } @keyframes loadingResultsShimmer-sDqi9i {=20 0% { transform: translate(-100%); } 100% { transform: translate(100%); } } .slideFromLeft-dcc86Q[data-state=3D"closed"] { pointer-events: none; } .slideFromLeft-dcc86Q:where(:root[data-reduced-motion=3D"false"] .slideFr= omLeft-dcc86Q)[data-state=3D"open"] { animation: slide-from-left-DOQxt5 .25= s var(--cubic-enter); } .slideFromLeft-dcc86Q:where(:root[data-reduced-motion=3D"false"] .slideFr= omLeft-dcc86Q)[data-state=3D"closed"] { animation: slide-to-left-mslGpU .2s= var(--cubic-exit); } @media (prefers-reduced-motion: no-preference) { .slideFromLeft-dcc86Q:where(:root:not([data-reduced-motion]) .slideFromLe= ft-dcc86Q)[data-state=3D"open"] { animation: slide-from-left-DOQxt5 .25s va= r(--cubic-enter); } .slideFromLeft-dcc86Q:where(:root:not([data-reduced-motion]) .slideFromLe= ft-dcc86Q)[data-state=3D"closed"] { animation: slide-to-left-mslGpU .2s var= (--cubic-exit); } } @keyframes slide-to-left-mslGpU {=20 0% { opacity: 1; transform: translate(0px); } 100% { opacity: 0; transform: translateX(calc(var(--spacing) * -.5)); } } @keyframes slide-from-left-DOQxt5 {=20 0% { opacity: 0; transform: translateX(calc(var(--spacing) * -1)); } 100% { opacity: 1; transform: translate(0px); } } .header-Gs3JQU { padding: var(--app-menu-gutter,var(--spacing)) var(--app= -menu-gutter,var(--spacing)) 0; corner-shape: inherit; border-start-start-r= adius: inherit; border-start-end-radius: inherit; } .footer-RI1sA5 { padding: 0 var(--app-menu-gutter,var(--spacing)) var(--a= pp-menu-gutter,var(--spacing)); } .bodyContent-qnilQN { padding-inline: var(--app-menu-gutter,var(--spacing= )); } .footer-RI1sA5:first-child, .body-wZAl5x:first-child .bodyContent-qnilQN,= .header-Gs3JQU:empty + .body-wZAl5x .bodyContent-qnilQN { padding-top: var= (--app-menu-gutter,var(--spacing)); } .header-Gs3JQU:last-child, .body-wZAl5x:last-child .bodyContent-qnilQN { = padding-bottom: var(--app-menu-gutter,var(--spacing)); } .compact-RlmpIh { corner-shape: round; } .compact-RlmpIh .header-Gs3JQU, .compact-RlmpIh .body-wZAl5x .bodyContent= -qnilQN { padding: 0px; } .maskedRemoteMarker-J73LbP { mask-image: radial-gradient(5.0918px at calc= (50% + 3.3341px) calc(50% + 4.0895px), rgba(0, 0, 0, 0) 100%, rgb(0, 0, 0) = 100%); } .remoteGlobeBadge-HtY2R8 { --remote-host-folder-color: transparent; } .surface-xo0c_F { background-color: var(--color-surface,var(--bg-primary)= ); } .identityHeading-Qvr47s { font-size: 1.5rem; font-weight: var(--font-weig= ht-medium,500); letter-spacing: inherit; line-height: 1.2; } .cell-C3RWL2 { corner-shape: var(--codex-corner-shape,superellipse(1.5));= transition: background-color 0.3s ease-out; } .animatedCell-TSc30e { animation: 0.52s cubic-bezier(0.22, 1, 0.36, 1) 0s= 1 normal both running reveal-S6akTC; } @keyframes reveal-S6akTC {=20 0% { opacity: 0; transform: scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @media (prefers-reduced-motion: reduce) { .cell-C3RWL2 { transition: none; } .animatedCell-TSc30e { animation: auto ease 0s 1 normal none running none= ; } } .page-G4NZp3 { width: 100%; min-width: 0px; padding: var(--padding-panel,= 1.25rem); -webkit-font-smoothing: antialiased; padding-block-start: calc(va= r(--padding-panel,1.25rem) + var(--padding-toolbar,1rem)); } .content-YkOWpf { width: 100%; min-width: 0px; max-width: calc(var(--thre= ad-content-max-width,48rem) - var(--padding-toolbar,1rem) * 2); flex-direct= ion: column; margin-inline: auto; padding-block: 3rem 2rem; display: flex; = } .bio-i8TTOX { color: var(--color-text-secondary,var(--text-secondary)); } .showcaseEmptyState-WrrpWI { background: var(--color-background-primary-g= host-hover,var(--bg-secondary)); color: var(--color-text-tertiary,var(--tex= t-tertiary)); } :is(.dark .showcaseEmptyState-WrrpWI, [data-theme=3D"dark"] .showcaseEmpt= yState-WrrpWI) { background: var(--color-surface-elevated-secondary,var(--b= g-secondary)); } .card-npNRH5 { aspect-ratio: 230 / 150; width: 100%; min-width: 0px; min-= height: 10rem; cursor: var(--cursor-interaction,pointer); text-align: start= ; user-select: none; border-radius: 1.5rem; position: relative; overflow: h= idden; } .card-npNRH5:focus-visible { outline: 2px solid var(--color-ring,var(--bo= rder-heavy)); outline-offset: -2px; } .site-kMkmd8 { background: var(--color-background-primary-ghost-hover,var= (--bg-secondary)); } :is(.dark .site-kMkmd8, [data-theme=3D"dark"] .site-kMkmd8, .dark .skillH= over-nULnW4, [data-theme=3D"dark"] .skillHover-nULnW4) { background: var(--= color-surface-elevated-secondary,var(--bg-secondary)); } .skill-JIpdDK { border: 1px solid var(--color-token-border-default,var(--= border-default,var(--color-border))); background: var(--color-surface,var(-= -bg-primary)); } .skillHover-nULnW4, .preview-vD5xo_, .titleOverlay-VEMAXO { position: abs= olute; inset: 0px; } .skillHover-nULnW4 { pointer-events: none; background: var(--color-backgr= ound-primary-ghost-hover,var(--bg-secondary)); opacity: 0; } .card-npNRH5:hover .skillHover-nULnW4 { opacity: 1; } .titleOverlay-VEMAXO { pointer-events: none; visibility: hidden; } .card-npNRH5:hover .titleOverlay-VEMAXO, .card-npNRH5:focus-visible .titl= eOverlay-VEMAXO { visibility: visible; } @media (hover: none) { .titleOverlay-VEMAXO { visibility: visible; } } .titleGradient-oVMObV { background: linear-gradient(to top, var(--color-s= urface-elevated-secondary,var(--bg-secondary)), transparent); inset-inline:= 0px; padding: 1rem; position: absolute; bottom: 0px; } .titleBlur-kPEApL { filter: blur(var(--title-blur)); mask-image: linear-g= radient(to bottom, transparent calc(100% - var(--blur-start)), black calc(1= 00% - var(--blur-end))); position: absolute; inset: 0px; } .titleBlur-kPEApL:first-child { --title-blur: calc(var(--blur-xs) / 2); -= -blur-start: calc(var(--spacing) * 18); --blur-end: calc(var(--spacing) * 1= 5); } .titleBlur-kPEApL:nth-child(2) { --title-blur: var(--blur-xs); --blur-sta= rt: calc(var(--spacing) * 15); --blur-end: calc(var(--spacing) * 12); } .titleBlur-kPEApL:nth-child(3) { --title-blur: var(--blur-sm); --blur-sta= rt: calc(var(--spacing) * 12); --blur-end: calc(var(--spacing) * 9); } .titleBlur-kPEApL:nth-child(4) { --title-blur: var(--blur-lg); --blur-sta= rt: calc(var(--spacing) * 9); --blur-end: calc(var(--spacing) * 5); } .preview-mMqh9j { flex-shrink: 0; justify-content: center; align-items: c= enter; display: flex; position: relative; overflow: hidden; } .preview-mMqh9j[data-view=3D"grid"] { aspect-ratio: 1 / 1; width: 100%; } .preview-mMqh9j[data-view=3D"grid"][data-aspect=3D"landscape"] { aspect-r= atio: 230 / 150; } .preview-mMqh9j[data-view=3D"list"] { width: 5rem; height: 50px; } .preview-mMqh9j > :is(img, svg) { border: 1px solid var(--color-border-su= btle,var(--border-light)); box-shadow: var(--shadow-md); object-fit: contai= n; border-radius: 0.75rem; } .preview-mMqh9j[data-view=3D"grid"] > img { max-width: 72%; max-height: 7= 2%; } .preview-mMqh9j[data-view=3D"grid"] > svg { width: 72%; height: auto; } .preview-mMqh9j[data-view=3D"list"] > :is(img, svg) { border-radius: 0.37= 5rem; max-width: 100%; max-height: 100%; } .preview-mMqh9j[data-view=3D"list"] > svg { width: 100%; height: 100%; } .preview-mMqh9j[data-variant=3D"flat"] > :is(img, svg) { box-shadow: none= ; } .preview-mMqh9j > img[data-loaded=3D"false"] { visibility: hidden; positi= on: absolute; } .content-wO1o7g { max-height: calc(100dvh / var(--codex-window-zoom,1) - = 2rem); font-size: var(--text-base,1rem); letter-spacing: normal; flex-direc= tion: column; gap: 1.25rem; padding: 1.25rem; line-height: 1.5; display: fl= ex; overflow-y: auto; } .header-dpLlpU { flex-direction: column; gap: 0.25rem; padding-inline-end= : 2rem; display: flex; } .title-uCc_jl { min-width: 0px; font-size: var(--text-heading-md,1.25rem)= ; font-weight: var(--font-weight-semibold,600); line-height: 28px; } .subtitle-MS2coh { color: var(--color-codex-description,var(--text-tertia= ry)); font-size: var(--text-sm,.875rem); line-height: 1.5; } .preview-KDII9I { border: 1px solid var(--color-border-subtle,var(--borde= r-light)); border-radius: 0.75rem; flex-shrink: 0; position: relative; over= flow: hidden; } .preview-KDII9I > img { width: 100%; height: auto; display: block; } .openButton-mS9XiA { position: absolute; top: 0.75rem; right: 0.75rem; } .actions-Ad8YyS { justify-content: flex-end; align-items: center; gap: 0.= 75rem; display: flex; } .header-NiZYM1 { height: var(--height-toolbar,3.25rem); user-select: none= ; flex-shrink: 0; justify-content: space-between; align-items: center; gap:= 0.5rem; padding-inline: 1rem; display: flex; } .actions-AdZRVl { align-items: center; gap: 0.5rem; display: flex; } .content-PbxUb1 { flex-direction: column; flex: 1 1 0%; gap: 1.25rem; min= -height: 0px; padding: 1rem; display: flex; overflow-y: auto; } .section-JjsTMq { flex-direction: column; display: flex; } .sectionTitle-Iv5mHZ { min-height: var(--height-toolbar,3.25rem); user-se= lect: none; align-items: center; padding-bottom: 0.375rem; font-size: 0.875= rem; font-weight: 500; line-height: 1.125rem; display: flex; } .surface-QuDOuv { border: 1px solid var(--color-border,var(--border-defau= lt)); background: var(--color-background-panel,var(--color-background-prima= ry-soft-alpha,transparent)); border-radius: 1rem; flex-direction: column; d= isplay: flex; overflow: hidden; } .surface-QuDOuv > :not(input):not(:last-child) { position: relative; } .surface-QuDOuv > :not(input):not(:last-child)::after { background: var(-= -color-border,var(--border-default)); content: ""; pointer-events: none; in= set-inline: 1rem; height: 0.5px; position: absolute; bottom: 0px; } .photoShapes-mUuFRd { justify-content: space-between; align-items: center= ; gap: 0.25rem; margin-block-start: -1px; padding: 0.75rem; display: flex; = overflow-x: auto; } .photoShape-mvwjD3 { width: 3rem; height: 3rem; cursor: var(--cursor-inte= raction,pointer); background: 0px 0px; border: 0px; border-radius: 9999px; = flex-shrink: 0; justify-content: center; align-items: center; padding: 0px;= display: flex; position: relative; } .photoShape-mvwjD3:disabled { opacity: 0.5; cursor: default; } .photoShape-mvwjD3:hover:enabled { background: var(--color-background-pri= mary-ghost-hover,var(--bg-secondary)); } .photoShape-mvwjD3:focus-visible, .inlineInput-RmOkPy:focus { outline: 1p= x solid var(--color-ring,var(--border-heavy)); outline-offset: -1px; } .selectedIcon-ZKtMEi { background: var(--color-surface,var(--bg-primary))= ; pointer-events: none; inset-inline-end: 0px; border-radius: 9999px; displ= ay: flex; position: absolute; top: 0px; } .option-JIigVf { user-select: none; justify-content: space-between; align= -items: center; gap: 1rem; padding: 0.75rem 1rem; font-size: 0.875rem; line= -height: 1.25rem; display: flex; } .options-ls_kGR > :not(:first-child) { border-top: 1px solid var(--color-= border,var(--border-default)); } .option-JIigVf label { font-variation-settings: normal; min-width: 0px; c= ursor: var(--cursor-interaction,pointer); font-weight: 400; } .inlineInput-RmOkPy { field-sizing: content; appearance: none; resize: no= ne; min-width: 0px; max-width: 100%; color: inherit; font: inherit; text-al= ign: center; box-shadow: none; background: var(--color-background-primary-s= oft-alpha,var(--bg-tertiary)); border: 0px; border-radius: 0.5rem; outline:= none; margin-inline: auto; padding: 0.125rem 0.5rem; display: block; } .inlineInput-RmOkPy:focus { box-shadow: none; } .quiet-p7Wa7N { background: 0px 0px; } .inlineInput-RmOkPy:not(.quiet-p7Wa7N):hover:enabled, .inlineInput-RmOkPy= :focus { background: var(--color-background-primary-ghost-hover,var(--bg-se= condary)); } .inlineInput-RmOkPy::placeholder { color: var(--color-text-tertiary,var(-= -text-tertiary)); } .inlineInput-RmOkPy:disabled { color: var(--color-text-secondary,var(--te= xt-secondary)); } .bio-uCWPG3 { overflow-wrap: anywhere; white-space: pre-wrap; padding: 0.= 3125rem 0.625rem; } .inlineField-SfwcKi { flex-direction: column; align-items: center; gap: 0= .25rem; min-width: 0px; display: flex; } .inlineError-B1i4rH { color: var(--color-text-danger,var(--text-error)); = font-size: var(--text-sm,.875rem); white-space: normal; font-weight: 400; l= ine-height: 1.25rem; } .inlineStatus-Zm6oal { color: var(--color-text-secondary,var(--text-secon= dary)); font-size: var(--text-xs,.75rem); user-select: none; line-height: 1= rem; } .inlineCount-XCDLzF { font-size: var(--text-xs,.75rem); user-select: none= ; font-weight: 400; line-height: 1rem; } .sectionDescription-IxhCRP { color: var(--color-text-secondary,var(--text= -secondary)); margin-bottom: 0.75rem; font-size: 0.75rem; line-height: 1rem= ; } .dialog-dBDprv { max-height: calc(100dvh / var(--codex-window-zoom,1) - 2= rem); flex-direction: column; gap: 12px; padding: 20px; font-size: 14px; li= ne-height: 20px; display: flex; overflow-y: auto; } .selection-e7tMMo { flex-direction: column; gap: 12px; min-height: 0px; d= isplay: flex; } .header-OvtVS2 { flex-direction: column; gap: 4px; display: flex; } .title-Ef0kK6 { margin: 0px; padding-inline-end: 24px; font-size: 20px; f= ont-weight: 600; line-height: 28px; } .description-YPzifa { min-height: 20px; color: var(--color-text-tertiary,= var(--text-tertiary)); margin: 0px; } .search-vGpLR_ { border: 1px solid var(--color-border-primary-outline,var= (--border-default)); height: 36px; color: var(--color-text-secondary,var(--= text-secondary)); border-radius: 9999px; flex-shrink: 0; align-items: cente= r; gap: 8px; padding-inline: 12px; display: flex; } .search-vGpLR_ > svg { flex-shrink: 0; } .search-vGpLR_ input { min-width: 0px; box-shadow: none; font: inherit; c= olor: var(--color-text,var(--text-primary)); background: 0px 0px; border: 0= px; outline: none; flex: 1 1 0%; padding: 0px; } .search-vGpLR_ input::placeholder { color: var(--color-text-tertiary,var(= --text-tertiary)); } .search-vGpLR_:focus-within { outline: 2px solid var(--color-ring,var(--b= order-heavy)); outline-offset: 2px; } .search-vGpLR_ button { align-items: center; display: flex; } .filters-pyXAFI { align-items: center; gap: 12px; display: flex; } .filters-pyXAFI button { color: var(--color-text-secondary,var(--text-sec= ondary)); padding: 0px; } .filters-pyXAFI button[aria-pressed=3D"true"] { color: var(--color-text,v= ar(--text-primary)); } .list-Otk5j4 { height: 320px; overflow-y: auto; } .list-Otk5j4 ul { min-height: 100%; margin: 0px; padding: 0px; list-style= : none; } .row-TfybjU { user-select: none; border-radius: 12px; min-height: 40px; p= adding: 10px 12px; position: relative; } .row-TfybjU::after { content: ""; border-bottom: 1px solid var(--color-bo= rder-subtle,var(--border-light)); pointer-events: none; inset-inline: 12px;= position: absolute; bottom: 0px; } .row-TfybjU:focus-within::after { opacity: 0; } .list-Otk5j4 li:has(+ li .row-TfybjU:focus-within) .row-TfybjU::after { o= pacity: 0; } @media (hover: hover) { .row-TfybjU:not([data-disabled]):hover::after { opacity: 0; } .list-Otk5j4 li:has(+ li .row-TfybjU:not([data-disabled]):hover) .row-Tfy= bjU::after { opacity: 0; } } .row-TfybjU:not([data-disabled]):hover { background: var(--color-backgrou= nd-primary-ghost-hover,var(--interactive-bg-secondary-hover)); } .row-TfybjU[data-disabled] { opacity: 0.5; } .rowAction-Shio5C { cursor: pointer; border-radius: 8px; position: absolu= te; inset: 0px; } .rowAction-Shio5C:disabled { cursor: default; } .rowContent-kB5mjt { pointer-events: none; align-items: center; gap: 8px;= display: flex; position: relative; } .preview-YWJD76 { flex-shrink: 0; justify-content: center; align-items: c= enter; width: 80px; display: flex; } .details-pwuQ5J { flex-direction: column; flex: 1 1 0%; gap: 2px; min-wid= th: 0px; padding-inline-end: 64px; display: flex; } .itemTitle-qaF4oo { text-overflow: ellipsis; white-space: nowrap; overflo= w: hidden; } .details-pwuQ5J > .itemTitle-qaF4oo { font-size: var(--text-base,1rem); l= ine-height: 24px; } .details-pwuQ5J > .itemTitle-qaF4oo > span { font-size: 14px; line-height= : 20px; } .subtitle-SIhHps { min-width: 0px; color: var(--color-text-tertiary,var(-= -text-tertiary)); align-items: center; font-size: 12px; line-height: 16px; = display: flex; } .subtitle-SIhHps > span { text-overflow: ellipsis; white-space: nowrap; o= verflow: hidden; } .audience-ebLt0R { flex-shrink: 0; max-width: 100%; padding-inline-start:= 4px; } .controls-SjqzWj { pointer-events: auto; align-items: center; gap: 8px; d= isplay: flex; position: absolute; inset-inline-end: 0px; } .checkbox-B1V6t4 { width: var(--icon-secondary-size,16px); height: var(--= icon-secondary-size,16px); flex-shrink: 0; justify-content: center; align-i= tems: center; display: flex; position: relative; } .checkbox-B1V6t4 input { appearance: none; border: 1px solid var(--color-= border-strong,var(--border-heavy)); border-radius: var(--radius-xs,2px); wi= dth: 100%; height: 100%; cursor: var(--cursor-interaction,pointer); backgro= und: 0px 0px; outline: none; margin: 0px; padding: 0px; transition: backgro= und-color 0.15s, border-color 0.15s, box-shadow 0.15s; position: absolute; = inset: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px -1px; } .checkbox-B1V6t4 input:checked { background: var(--color-background-prima= ry-soft,transparent); } .checkbox-B1V6t4 input:enabled:hover { background: var(--color-surface-te= rtiary,var(--bg-tertiary)); } .checkbox-B1V6t4 input:focus-visible { border-color: var(--color-ring,var= (--border-heavy)); box-shadow: 0 0 0 2px var(--color-ring,var(--border-heav= y)); } .checkbox-B1V6t4 input:disabled { cursor: not-allowed; } .checkbox-B1V6t4 svg { pointer-events: none; color: var(--color-text,var(= --text-primary)); flex-shrink: 0; position: relative; } .drag-p9DK5q { touch-action: none; width: 24px; height: 28px; color: var(= --color-text-tertiary,var(--text-tertiary)); flex-shrink: 0; justify-conten= t: center; align-items: center; padding: 0px; display: flex; } .empty-CRfy_R { color: var(--color-text-secondary,var(--text-secondary));= padding-block: 12px; } .loading-YECKtI { height: 320px; color: var(--color-text-secondary,var(--= text-secondary)); justify-content: center; align-items: center; display: fl= ex; } .actions-mvsKzu { justify-content: flex-end; align-items: center; gap: 12= px; display: flex; } .action-PCsWl6 { border: 1px solid var(--color-border,var(--border-defaul= t)); background: var(--color-background-primary-solid,var(--text-primary));= color: var(--color-text-primary-solid,var(--bg-primary)); font-family: inh= erit; font-size: var(--text-base,1rem); font-weight: var(--font-ui-weight,4= 00); white-space: nowrap; cursor: var(--cursor-interaction,pointer); border= -radius: 9999px; justify-content: center; align-items: center; gap: 4px; pa= dding: 6px 16px; line-height: 18px; display: flex; } .action-PCsWl6[data-color=3D"ghost"] { color: var(--color-text-tertiary,v= ar(--text-tertiary)); background: 0px 0px; border-color: rgba(0, 0, 0, 0); = } .action-PCsWl6:enabled:hover { background: color-mix(in srgb, var(--color= -text,var(--text-primary)) 80%, transparent); } .action-PCsWl6[data-color=3D"ghost"]:enabled:hover { background: var(--co= lor-background-primary-ghost-hover,var(--interactive-bg-secondary-hover)); = } .action-PCsWl6:focus-visible { outline: 2px solid var(--color-ring,var(--= border-heavy)); } .action-PCsWl6:disabled { opacity: 0.4; cursor: default; } .sharingList-D2vCRO { max-height: 320px; margin: 0px; padding: 0px; list-= style: none; overflow-y: auto; } .sharingList-D2vCRO li { align-items: center; gap: 12px; padding-block: 8= px; display: flex; } .sharingDetails-Z1rjKA { flex-direction: column; flex: 1 1 0%; min-width:= 0px; display: flex; } .createSite-kC4bSV { text-align: center; height: 100%; color: var(--color= -text-secondary,var(--text-secondary)); flex-direction: column; justify-con= tent: center; align-items: center; gap: 1rem; font-size: 0.875rem; display:= flex; } .header-ZgEwoH { padding-inline: var(--detail-page-inline-inset,0px); fle= x-direction: column; gap: 1rem; display: flex; } .asset-hUAgRb { display: flex; } .headingRow-zdzVkK { flex-wrap: wrap; justify-content: space-between; ali= gn-items: flex-start; gap: 1rem; min-width: 0px; display: flex; } .heading-Z1RU60 { flex-direction: column; flex: 1 1 16rem; gap: 0.375rem;= min-width: 0px; display: flex; } .subtitle-j75vib { color: var(--color-text-secondary,var(--text-secondary= )); font-size: var(--text-base,1rem); line-height: var(--text-base--line-he= ight,1.5); } .actions-A9tWgZ { flex-shrink: 0; align-items: center; gap: 0.5rem; max-w= idth: 100%; display: flex; } .logo-Hm91Yu { border: 1px solid var(--color-border-default,var(--border-= default)); background: 0px 0px; border-radius: 1rem; flex-shrink: 0; justif= y-content: center; align-items: center; width: 60px; height: 60px; display:= flex; overflow: hidden; } .section-I3CMSh { flex-direction: column; gap: 1rem; display: flex; } .sectionHeader-BHMi_K { border-bottom: 1px solid var(--color-border-subtl= e,var(--border-light)); color: var(--color-text,var(--text-primary)); paddi= ng-inline-start: var(--detail-page-inline-inset,0px); padding-inline-end: 0= .125rem; justify-content: space-between; align-items: center; gap: 0.75rem;= padding-bottom: 0.5rem; display: flex; } .sectionTitle-PV6y6g { min-height: 1.75rem; font-size: var(--text-lg,1.12= 5rem); font-weight: var(--font-weight-medium,500); align-items: center; gap= : 0.375rem; margin: 0px; line-height: 1.5rem; display: flex; } .count-VnPPnH { color: var(--color-text-tertiary,var(--text-tertiary)); } .sectionContent-BSaHNj { flex-direction: column; gap: 0.25rem; display: f= lex; } .sectionContent-BSaHNj[data-inset=3D"true"] { padding-inline: var(--detai= l-page-inline-inset,0px); } .property-gOo1Lc { min-height: var(--height-token-row,2rem); padding-bloc= k: var(--padding-row-y,.25rem); font-size: var(--detail-row-font-size,var(-= -text-base,1rem)); grid-template-columns: minmax(0px, 1fr); align-items: st= art; gap: 0.125rem 0.75rem; line-height: 1.25rem; display: grid; } @container (width >=3D 24rem) { .property-gOo1Lc { grid-template-columns: var(--detail-property-label-wid= th,120px) minmax(0, 1fr); align-items: center; } } .property-gOo1Lc[data-align=3D"start"] { align-items: start; } .property-gOo1Lc > dt { overflow-wrap: anywhere; min-width: 0px; color: v= ar(--color-codex-description,var(--text-secondary)); align-items: center; g= ap: 0.5rem; display: flex; } .property-gOo1Lc > dd { overflow-wrap: anywhere; min-width: 0px; color: v= ar(--color-text,var(--text-primary)); align-items: center; margin: 0px; dis= play: flex; } .preview-PdknkJ { margin-inline: var(--detail-page-inline-inset,0px); bor= der-radius: 1rem; justify-content: center; padding: 2rem 1rem; display: fle= x; position: relative; overflow: hidden; } @media (min-width: 40rem) { .preview-PdknkJ { padding-inline: 2rem; } } .background-p5zgr2 { pointer-events: none; background-position: 50% cente= r; background-size: cover; width: 100%; height: 100%; position: absolute; i= nset: 0px; } .overlay-j7FQ8V { background: color-mix(in oklab, var(--color-surface-sec= ondary,var(--bg-secondary)) 70%, transparent); position: absolute; inset: 0= px; } .prompts-yG_ltw { flex-direction: column; align-items: center; gap: 1rem;= width: 100%; max-width: 640px; display: flex; position: relative; } .prompt-Gru5u8 { background: color-mix(in oklab, var(--color-surface-seco= ndary,var(--bg-secondary)) 75%, transparent); text-align: start; overflow-w= rap: break-word; max-width: 77%; color: var(--color-text,var(--text-primary= )); font-size: var(--codex-chat-font-size,1rem); line-height: inherit; curs= or: var(--cursor-interaction,pointer); border-radius: 1rem; outline: none; = padding-block: 0.5rem; padding-inline: 0.5rem 0.375rem; } .prompt-Gru5u8 .contain-inline-size { contain: initial; } .prompt-Gru5u8[aria-disabled=3D"true"] { cursor: not-allowed; opacity: 0.= 5; } .prompt-Gru5u8:not([aria-disabled=3D"true"]):is(:hover, :focus-visible) {= background: var(--color-surface-secondary,var(--bg-secondary)); } .prompt-Gru5u8:not([aria-disabled=3D"true"]):focus-visible { box-shadow: = 0 0 0 2px var(--color-ring,var(--border-default)); } .promptRow-onjes4 { align-items: center; gap: 0.375rem; display: flex; } .promptText-nfxm4B { text-wrap: pretty; overflow-wrap: break-word; flex: = 1 1 0%; min-width: 0px; } .arrow-ditBmr { background: color-mix(in oklab, var(--color-text,var(--te= xt-primary)) 10%, transparent); border-radius: 9999px; flex-shrink: 0; just= ify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; = display: flex; } .sections-lL3k1C { --detail-page-inline-inset: var(--padding-row-x,.5rem)= ; --detail-page-section-gap: calc(var(--spacing,.25rem) * 6); width: 100%; = max-width: var(--thread-content-max-width,100%); gap: var(--detail-page-sec= tion-gap); flex-direction: column; margin-inline: auto; display: flex; cont= ainer-type: inline-size; } .dialog-dW3IMr { gap: calc(var(--spacing) * 3); padding: calc(var(--spaci= ng) * 5); font-size: var(--font-text-sm-size); letter-spacing: normal; flex= -direction: column; line-height: 1.5; display: flex; } .dialogTitle-lNw16Z { font-size: var(--font-heading-md-size); font-weight= : var(--font-weight-semibold); line-height: var(--font-heading-lg-line-heig= ht); } .dialogActions-PY7Cu5 { justify-content: flex-end; align-items: center; g= ap: calc(var(--spacing) * 3); display: flex; } .trigger-Z1nYM9 { text-overflow: ellipsis; white-space: nowrap; min-width= : 0px; max-width: 100%; cursor: var(--cursor-interaction,pointer); color: i= nherit; user-select: none; border-radius: 0.5rem; outline: none; padding: 0= .125rem 0.5rem; overflow: hidden; } .trigger-Z1nYM9:hover { background: var(--color-background-primary-ghost-= hover,var(--bg-secondary)); } .trigger-Z1nYM9:focus-visible { outline: 1px solid var(--color-ring,var(-= -border-heavy)); } .body-pTJjTH { user-select: none; flex-direction: column; gap: 1rem; disp= lay: flex; } .field-R5auo7 { flex-direction: column; display: flex; } .recoveryDescription-SgYPat { font-size: var(--font-text-sm-size); line-h= eight: var(--font-text-sm-line-height); color: var(--color-text-secondary,v= ar(--text-secondary)); } .label-H1y6rA { color: var(--color-text,var(--text-primary)); font-size: = 0.875rem; } .help-qat9Hb { color: var(--color-text-secondary,var(--text-secondary)); = margin-top: 0.25rem; font-size: 0.75rem; } .input-Vb3WEP { margin-top: 0.5rem; } .prefix-rMjIW5 { color: var(--color-text-tertiary,var(--text-tertiary)); = user-select: none; margin-inline-end: -0.25rem; } .spinner-y3N8nK { flex-shrink: 0; width: 1rem; height: 1rem; display: inl= ine-block; } .status-hSjbNo { min-height: 1.5rem; margin-top: 0.5rem; font-size: 0.75r= em; } .error-k7HvS4 { color: var(--color-text-danger,var(--text-error)); } .secondary-o8t1_G { color: var(--color-text-secondary,var(--text-secondar= y)); } .srOnly-LIrXLN { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; bor= der: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: ab= solute; overflow: hidden; } .thumbnail-cI6yBd { border-color: var(--color-border,var(--border-default= )); background: var(--color-surface-secondary,var(--bg-secondary-surface));= } .secondaryText-phTudW { color: var(--color-text-secondary,var(--text-seco= ndary)); } .linkSection-cUaaMe { border-color: var(--color-border,var(--border-defau= lt)); } .privateIcon-ycAVmK { background: color-mix(in srgb, var(--color-text,var= (--text-primary)) 5%, transparent); } .publicIcon-fnKSPM { background: color-mix(in srgb, var(--color-text-info= ,var(--text-accent)) 10%, transparent); } .content-Q6mtRR { height: 100%; min-height: 0px; font-size: var(--text-ba= se,1rem); letter-spacing: normal; flex-direction: column; padding: 1.25rem;= line-height: 1.5; display: flex; } .header-TwZ9OD { flex-direction: column; align-items: flex-start; gap: 0.= 75rem; padding-top: 0.75rem; display: flex; } .header-TwZ9OD:first-child { padding-top: 0px; } .icon-sLnuy8 { border: 1px solid var(--color-border-default,var(--border-= default)); width: 2.5rem; height: 2.5rem; color: var(--color-text-secondary= ,var(--text-secondary)); border-radius: 9999px; flex-shrink: 0; justify-con= tent: center; align-items: center; display: flex; } .heading-w0sajv { flex-direction: column; flex: 1 1 0%; align-self: stret= ch; gap: 0.25rem; min-width: 0px; display: flex; } .title-vjsnYv { min-width: 0px; color: var(--color-text,var(--text-primar= y)); font-size: var(--text-heading-md,1.25rem); font-weight: var(--font-wei= ght-semibold,600); font-variation-settings: normal; line-height: 28px; } .title-vjsnYv > :is(h2, [role=3D"heading"]) { font: inherit; margin: 0px;= } .description-pD5OCn { color: var(--color-text-secondary,var(--text-second= ary)); font-size: var(--text-lg,1.125rem); line-height: 1.5; } .body-VNIJ5K { opacity: 0.8; flex: 1 1 0%; min-height: 0px; padding-top: = 0.75rem; } .preview-ZDR0IX { flex-direction: column; height: 100%; min-height: 0px; = padding-top: 1rem; display: flex; } .surface-fK57Yl { border: 1px solid color-mix(in oklab, var(--color-borde= r,var(--border-light)) 70%, transparent); border-radius: var(--radius-xl,.7= 5rem); background: color-mix(in oklab, var(--color-surface-secondary,var(--= bg-secondary)) 40%, transparent); flex-direction: column; flex: 1 1 0%; min= -height: 0px; display: flex; overflow: hidden; } .scroll-kSr9SK { height: 100%; min-height: 0px; padding: 1rem; overflow-y= : auto; } .footer-j9U2Ml { flex-direction: column; padding-top: 0.75rem; display: f= lex; } .preview-RTT6bb { isolation: isolate; aspect-ratio: 1 / 1; justify-conten= t: center; align-items: center; width: 100%; display: flex; position: relat= ive; } .surround-lCv0HD { pointer-events: none; z-index: 0; position: absolute; = inset: 0px; overflow: hidden; } .surroundImage-PDuWBR { position: absolute; top: 0px; left: 0px; overflow= : hidden; } .blurredImage-OfhdnG { user-select: none; max-width: none; display: block= ; } .fade-7LIwt1 { background: color-mix(in srgb, var(--color-surface,var(--b= g-primary)) 80%, transparent); position: absolute; inset: 0px; } .crop-RlRVlG { z-index: 10; background: color-mix(in srgb, var(--color-su= rface-secondary,var(--bg-secondary)) 92%, transparent); box-shadow: 0 0 0 1= px var(--color-border-subtle,var(--border-light)); border-radius: 9999px; p= osition: relative; overflow: hidden; } .image-MWNWjq { max-width: none; max-height: none; cursor: var(--cursor-i= nteraction,pointer); touch-action: none; user-select: none; position: absol= ute; top: 0px; left: 0px; } .zoomControls-TMpwk6 { align-items: center; gap: 1.25rem; width: 100%; ma= x-width: 276px; display: flex; } .slider-ZMr1C6 { appearance: none; background: var(--color-border-subtle,= var(--border-light)); border-radius: 9999px; flex: 1 1 0%; min-width: 0px; = height: 2px; } .slider-ZMr1C6::-webkit-slider-runnable-track { border-radius: 9999px; he= ight: 2px; } .slider-ZMr1C6::-webkit-slider-thumb { appearance: none; border: 1px soli= d var(--color-border-strong,var(--border-heavy)); background: var(--color-w= hite,#fff); width: 20px; height: 20px; box-shadow: var(--shadow-sm-stronger= ,0px 1px 2px -1px #00000021); border-radius: 9999px; margin-top: -9px; } @keyframes image-loaded-Ynqsiw {=20 0% { opacity: 0; } 100% { opacity: 1; } } .loaded-NHBsVY { animation: image-loaded-Ynqsiw var(--transition-duration= -basic) ease-out; } :root[data-reduced-motion=3D"true"] .loaded-NHBsVY { animation: auto ease= 0s 1 normal none running none; } @media (prefers-reduced-motion: reduce) { :root:not([data-reduced-motion]) .loaded-NHBsVY { animation: auto ease 0s= 1 normal none running none; } } .row-_z4Vo0 { position: relative; } .divider-nxTXf9::after { pointer-events: none; inset-inline: calc(var(--s= pacing,.25rem) * 3); border-bottom-style: var(--tw-border-style); border-bo= ttom-width: 1px; border-color: var(--color-border-subtle); content: ""; pos= ition: absolute; bottom: 0px; } .groupItem-WKdBwf:not(:last-child):not(:has(.row-_z4Vo0))::after { pointe= r-events: none; inset-inline: calc(var(--spacing,.25rem) * 3); border-botto= m-style: var(--tw-border-style); border-bottom-width: 1px; border-color: va= r(--color-border-subtle); content: ""; position: absolute; bottom: 0px; } .groupItem-WKdBwf { position: relative; } .row-_z4Vo0:is(:focus-within, .selected-uOOibA)::after { opacity: 0; } .divider-nxTXf9:has(+ .row-_z4Vo0:is(:focus-within, .selected-uOOibA))::a= fter { opacity: 0; } :is(li, [role=3D"listitem"], .groupItem-WKdBwf):has(.row-_z4Vo0):has(+ :i= s(li, [role=3D"listitem"], .groupItem-WKdBwf) .row-_z4Vo0:is(:focus-within,= .selected-uOOibA)) .divider-nxTXf9::after { opacity: 0; } .group-Zlx1HD > :has(+ .groupItem-WKdBwf .row-_z4Vo0:is(:focus-within, .s= elected-uOOibA)) [data-selectable-list-row-group-header]::after { opacity: = 0; } @media (hover: hover) { .row-_z4Vo0:not(.disabled-tU2D9v):hover::after { opacity: 0; } .divider-nxTXf9:has(+ .row-_z4Vo0:not(.disabled-tU2D9v):hover)::after { o= pacity: 0; } :is(li, [role=3D"listitem"], .groupItem-WKdBwf):has(.row-_z4Vo0):has(+ :i= s(li, [role=3D"listitem"], .groupItem-WKdBwf) .row-_z4Vo0:not(.disabled-tU2= D9v):hover) .divider-nxTXf9::after { opacity: 0; } .group-Zlx1HD > :has(+ .groupItem-WKdBwf .row-_z4Vo0:not(.disabled-tU2D9v= ):hover) [data-selectable-list-row-group-header]::after { opacity: 0; } } .row-_z4Vo0.selected-uOOibA:has(+ .row-_z4Vo0.selected-uOOibA) { border-e= nd-end-radius: 0px !important; border-end-start-radius: 0px !important; } :is(li, [role=3D"listitem"], .groupItem-WKdBwf):has(.row-_z4Vo0.selected-= uOOibA):has(+ :is(li, [role=3D"listitem"], .groupItem-WKdBwf) .row-_z4Vo0.s= elected-uOOibA) .row-_z4Vo0.selected-uOOibA { border-end-end-radius: 0px !i= mportant; border-end-start-radius: 0px !important; } :is(.row-_z4Vo0.selected-uOOibA + .row-_z4Vo0.selected-uOOibA, :is(li, [r= ole=3D"listitem"], .groupItem-WKdBwf):has(.row-_z4Vo0.selected-uOOibA) + :i= s(li, [role=3D"listitem"], .groupItem-WKdBwf):has(.row-_z4Vo0.selected-uOOi= bA) .row-_z4Vo0.selected-uOOibA) { border-start-start-radius: 0px !importan= t; border-start-end-radius: 0px !important; } .faviconClip-U3e3hj { clip-path: circle(11.3137px); transition-property: = clip-path; transition-duration: 0.25s; } .faviconImage-oIAzEG { transform-origin: 50% center; transition-property:= transform; transition-duration: 0.25s; transform: scale(1); } .loadingFaviconClip-tOXGlh { clip-path: circle(5px); transition-timing-fu= nction: linear(0 0%, 0.3439 10%, 0.5904 20%, 0.7599 30%, 0.8704 40%, 0.9375= 50%, 0.9744 60%, 0.9919 70%, 0.9984 80%, 0.9999 90%, 1 100%); } .loadingFaviconImage-OfhDtX { transition-timing-function: linear(0 0%, 0 = 10%, 0.137968 20%, 0.494693 30%, 0.727248 40%, 0.868464 50%, 0.946123 60%, = 0.982953 70%, 0.996633 80%, 0.99979 90%, 1 100%); transform: scale(0.625); = } .settledFaviconClip-RQAIfv { clip-path: circle(11.3137px); transition-tim= ing-function: linear(0 0%, 0.0361 10%, 0.1296 20%, 0.2601 30%, 0.4096 40%, = 0.5625 50%, 0.7056 60%, 0.8281 70%, 0.9216 80%, 0.9801 90%, 1 100%); } .settledFaviconImage-_3Gved { transition-timing-function: linear(0 0%, 0.= 075975 10%, 0.272752 20%, 0.547399 30%, 0.862032 40%, 1 50%, 1 100%); trans= form: scale(1); } .disableTransition-_f1X4A, .completionStartFrameClip-zjcsQw, .completionS= tartFrameImage-eErApV, .completionMidpointFrameClip-pG2OIi, .completionMidp= ointFrameImage-RET8nB { transition: none; } .completionStartFrameClip-zjcsQw { clip-path: circle(5px); } .completionStartFrameImage-eErApV { transform: scale(0.625); } .completionMidpointFrameClip-pG2OIi { clip-path: circle(8.55146px); } .completionMidpointFrameImage-RET8nB { transform: scale(1); } .reduceMotion-MPFpZW .faviconClip-U3e3hj, .reduceMotion-MPFpZW .faviconIm= age-oIAzEG { transition: none; } .shell-yWQKe6 { border-bottom-style: var(--tw-border-style); padding-top:= calc(var(--spacing,.25rem) * 4); --spacing-token-button-composer: calc(var= (--spacing) * 8); border-bottom-width: 1px; container-type: inline-size; } .shell-yWQKe6:where([data-codex-window-type=3D"browser"] .shell-yWQKe6) {= --spacing-token-button-composer: calc(var(--spacing) * 9); } .shell-yWQKe6[data-sticky] { top: calc(var(--spacing,.25rem) * -4); z-ind= ex: 30; position: sticky; } .shell-yWQKe6[data-sticky]::before { content: ""; pointer-events: none; z= -index: -1; inset-inline: 0px; inset-block: var(--header-background-top-ins= et,0px) 0; background-color: var(--color-surface); border-start-start-radiu= s: var(--app-shell-main-surface-top-start-radius,0px); border-start-end-rad= ius: var(--app-shell-main-surface-top-end-radius,0px); position: absolute; = } .content-ymUHGU { column-gap: calc(var(--spacing,.25rem) * 4); flex-wrap:= wrap; display: flex; } .title-x3JvHx { min-height: calc(var(--spacing,.25rem) * 15); justify-con= tent: center; gap: var(--spacing,.25rem); min-width: 0px; max-width: 100%; = padding-block: calc(var(--spacing,.25rem) * 3); flex-direction: column; fle= x-basis: max-content; grid-row-start: 1; grid-column-start: 1; padding-inli= ne-start: max(0px, var(--app-shell-titlebar-left-inset,0px) - var(--header-= content-start,0px)); display: flex; } .titleContent-nEpGod { gap: var(--spacing,.25rem); flex-direction: column= ; min-width: 0px; display: flex; } .shell-yWQKe6[data-scroll-collapse] .titleContent-nEpGod { width: max-con= tent; max-width: 100%; } .shell-yWQKe6[data-scroll-collapse] .title-x3JvHx { flex-basis: min-conte= nt; overflow: hidden; } .shell-yWQKe6[data-scroll-collapse] .actions-hHaS5d { align-self: flex-st= art; } .shell-yWQKe6[data-scroll-collapse] { top: calc(-1 * var(--header-collaps= e-offset)); } .shell-yWQKe6[data-scroll-collapse]:not([data-collapsible]) .title-x3JvHx= { flex-basis: 100%; } .shell-yWQKe6[data-collapsible] .content-ymUHGU { grid-template-columns: = minmax(0px, max-content) minmax(min-content, 1fr); display: grid; } .shell-yWQKe6[data-collapsible] .actions-hHaS5d { grid-row: span 2 / span= 2; position: sticky; top: 0px; } .shell-yWQKe6[data-collapsible] .navigation-AqGYXP { grid-column: span 1 = / span 1; } .actions-hHaS5d { min-height: calc(var(--spacing,.25rem) * 15); min-width= : 0px; max-width: 100%; padding-block: calc(var(--spacing,.25rem) * 3); fle= x: 1 1 max-content; grid-row-start: 1; grid-column-start: 2; align-items: c= enter; display: flex; } .navigation-AqGYXP { min-height: calc(var(--spacing,.25rem) * 15); flex-b= asis: 100%; grid-column: 1 / -1; grid-row-start: 2; align-items: center; mi= n-width: 0px; max-width: 100%; display: flex; } .navigation-AqGYXP:empty, .actions-hHaS5d:empty { display: none; } .shell-yWQKe6[data-scroll-collapse][data-collapsible]:has(.navigation-AqG= YXP:empty) { top: calc(var(--spacing,.25rem) * -4); } .shell-yWQKe6[data-scroll-collapse][data-collapsible]:has(.navigation-AqG= YXP:empty) .actions-hHaS5d { grid-row: span 1 / span 1; } .shell-yWQKe6[data-scroll-collapse][data-collapsible]:has(.navigation-AqG= YXP:empty) .titleContent-nEpGod { transform: translateY(calc(-1 * clamp(0px= , var(--header-scroll-overlap,0px), var(--header-collapse-offset)))); } .toolbar-wpnXAF { justify-content: flex-end; align-items: center; gap: ca= lc(var(--spacing,.25rem) * 3); user-select: none; width: 100%; min-width: 0= px; display: flex; } .filterTags-NLxoNh { margin: calc(var(--spacing,.25rem) * -1); min-width:= 0px; padding: var(--spacing,.25rem); display: flex; overflow-x: auto; } .filterTagsContent-VSk9tY { align-items: center; gap: var(--spacing,.25re= m); flex-shrink: 0; width: max-content; display: flex; } .viewControls-ty6WO3, .pageActions-Q2Fd0B { align-items: center; gap: cal= c(var(--spacing,.25rem) * 2); flex-shrink: 0; width: max-content; display: = flex; } .viewControls-ty6WO3:empty, .pageActions-Q2Fd0B:empty { display: none; } .filterTags-NLxoNh:has(> :empty) { display: none; } .search-gLCdCn { width: calc(var(--spacing,.25rem) * 60); flex-shrink: 0;= flex-basis: calc(var(--spacing,.25rem) * 60); grid-template-columns: minma= x(0px, 1fr); align-items: center; min-width: 0px; display: grid; } :is([data-new-slate-layout] .shell-yWQKe6[data-sticky]:not([data-scroll-c= ollapse]) .title-x3JvHx, [data-new-slate-layout] .shell-yWQKe6[data-sticky]= :not([data-scroll-collapse]):has(.title-x3JvHx) .actions-hHaS5d) { min-heig= ht: calc(var(--spacing,.25rem) * 9); padding-block: 0px; } [data-new-slate-layout] .shell-yWQKe6:has(.navigation-AqGYXP:empty) { mar= gin-bottom: calc(var(--spacing,.25rem) * 2); } [data-new-slate-layout] .title-x3JvHx { padding-inline-start: 0px; } [data-new-slate-layout] .title-x3JvHx:where([data-codex-window-type=3D"br= owser"] :is([data-new-slate-layout] .title-x3JvHx)) { padding-inline-start:= max(0px, var(--app-shell-titlebar-left-inset,0px) + var(--spacing) * 2 - v= ar(--header-content-start,0px)); } @media not all and (min-width: 48rem) { [data-new-slate-layout]:where([data-codex-window-type=3D"browser"] [data-= new-slate-layout]) .shell-yWQKe6 { padding-top: 0px; } :is([data-new-slate-layout]:where([data-codex-window-type=3D"browser"] [d= ata-new-slate-layout]) .shell-yWQKe6[data-sticky]:not([data-scroll-collapse= ]), [data-new-slate-layout]:where([data-codex-window-type=3D"browser"] [dat= a-new-slate-layout]) .shell-yWQKe6[data-scroll-collapse][data-collapsible]:= has(.navigation-AqGYXP:empty)) { top: 0px; } [data-new-slate-layout]:where([data-codex-window-type=3D"browser"] [data-= new-slate-layout]) .title-x3JvHx { min-height: var(--app-shell-titlebar-hei= ght,var(--height-toolbar)); } } .shell-yWQKe6[data-scroll-collapse] .search-gLCdCn { flex-shrink: 1; } .shell-yWQKe6[data-expand-search] .title-x3JvHx { flex-grow: 999; } .shell-yWQKe6[data-expand-search] .search-gLCdCn { flex-grow: 1; } .shell-yWQKe6[data-expand-search][data-collapsible] .toolbar-wpnXAF { wid= th: max-content; max-width: 100%; margin-left: auto; } @container not (width >=3D 48rem) { .shell-yWQKe6[data-expand-search][data-scroll-collapse] .content-ymUHGU {= display: flex; } .shell-yWQKe6[data-expand-search][data-scroll-collapse] .title-x3JvHx, .s= hell-yWQKe6[data-expand-search][data-scroll-collapse] .actions-hHaS5d { fle= x-basis: 100%; } .shell-yWQKe6[data-expand-search][data-scroll-collapse] .toolbar-wpnXAF {= width: 100%; } .shell-yWQKe6[data-expand-search][data-scroll-collapse] .navigation-AqGYX= P:empty { display: none; } .shell-yWQKe6:not([data-scroll-collapse]) .content-ymUHGU { grid-template= -columns: auto minmax(0px, 1fr) auto; display: grid; } .shell-yWQKe6:not([data-scroll-collapse]) .title-x3JvHx { grid-column: sp= an 2 / span 2; } .shell-yWQKe6:not([data-scroll-collapse]) .actions-hHaS5d, .shell-yWQKe6:= not([data-scroll-collapse]) .toolbar-wpnXAF { display: contents; } .shell-yWQKe6:not([data-scroll-collapse]) .content-ymUHGU:not(:has(.title= -x3JvHx)) .actions-hHaS5d { grid-column: 1 / -1; display: flex; } .shell-yWQKe6:not([data-scroll-collapse]) .filterTags-NLxoNh { display: n= one; } .shell-yWQKe6:not([data-scroll-collapse]) .pageActions-Q2Fd0B { grid-row-= start: 1; grid-column-start: 3; place-self: center flex-end; } .shell-yWQKe6:not([data-scroll-collapse]) .viewControls-ty6WO3 { min-heig= ht: calc(var(--spacing,.25rem) * 15); grid-row-start: 2; grid-column-start:= 1; } .shell-yWQKe6:not([data-scroll-collapse]) .search-gLCdCn { min-height: ca= lc(var(--spacing,.25rem) * 15); grid-column: 2 / 4; grid-row-start: 2; widt= h: 100%; } .shell-yWQKe6:not([data-scroll-collapse]) .toolbar-wpnXAF:has(> .viewCont= rols-ty6WO3:empty) .search-gLCdCn { grid-column-start: 1; } .shell-yWQKe6:not([data-scroll-collapse]) .navigation-AqGYXP { grid-row-s= tart: 3; } } .viewport-CyJYLD { --marquee-speed-em-per-second: 2; --marquee-gap: 1.15e= m; --marquee-left-fade: .571429em; --marquee-right-fade: 1.14286em; white-s= pace: nowrap; width: 100%; min-width: 0px; display: block; } .clipViewport-PoovvM { width: calc(100% + var(--marquee-left-fade)); min-= width: 0px; margin-left: calc(-1 * var(--marquee-left-fade)); display: bloc= k; overflow: hidden; } .track-y4OpI_ { gap: var(--marquee-gap); min-width: max-content; padding-= left: var(--marquee-left-fade); display: inline-flex; } .content-I_RXQY { min-width: max-content; display: inline-block; } .overflowingViewport-OKeEIC { mask-image: linear-gradient(to right, trans= parent, #000 var(--marquee-left-fade), #000 calc(100% - var(--marquee-right= -fade)), transparent); mask-size: 100% 100%; mask-repeat: no-repeat; } .animate-WAHB8J .scrolling-p0C9A5, .group:hover .animateOnGroupHover-vlUI= if .scrolling-p0C9A5 { animation: marqueeTextScroll-vRgqyp var(--marquee-du= ration) var(--marquee-scroll-timing) infinite; will-change: transform; } .animate-WAHB8J.stopAtEnd-GNPp1Y .scrolling-p0C9A5, .group:hover .animate= OnGroupHover-vlUIif.stopAtEnd-GNPp1Y .scrolling-p0C9A5 { animation-iteratio= n-count: 1; animation-fill-mode: forwards; } .animate-WAHB8J.stopAtEnd-GNPp1Y .overflowingViewport-OKeEIC, .group:hove= r .animateOnGroupHover-vlUIif.stopAtEnd-GNPp1Y .overflowingViewport-OKeEIC = { animation: marqueeTextFadeRightMask-bd4Ijj var(--marquee-duration) linear= forwards; } @keyframes marqueeTextScroll-vRgqyp {=20 100% { transform: translateX(calc(-1 * var(--marquee-scroll-distance))); = } } @keyframes marqueeTextFadeRightMask-bd4Ijj {=20 75% { mask-size: 100% 100%; } 100% { mask-size: calc(100% + var(--marquee-right-fade)) 100%; } } .statusPillProgress-WvYQJC { opacity: 0; transform-origin: 0px center; an= imation-name: statusPillProgress-WvYQJC; animation-timing-function: linear;= animation-fill-mode: both; } @keyframes statusPillProgress-WvYQJC {=20 0% { opacity: 0; transform: scaleX(1); } 0.001% { opacity: 1; transform: scaleX(1); } 100% { opacity: 1; transform: scaleX(0); } } .anchor-Mst3Ur, .codex-dialog.surface-bjllBZ { --sidebar-customization-ro= w-height: var(--height-token-row); --sidebar-customization-height: min(calc= (var(--sidebar-customization-row-count) * var(--sidebar-customization-row-h= eight) + (var(--sidebar-customization-row-count) - 1) * 1px + var(--spacing= ) * 2), calc(50dvh / var(--codex-window-zoom))); min-block-size: var(--side= bar-customization-row-height); } .anchor-Mst3Ur { anchor-name: --codex-sidebar-customization; block-size: = calc(var(--sidebar-customization-height) - var(--sidebar-customization-row-= height) - var(--spacing) * 2.25); } .codex-dialog.surface-bjllBZ { position-anchor: --codex-sidebar-customiza= tion; top: calc(anchor(top) - var(--sidebar-customization-row-height) - var= (--spacing) * 1.25); left: calc(anchor(--codex-sidebar-customization-width = left) + var(--spacing) * 1.25); inline-size: calc(anchor-size(--codex-sideb= ar-customization-width width) - var(--spacing) * 2.5); block-size: var(--si= debar-customization-height); overflow-y: auto; translate: none; } .checklist-uO3cm4 { transform: scale(0.95); } .checklist-uO3cm4:where(:root[data-reduced-motion=3D"false"] .checklist-u= O3cm4) { transition: scale var(--transition-duration-basic) cubic-bezier(.1= 6, 1.8, .3, 1); } .checklist-uO3cm4:where(:root[data-reduced-motion=3D"false"] .checklist-u= O3cm4):enabled:active:not(:focus-visible) { transition-duration: 0s; scale:= 0.95; } @media (prefers-reduced-motion: no-preference) { .checklist-uO3cm4:where(:root:not([data-reduced-motion]) .checklist-uO3cm= 4) { transition: scale var(--transition-duration-basic) cubic-bezier(.16, 1= .8, .3, 1); } .checklist-uO3cm4:where(:root:not([data-reduced-motion]) .checklist-uO3cm= 4):enabled:active:not(:focus-visible) { transition-duration: 0s; scale: 0.9= 5; } } .checklist-uO3cm4:not([data-state=3D"unchecked"]) .outline-eD5IOC { color= : rgba(0, 0, 0, 0); } .outline-eD5IOC:where(:root[data-reduced-motion=3D"false"] .outline-eD5IO= C) { transition: color var(--transition-duration-basic) ease-out; } .checklist-uO3cm4:focus-visible .outline-eD5IOC:where(:root[data-reduced-= motion=3D"false"] .outline-eD5IOC) { transition: none; } @media (prefers-reduced-motion: no-preference) { .outline-eD5IOC:where(:root:not([data-reduced-motion]) .outline-eD5IOC) {= transition: color var(--transition-duration-basic) ease-out; } .checklist-uO3cm4:focus-visible .outline-eD5IOC:where(:root:not([data-red= uced-motion]) .outline-eD5IOC) { transition: none; } } .indicator-clgfcx { color: inherit; opacity: 1; } .indicator-clgfcx[data-state=3D"unchecked"] { opacity: 0; } .indicator-clgfcx:where(:root[data-reduced-motion=3D"false"] .indicator-c= lgfcx) { transition: opacity var(--transition-duration-basic) ease-out; } .checklist-uO3cm4:focus-visible .indicator-clgfcx:where(:root[data-reduce= d-motion=3D"false"] .indicator-clgfcx) { transition: none; } @media (prefers-reduced-motion: no-preference) { .indicator-clgfcx:where(:root:not([data-reduced-motion]) .indicator-clgfc= x) { transition: opacity var(--transition-duration-basic) ease-out; } .checklist-uO3cm4:focus-visible .indicator-clgfcx:where(:root:not([data-r= educed-motion]) .indicator-clgfcx) { transition: none; } } .mark-asMPYr { color: var(--wb-on-accent,var(--color-surface)); clip-path= : inset(0px); } .indicator-clgfcx[data-state=3D"unchecked"] .mark-asMPYr { clip-path: ins= et(0px 100% 0px 0px); } .mark-asMPYr:where(:root[data-reduced-motion=3D"false"] .mark-asMPYr) { t= ransition: clip-path var(--transition-duration-basic) ease-out; } .checklist-uO3cm4:focus-visible .mark-asMPYr:where(:root[data-reduced-mot= ion=3D"false"] .mark-asMPYr) { transition: none; } @media (prefers-reduced-motion: no-preference) { .mark-asMPYr:where(:root:not([data-reduced-motion]) .mark-asMPYr) { trans= ition: clip-path var(--transition-duration-basic) ease-out; } .checklist-uO3cm4:focus-visible .mark-asMPYr:where(:root:not([data-reduce= d-motion]) .mark-asMPYr) { transition: none; } } @media (forced-colors: active) { .checklist-uO3cm4:not([data-state=3D"unchecked"]) .outline-eD5IOC, .indic= ator-clgfcx { color: highlight; forced-color-adjust: none; } .mark-asMPYr { color: highlighttext; } } @supports (animation-timeline:view(block)) { .content-edSB2R { view-timeline-name: --sidebar-sticky-section; view-time= line-axis: block; view-timeline-inset: calc(var(--sidebar-scroll-header-mas= k-start) + var(--height-token-row)) 0px; overflow: hidden; } .clipWindow-kCjn4E, .clipContent-MB0qeA, .heading-z8hCWE { animation-dura= tion: auto; animation-timing-function: linear; animation-fill-mode: both; } .clipWindow-kCjn4E, .clipContent-MB0qeA { animation-timeline: --sidebar-s= ticky-section; animation-range: exit-crossing; } .clipWindow-kCjn4E { margin-top: calc(var(--spacing) * -1); padding-top: = var(--spacing); animation-name: stickySectionClipWindow-OgyMDZ, stickySecti= onClearance-VWHAad; animation-range: exit-crossing, exit-crossing 0px exit-= crossing var(--spacing); mask-image: linear-gradient(to bottom, transparent= , black var(--spacing)); mask-position: 0 calc(var(--spacing) * -1); mask-r= epeat: no-repeat; mask-size: 100% calc(100% + var(--spacing)); overflow: hi= dden; } .clipContent-MB0qeA { animation-name: stickySectionClipContent-oVZXy2; } .heading-z8hCWE { animation-name: stickySectionHeadingFade-hKmc_N; animat= ion-timeline: view(block calc(var(--sidebar-scroll-header-mask-start) + var= (--sidebar-scroll-header-mask-distance)) 0px); animation-range: exit 0% exi= t calc(var(--spacing) * 2); } } @keyframes stickySectionClipWindow-OgyMDZ {=20 100% { transform: translateY(100%); } } @keyframes stickySectionClipContent-oVZXy2 {=20 100% { transform: translateY(calc(-100% - var(--spacing))); } } @keyframes stickySectionClearance-VWHAad {=20 0% { mask-position: 0 calc(var(--spacing) * -1); } 100% { mask-position: 0px 0px; } } @keyframes stickySectionHeadingFade-hKmc_N {=20 100% { opacity: 0; } } .headerFadeMask-v5FJvY { --edge-fade-distance: calc(var(--spacing) * 10);= --sidebar-scroll-footer-edge: 100%; --sidebar-scroll-footer-fade-distance:= calc(var(--spacing) * 10); --sidebar-scroll-footer-fade-start: calc(var(--= sidebar-scroll-footer-edge) - var(--sidebar-scroll-footer-fade-distance)); = --sidebar-scroll-header-mask-distance: var(--sidebar-scroll-header-fade-dis= tance,var(--sidebar-scroll-header-spacing,calc(var(--spacing) * 2))); --sid= ebar-scroll-header-mask-start: var(--sidebar-scroll-header-fade-start,0px);= --sidebar-scroll-mask-image: linear-gradient(to bottom, transparent 0, tra= nsparent var(--sidebar-scroll-header-mask-start), black calc(var(--sidebar-= scroll-header-mask-start) + var(--sidebar-scroll-header-mask-distance)), bl= ack var(--sidebar-scroll-footer-fade-start), #000000e0 calc(var(--sidebar-s= croll-footer-edge) - var(--spacing) * 6), #00000085 calc(var(--sidebar-scro= ll-footer-edge) - var(--spacing) * 3), #0000002e calc(var(--sidebar-scroll-= footer-edge) - var(--spacing)), transparent var(--sidebar-scroll-footer-edg= e), transparent 100%); animation: auto ease 0s 1 normal none running none; = mask-image: none; mask-size: 100% 100%; mask-repeat: no-repeat; } @supports (animation-timeline:--scroll-fade) { .headerFadeMask-v5FJvY { --sidebar-scroll-footer-fade-distance: var(--bot= tom-fade); } } .withoutFooterFade-XUeQnt { --sidebar-scroll-mask-image: linear-gradient(= to bottom, transparent var(--sidebar-scroll-header-mask-start), black calc(= var(--sidebar-scroll-header-mask-start) + var(--sidebar-scroll-header-mask-= distance))); } .stickySectionHeaders-uH9v1M { --sidebar-scroll-header-mask-distance: cal= c(var(--spacing) / 2); } .shimmer-Y6AYLI { background-image: linear-gradient(90deg, rgba(88, 101, = 242, 0) 0%, rgba(88, 101, 242, 0.12) 20%, rgba(136, 149, 255, 0.46) 38%, rg= ba(232, 231, 255, 0.88) 50%, rgba(136, 149, 255, 0.46) 62%, rgba(88, 101, 2= 42, 0.12) 80%, rgba(88, 101, 242, 0) 100%); } .bloom-nRPCWW { background-image: radial-gradient(80% 220% at 100% center= , rgba(132, 145, 255, 0.34) 0%, rgba(88, 101, 242, 0.18) 40%, rgba(88, 101,= 242, 0) 82%); } .Navigation-bibgtK { --color-text: var(--color-background-primary-solid);= } @supports (color:color-mix(in lab, red, red)) { .Navigation-bibgtK { --color-text: color-mix(in oklab, var(--color-backgr= ound-primary-solid) 85%, transparent); } } .Navigation-bibgtK { --color-text-primary-ghost: var(--color-text); --col= or-text-primary-ghost-hover: var(--color-text); --color-text-secondary-ghos= t-hover: var(--color-text); anchor-name: --codex-sidebar-customization-widt= h; flex-direction: column; flex: 1 1 0%; min-height: 0px; display: flex; } .ConversationSidebar-EDF_I4 { --height-token-nav-row: calc(var(--spacing)= * 9); } .header-H_3lla { position: relative; overflow: visible; } .header-H_3lla[data-viewer-placement=3D"overlay"] { isolation: isolate; p= osition: absolute; inset: 0px 0px auto; } [data-pane-header-placement=3D"overlay"] .header-H_3lla { position: relat= ive; } .header-H_3lla[data-viewer-density=3D"surface"] { --viewer-control-height= : calc(var(--icon-leading-size) + var(--spacing) * 4); } .header-H_3lla[data-viewer-density=3D"regular"] { --display-icon-compact:= none; --display-icon-leading: contents; } .header-H_3lla[data-viewer-density=3D"compact"] { --display-icon-compact:= contents; --display-icon-leading: none; } .annotationAccent-D2De7v { --draggable-toolbar-accent: var(--color-backgr= ound-info-solid); } .annotationTheme-oM4Ar4 { --color-background-info-solid: var(--draggable-= toolbar-accent); --color-text-info-solid: var(--color-media-foreground); } .attention-DBRDZN:not(:active):not(:focus-within) { animation: 0.6s ease-= in-out 0s infinite alternate none running attention-DBRDZN; } @keyframes attention-DBRDZN {=20 0% { transform: translateX(calc(var(--spacing) * -.75)); } 100% { transform: translateX(calc(var(--spacing) * .75)); } } .Root-UlzS5k { white-space: pre; grid-template-columns: minmax(0px, 1fr);= width: fit-content; min-width: 0px; max-width: 100%; display: inline-grid;= position: relative; overflow: hidden; } .FullText-naFOpO { visibility: hidden; width: max-content; } .FullText-naFOpO::before { content: attr(data-file-name); } .Display-OzZP2Z { position: absolute; inset: 0px; overflow: hidden; } .Measurement-BVlRHh { visibility: hidden; contain: strict; width: 0px; he= ight: 0px; position: absolute; } .wordArrival-vJ1b9h { animation: 0.5s ease-in-out 0s 1 normal both runnin= g reveal-word-fzhp0b; } .wordArrival-vJ1b9h:where(:root[data-reduced-motion=3D"true"] .wordArriva= l-vJ1b9h) { animation: auto ease 0s 1 normal none running none; } @media (prefers-reduced-motion: reduce) { .wordArrival-vJ1b9h:where(:root:not([data-reduced-motion]) .wordArrival-v= J1b9h) { animation: auto ease 0s 1 normal none running none; } } @keyframes reveal-word-fzhp0b {=20 0% { color: var(--color-text-info); opacity: 0.2; } 18% { color: var(--color-text-info); } 48% { opacity: 1; } 100% { color: inherit; opacity: 1; } } [data-dictation-reduced-motion=3D"true"] .wordArrival-vJ1b9h { animation:= auto ease 0s 1 normal none running none; } .root-HUUPVC:has(> button[aria-pressed=3D"true"]:focus-visible) > button[= aria-pressed=3D"true"]:focus-visible { outline: none; } .root-HUUPVC:has(> button[aria-pressed=3D"true"]:focus-visible) > .indica= tor-zrk55u { outline: -webkit-focus-ring-color auto; } .indicator-zrk55u { --mode-toggle-direction: 1; border: .5px solid var(--= color-border-mode-toggle-selected); background-color: var(--color-backgroun= d-mode-toggle-selected); width: calc(100% + 9px); box-shadow: var(--shadow-= mode-toggle-selected); margin-block: -0.5px; margin-inline-start: -0.5px; } .indicator-zrk55u:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(= bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), := lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(u= r), :lang(yi)) { --mode-toggle-direction: -1; } :where(.cadencedShimmer-uMTG1d) { --loading-shimmer-foreground: initial; = --loading-shimmer-base: initial; --loading-shimmer-highlight: initial; } .cadencedShimmer-uMTG1d { --shimmer-text-secondary: var(--loading-shimmer= -base,color-mix(in srgb, var(--loading-shimmer-foreground,var(--color-codex= -description)) 55%, transparent)); --shimmer-contrast: var(--loading-shimme= r-highlight,#ffffffbf); -webkit-text-fill-color: currentcolor; } .cadencedShimmer-uMTG1d, .cadencedShimmer-uMTG1d * { color: var(--shimmer= -text-secondary) !important; } .cadencedShimmer-uMTG1d .cadencedShimmerHighlight-VcX29h, .cadencedShimme= r-uMTG1d .cadencedShimmerHighlight-VcX29h * { color: var(--shimmer-contrast= ) !important; } .cadencedShimmerSweep-ICUAVH { width: 100%; text-overflow: inherit; point= er-events: none; position: absolute; inset: 0px auto 0px 0px; overflow: hid= den; transform: translate(-50%); mask-image: linear-gradient(90deg, rgba(0,= 0, 0, 0) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 50%, rgb= a(0, 0, 0, 0) 100%); } .cadencedShimmerHighlight-VcX29h { width: 100%; text-overflow: inherit; -= webkit-text-fill-color: currentcolor; display: block; overflow: hidden; tra= nsform: translate(50%); } .cadencedShimmerActive-DpK60y .cadencedShimmerSweep-ICUAVH, .cadencedShim= merActive-DpK60y .cadencedShimmerHighlight-VcX29h { animation-duration: 1s;= animation-timing-function: steps(48); animation-iteration-count: 1; } .cadencedShimmerActive-DpK60y .cadencedShimmerSweep-ICUAVH { animation-na= me: cadencedLoadingShimmerSweep-lzFXeT; } .cadencedShimmerActive-DpK60y .cadencedShimmerHighlight-VcX29h { animatio= n-name: cadencedLoadingShimmerHighlight-qNRRjT; } @media (prefers-reduced-motion: reduce) { .cadencedShimmerActive-DpK60y .cadencedShimmerSweep-ICUAVH, .cadencedShim= merActive-DpK60y .cadencedShimmerHighlight-VcX29h { animation: auto ease 0s= 1 normal none running none; } } @keyframes cadencedLoadingShimmerSweep-lzFXeT {=20 0% { transform: translate(-50%); } 100% { transform: translate(125%); } } @keyframes cadencedLoadingShimmerHighlight-qNRRjT {=20 0% { transform: translate(50%); } 100% { transform: translate(-125%); } } .ComposerLayoutRoot-XCKS7O { --side-tooltip: var(--side-composer-tooltip,= top); --padding-button-composer-inline: initial; --text-button-composer: in= itial; --line-height-button-composer: initial; --composer-editor-line-heigh= t: var(--line-height-composer); --composer-editor-min-height: var(--min-hei= ght-composer); --composer-editor-placeholder-opacity: var(--opacity-compose= r-placeholder); --composer-editor-single-line-height: initial; } .ComposerLayoutRoot-XCKS7O:where(:not([data-composer-radius-variant=3D"de= fault"][data-composer-surface-variant=3D"default"])) { --line-height-compos= er: calc(var(--spacing) * 5); --min-height-composer: calc(var(--spacing) * = 11); --padding-composer-input: 0 calc(var(--spacing) * 3); --spacing-compos= er-input-footer: var(--spacing); --padding-composer-empty-attachments: calc= (var(--spacing) * 2) calc(var(--spacing) * 2) calc(var(--spacing) * 1.5); -= -spacing-composer-footer-bottom: calc(var(--spacing) * 2); --opacity-compos= er-placeholder: .5; } .ComposerLayoutRoot-XCKS7O { flex-direction: column; display: flex; posit= ion: relative; } .ComposerLayoutRoot-XCKS7O[data-composer-density=3D"compact"] { --min-hei= ght-composer: calc(var(--spacing) * 5); --padding-composer-empty-attachment= s: calc(var(--spacing) * 2) calc(var(--spacing) * 2) var(--spacing); --spac= ing-token-button-composer: calc(var(--spacing) * 5); } .ComposerLayoutRoot-XCKS7O[data-composer-density=3D"comfortable"] { --spa= cing-token-button-composer: calc(var(--spacing) * 8); --spacing-composer-si= ngle-line-controls: calc(var(--spacing) * 2); --padding-composer-single-lin= e-footer-block: calc(var(--spacing) * 2); } .ComposerLayoutRoot-XCKS7O[data-composer-padding-variant=3D"inset"] { pad= ding: calc(var(--spacing) * 2.5); } .ComposerLayoutRoot-XCKS7O[data-composer-radius-variant=3D"default"] { --= composer-border-radius: var(--composer-radius); } .ComposerLayoutRoot-XCKS7O[data-composer-radius-variant=3D"large"] { --co= mposer-border-radius: calc(var(--spacing) * 7); } .ComposerLayoutRoot-XCKS7O { --composer-layout-surface-shadow: var(--elev= ation-composer); } .ComposerLayoutRoot-XCKS7O[data-composer-dark] { --composer-layout-surfac= e-shadow: var(--elevation-composer-dark); } .ComposerLayoutRoot-XCKS7O[data-composer-utility-bar-variant=3D"home"] { = z-index: 10; } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"default"], .C= omposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"opaque"] { --comp= oser-layout-surface-background: var(--color-surface-elevated-secondary); --= composer-layout-surface-backdrop-filter: none; } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"inline"] { --= composer-layout-surface-background: transparent; --composer-layout-surface-= backdrop-filter: none; --composer-layout-surface-shadow: none; } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"secondary"] {= --composer-layout-surface-background: var(--color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"secondary"] {= --composer-layout-surface-background: color-mix(in srgb, var(--color-surfa= ce-secondary) 92%, transparent); } } .ComposerLayoutRoot-XCKS7O[data-composer-drag-active] { --composer-layout= -surface-background: var(--color-surface-elevated-secondary); } @supports (color:color-mix(in lab, red, red)) { .ComposerLayoutRoot-XCKS7O[data-composer-drag-active] { --composer-layout= -surface-background: color-mix(in oklab, var(--color-surface-elevated-secon= dary) 50%, transparent); } } .ComposerLayoutRoot-XCKS7O:not([data-composer-surface-variant=3D"inline"]= ):not([data-composer-surface-variant=3D"secondary"]):not([data-composer-sur= face-variant=3D"document"]):not([data-composer-drag-active]):where([data-th= eme=3D"dark"]) { --composer-layout-surface-background: var(--app-color-back= ground-elevated-primary-opaque,var(--color-surface-elevated)); } @container style(--theme-variant: dark) { .ComposerLayoutRoot-XCKS7O:not([data-composer-surface-variant=3D"inline"]= ):not([data-composer-surface-variant=3D"secondary"]):not([data-composer-sur= face-variant=3D"document"]):not([data-composer-drag-active]):where(:not([da= ta-theme])) { --composer-layout-surface-background: var(--app-color-backgro= und-elevated-primary-opaque,var(--color-surface-elevated)); } } .ComposerLayoutRoot-XCKS7O[data-composer-radius-variant=3D"default"][data= -composer-surface-variant=3D"default"] { --padding-button-composer-inline: = var(--padding-composer-control-inline); --text-button-composer: var(--text-= composer-control); --line-height-button-composer: var(--line-height-compose= r-control); } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "]) { --composer-surface-border-radius: var(--composer-border-radius); } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-radius-variant=3D"large"] { border-radius: var(--composer= -border-radius); } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-radius-variant=3D"compact"] { --composer-border-radius: v= ar(--radius-lg); border-radius: var(--composer-border-radius); } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-radius-variant=3D"single-line"] { --composer-border-radiu= s: var(--radius-token-composer-single-line); border-radius: var(--composer-= border-radius); } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"single-line"] { overflow: visible; } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"single-line"][data-composer-radius-variant=3D"d= efault"] { --composer-surface-border-radius: var(--radius-full); border-rad= ius: var(--radius-full); } :is(.ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"= home"])[data-composer-layout=3D"single-line"][data-composer-radius-variant= =3D"default"]:has(.ComposerLayoutFooter-_8IVRO[data-composer-rows=3D"stacke= d"]), .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"= home"])[data-composer-layout=3D"single-line"][data-composer-radius-variant= =3D"default"]:has(.ComposerLayoutAttachments-bG080e[data-visible-attachment= s]), .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"h= ome"])[data-composer-layout=3D"single-line"][data-composer-radius-variant= =3D"default"]:has(.ComposerLayoutReplyContext-GGuZb3)) { --composer-surface= -border-radius: var(--composer-border-radius); border-radius: var(--compose= r-border-radius); corner-shape: var(--composer-corner-shape); } @media not all and (min-width: 40rem) { .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"single-line"][data-composer-radius-variant=3D"d= efault"]:has(.ComposerLayoutFooter-_8IVRO[data-composer-rows=3D"responsive"= ]) { --composer-surface-border-radius: var(--composer-border-radius); borde= r-radius: var(--composer-border-radius); corner-shape: var(--composer-corne= r-shape); } } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"multiline"][data-composer-surface-overflow=3D"a= uto"] { overflow-y: auto; } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"multiline"][data-composer-surface-overflow=3D"a= uto"] > .ComposerLayoutBody-uBBf1A { will-change: opacity; } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"multiline"][data-composer-surface-overflow=3D"v= isible"] { overflow: visible; } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "])[data-composer-layout=3D"multiline"][data-composer-radius-variant=3D"def= ault"] { border-radius: var(--composer-border-radius); corner-shape: var(--= composer-corner-shape); } .animatedHomeSurface-IXJ8Ap { interpolate-size: allow-keywords; } .ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home= "]), [data-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody-uBBf1= A { background-color: var(--composer-layout-surface-background); backdrop-f= ilter: var(--composer-layout-surface-backdrop-filter,none); box-shadow: var= (--composer-layout-surface-shadow); border: 0px !important; } @media (forced-colors: active) { :is(.ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"= home"]), [data-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody-u= BBf1A):where(:is([data-codex-window-type=3D"browser"], [data-codex-window-t= ype=3D"chrome-extension"], [data-codex-window-type=3D"electron"]) :is(.Comp= oserLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"home"]), [d= ata-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody-uBBf1A)) { b= ox-shadow: none; outline: canvastext solid 1px; } :is(.ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"= home"]), [data-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody-u= BBf1A):where([data-codex-window-type=3D"extension"] :is(.ComposerLayoutRoot= -XCKS7O:not([data-composer-utility-bar-variant=3D"home"]), [data-composer-u= tility-bar-variant=3D"home"] .ComposerLayoutBody-uBBf1A)) { box-shadow: non= e; border: 1px solid canvastext !important; } } :is(.ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"= home"]), [data-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody-u= BBf1A)[data-composer-radius-variant=3D"compact"] { box-shadow: none; border= : 1px solid var(--color-border) !important; } :is(.ComposerLayoutRoot-XCKS7O:not([data-composer-utility-bar-variant=3D"= home"]), [data-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody-u= BBf1A)[data-composer-radius-variant=3D"compact"][data-composer-surface-vari= ant=3D"inline"] { border: 0px !important; } .ComposerLayoutBody-uBBf1A { z-index: 10; flex-direction: column; flex: 1= 1 0%; min-height: 0px; display: flex; position: relative; } .ComposerLayoutBody-uBBf1A:has([data-composer-expand-toggle]) { --compose= r-expanded-height: min(calc(100svh / var(--codex-window-zoom) - var(--heigh= t-toolbar) - var(--spacing) * 32), calc(100cqh - var(--spacing) * 16), var(= --container-3xl)); } .ComposerLayoutBody-uBBf1A:has([data-composer-expand-toggle]) .ComposerLa= youtAttachments-bG080e { max-height: calc(var(--composer-expanded-height) /= 2); flex-shrink: 0; overflow-y: auto; } .ComposerLayoutBody-uBBf1A:has([data-expanded-composer]) { height: var(--= composer-expanded-height); flex: 0 0 auto; } .ComposerLayoutBody-uBBf1A:has([data-expanded-composer]) .ComposerLayoutF= ooter-_8IVRO { flex: 1 1 0%; grid-template-rows: minmax(0px, 1fr) auto; min= -height: 0px; } .ComposerLayoutBody-uBBf1A:has([data-expanded-composer]) .AdaptiveFooterI= nput-zji599 { align-self: stretch; min-height: 0px; display: flex; } .ComposerLayoutBody-uBBf1A:has([data-expanded-composer]) .ComposerLayoutI= nput-KwIAr_ { min-height: 0px; } [data-composer-utility-bar-variant=3D"home"][data-composer-radius-variant= =3D"large"] .ComposerLayoutBody-uBBf1A { --composer-surface-border-radius: = var(--composer-border-radius); border-radius: var(--composer-border-radius)= ; } [data-composer-utility-bar-variant=3D"home"][data-composer-radius-variant= =3D"single-line"] .ComposerLayoutBody-uBBf1A { --composer-border-radius: va= r(--radius-token-composer-single-line); --composer-surface-border-radius: v= ar(--composer-border-radius); border-radius: var(--composer-border-radius);= } [data-composer-utility-bar-variant=3D"home"][data-composer-radius-variant= =3D"default"] .ComposerLayoutBody-uBBf1A[data-composer-layout=3D"single-lin= e"] { --composer-surface-border-radius: var(--radius-full); border-radius: = var(--radius-full); } :is([data-composer-utility-bar-variant=3D"home"][data-composer-radius-var= iant=3D"default"] .ComposerLayoutBody-uBBf1A[data-composer-layout=3D"single= -line"]:has(.ComposerLayoutFooter-_8IVRO[data-composer-rows=3D"stacked"]), = [data-composer-utility-bar-variant=3D"home"][data-composer-radius-variant= =3D"default"] .ComposerLayoutBody-uBBf1A[data-composer-layout=3D"single-lin= e"]:has(.ComposerLayoutAttachments-bG080e[data-visible-attachments]), [data= -composer-utility-bar-variant=3D"home"][data-composer-radius-variant=3D"def= ault"] .ComposerLayoutBody-uBBf1A[data-composer-layout=3D"single-line"]:has= (.ComposerLayoutReplyContext-GGuZb3)) { --composer-surface-border-radius: v= ar(--composer-border-radius); border-radius: var(--composer-border-radius);= corner-shape: var(--composer-corner-shape); } @media not all and (min-width: 40rem) { [data-composer-utility-bar-variant=3D"home"][data-composer-radius-variant= =3D"default"] .ComposerLayoutBody-uBBf1A[data-composer-layout=3D"single-lin= e"]:has(.ComposerLayoutFooter-_8IVRO[data-composer-rows=3D"responsive"]) { = --composer-surface-border-radius: var(--composer-border-radius); border-rad= ius: var(--composer-border-radius); corner-shape: var(--composer-corner-sha= pe); } } [data-composer-utility-bar-variant=3D"home"][data-composer-radius-variant= =3D"default"] .ComposerLayoutBody-uBBf1A[data-composer-layout=3D"multiline"= ] { --composer-surface-border-radius: var(--composer-border-radius); border= -radius: var(--composer-border-radius); corner-shape: var(--composer-corner= -shape); } .ComposerAttachmentsScrollContainer-Fb8DHA { padding-inline: var(--spacin= g); } .ComposerLayoutReplyContext-GGuZb3 { background-color: var(--color-surfac= e-secondary); border-start-start-radius: var(--composer-border-radius); bor= der-start-end-radius: var(--composer-border-radius); flex-shrink: 0; overfl= ow: clip; } [data-composer-dark] .ComposerLayoutReplyContext-GGuZb3 { background-colo= r: var(--color-surface-tertiary); } @supports (corner-shape:superellipse(1.5)) { [data-composer-radius-variant=3D"default"] .ComposerLayoutReplyContext-GG= uZb3 { corner-shape: var(--codex-corner-shape); } } .ComposerLayoutAttachments-bG080e[data-composer-floating-surface] { --com= poser-border-radius: var(--floating-panel-radius); } .ComposerLayoutAttachments-bG080e[data-composer-spacing=3D"flush"][data-v= isible-attachments] { margin-bottom: 5px; } .ComposerLayoutAttachments-bG080e[data-composer-spacing=3D"default"] { --= composer-attachment-inset: calc(var(--spacing) * 2); --composer-attachment-= border-radius: max(0px, calc(var(--composer-border-radius) - var(--composer= -attachment-inset) - var(--spacing))); padding-top: ; padding-right: ; padd= ing-left: ; padding-bottom: calc(var(--spacing) * 1.5); } .ComposerLayoutAttachments-bG080e[data-composer-spacing=3D"default"]:not(= [data-visible-attachments]) { padding: var(--padding-composer-empty-attachm= ents); } .ComposerLayoutAttachments-bG080e[data-composer-spacing=3D"default"]:has(= > [data-composer-attachments-scroll-container]) { padding-inline: 0px; } .ComposerLayoutAttachments-bG080e[data-composer-spacing=3D"default"]:has(= > [data-composer-attachments-scroll-container]) > [data-composer-attachment= s-scroll-container] { padding-inline: calc(var(--composer-attachment-inset)= + var(--spacing)); } .ComposerLayoutAttachments-bG080e[data-composer-spacing=3D"default"]:not(= [data-composer-inline]) .composer-attachment-surface { corner-shape: var(--= composer-corner-shape); } .ComposerLayoutInput-KwIAr_ { --composer-editor-padding: 0px; } .ComposerLayoutInput-KwIAr_[data-composer-animate-layout] { display: flow= -root; } .ComposerLayoutInput-KwIAr_[data-composer-layout=3D"multiline"] { margin-= bottom: var(--spacing); } .ComposerLayoutInput-KwIAr_[data-composer-layout=3D"multiline"][data-comp= oser-input-variant=3D"work-home"] { --composer-editor-min-height: max(var(-= -min-height-composer), calc(var(--composer-editor-line-height) * var(--min-= rows-composer-work-home))); } .ComposerLayoutInput-KwIAr_[data-composer-layout=3D"multiline"][data-comp= oser-spacing=3D"default"] { margin-bottom: var(--spacing-composer-input-foo= ter); padding: var(--padding-composer-input); } .ComposerLayoutInput-KwIAr_[data-composer-layout=3D"multiline"][data-comp= oser-spacing=3D"default"]:not([data-composer-animate-layout]):has(> [data-c= omposer-input-layout=3D"multiline"]) { --composer-editor-padding: var(--pad= ding-composer-input); padding: 0px; } .ComposerLayoutInput-KwIAr_[data-composer-layout=3D"multiline"][data-comp= oser-spacing=3D"flush"] { padding-inline: 0px; } .ComposerLayoutFooter-_8IVRO[data-dictation-view] { transition: padding-b= lock 0.22s cubic-bezier(0.2, 0, 0, 1), margin-bottom 0.22s cubic-bezier(0.2= , 0, 0, 1); } .ComposerLayoutBody-uBBf1A:has(.ComposerLayoutFooter-_8IVRO[data-dictatio= n-view]) .ComposerLayoutAttachments-bG080e:not([data-visible-attachments]) = { transition: padding-block 0.22s cubic-bezier(0.2, 0, 0, 1), margin-bottom= 0.22s cubic-bezier(0.2, 0, 0, 1); } :is(.ComposerLayoutBody-uBBf1A:has(.ComposerLayoutFooter-_8IVRO[data-dict= ation-view]) .ComposerLayoutAttachments-bG080e:not([data-visible-attachment= s]), .ComposerLayoutFooter-_8IVRO[data-dictation-view]):where(:root[data-re= duced-motion=3D"true"] :is(.ComposerLayoutBody-uBBf1A:has(.ComposerLayoutFo= oter-_8IVRO[data-dictation-view]) .ComposerLayoutAttachments-bG080e:not([da= ta-visible-attachments]), .ComposerLayoutFooter-_8IVRO[data-dictation-view]= )) { transition: none; } @media (prefers-reduced-motion: reduce) { :is(.ComposerLayoutBody-uBBf1A:has(.ComposerLayoutFooter-_8IVRO[data-dict= ation-view]) .ComposerLayoutAttachments-bG080e:not([data-visible-attachment= s]), .ComposerLayoutFooter-_8IVRO[data-dictation-view]):where(:root:not([da= ta-reduced-motion]) :is(.ComposerLayoutBody-uBBf1A:has(.ComposerLayoutFoote= r-_8IVRO[data-dictation-view]) .ComposerLayoutAttachments-bG080e:not([data-= visible-attachments]), .ComposerLayoutFooter-_8IVRO[data-dictation-view])) = { transition: none; } } .ComposerLayoutBody-uBBf1A:has(.ComposerLayoutFooter-_8IVRO[data-dictatio= n-view=3D"waveform"]) .ComposerLayoutAttachments-bG080e:not([data-visible-a= ttachments]) { padding-block: 0px; } .ComposerLayoutFooter-_8IVRO { user-select: none; align-items: center; di= splay: grid; } .ComposerLayoutFooter-_8IVRO[data-composer-footer-responsive] { container= : composer-footer / inline-size; } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"single-line"] { colu= mn-gap: var(--spacing-composer-single-line-controls); padding-block: var(--= padding-composer-single-line-footer-block); padding-inline: calc(var(--spac= ing) * 2); grid-template-columns: auto minmax(0px, 1fr) auto; } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"multiline"] { grid-t= emplate-columns: minmax(0px, auto) auto minmax(0px, 1fr); column-gap: 5px; = } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"multiline"][data-com= poser-spacing=3D"flush"] { margin-bottom: 0px; padding-inline: 0px; } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"multiline"][data-com= poser-spacing=3D"default"] { margin-bottom: var(--spacing-composer-footer-b= ottom); padding-inline: calc(var(--spacing) * 2); } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"single-line"][data-c= omposer-rows=3D"stacked"] { grid-template-columns: minmax(0px, auto) auto m= inmax(0px, 1fr); } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"single-line"][data-c= omposer-rows=3D"stacked"]:not([data-dictation-view=3D"waveform"]) { padding= -block: 0 var(--padding-composer-single-line-footer-block); } .ComposerLayoutFooter-_8IVRO[data-composer-layout=3D"single-line"][data-c= omposer-rows=3D"stacked"] > .AdaptiveFooterInput-zji599 .ComposerLayoutInpu= t-KwIAr_[data-composer-layout=3D"single-line"][data-composer-spacing=3D"def= ault"] { --composer-editor-single-line-height: var(--composer-editor-line-h= eight); padding-block: calc(var(--spacing) * 2.75) calc(var(--spacing) * 1.= 5); padding-inline: calc(var(--spacing) * 3.75) calc(var(--spacing) * 3.5);= } @media not all and (min-width: 40rem) { .ComposerLayoutFooter-_8IVRO[data-composer-rows=3D"responsive"] { padding= -block: 0 var(--padding-composer-single-line-footer-block); grid-template-c= olumns: minmax(0px, auto) auto minmax(0px, 1fr); } .ComposerLayoutFooter-_8IVRO[data-composer-rows=3D"responsive"] > .Adapti= veFooterInput-zji599 .ComposerLayoutInput-KwIAr_[data-composer-layout=3D"si= ngle-line"][data-composer-spacing=3D"default"] { --composer-editor-single-l= ine-height: var(--composer-editor-line-height); padding-block: calc(var(--s= pacing) * 2.75) calc(var(--spacing) * 1.5); padding-inline: calc(var(--spac= ing) * 3.75) calc(var(--spacing) * 3.5); } } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"document"] { = --composer-layout-surface-background: var(--color-surface-secondary); --com= poser-layout-surface-backdrop-filter: none; --composer-layout-surface-shado= w: none; --composer-border-radius: var(--radius-md); --min-height-composer:= 1lh; --padding-composer-empty-attachments: 0; --padding-composer-input: 0 = var(--spacing); --spacing-composer-input-footer: 0; --spacing-composer-foot= er-bottom: 0; inline-size: max-content; max-inline-size: 100%; min-inline-s= ize: calc(var(--spacing) * 16); } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"document"] .C= omposerLayoutInput-KwIAr_ { inline-size: max-content; max-inline-size: 100%= ; } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"document"] .D= ocumentComposerControls-VM3LZc { border: 1px solid var(--color-border); bor= der-radius: var(--radius-lg); width: max-content; padding: var(--spacing); = background: var(--color-surface-elevated-secondary); box-shadow: var(--shad= ow-lg); display: flex; position: absolute; inset-block-start: 100%; inset-i= nline-end: 0px; } .ComposerLayoutRoot-XCKS7O[data-composer-surface-variant=3D"document"]:no= t(:hover):not(:focus-within) .DocumentComposerControls-VM3LZc { visibility:= hidden; } .ComposerLayoutFooterLabel-B4ewUG { text-overflow: ellipsis; white-space:= nowrap; overflow: hidden; } .ComposerLayoutFooterLabel-B4ewUG[data-composer-footer-label-width=3D"nar= row"] { max-width: calc(var(--spacing) * 16); } .ComposerLayoutFooterLabel-B4ewUG[data-composer-footer-label-width=3D"med= ium"] { max-width: calc(var(--spacing) * 20); } .ComposerLayoutFooterLabel-B4ewUG[data-composer-footer-label-width=3D"wid= e"] { max-width: calc(var(--spacing) * 28); } @container composer-footer (width <=3D 440px) { .ComposerLayoutFooterLabel-B4ewUG[data-composer-footer-label-responsive] = { display: none; } } @container composer-footer (width <=3D 475px) { [data-codex-window-type=3D"electron"] .ComposerLayoutFooterLabel-B4ewUG[d= ata-composer-footer-label-responsive] { display: none; } } .ComposerModeSurface-lVLm7j { flex-direction: column; display: flex; } .ComposerModeSurface-lVLm7j:has([data-composer-mode-tag]) { --composer-mo= de-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .ComposerModeSurface-lVLm7j:has([data-composer-mode-tag]) { --composer-mo= de-color: color-mix(in srgb, var(--color-text) 8%, var(--color-background-p= rimary-soft)); } } .ComposerModeSurface-lVLm7j:has([data-composer-mode-tag]) .ComposerLayout= Root-XCKS7O:not([data-composer-utility-bar-variant=3D"home"]) { outline: 1p= x solid var(--composer-mode-color); } .ComposerModeSurface-lVLm7j:has([data-composer-mode-tag]) > .ComposerLayo= utBody-uBBf1A { outline: 1px solid var(--composer-mode-color); } .ComposerModeSurface-lVLm7j:has([data-composer-mode-tag]) .ComposerLayout= Root-XCKS7O[data-composer-utility-bar-variant=3D"home"] .ComposerLayoutBody= -uBBf1A { outline: 1px solid var(--composer-mode-color); } .ComposerLayoutRoot-XCKS7O[data-composer-density=3D"default"] > .Composer= LayoutFooter-_8IVRO[data-dictation-enabled][data-composer-rows] { padding-t= op: calc(var(--spacing) * 2); padding-bottom: calc(var(--spacing) * 2); mar= gin-bottom: 0px; } .ComposerLayoutRoot-XCKS7O[data-composer-density=3D"default"] > .Composer= LayoutFooter-_8IVRO[data-dictation-enabled][data-composer-rows][data-dictat= ion-view] .ComposerLayoutInput-KwIAr_, .ComposerLayoutRoot-XCKS7O[data-comp= oser-density=3D"default"] > .ComposerLayoutFooter-_8IVRO[data-dictation-ena= bled][data-composer-rows][data-composer-layout=3D"multiline"] .ComposerLayo= utInput-KwIAr_ { min-height: calc(var(--spacing) * 10); --composer-editor-m= in-height: calc(var(--spacing) * 10); --composer-editor-line-height: calc(v= ar(--spacing) * 6); margin-bottom: calc(var(--spacing) * 2); } .ComposerLayoutRoot-XCKS7O[data-composer-density=3D"default"]:has(> [data= -dictation-enabled]) { --spacing-token-button-composer: calc(var(--spacing)= * 9); } :where(.Favicon-xZwQNw) { position: relative; } .ActiveProjectSelectorTrigger-wA4v1k { border-radius: var(--radius-full);= min-width: 0px; display: inline-flex; position: relative; } .ActiveProjectSelectorTrigger-wA4v1k[data-clear-project-available]:hover = { background-color: var(--color-background-primary-ghost-hover); } .ActiveProjectSelectorTrigger-wA4v1k[data-clear-project-available][data-s= ubtle-hover]:hover { background-color: rgba(0, 0, 0, 0); } .ActiveProjectSelectorTrigger-wA4v1k[data-clear-project-available]:hover = [data-project-selector-icon] { opacity: 0; } .ActiveProjectSelectorTrigger-wA4v1k[data-clear-project-available]:has([d= ata-clear-project-button]:focus-visible) [data-project-selector-icon] { opa= city: 0; } @container composer-footer (width <=3D 300px) { .ActiveProjectSelectorTrigger-wA4v1k[data-clear-project-available]:hover = [data-project-selector-icon] { opacity: 1; } .ActiveProjectSelectorTrigger-wA4v1k[data-clear-project-available]:has([d= ata-clear-project-button]:focus-visible) [data-project-selector-icon] { opa= city: 1; } } @container composer-footer (width <=3D 475px) { [data-codex-window-type=3D"electron"] .ActiveProjectSelectorTrigger-wA4v1= k[data-clear-project-available]:hover [data-project-selector-icon] { opacit= y: 1; } [data-codex-window-type=3D"electron"] .ActiveProjectSelectorTrigger-wA4v1= k[data-clear-project-available]:has([data-clear-project-button]:focus-visib= le) [data-project-selector-icon] { opacity: 1; } } .ActiveProjectSelectorTriggerClearButton-HZLulK { z-index: 10; aspect-rat= io: 1 / 1; border-radius: var(--radius-full); color: var(--color-text-terti= ary); cursor: var(--cursor-interaction); opacity: 0; pointer-events: none; = app-region: no-drag; justify-content: center; align-items: center; display:= flex; position: absolute; inset-block: 0px; inset-inline-start: 0px; } .ActiveProjectSelectorTriggerClearButton-HZLulK:hover { color: var(--colo= r-text); } .ActiveProjectSelectorTriggerClearButton-HZLulK:focus { outline: none; } .ActiveProjectSelectorTriggerClearButton-HZLulK:focus-visible { box-shado= w: 0 0 0 1px var(--color-ring); } [data-clear-project-available]:hover .ActiveProjectSelectorTriggerClearBu= tton-HZLulK, .ActiveProjectSelectorTriggerClearButton-HZLulK:focus-visible = { opacity: 1; pointer-events: auto; } @container composer-footer (width <=3D 300px) { .ActiveProjectSelectorTriggerClearButton-HZLulK { display: none; } } @container composer-footer (width <=3D 475px) { [data-codex-window-type=3D"electron"] .ActiveProjectSelectorTriggerClearB= utton-HZLulK { display: none; } } .ComposerFooterLabel-rW5dw9 { min-width: 0px; } .ComposerFooterLabel-rW5dw9[data-composer-footer-layout=3D"inline"] { ali= gn-items: center; gap: var(--spacing); font-size: var(--text-sm); line-heig= ht: var(--text-sm--line-height); display: flex; } @container composer-footer (width <=3D 300px) { .ComposerFooterLabel-rW5dw9[data-composer-footer-collapse=3D"xs"] { displ= ay: none; } } @container composer-footer (width <=3D 440px) { .ComposerFooterLabel-rW5dw9[data-composer-footer-collapse=3D"sm"], .Compo= serFooterLabel-rW5dw9[data-composer-footer-collapse=3D"secondary"] { displa= y: none; } } @container composer-footer (width <=3D 520px) { [data-composer-navigation-target=3D"permissions"] .ComposerFooterLabel-rW= 5dw9:where([data-codex-window-type=3D"browser"] .ComposerFooterLabel-rW5dw9= ) { display: none; } } @container composer-footer (width <=3D 475px) { :is([data-codex-window-type=3D"electron"] .ComposerFooterLabel-rW5dw9[dat= a-composer-footer-collapse=3D"sm"], [data-codex-window-type=3D"electron"] .= ComposerFooterLabel-rW5dw9[data-composer-footer-collapse=3D"xs"]) { display= : none; } } @container composer-footer (width <=3D 480px) { [data-codex-window-type=3D"electron"] .ComposerFooterLabel-rW5dw9[data-co= mposer-footer-collapse=3D"secondary"] { display: none; } } .ComposerDropdownLabel-PL6NWE { --composer-dropdown-label-color: var(--co= lor-text); display: contents; } .ComposerDropdownLabel-PL6NWE[data-composer-dropdown-foreground=3D"second= ary"] { --composer-dropdown-label-color: var(--color-text-secondary); } .ComposerDropdownLabel-PL6NWE[data-composer-dropdown-foreground=3D"tertia= ry"] { --composer-dropdown-label-color: var(--color-text-tertiary); } .ComposerDropdownLabel-PL6NWE[data-composer-dropdown-foreground=3D"warnin= g"] { --composer-dropdown-label-color: var(--color-text-warning); } .ComposerDropdownLabelIcon-VKSlQG { width: calc(var(--spacing) * 4); heig= ht: calc(var(--spacing) * 4); color: var(--composer-dropdown-label-color); = flex-shrink: 0; justify-content: center; align-self: center; align-items: c= enter; line-height: 1; display: flex; } .ComposerDropdownLabelIcon-VKSlQG[data-composer-dropdown-icon=3D"surface"= ] { width: auto; height: auto; } .ComposerDropdownLabelIcon-VKSlQG:not([data-composer-dropdown-icon=3D"sur= face"]) svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) = * 4); color: currentcolor; display: block; } .ComposerDropdownLabelText-SATSZh { align-items: center; gap: var(--spaci= ng); text-align: start; min-width: 0px; display: inline-flex; } .ComposerDropdownLabel-PL6NWE:not([data-composer-dropdown-has-category]) = .ComposerDropdownLabelText-SATSZh { display: contents; } .ComposerDropdownLabelCategory-YYNWPp { color: var(--color-text); flex-sh= rink: 0; font-weight: 400; display: none; } [data-composer-placement=3D"home"] .ComposerDropdownLabelCategory-YYNWPp = { display: inline; } .ComposerDropdownLabelValue-w7SgVc { --composer-dropdown-label-value-colo= r: var(--composer-dropdown-label-color); min-width: 0px; color: var(--compo= ser-dropdown-label-value-color); text-overflow: ellipsis; white-space: nowr= ap; font-weight: 400; overflow: hidden; } .ComposerDropdownLabelValue-w7SgVc svg { width: calc(var(--spacing) * 4);= max-width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); max= -height: calc(var(--spacing) * 4); color: currentcolor; } [data-composer-dropdown-viewport=3D"expanded"] .ComposerDropdownLabelValu= e-w7SgVc { text-overflow: clip; max-width: none; overflow: visible; } [data-composer-placement=3D"home"] .ComposerDropdownLabelValue-w7SgVc { -= -composer-dropdown-label-value-color: var(--color-text-tertiary); text-over= flow: clip; } [data-composer-placement=3D"home"] .ComposerDropdownLabel-PL6NWE:not([dat= a-composer-dropdown-has-category]) .ComposerDropdownLabelValue-w7SgVc, [dat= a-composer-placement=3D"home"] button:enabled:hover .ComposerDropdownLabelV= alue-w7SgVc, [data-composer-placement=3D"home"] button:enabled[data-state= =3D"open"] .ComposerDropdownLabelValue-w7SgVc { --composer-dropdown-label-v= alue-color: var(--color-text); } .ComposerDropdownLabelValueContent-MVbP4f { text-overflow: ellipsis; whit= e-space: nowrap; min-width: 0px; max-width: 100%; display: block; overflow:= hidden; } [data-composer-dropdown-foreground=3D"secondary"] .ComposerDropdownLabelV= alueContent-MVbP4f, [data-composer-dropdown-foreground=3D"tertiary"] .Compo= serDropdownLabelValueContent-MVbP4f, [data-composer-dropdown-foreground=3D"= warning"] .ComposerDropdownLabelValueContent-MVbP4f { color: var(--composer= -dropdown-label-color); } [data-composer-placement=3D"home"] .ComposerDropdownLabelValueContent-MVb= P4f { text-overflow: clip; } [data-composer-placement=3D"home"] .ComposerDropdownLabel-PL6NWE:not([dat= a-composer-dropdown-viewport=3D"expanded"]) .ComposerDropdownLabelValueCont= ent-MVbP4f[data-composer-dropdown-overflowing] { mask-image: linear-gradien= t(90deg, rgb(0, 0, 0) calc(100% - 1rem), rgba(0, 0, 0, 0)); } [data-composer-dropdown-viewport=3D"expanded"] .ComposerDropdownLabelValu= eContent-MVbP4f { text-overflow: clip; max-width: none; overflow: visible; = } .ComposerDropdownLabelChevron-kNOQZT { width: calc(var(--spacing) * 4); h= eight: calc(var(--spacing) * 4); color: var(--composer-dropdown-label-color= ); flex-shrink: 0; } [data-composer-placement=3D"home"] .ComposerDropdownLabelChevron-kNOQZT {= display: none; } .ComposerDropdownLabelSecondaryChevron-aurcxo { width: calc(var(--spacing= ) * 4); height: calc(var(--spacing) * 4); justify-content: center; align-se= lf: center; align-items: center; display: inline-flex; } [data-composer-placement=3D"home"] .ComposerDropdownLabelSecondaryChevron= -aurcxo { display: none; } @container composer-footer (width <=3D 420px) { [data-codex-window-type=3D"electron"] .ComposerDropdownLabelSecondaryChev= ron-aurcxo { display: none; } } .ComposerFooterDropdown-_qnzVx { align-items: center; min-width: 0px; } [data-composer-placement=3D"home"] .ComposerFooterDropdown-_qnzVx { --h-t= oken-button-composer-gap: calc(var(--spacing) * 1.5); max-width: calc(var(-= -spacing) * 56); flex-shrink: 0; overflow: hidden; } @keyframes fade-in-HYTrVJ {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in-marker-re9IOT {=20 0% { color: rgba(0, 0, 0, 0); } } @keyframes image-enter-VfEUgK {=20 0% { opacity: 0; transform: scale(0.98); } 100% { opacity: 1; transform: scale(1); } } :root { --wide-block-panel-max-width-override: calc(infinity * 1px); } [data-app-shell-main-content-layout]:has([data-pip-obstacle=3D"thread-sum= mary-panel"]) { --wide-block-panel-max-width-override: initial; } :is(.MediaWideBlock-f485En, .MermaidWideBlock-RqYZqT, .TableContainer-UfI= Oz_[data-wide-block], .VisualizationWideBlock-S7EK3X) { --wide-block-panel-= max-width: var(--wide-block-panel-max-width-override,calc(100cqi - var(--th= read-content-max-width) + (var(--thread-content-margin,24px) * 3) + (var(--= thread-wide-block-inline-shift,0px) * 2))); } .MediaWideBlock-f485En { --wide-block-width: min(var(--markdown-wide-bloc= k-max-width), var(--wide-block-container-max-width), var(--wide-block-panel= -max-width,var(--wide-block-container-max-width))); } :is(.MediaWideBlock-f485En, .MermaidWideBlock-RqYZqT:not(:has([data-merma= id-streaming]))) { width: var(--wide-block-width); max-width: none; } .MermaidWideBlock-RqYZqT, .VisualizationWideBlock-S7EK3X { --wide-block-c= ontainer-max-width: max(100%, calc(100cqi - (var(--padding-toolbar) * 2) - = (var(--thread-content-margin,24px) * 2) - (var(--spacing) * 18) - (var(--th= read-wide-block-inline-shift,0px) * 2))); --wide-block-default-max-width: m= in(calc(var(--markdown-wide-block-max-width) + 8rem), var(--wide-block-cont= ainer-max-width), var(--wide-block-panel-max-width,var(--wide-block-contain= er-max-width))); } .MermaidWideBlock-RqYZqT:not(:has([data-mermaid-streaming])) { --wide-blo= ck-width: var(--wide-block-default-max-width); margin-left: calc((100% - va= r(--wide-block-width)) / 2); } .VisualizationBlock-BXpp50.VisualizationWideBlock-S7EK3X { --wide-block-w= idth: var(--wide-block-default-max-width); width: var(--wide-block-width); = max-width: none; margin-left: calc((100% - var(--wide-block-width)) / 2); } .MediaWideBlock-f485En { --wide-block-container-max-width: max(100%, calc= (50cqi + 50% - var(--padding-toolbar) - var(--thread-wide-block-inline-shif= t,0px))); margin-left: 0px; } .Paragraph-kKnbIo, .VisualizationBlock-BXpp50 { margin: 0 0 var(--markdow= n-space); } .VisualizationBlock-BXpp50 { font-family: var(--font-sans); display: flow= -root; } .Paragraph-kKnbIo, .Heading-Ro3lZr, .ListItem-ncLgmg, .Table-LqdUhs { fon= t-family: var(--font-content); } .MediaParagraph-HnYrwo { text-align: left; } .MediaGridParagraph-Z32buN { flex-wrap: wrap; align-items: flex-start; ga= p: 12px; display: flex; } .Heading-Ro3lZr { font-weight: var(--font-weight-semibold); } .Heading-Ro3lZr:where(h1) { margin: calc(var(--markdown-space) * 4) 0 cal= c(var(--markdown-space) * 2); font-size: calc(var(--markdown-font-size) * 1= .5); line-height: calc(var(--markdown-space) * 8); } .Heading-Ro3lZr:where(h2) { margin: calc(var(--markdown-space) * 4) 0 var= (--markdown-space); font-size: calc(var(--markdown-font-size) * 1.25); line= -height: calc(var(--markdown-space) * 7); } .Heading-Ro3lZr:where(h3) { margin: calc(var(--markdown-space) * 4) 0 var= (--markdown-space); font-size: calc(var(--markdown-font-size) * 1.125); lin= e-height: calc(var(--markdown-space) * 7); } .Heading-Ro3lZr:where(h4) { margin: calc(var(--markdown-space) * 4) 0 0; = font-size: var(--markdown-font-size); line-height: calc(var(--markdown-spac= e) * 6); } .Heading-Ro3lZr:where(h5, h6) { font-size: var(--markdown-font-size); lin= e-height: var(--markdown-line-height); margin: 0px; } .Heading-Ro3lZr:where(h4) + .Paragraph-kKnbIo { margin-top: 0px; } .List-kOVW5V { margin: 0px; padding-inline-start: var(--markdown-line-hei= ght); list-style-position: outside; } .MarkdownRoot-rZKhxa > .Paragraph-kKnbIo[data-markdown-han-text]:has(+ .P= aragraph-kKnbIo[data-markdown-han-text]) { margin-bottom: var(--spacing); } .MarkdownRoot-rZKhxa > :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50)= :not(:first-child) { margin-top: calc(var(--markdown-space) * 2); } .MarkdownRoot-rZKhxa > :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50)= + :is(.Paragraph-kKnbIo, .VisualizationBlock-BXpp50) { margin-block: calc(= var(--markdown-space) * 4); } .MarkdownRoot-rZKhxa > .Heading-Ro3lZr:where(h1, h2, h3) + .Paragraph-kKn= bIo, .MarkdownRoot-rZKhxa > .Paragraph-kKnbIo + .List-kOVW5V { margin-top: = 0px; } .MarkdownRoot-rZKhxa > .List-kOVW5V + .Heading-Ro3lZr { margin-top: calc(= var(--markdown-space) * 4); } .UnorderedList-nqKD7g { list-style-type: disc; } .List-kOVW5V .UnorderedList-nqKD7g { list-style-type: circle; } .List-kOVW5V .List-kOVW5V .UnorderedList-nqKD7g { list-style-type: square= ; } .OrderedList-XsMUSX { list-style-type: decimal; } .TaskList-QsR4bm { padding-inline-start: 0px; list-style-type: none; } .ListItem-ncLgmg { padding-inline-start: calc(var(--markdown-space) * 1.5= ); display: list-item; } .ListItem-ncLgmg + .ListItem-ncLgmg { margin-top: 0px; } .ListItem-ncLgmg > :first-child:not(h1, h2, h3) { margin-top: 0px; margin= -bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > :last-child:no= t(h1, h2, h3) { margin-bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content])[data-starts-with= -heading] > :nth-child(1 of h1, h2, h3) { margin-top: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content])[data-ends-with-h= eading] > :nth-last-child(1 of h1, h2, h3) { margin-bottom: 0px; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > p { margin: 0p= x; } :is(.ListItem-ncLgmg, [data-markdown-list-item-content]) > p + p { margin= -top: calc(var(--markdown-space) * 4); } .ListItem-ncLgmg > .List-kOVW5V { margin-top: 0px; margin-bottom: 0px; } .TaskListItem-ZeZMab { --markdown-task-checkbox-margin: 0; padding-inline= -start: 0px; list-style-type: none; } .TaskListItem-ZeZMab:has(> p, > [data-markdown-list-item-content]) { --ma= rkdown-task-checkbox-margin: var(--markdown-space); grid-template-columns: = auto minmax(0px, 1fr); display: grid; } .TaskListItem-ZeZMab.TaskListItem-ZeZMab > :first-child { margin-top: var= (--markdown-task-checkbox-margin); } .TaskListItem-ZeZMab > :not(:first-child) { grid-column: 2; } .UnorderedList-nqKD7g > .ListItem-ncLgmg::marker { color: var(--text-prim= ary); font-weight: var(--font-weight-semibold); } .OrderedList-XsMUSX > .ListItem-ncLgmg::marker { color: var(--text-primar= y); font-weight: var(--font-weight-semibold); } .Blockquote-EqEEot { margin: 0 0 calc(var(--markdown-space) * 2); color: = var(--text-primary); font-style: normal; line-height: calc(var(--markdown-s= pace) * 6); padding-block: calc(var(--markdown-space) * 2); border: 0px; pa= dding-inline-start: calc(var(--markdown-space) * 6); position: relative; ba= ckground-color: rgba(0, 0, 0, 0) !important; } .Blockquote-EqEEot > :first-child { margin-top: 0px; } .Blockquote-EqEEot > :last-child { margin-bottom: 0px; } .Blockquote-EqEEot > .Paragraph-kKnbIo { font-weight: var(--font-weight-n= ormal); margin: 0px; } .Blockquote-EqEEot > .Paragraph-kKnbIo::before, .Blockquote-EqEEot > .Par= agraph-kKnbIo::after { content: none; } .Blockquote-EqEEot::after { content: ""; inset-inline-start: 0px; top: ca= lc(var(--markdown-space) * 2); bottom: calc(var(--markdown-space) * 2); wid= th: var(--markdown-space); border-radius: calc(var(--markdown-space) / 2); = background-color: var(--border-medium); position: absolute; } .HorizontalRule-ByOEk_ { clear: both; height: 0px; margin: calc(var(--mar= kdown-space) * 7) 0; border-right: 0px; border-bottom: 0px; border-left: 0p= x; border-image: none; border-top: 1px solid var(--border-medium); } .HorizontalRule-ByOEk_ + * { margin-top: 0px; } .MarkdownRoot-rZKhxa { --markdown-host-font-size: var(--codex-chat-font-s= ize); --markdown-host-small-font-size: var(--codex-chat-code-font-size); --= markdown-font-size: var(--markdown-host-font-size); --markdown-line-height:= calc(var(--markdown-font-size) * var(--leading-relaxed)); --markdown-small= -font-size: max(var(--markdown-host-small-font-size), calc(var(--markdown-f= ont-size) * .875)); --markdown-space: calc(var(--markdown-font-size) / 4); = --text-primary: currentColor; --border-medium: var(--color-border-strong); = --border-light: var(--color-border-subtle); --main-surface-secondary: var(-= -color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .MarkdownRoot-rZKhxa { --main-surface-secondary: color-mix(in srgb, var(-= -color-surface-secondary) 92%, transparent); } } .MarkdownRoot-rZKhxa { color: var(--color-text); font-size: var(--markdow= n-font-size); line-height: var(--markdown-line-height); overflow-wrap: anyw= here; } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"inherit"] { color: inheri= t; } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"inherit"] .ExternalMarkdo= wnLink-WWBYg9 { --vscode-textLink-foreground: var(--markdown-link-color,cur= rentColor); --vscode-textLink-activeForeground: var(--markdown-link-color,c= urrentColor); --inline-mention-dark-base-color: currentColor; --inline-ment= ion-resolved-base-color: currentColor; color: var(--markdown-link-color,inh= erit); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"tertiary"] { color: var(-= -color-text-tertiary); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"user-message"] { color: v= ar(--color-text-user-message); } .MarkdownRoot-rZKhxa[data-markdown-text-tone=3D"user-message"] .ExternalM= arkdownLink-WWBYg9 { --inline-mention-dark-base-color: var(--color-text-use= r-message); --inline-mention-resolved-base-color: var(--color-text-user-mes= sage); } .MarkdownRoot-rZKhxa :is(.Paragraph-kKnbIo, .List-kOVW5V, .ListItem-ncLgm= g, .Table-LqdUhs) { font-size: var(--markdown-font-size); line-height: var(= --markdown-line-height); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"inherit"] { --markdown-f= ont-size: 1em; --markdown-line-height: 1lh; color: inherit; } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"base"] { --markdown-font= -size: var(--text-base); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"large"] { --markdown-fon= t-size: var(--text-lg); } .MarkdownRoot-rZKhxa[data-markdown-text-style=3D"small"] { --markdown-fon= t-size: var(--text-sm); } .MarkdownRoot-rZKhxa .Table-LqdUhs, .MarkdownRoot-rZKhxa[data-markdown-te= xt-style] .Table-LqdUhs { font-size: var(--markdown-small-font-size); } .MarkdownRoot-rZKhxa .katex-display { max-width: 100%; overflow: auto hid= den; } [data-codex-window-type=3D"browser"] .MarkdownRoot-rZKhxa { --markdown-ho= st-font-size: var(--text-base); --markdown-host-small-font-size: var(--text= -sm); } .MarkdownTablePreview-WF8OXs { border: 1px solid var(--color-border); bor= der-radius: var(--radius-2xl); background-color: var(--color-surface-elevat= ed-secondary); max-width: 80%; max-height: 100%; padding: calc(var(--spacin= g) * 8); box-shadow: var(--shadow-2xl); margin: auto; display: flex; overfl= ow: hidden; } [data-codex-window-type=3D"extension"] .MarkdownRoot-rZKhxa { --thread-co= ntent-max-width: 40rem; } .TableContainer-UfIOz_ { width: 100%; margin-top: calc(var(--markdown-spa= ce) * 4); position: relative; } .TableContainer-UfIOz_[data-wide-block] { --edge-fade-distance: calc(var(= --thread-content-margin,24px) * 4); --wide-block-width: max(100%, min(calc(= 50cqi + 50% - var(--padding-toolbar) - var(--thread-content-margin,24px) - = var(--thread-wide-block-inline-shift,0px)), calc((100% + var(--wide-block-p= anel-max-width)) / 2))); width: fit-content; max-width: var(--wide-block-wi= dth); } .TableContainer-UfIOz_:not([data-wide-block]) .TableWrapper-i1mUIE { min-= width: 100%; } .TableContainer-UfIOz_:not([data-wide-block]) .Table-LqdUhs { font-varian= t-numeric: tabular-nums; min-width: 100%; } .TableContainer-UfIOz_:not([data-wide-block]) .Table-LqdUhs [data-col-siz= e] { min-width: auto; } .TableScroller-ZhMTLB { scrollbar-width: thin; overflow-x: auto; } .TableContainer-UfIOz_[data-wide-block] .TableScroller-ZhMTLB { display: = flex; } .TableWrapper-i1mUIE { pointer-events: auto; width: fit-content; } @container latest-turn-preview (width >=3D 0) { .TableContainer-UfIOz_[data-wide-block] { width: 100%; } } .Table-LqdUhs { width: fit-content; min-width: min(calc(100cqw - (var(--p= adding-toolbar) * 2)), calc(var(--thread-content-max-width,40rem) - (var(--= padding-toolbar) * 2))); border-collapse: separate; border-spacing: 0px; ta= ble-layout: auto; text-align: start; margin: 0px; } .Table-LqdUhs [data-col-size=3D"sm"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 4 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 6 / 24); } .Table-LqdUhs [data-col-size=3D"md"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 6 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 8 / 24); } .Table-LqdUhs [data-col-size=3D"lg"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 8 / 24); max-width: calc(var(--thread-content-max-wid= th,40rem) * 12 / 24); } .Table-LqdUhs [data-col-size=3D"xl"] { min-width: calc(var(--thread-conte= nt-max-width,40rem) * 14 / 24); max-width: calc(var(--thread-content-max-wi= dth,40rem) * 18 / 24); } .TableRow-ENsaGm:not(:last-child) .TableCell-WcsygL { border-bottom: 1px = solid var(--border-light); } .TableStickyHeader-I7_LNR { border-collapse: separate; border-spacing: 0p= x; } .TableStickyHeader-I7_LNR .TableHeaderCell-esYSpn { z-index: 10; backgrou= nd: var(--color-surface); position: sticky; top: 0px; } .TableHeaderCell-esYSpn, .TableCell-WcsygL { vertical-align: top; white-s= pace: normal; padding-inline-end: calc(var(--markdown-space) * 6); } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"left"] { text-al= ign: left; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"center"] { text-= align: center; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL)[align=3D"right"] { text-a= lign: right; } .TableHeaderCell-esYSpn { border-bottom: 1px solid var(--border-medium); = padding-top: calc(var(--markdown-space) * 2); padding-bottom: calc(var(--ma= rkdown-space) * 2); text-align: start; color: var(--text-primary); font-wei= ght: var(--font-weight-semibold); line-height: calc(var(--markdown-space) *= 4); } .TableCell-WcsygL { padding-top: calc(var(--markdown-space) * 2.5); paddi= ng-bottom: calc(var(--markdown-space) * 2.5); } .NumericTableCell-rj6UoB { min-width: calc(3ch + (var(--markdown-space) *= 6)); white-space: nowrap; } .TableHeaderCell-esYSpn:last-child { padding-inline-end: calc(var(--markd= own-space) * 10); } .TableCell-WcsygL:last-child { padding-inline-end: 0px; } .TableBody-A5sMNL .TableRow-ENsaGm:last-child .TableCell-WcsygL { padding= -bottom: calc(var(--markdown-space) * 6); } .MermaidBlock-zsG6ii { margin-block: calc(var(--markdown-space) * 2); } .CodeBlock-zu1QM3 { margin-block: calc(var(--markdown-space) * 5); } .MermaidBlock-zsG6ii:has([data-mermaid-streaming]) { margin-block: 0px; } .CodeBlockPlaceholder-rW0eah { border-radius: var(--radius-3xl-base); bac= kground: var(--color-background-secondary-soft-alpha); padding: calc(var(--= markdown-space) * 4); font-size: var(--markdown-small-font-size); line-heig= ht: calc(var(--markdown-space) * 5); overflow-x: auto; } .InlineMarkdownIsolate-QWDV4W { unicode-bidi: isolate; } .AgentMentionLabel-hMk9qK { color: var(--color-text); } .BrowserTabMentionLabel-RsqyjI { text-overflow: ellipsis; white-space: no= wrap; overflow: hidden; } .InlineMentionFocusRing-j8iO1a { cursor: var(--cursor-interaction); } .InlineMentionFocusRing-j8iO1a [data-layout] { -webkit-box-decoration-bre= ak: clone; box-decoration-break: clone; } .InlineMentionFocusRing-j8iO1a:not(:has([data-layout])) { -webkit-box-dec= oration-break: clone; box-decoration-break: clone; } .InlineMentionFocusRing-j8iO1a:focus-visible { outline: none; } .InlineMentionFocusRing-j8iO1a:focus-visible [data-layout] { border-radiu= s: var(--radius-md); box-shadow: 0 0 0 2px var(--color-ring); } .InlineMentionFocusRing-j8iO1a:focus-visible:not(:has([data-layout])) { b= order-radius: var(--radius-md); box-shadow: 0 0 0 2px var(--color-ring); } .InlineMentionFocusRing-j8iO1a[data-disabled] { cursor: default; } :is(.MarkdownRoot-rZKhxa th, .MarkdownRoot-rZKhxa td) { max-width: calc(v= ar(--thread-content-max-width,40rem) * 18 / 24); overflow-wrap: break-word;= word-break: normal; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL) .TableCellFileLink-h40okA= { white-space: nowrap; } :is(.TableHeaderCell-esYSpn, .TableCell-WcsygL) .TableCellFileLink-h40okA= > :last-child { white-space: normal; } .SingleChildTableCell-Sv7jTC > [data-file-reference] .TableCellFileLink-h= 40okA { vertical-align: baseline; grid-template-columns: auto minmax(0px, 1= fr); max-width: 100%; display: inline-grid; } .MarkdownRoot-rZKhxa[data-markdown-animated] :is(.FadeIn-RqQvGR, .Horizon= talRule-ByOEk_, .ListItem-ncLgmg, .TableRow-ENsaGm, .Blockquote-EqEEot) { o= pacity: 1; animation-duration: ; animation-timing-function: ; animation-ite= ration-count: ; animation-direction: ; animation-fill-mode: ; animation-pla= y-state: ; animation-name: ; animation-timeline: ; animation-range-start: ;= animation-range-end: ; animation-delay: var(--fade-delay,0s); } .MarkdownRoot-rZKhxa[data-markdown-animated] .FadeListDecoration-F9SN5z::= marker { animation-duration: ; animation-timing-function: ; animation-itera= tion-count: ; animation-direction: ; animation-fill-mode: ; animation-play-= state: ; animation-name: ; animation-timeline: ; animation-range-start: ; a= nimation-range-end: ; animation-delay: var(--fade-delay,0s); } .MarkdownRoot-rZKhxa.AdaptiveStreaming-uuYOZc .FadeIn-RqQvGR { --duration= : var(--animation-duration-streaming-text); } .MarkdownRoot-rZKhxa.AdaptiveStreaming-uuYOZc .FadeListDecoration-F9SN5z:= :marker { --duration: var(--animation-duration-streaming-text); } .MarkdownRoot-rZKhxa[data-markdown-animated] .ImageEnter-TCwnvk { transfo= rm-origin: 50% center; animation: 0.18s ease-out 0s 1 normal both running i= mage-enter-VfEUgK; } @media (prefers-reduced-motion: reduce) { .MarkdownRoot-rZKhxa[data-markdown-animated] :is(.FadeIn-RqQvGR, .Horizon= talRule-ByOEk_, .ListItem-ncLgmg, .TableRow-ENsaGm, .Blockquote-EqEEot, .Im= ageEnter-TCwnvk) { --duration: 0s; opacity: 1; animation-duration: 0s; tran= sform: scale(1); animation-delay: 0s !important; } .MarkdownRoot-rZKhxa[data-markdown-animated] .FadeListDecoration-F9SN5z::= marker { animation-duration: 0s; animation-delay: 0s !important; } } .DecoratedExternalLink-p2AJ5C { color: inherit; cursor: var(--cursor-inte= raction); text-decoration: underline dotted var(--color-text-tertiary) 1px;= text-underline-offset: 2px; text-decoration-skip-ink: auto; text-underline= -position: from-font; } .DecoratedExternalLink-p2AJ5C:hover { color: var(--color-text-info); text= -decoration-color: currentcolor; } .DigitColumn-fJ4U3r { width: 1ch; height: 1lh; line-height: inherit; cont= ain: layout style paint; display: inline-block; position: relative; } .DigitColumn-fJ4U3r::before { content: "0"; visibility: hidden; } .DigitColumn-fJ4U3r[data-variant=3D"inline"] { contain: none; } .DigitColumn-fJ4U3r[data-variant=3D"inline"] .DigitStack-p_507q { margin-= top: var(--rolling-number-y-offset,0); display: block; } .DigitColumn-fJ4U3r[data-variant=3D"inline"] .DigitStack-p_507q > span { = line-height: inherit; display: block; } .DigitStack-p_507q { contain: size layout style; height: 1lh; transition:= transform var(--transition-duration-relaxed) cubic-bezier(.16, 1, .3, 1); = will-change: transform; flex-direction: column; display: flex; } .DigitStack-p_507q > span { flex: 0 0 1lh; height: 1lh; } @media (prefers-reduced-motion: reduce) { .DigitStack-p_507q { transition: none; } } .avatar-CG40Jq { display: contents; } .avatar-CG40Jq img, .reviewerPicker-Il2q0L img { background-color: var(--= color-white); } @keyframes pulse-W_p_ZT {=20 50% { opacity: 0.5; } } .Placeholder-GJXpwo { overflow: hidden; } .Placeholder-GJXpwo[data-animate] { --loading-placeholder-base: var(--col= or-surface); --loading-placeholder-peak: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .Placeholder-GJXpwo[data-animate] { --loading-placeholder-peak: color-mix= (in srgb, var(--color-codex-description) 7%, var(--color-surface)); } } .Placeholder-GJXpwo[data-animate] { background-color: var(--loading-place= holder-base); position: relative; } .Placeholder-GJXpwo[data-animate]::before { background-color: var(--loadi= ng-placeholder-peak); opacity: 0; content: ""; animation: 3s ease-in-out 0s= infinite normal none running pulse-W_p_ZT; position: absolute; inset: 0px;= } :root[data-reduced-motion=3D"true"] :is() { animation: auto ease 0s 1 nor= mal none running none; } .Placeholder-GJXpwo[data-animate]:where([data-theme=3D"dark"]) { --loadin= g-placeholder-peak: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .Placeholder-GJXpwo[data-animate]:where([data-theme=3D"dark"]) { --loadin= g-placeholder-peak: color-mix(in srgb, var(--color-codex-description) 14%, = var(--color-surface)); } } @container style(--theme-variant: dark) { .Placeholder-GJXpwo[data-animate]:where(:not([data-theme])) { --loading-p= laceholder-peak: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .Placeholder-GJXpwo[data-animate]:where(:not([data-theme])) { --loading-p= laceholder-peak: color-mix(in srgb, var(--color-codex-description) 14%, var= (--color-surface)); } } } .Surface-dfq13n { corner-shape: superellipse(1.1); } .CodeContent-ybJ8Tl { line-height: max(1.5em, calc(var(--spacing) * 5)); = } .StickyActionBar-XvAQxh { top: calc(-1px - var(--thread-sticky-header-top= ,0px)); background-color: var(--color-surface); background-image: linear-gr= adient(var(--color-background-secondary-soft-alpha), var(--color-background= -secondary-soft-alpha)); } .InlineCodePane-EYx4bd { max-height: 56.25cqw; overflow-y: auto; } .ViewerContent-Cg8AgN { line-height: max(1.5em, calc(var(--spacing) * 5))= ; } .Comment-dh5VVn { color: var(--color-codex-syntax-comment); font-style: n= ormal; } @container style(--theme-variant: light) { .Comment-dh5VVn { font-style: italic; } } .active-ylqTkR, .active-ylqTkR * { view-transition-name: none !important;= } @layer base { .active-ylqTkR .image-MN44N1 { border-radius: inherit; } } .active-ylqTkR .image-MN44N1 { view-transition-name: image-preview-editor= !important; } .active-ylqTkR .toolbar-HMtViS, .active-ylqTkR.opening-aO53eV .chrome-cYK= tGk [data-image-preview-toolbar] [role=3D"toolbar"]:not([role=3D"toolbar"] = [role=3D"toolbar"]) { view-transition-name: image-preview-toolbar !importan= t; } .active-ylqTkR.closing-fIQWrc .backdrop-I43Dio { view-transition-name: im= age-preview-backdrop !important; } .active-ylqTkR.closing-fIQWrc .chrome-cYKtGk { view-transition-name: imag= e-preview-chrome !important; } .closing-fIQWrc::view-transition-old(image-preview-backdrop) { animation-= duration: var(--transition-duration-relaxed); animation-timing-function: va= r(--ease-enter-snappy); } .closing-fIQWrc::view-transition-old(image-preview-chrome) { animation-du= ration: var(--transition-duration-relaxed); animation-timing-function: var(= --ease-enter-snappy); } .active-ylqTkR::view-transition-group(image-preview-editor) { animation-d= uration: var(--transition-duration-relaxed); animation-timing-function: var= (--ease-enter-snappy); } .active-ylqTkR::view-transition-group(image-preview-toolbar) { animation-= duration: var(--transition-duration-relaxed); animation-timing-function: va= r(--ease-enter-snappy); } .active-ylqTkR::view-transition-group(image-preview-toolbar) { z-index: 4= 0; } .active-ylqTkR.opening-aO53eV::view-transition-group(image-preview-toolba= r) { animation: auto ease 0s 1 normal none running none; } .active-ylqTkR::view-transition-old(image-preview-editor) { display: none= ; } .active-ylqTkR::view-transition-old(image-preview-toolbar) { display: non= e; } .active-ylqTkR::view-transition-new(image-preview-editor) { mix-blend-mod= e: normal; object-fit: cover; width: 100%; height: 100%; animation: auto ea= se 0s 1 normal none running none; } .active-ylqTkR::view-transition-new(image-preview-toolbar) { mix-blend-mo= de: normal; object-fit: cover; width: 100%; height: 100%; animation: auto e= ase 0s 1 normal none running none; } .active-ylqTkR.closing-fIQWrc::view-transition-old(image-preview-editor) = { mix-blend-mode: normal; object-fit: cover; width: 100%; height: 100%; ani= mation: auto ease 0s 1 normal none running none; } .active-ylqTkR.closing-fIQWrc::view-transition-image-pair(image-preview-e= ditor) { border-radius: var(--image-preview-thumbnail-radius,0); animation:= round-thumbnail-u_JWuk var(--transition-duration-relaxed) var(--ease-enter= -snappy) both; overflow: clip; } @keyframes round-thumbnail-u_JWuk {=20 0% { border-radius: 0px; } } .active-ylqTkR.closing-fIQWrc::view-transition-old(image-preview-editor) = { display: block; } .active-ylqTkR.closing-fIQWrc::view-transition-new(image-preview-editor) = { display: none; } .ComposerFooter-WlpjXt { user-select: none; } .ComposerFooter-WlpjXt[data-composer-footer-responsive] { container: comp= oser-footer / inline-size; } .ComposerTopMenuShell-ZaKxCC[data-composer-expanded-top-tray] { width: ca= lc(var(--composer-top-tray-inline-padding,12px) * 2 + 100% + 8px); min-widt= h: 0px; left: 50%; bottom: var(--composer-top-tray-top-padding,14px); trans= form: translate(-50%); } .ComposerTopMenuShell-ZaKxCC:has([data-composer-expanded-top-tray]) { wid= th: calc(var(--composer-top-tray-inline-padding,12px) * 2 + 100% + 8px); mi= n-width: 0px; left: 50%; bottom: var(--composer-top-tray-top-padding,14px);= transform: translate(-50%); } .ComposerTopMenuShell-ZaKxCC[data-composer-expanded-top-tray][data-compos= er-top-tray-in-flow] { position: relative; bottom: auto; } .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray], .ComposerT= opMenuPanel-Z3cPaq[data-composer-expanded-top-tray][cmdk-root], .ComposerTo= pMenuPanel-Z3cPaq[data-composer-expanded-top-tray][data-cmdk-root], .Compos= erTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray] [cmdk-root], .Compos= erTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray] [data-cmdk-root] { b= ackground: var(--composer-top-tray-background,color-mix(in oklab, var(--col= or-surface-secondary) 94%, transparent)); } .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray] { max-heigh= t: var(--composer-top-tray-max-height,177px); padding-top: calc(var(--spaci= ng) * 3); padding-left: calc(var(--spacing) * 2); border-top-style: ; borde= r-top-width: ; border-right-color: ; border-right-style: ; border-right-wid= th: ; border-left-color: ; border-left-style: ; border-left-width: ; border= -image-source: ; border-image-slice: ; border-image-width: ; border-image-o= utset: ; border-image-repeat: ; border-top-left-radius: var(--radius-3xl); = border-top-right-radius: var(--radius-3xl); box-shadow: none; isolation: is= olate; backdrop-filter: none; border-top-color: rgba(0, 0, 0, 0); border-bo= ttom-width: medium; border-bottom-style: none; border-bottom-color: current= color; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; fle= x-direction: column; display: flex; position: relative; overflow: hidden; } .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray][data-compos= er-top-tray-padded] { padding: calc(var(--spacing) * 4); } .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray][data-compos= er-top-tray-embedded], .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-= top-tray][data-composer-top-tray-embedded][cmdk-root], .ComposerTopMenuPane= l-Z3cPaq[data-composer-expanded-top-tray][data-composer-top-tray-embedded][= data-cmdk-root], .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-top-tr= ay][data-composer-top-tray-embedded] [cmdk-root], .ComposerTopMenuPanel-Z3c= Paq[data-composer-expanded-top-tray][data-composer-top-tray-embedded] [data= -cmdk-root] { background: 0px 0px; border-width: medium; border-style: none= ; border-color: currentcolor; border-image: none; border-radius: 0px; } .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray][cmdk-root],= .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray][data-cmdk-ro= ot], .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray] [cmdk-ro= ot], .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray] [data-cm= dk-root] { border-right-color: ; border-left-color: ; box-shadow: none; bac= kdrop-filter: none; border-top-color: rgba(0, 0, 0, 0); border-bottom-width= : medium; border-bottom-style: none; border-bottom-color: currentcolor; bor= der-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray] [cmdk-list]= , .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray] [data-cmdk-= list] { flex: 1 1 0%; min-height: 0px; max-height: none; transition: none; = overflow-y: auto; } .ComposerTopMenuPanel-Z3cPaq[data-composer-expanded-top-tray] [data-list-= navigation-item=3D"true"] { width: calc(100% - var(--spacing) * 2); } .rail-HBgXIR { margin-inline: var(--home-composer-inline-inset); } .embedded-WZgJ4c { margin-inline: 0px; } .embedded-WZgJ4c > .item-pgg3ON { border-bottom-color: rgba(0, 0, 0, 0); = } .embedded-WZgJ4c > .item-pgg3ON::after { content: ""; inset-inline: calc(= var(--spacing) * 2); border-bottom: 1px solid color-mix(in oklab, var(--col= or-border) 80%, transparent); pointer-events: none; position: absolute; bot= tom: 0px; } .embedded-WZgJ4c > .item-pgg3ON:last-child::after { inset-inline: 0px; } .target-RWp09B { display: contents; } .item-pgg3ON { border-color: color-mix(in oklab, var(--color-border) 80%,= transparent); } .attached-uA8vni { --composer-rail-tuck: 0px; --composer-rail-overlap: 0p= x; overflow: clip; } @supports (corner-shape:superellipse(1.5)) { .attached-uA8vni { corner-shape: var(--codex-corner-shape); } } .attached-uA8vni[data-composer-rail-placement=3D"above"] { padding-bottom= : var(--radius-2xl); margin-bottom: calc((var(--composer-rail-tuck) + var(-= -composer-rail-overlap) + var(--radius-2xl)) * -1); border-start-start-radi= us: var(--radius-2xl); border-start-end-radius: var(--radius-2xl); } .attached-uA8vni[data-composer-rail-placement=3D"above"]::after { clip-pa= th: inset(0 0 var(--radius-2xl)); border-width: 1px 1px 0px; } .attached-uA8vni[data-composer-rail-placement=3D"above"] > .item-pgg3ON:f= irst-child, .attached-uA8vni[data-composer-rail-placement=3D"above"] > .tar= get-RWp09B:empty:first-child + .item-pgg3ON, .attached-uA8vni[data-composer= -rail-placement=3D"above"] > .target-RWp09B:first-child > .item-pgg3ON:firs= t-child { border-top-color: rgba(0, 0, 0, 0); } .attached-uA8vni[data-composer-rail-placement=3D"below"] { padding-top: v= ar(--radius-2xl); margin-top: calc((var(--composer-rail-tuck) + var(--radiu= s-2xl)) * -1); border-end-end-radius: var(--radius-2xl); border-end-start-r= adius: var(--radius-2xl); } .attached-uA8vni[data-composer-rail-placement=3D"below"]::after { clip-pa= th: inset(var(--radius-2xl) 0 0); border-width: 0px 1px 1px; } .attached-uA8vni[data-composer-rail-placement=3D"below"] > .item-pgg3ON:l= ast-child { border-bottom-color: rgba(0, 0, 0, 0); } .attached-uA8vni::after { content: ""; pointer-events: none; border-style= : solid; border-color: inherit; border-radius: inherit; corner-shape: inher= it; opacity: 0; position: absolute; inset: 0px; } .attached-uA8vni:empty::after { content: none; } .attached-uA8vni:has(> [data-composer-rail-framed], > .target-RWp09B > [d= ata-composer-rail-framed])::after { opacity: 1; } .attached-uA8vni > .item-pgg3ON, .attached-uA8vni > .target-RWp09B > .ite= m-pgg3ON { border-inline-color: rgba(0, 0, 0, 0); } .attached-uA8vni:has(> [data-composer-rail-item], > .target-RWp09B > [dat= a-composer-rail-item]) { --composer-rail-tuck: var(--spacing); } .attached-uA8vni[data-composer-rail-placement=3D"above"] > :nth-last-chil= d(1 of [data-composer-rail-item], .target-RWp09B:has(> [data-composer-rail-= item])).item-pgg3ON { padding-bottom: var(--composer-rail-tuck); } .attached-uA8vni[data-composer-rail-placement=3D"above"] > :nth-last-chil= d(1 of [data-composer-rail-item], .target-RWp09B:has(> [data-composer-rail-= item])).target-RWp09B > :nth-last-child(1 of [data-composer-rail-item]) { p= adding-bottom: var(--composer-rail-tuck); } .attached-uA8vni[data-composer-rail-placement=3D"below"] > :nth-child(1 o= f [data-composer-rail-item], .target-RWp09B:has(> [data-composer-rail-item]= )).item-pgg3ON { padding-top: var(--composer-rail-tuck); } .attached-uA8vni[data-composer-rail-placement=3D"below"] > :nth-child(1 o= f [data-composer-rail-item], .target-RWp09B:has(> [data-composer-rail-item]= )).target-RWp09B > :nth-child(1 of [data-composer-rail-item]) { padding-top= : var(--composer-rail-tuck); } .item-pgg3ON[data-composer-rail-overlap]:not([data-composer-rail-containe= d]) { margin-bottom: calc(var(--spacing) * -3); padding-bottom: calc(var(--= spacing) * 3); } .rail-HBgXIR:not(.attached-uA8vni)[data-composer-rail-placement=3D"above"= ] > [data-composer-rail-overlap]:not(:has(~ :not(.target-RWp09B), ~ .target= -RWp09B > [data-composer-rail-item])) { margin-bottom: calc(var(--spacing) = * -3); padding-bottom: calc(var(--spacing) * 3); } .attached-uA8vni[data-composer-rail-placement=3D"above"]:has(> [data-comp= oser-rail-item][data-composer-rail-overlap]:nth-last-child(1 of .item-pgg3O= N, .target-RWp09B:not(:empty))) { --composer-rail-overlap: calc(var(--spaci= ng) * 3); } .attached-uA8vni > [data-composer-rail-overlap] { padding-bottom: 0px; } .attached-uA8vni[data-composer-rail-placement=3D"above"] > [data-composer= -rail-item][data-composer-rail-overlap]:nth-last-child(1 of .item-pgg3ON, .= target-RWp09B:not(:empty)) { padding-bottom: calc(var(--composer-rail-tuck)= + var(--composer-rail-overlap)); } .RowHeight-TBTxN9 { min-height: calc(var(--spacing) * 10); } .RowHeight-TBTxN9:where([data-codex-window-type=3D"browser"] .RowHeight-T= BTxN9) { min-height: calc(var(--spacing) * 13); } .Row-Va6Yoe { transition: background-color 75ms; } .Row-Va6Yoe.Enabled-Y2nC5n:hover, .Row-Va6Yoe.Highlighted-xFXTP0, .Row-Va= 6Yoe:focus-within { background-color: var(--color-background-primary-ghost-= hover); } :is(.Row-Va6Yoe.Enabled-Y2nC5n:hover, .Row-Va6Yoe.Highlighted-xFXTP0, .Ro= w-Va6Yoe:focus-within) .Button-OwFNja { color: var(--color-text); } .Button-OwFNja { font-size: var(--text-sm); line-height: var(--text-sm--l= ine-height); transition: color 75ms; } .Button-OwFNja:where([data-codex-window-type=3D"browser"] .Button-OwFNja)= { font-size: var(--codex-chat-font-size); line-height: var(--line-height-c= omposer); } @media (prefers-reduced-motion: reduce) { .Row-Va6Yoe, .Button-OwFNja { transition: none; } } .controls-Mi9jkB { align-items: center; gap: calc(var(--spacing) * 2); wi= dth: 100%; min-width: 0px; min-height: var(--spacing-token-button-composer)= ; display: flex; } .waveform-PKEvd_ { min-width: 0px; height: var(--spacing-token-button-com= poser); flex: 1 1 0%; order: 1; } .modelPicker-v6GEoA { flex-shrink: 0; order: 2; margin-inline-start: auto= ; } .canvas-jRS0Jl { width: 100%; height: 100%; } .stop-SvFtlK, .send-c88LfU { flex-shrink: 0; } .stop-SvFtlK { order: 4; justify-content: flex-end; display: flex; } .send-c88LfU { order: 5; } .composer-NYb0tQ blockquote { color: inherit; border-inline-start: 4px so= lid rgba(0, 0, 0, 0); margin-block: 0px; position: relative; } .composer-NYb0tQ blockquote::after { content: ""; width: var(--rich-text-= quote-rule-width,4px); background-color: var(--rich-text-quote-rule-color);= pointer-events: none; position: absolute; inset-block: 0px; inset-inline-s= tart: -4px; } :is(.composer-NYb0tQ .ProseMirror > p:not([data-empty-paragraph=3D"true"]= ) + :is(pre, [data-composer-code-block]), .composer-NYb0tQ .ProseMirror > := is(pre, [data-composer-code-block]) + p:not([data-empty-paragraph=3D"true"]= )) { margin-block-start: calc(var(--spacing) * 2); } .composer-NYb0tQ .ProseMirror > :is(pre, [data-composer-code-block]) + :i= s(pre, [data-composer-code-block]) { margin-block-start: var(--spacing); } .composer-NYb0tQ[data-rich-text-layout] .ProseMirror[data-composer-markdo= wn] :is(h1, h2, h3, h4, h5, h6) { margin-block: 0px; } .composerTables-IiwpTZ .ProseMirror[data-composer-markdown] table { borde= r-collapse: separate; border-spacing: 0px; table-layout: auto; text-align: = start; width: fit-content; font-family: var(--rich-text-table-font-family);= font-size: var(--rich-text-table-font-size); line-height: var(--rich-text-= table-line-height); margin: 0px; } :is(.composerTables-IiwpTZ .ProseMirror[data-composer-markdown] td, .comp= oserTables-IiwpTZ .ProseMirror[data-composer-markdown] th) { vertical-align= : top; white-space: normal; padding-inline-end: calc(var(--rich-text-table-= space) * 6); } .composerTables-IiwpTZ .ProseMirror[data-composer-markdown] th { border-b= ottom: 1px solid var(--rich-text-table-header-border-color); padding-block:= calc(var(--rich-text-table-space) * 2); text-align: start; font-weight: va= r(--rich-text-table-header-font-weight); line-height: calc(var(--rich-text-= table-space) * 4); } .composerTables-IiwpTZ .ProseMirror[data-composer-markdown] td { padding-= block: calc(var(--rich-text-table-space) * 2.5); } .composerTables-IiwpTZ .ProseMirror[data-composer-markdown] tr:not(:last-= child) td { border-bottom: 1px solid var(--rich-text-table-border-color); } .composerTables-IiwpTZ .ProseMirror[data-composer-markdown] th:last-child= { padding-inline-end: calc(var(--rich-text-table-space) * 10); } .composerTables-IiwpTZ .ProseMirror[data-composer-markdown] td:last-child= { padding-inline-end: 0px; } .composerTables-IiwpTZ .ProseMirror[data-composer-markdown] tr:last-child= td { padding-block-end: calc(var(--rich-text-table-space) * 6); } .composerHorizontalRules-ykRxKL .ProseMirror hr { margin-block: calc(var(= --spacing) * 2); } :is(.composerHorizontalRules-ykRxKL .ProseMirror > p[data-empty-paragraph= =3D"true"] + hr, .composerHorizontalRules-ykRxKL .ProseMirror > p[data-empt= y-paragraph=3D"true"] + div > hr) { margin-block-start: 0px; } :is(.composerHorizontalRules-ykRxKL .ProseMirror > hr:has(+ p[data-empty-= paragraph=3D"true"]), .composerHorizontalRules-ykRxKL .ProseMirror > div:ha= s(+ p[data-empty-paragraph=3D"true"]) > hr) { margin-block-end: 0px; } .RichTextInput-j_tVa5 { --rich-text-quote-rule-width: calc(var(--codex-ch= at-font-size) / 4); --rich-text-quote-rule-color: var(--color-border); colo= r: var(--color-text); } .RichTextInput-j_tVa5[data-rich-text-layout=3D"multiline"]:not([data-over= flowing]) { animation: auto ease 0s 1 normal none running none; } .RichTextInput-j_tVa5 .ProseMirror { resize: none; } .RichTextInput-j_tVa5 .ProseMirror:focus-visible { outline: none; } .RichTextInput-j_tVa5 .ProseMirror p { margin: 0px; } :is(.RichTextInput-j_tVa5 .ProseMirror ul, .RichTextInput-j_tVa5 .ProseMi= rror ol) { padding-inline-start: calc(var(--spacing) * 6); } .RichTextInput-j_tVa5 .ProseMirror ul { list-style-type: disc; } .RichTextInput-j_tVa5 .ProseMirror ul ul { list-style-type: circle; } .RichTextInput-j_tVa5 .ProseMirror ul ul ul { list-style-type: square; } .RichTextInput-j_tVa5 .ProseMirror ol { padding-inline-start: max(calc(va= r(--spacing) * 6), calc(var(--rich-text-list-marker-width,1ch) + .75em)); l= ist-style-type: decimal; } :is(.RichTextInput-j_tVa5 .ProseMirror[data-composer-markdown] h1, .RichT= extInput-j_tVa5 .ProseMirror[data-composer-markdown] h2, .RichTextInput-j_t= Va5 .ProseMirror[data-composer-markdown] h3, .RichTextInput-j_tVa5 .ProseMi= rror[data-composer-markdown] h4, .RichTextInput-j_tVa5 .ProseMirror[data-co= mposer-markdown] h5, .RichTextInput-j_tVa5 .ProseMirror[data-composer-markd= own] h6) { font-weight: var(--font-weight-semibold); } .RichTextInput-j_tVa5 .ProseMirror[data-composer-markdown] h1 { font-size= : var(--text-heading-lg); } .RichTextInput-j_tVa5 .ProseMirror[data-composer-markdown] h2 { font-size= : var(--text-heading-md); } .RichTextInput-j_tVa5 .ProseMirror[data-composer-markdown] h3 { font-size= : var(--text-heading-sm); } .RichTextInput-j_tVa5 .ProseMirror[data-composer-markdown] blockquote { p= adding-inline-start: calc(var(--spacing) * 3); } .RichTextInput-j_tVa5 .ProseMirror[data-composer-markdown] hr { border-co= lor: var(--color-border); } .RichTextInput-j_tVa5 .ProseMirror[data-composer-markdown] code { border-= radius: var(--radius-sm); background: var(--color-surface-secondary); paddi= ng: calc(var(--spacing) / 2) var(--spacing); font-size: var(--text-sm); } .RichTextInput-j_tVa5 .ProseMirror[data-composer-markdown] pre { border-r= adius: var(--radius-md); background: var(--color-surface-secondary); paddin= g: var(--spacing) calc(var(--spacing) * 2); overflow-x: auto; } .RichTextInput-j_tVa5 .ProseMirror[data-composer-markdown] pre code { fon= t-size: inherit; background: 0px 0px; padding: 0px; } .RichTextInput-j_tVa5 .ProseMirror[data-composer-markdown] table { --rich= -text-table-space: calc(var(--codex-chat-font-size) / 4); --rich-text-table= -font-family: var(--font-content); --rich-text-table-font-size: max(var(--c= odex-chat-code-font-size), calc(var(--codex-chat-font-size) * .875)); --ric= h-text-table-line-height: calc(var(--codex-chat-font-size) * var(--leading-= relaxed)); --rich-text-table-header-font-weight: var(--font-weight-semibold= ); --rich-text-table-header-border-color: var(--color-border-strong); --ric= h-text-table-border-color: var(--color-border-subtle); } .RichTextInput-j_tVa5 .ProseMirror[data-composer-markdown] li[data-task-l= ist-item] { align-items: flex-start; gap: calc(var(--spacing) * 1.5); list-= style: none; display: flex; } .RichTextInput-j_tVa5[data-rich-text-layout=3D"multiline"] .ProseMirror {= height: auto; } .RichTextInput-j_tVa5[data-rich-text-layout=3D"single-line"] .ProseMirror= { white-space: pre; } .RichTextInput-j_tVa5[data-rich-text-layout=3D"single-line"] .ProseMirror= p { text-overflow: ellipsis; white-space: pre; overflow: hidden; } .RichTextInput-j_tVa5[data-dismissing-browser-autocomplete-mention] .Pros= eMirror [browser-tab-mention-path] { animation: browserAutocompleteMentionF= adeOut-T7fMR_ var(--transition-duration-basic) var(--ease-enter-snappy) for= wards; } [data-composer-body]:has([data-expanded-composer]) .RichTextInput-j_tVa5 = { overscroll-behavior: contain; scroll-padding-block: calc(var(--spacing) *= 4); } [data-chatgpt-composer] .RichTextInput-j_tVa5 .ProseMirror ul { padding-i= nline-start: calc(var(--spacing) * 5); } [data-chatgpt-composer] .RichTextInput-j_tVa5 .ProseMirror ol { padding-i= nline-start: max(calc(var(--spacing) * 5), calc(var(--rich-text-list-marker= -width,1ch) + .75em)); } @keyframes browserAutocompleteMentionFadeOut-T7fMR_ {=20 100% { opacity: 0; } } .RichTextInput-j_tVa5 .ProseMirror [data-composer-code-block] { contain: = inline-size; margin: var(--spacing) 0; border-radius: var(--radius-lg); bac= kground: var(--color-surface-secondary); width: 100%; min-width: 0px; overf= low: clip; } .RichTextInput-j_tVa5 .ProseMirror > [data-composer-code-block] { margin:= 0px; } .RichTextInput-j_tVa5 .ProseMirror [data-composer-code-block] > pre { pad= ding: calc(var(--spacing) * 2); font-family: var(--font-mono); font-size: v= ar(--codex-chat-code-font-size); line-height: calc(var(--spacing) * 5); tab= -size: 4; white-space: pre; margin: 0px; overflow-x: auto; } .RichTextInput-j_tVa5 .ProseMirror [data-composer-code-block] > pre > cod= e { min-width: max-content; display: block; } .RichTextInput-j_tVa5 .ProseMirror [data-composer-code-block-toolbar] { b= ackground: var(--color-surface-secondary); } :is() { color: highlighttext; } .RichTextInput-j_tVa5 .ProseMirror.ProseMirror-focused [data-composer-inl= ine-atom-selected] { --inline-mention-color: var(--color-text); background-= color: var(--color-background-text-selection); } .daybreak-VsXdEH { isolation: isolate; padding-inline-end: clamp(calc(var= (--spacing) * 8), 18%, calc(var(--spacing) * 32)); position: relative; } .daybreak-VsXdEH::before { content: ""; z-index: -1; pointer-events: none= ; background: radial-gradient(ellipse 152px 80px at 76% calc(100% + 41px), = var(--color-background-panel,var(--color-background-primary-soft-alpha)) ca= lc(100% - 2px), var(--lightningcss-light,#f28a1f) var(--lightningcss-dark,#= ffd776) 100%, var(--lightningcss-light,#ffb23b99) var(--lightningcss-dark,#= ff912442) calc(100% + 2px), var(--lightningcss-light,#f28a1f40) var(--light= ningcss-dark,#ff912426) 122%, var(--lightningcss-light,#f28a1f0d) var(--lig= htningcss-dark,#0000) 152%, transparent 180%); width: min(250px, 35%); posi= tion: absolute; inset-block: 0px; inset-inline-end: 0px; mask-image: linear= -gradient(90deg, rgba(0, 0, 0, 0) 25%, rgb(0, 0, 0) 70%); } .Menu-FcZccz { flex-shrink: 0; position: relative; } .Menu-FcZccz[data-transitions-ready=3D"true"] { transition: height 0.32s = cubic-bezier(0.19, 1, 0.22, 1); } .Menu-FcZccz[data-transitions-ready=3D"true"] .SliderTopRowMotion-Mid9sy,= .Menu-FcZccz[data-transitions-ready=3D"true"] .SliderMotion-wqghZU, .Menu-= FcZccz[data-transitions-ready=3D"true"] .ModelListMotion-iyH7rX { transitio= n: opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1), translate 0.32s cubic-bezie= r(0.19, 1, 0.22, 1); } .Menu-FcZccz[data-transitions-ready=3D"true"] .SliderTopRowMotion-Mid9sy[= data-active=3D"true"], .Menu-FcZccz[data-transitions-ready=3D"true"] .Model= ListMotion-iyH7rX[data-active=3D"true"] { transition-delay: 40ms; } .Menu-FcZccz[data-transitions-ready=3D"true"] .SliderMotion-wqghZU[data-a= ctive=3D"true"] { transition-delay: 56ms; } .Menu-FcZccz[data-transitions-ready=3D"true"] .SliderTopRowMotion-Mid9sy[= data-active=3D"false"] { transition-delay: 16ms; } [data-side=3D"top"] .Menu-FcZccz[data-transitions-ready=3D"true"] .Slider= TopRowMotion-Mid9sy[data-active=3D"true"] { transition-delay: 56ms; } [data-side=3D"top"] .Menu-FcZccz[data-transitions-ready=3D"true"] .Slider= TopRowMotion-Mid9sy[data-active=3D"false"] { transition-delay: 0s; } [data-side=3D"top"] .Menu-FcZccz[data-transitions-ready=3D"true"] .Slider= Motion-wqghZU[data-active=3D"true"] { transition-delay: 40ms; } [data-side=3D"top"] .Menu-FcZccz[data-transitions-ready=3D"true"] .Slider= Motion-wqghZU[data-active=3D"false"] { transition-delay: 16ms; } .Menu-FcZccz[data-reduced-motion=3D"true"], .Menu-FcZccz[data-reduced-mot= ion=3D"true"] .SliderTopRowMotion-Mid9sy, .Menu-FcZccz[data-reduced-motion= =3D"true"] .SliderMotion-wqghZU, .Menu-FcZccz[data-reduced-motion=3D"true"]= .ModelListMotion-iyH7rX, .Menu-FcZccz[data-reduced-motion=3D"true"] .FastM= odeToggle-qGLhyE, .Menu-FcZccz[data-reduced-motion=3D"true"] .UltraUsageWar= ning-niiWOB { transition: none; } .Menu-FcZccz[data-reduced-motion=3D"true"] .UltraUsageWarningText-dj6gD0 = { animation: auto ease 0s 1 normal none running none; } .ViewTrack-MubBQo { width: 100%; height: 100%; position: relative; overfl= ow: clip; } .ViewTrack-MubBQo:last-child { position: absolute; inset-block-start: 0px= ; inset-inline: 0px; } .ViewPanel-7FY74b { width: 100%; padding: var(--spacing); flex-direction:= column; display: flex; } .SliderTopRowMotion-Mid9sy, .SliderMotion-wqghZU, .ModelListMotion-iyH7rX= { opacity: 1; translate: 0px; } :is(.SliderTopRowMotion-Mid9sy, .SliderMotion-wqghZU, .ModelListMotion-iy= H7rX)[data-active=3D"false"] { opacity: 0; } .SliderTopRowMotion-Mid9sy[data-active=3D"false"], .SliderMotion-wqghZU[d= ata-active=3D"false"] { translate: 0px 10px; } [data-side=3D"top"] :is(.SliderTopRowMotion-Mid9sy[data-active=3D"false"]= , .SliderMotion-wqghZU[data-active=3D"false"]) { translate: 0px -10px; } .ModelListMotion-iyH7rX { margin-inline: calc(-1 * var(--spacing)); } .ModelListMotion-iyH7rX[data-active=3D"false"] { translate: 0px -10px; } [data-side=3D"top"] .ModelListMotion-iyH7rX[data-active=3D"false"] { tran= slate: 0px 10px; } .SimpleView-ZBgvlc { min-height: 36px; padding-block: 4px; } .SliderKeyboardControl-wao2b_ { outline: 0px; margin: 0px; padding: 0px; = display: block; } .ModelList-I4a0SH { max-height: min(316px, calc(var(--radix-dropdown-menu= -content-available-height) - var(--spacing))); padding-inline: var(--spacin= g); margin-block-end: calc(-1 * var(--spacing)); padding-block-end: var(--s= pacing); overflow-y: auto; } .DefaultDescription-MgbNE2 { color: var(--color-text-tertiary); font-size= : var(--text-xs); line-height: var(--text-xs--line-height); } .MenuFooter-qf1Jxl { border-block-start: 1px solid var(--color-border-sub= tle); text-align: center; margin-block-start: 8px; padding-block-start: 8px= ; } .MenuFooter-qf1Jxl:empty { display: none; } .KeyboardAnnouncement-cfumvn { clip: rect(0px, 0px, 0px, 0px); clip-path:= inset(50%); pointer-events: none; white-space: nowrap; width: 1px; height:= 1px; margin: -1px; position: absolute; overflow: hidden; } .ViewControls-Qvy4rg { justify-content: center; align-items: center; min-= height: 36px; padding-inline: 8px; display: flex; position: relative; } .ViewControls-Qvy4rg::before { width: calc(var(--spacing) * 4); content: = ""; flex-shrink: 0; } .ViewControls-Qvy4rg:has(.FastModeToggle-qGLhyE) { padding-inline: 16px; = } .ViewControls-Qvy4rg[data-explicit-model=3D"true"] { padding-inline: calc= (var(--spacing) * 8); } .ViewControls-Qvy4rg[data-explicit-model=3D"true"]::before { display: non= e; } .ViewControls-Qvy4rg[data-explicit-model=3D"true"] .ViewToggleContent-W0t= h2p { grid-template-columns: minmax(calc(var(--spacing) * 4), 1fr) minmax(0= , auto) minmax(calc(var(--spacing) * 4), 1fr); gap: 0px; display: grid; } .ViewControls-Qvy4rg[data-explicit-model=3D"true"] .ViewToggleModelLabel-= Ns2DVV { max-width: 100%; color: var(--color-text-secondary); font-size: va= r(--text-xs); font-weight: 400; line-height: var(--text-xs--line-height); g= rid-area: 2 / 2; justify-self: center; } .ViewControls-Qvy4rg[data-explicit-model=3D"true"] .ViewToggleEffortLabel= -mpNoee { text-align: center; grid-area: 1 / 1 / 2 / -1; margin-inline-star= t: 0px; } .ViewControls-Qvy4rg[data-explicit-model=3D"true"] .ViewToggleIcon-QBviAo= { grid-area: 2 / 3; } .ViewControls-Qvy4rg[data-explicit-model=3D"true"] .FastModeToggle-qGLhyE= , .ViewControls-Qvy4rg[data-explicit-model=3D"true"] .ResetToDefault-niy99b= { inset-block-start: 0px; } .ViewControls-Qvy4rg[data-ultra-warning-visible=3D"true"] .ViewToggle-pjF= OrG, .ViewControls-Qvy4rg[data-ultra-warning-visible=3D"true"] .FastModeTog= gle-qGLhyE, .ViewControls-Qvy4rg[data-ultra-warning-visible=3D"true"] .Rese= tToDefault-niy99b { visibility: hidden; pointer-events: none; } .ViewControls-Qvy4rg[data-ultra-warning-visible=3D"true"] .UltraUsageWarn= ing-niiWOB { opacity: 1; } .ViewControls-Qvy4rg[data-ultra-warning-visible=3D"true"] .UltraUsageWarn= ingText-dj6gD0 { animation: 1.1s ease-out 0s 1 normal none running UltraUsa= geWarningShimmer-Kf5X7w; } .ViewToggle-pjFOrG, .FastModeToggle-qGLhyE, .ResetToDefault-niy99b { font= -size: var(--text-sm); line-height: var(--text-sm--line-height); outline-st= yle: none; } @supports (corner-shape:superellipse(1.5)) { .ViewToggle-pjFOrG, .FastModeToggle-qGLhyE, .ResetToDefault-niy99b { corn= er-shape: var(--codex-corner-shape); } } @media (forced-colors: active) { .ViewToggle-pjFOrG, .FastModeToggle-qGLhyE, .ResetToDefault-niy99b { outl= ine-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; } } .ViewToggle-pjFOrG { min-width: 0px; min-height: 32px; color: var(--color= -text); font-size: var(--text-base); border-radius: 8px; flex-direction: co= lumn; margin: 0px; padding: 4px; font-weight: 500; display: flex; } .ViewToggle-pjFOrG:hover, .ViewToggle-pjFOrG:focus { background: 0px 0px;= } .ViewToggle-pjFOrG:not([data-disabled]):hover .ViewToggleContent-W0th2p, = .ViewToggle-pjFOrG:not([data-disabled]):focus .ViewToggleContent-W0th2p { b= ackground: var(--color-background-primary-ghost-hover); } .ViewToggle-pjFOrG[data-interactive=3D"false"] { pointer-events: none; } .ViewToggle-pjFOrG[data-interactive=3D"false"] .ViewToggleIcon-QBviAo { o= pacity: 0; } .ViewToggleContent-W0th2p { align-items: center; gap: calc(var(--spacing)= / 2); border-radius: 6px; min-width: 0px; max-width: 100%; padding: 2px 4p= x; display: flex; } .ViewToggleModelLabel-Ns2DVV { text-overflow: ellipsis; white-space: nowr= ap; min-width: 0px; overflow: hidden; } .ViewToggleModelLabel-Ns2DVV + .ViewToggleEffortLabel-mpNoee { margin-inl= ine-start: calc(var(--spacing) / 2); } .ViewToggleEffortLabel-mpNoee { color: var(--color-text-tertiary); white-= space: nowrap; flex-shrink: 0; } .ViewToggleEffortLabel-mpNoee[data-effort-only=3D"true"] { color: var(--c= olor-text); } .ViewToggleEffortLabel-mpNoee[data-accent=3D"true"] { color: var(--color-= chart-blue); } .ViewToggleEffortLabel-mpNoee[data-maximum=3D"true"] { color: var(--color= -chart-purple); } .ViewToggleIcon-QBviAo { color: var(--color-text-tertiary); } .ViewToggleIcon-QBviAo:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), := lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(k= u), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :l= ang(ur), :lang(yi)) { scale: -1 1; } .FastModeToggle-qGLhyE, .ResetToDefault-niy99b { width: 32px; min-height:= 32px; color: var(--color-text-tertiary); border-radius: 8px; flex-directio= n: column; flex-shrink: 0; justify-content: center; margin: 0px; padding: 0= px; display: flex; position: absolute; inset-inline-start: 0px; } :is(.FastModeToggle-qGLhyE, .ResetToDefault-niy99b):hover, :is(.FastModeT= oggle-qGLhyE, .ResetToDefault-niy99b):focus { background: 0px 0px; } :is(.FastModeToggle-qGLhyE, .ResetToDefault-niy99b):not([data-disabled]):= hover .FastModeToggleContent-oM5Eti, :is(.FastModeToggle-qGLhyE, .ResetToDe= fault-niy99b):not([data-disabled]):focus .FastModeToggleContent-oM5Eti, :is= (.FastModeToggle-qGLhyE, .ResetToDefault-niy99b):not([data-disabled]):hover= .ResetToDefaultContent-WfiETy, :is(.FastModeToggle-qGLhyE, .ResetToDefault= -niy99b):not([data-disabled]):focus .ResetToDefaultContent-WfiETy, :is(.Fas= tModeToggle-qGLhyE, .ResetToDefault-niy99b)[data-highlighted] .FastModeTogg= leContent-oM5Eti, :is(.FastModeToggle-qGLhyE, .ResetToDefault-niy99b)[data-= state=3D"open"] .FastModeToggleContent-oM5Eti { background: var(--color-bac= kground-primary-ghost-hover); } :is(.FastModeToggle-qGLhyE, .ResetToDefault-niy99b)[data-fast-mode-enable= d=3D"true"] { color: var(--color-chart-blue); } :is(.FastModeToggle-qGLhyE, .ResetToDefault-niy99b):has(.FastModeToggleCo= ntent-oM5Eti[data-fast-mode-enabled=3D"true"]) { color: var(--color-chart-b= lue); } :is(.FastModeToggle-qGLhyE, .ResetToDefault-niy99b):has(.FastModeToggleCo= ntent-oM5Eti[data-fast-mode-enabled=3D"true"])[data-max-power-selection=3D"= true"] { color: var(--color-chart-purple); } :is(.FastModeToggle-qGLhyE, .ResetToDefault-niy99b):has(.FastModeToggleCo= ntent-oM5Eti[data-fast-mode-enabled=3D"true"]):has(.FastModeToggleContent-o= M5Eti[data-max-power-selection=3D"true"]) { color: var(--color-chart-purple= ); } :is(.FastModeToggle-qGLhyE, .ResetToDefault-niy99b)[data-fast-mode-enable= d=3D"true"][data-max-power-selection=3D"true"] { color: var(--color-chart-p= urple); } :is(.FastModeToggle-qGLhyE, .ResetToDefault-niy99b)[data-fast-mode-enable= d=3D"true"]:has(.FastModeToggleContent-oM5Eti[data-max-power-selection=3D"t= rue"]) { color: var(--color-chart-purple); } :is(.FastModeToggle-qGLhyE, .ResetToDefault-niy99b)[data-highlighted], :i= s(.FastModeToggle-qGLhyE, .ResetToDefault-niy99b)[data-state=3D"open"] { ba= ckground: 0px 0px; } .ResetToDefault-niy99b { inset-inline: auto 0px; } .FastModeToggleContent-oM5Eti, .ResetToDefaultContent-WfiETy { border-rad= ius: 7px; justify-content: center; align-items: center; width: 26px; height= : 26px; margin-inline: auto; display: flex; } .UltrafastIcon-RfFW1Z { width: 16px; height: 16px; margin-inline: auto; } .UltraUsageWarning-niiWOB { color: var(--color-chart-purple); font-size: = var(--text-sm); line-height: var(--text-sm--line-height); opacity: 0; point= er-events: none; white-space: nowrap; justify-content: center; align-items:= center; display: flex; position: absolute; inset: 0px; } .UltraUsageWarningText-dj6gD0 { background-image: ; background-attachment= : ; background-origin: ; background-color: ; color: rgba(0, 0, 0, 0); -webk= it-text-fill-color: transparent; background-position: 0px 0px; background-r= epeat: no-repeat; background-size: 300% 100%; background-clip: text; } @keyframes UltraUsageWarningShimmer-Kf5X7w {=20 0% { background-position: 100% 0px; } 100% { background-position: 0px 0px; } } .ModelPickerTriggerContent-MFmRQj { min-width: 0px; max-width: calc(var(-= -spacing) * 64); justify-content: center; display: flex; position: relative= ; } .ModelPickerTriggerMeasurement-w4XXF6 { width: max-content; max-width: ca= lc(var(--spacing) * 64); visibility: hidden; pointer-events: none; white-sp= ace: nowrap; position: fixed; } .ModelPickerTriggerLabel-xR9gDc, .ModelPickerTriggerModelGroup-uBOG5R { a= lign-items: center; gap: 4px; min-width: 0px; display: inline-flex; } :is(.ModelPickerTriggerLabel-xR9gDc, .ModelPickerTriggerModelGroup-uBOG5R= ) > .ModelPickerTriggerInlineModeIcon-LE39Bb { width: 14px; height: 14px; c= olor: var(--color-text); flex-shrink: 0; } .ModelPickerTriggerPlaceholder-hy_Woz { text-overflow: ellipsis; white-sp= ace: nowrap; min-width: 0px; overflow: hidden; } .ModelPickerTriggerModelLabel-rz_zsL, .ModelPickerTriggerModelText-W2hMlT= { text-overflow: ellipsis; white-space: nowrap; flex-shrink: 1; min-width:= 0px; overflow: hidden; } .ModelPickerTriggerModelLabel-rz_zsL { color: var(--color-text); } .ModelPickerTriggerEffortLabel-xGzgW7, .ModelPickerTriggerEffortViewport-= Dfg4Xz { margin: calc(var(--blur-xs) * -1); padding: var(--blur-xs); overfl= ow: hidden; mask-repeat: no-repeat; } .ModelPickerTriggerEffortLabel-xGzgW7 { box-sizing: content-box; color: v= ar(--color-text-tertiary); white-space: nowrap; mask-image: linear-gradient= (to right, black calc(100% - var(--blur-xs)), transparent); flex-shrink: 0;= display: block; position: relative; } .ModelPickerTriggerEffortLabel-xGzgW7:is(:lang(ae), :lang(ar), :lang(arc)= , :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :la= ng(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd)= , :lang(ug), :lang(ur), :lang(yi)) { mask-image: linear-gradient(to left, b= lack calc(100% - var(--blur-xs)), transparent); } .ModelPickerTriggerEffortViewport-Dfg4Xz { mask-image: linear-gradient(to= right, transparent, black var(--blur-xs)); justify-content: center; displa= y: flex; } .ModelPickerTriggerEffortViewport-Dfg4Xz:is(:lang(ae), :lang(ar), :lang(a= rc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), = :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(= sd), :lang(ug), :lang(ur), :lang(yi)) { mask-image: linear-gradient(to left= , transparent, black var(--blur-xs)); } .ModelPickerTriggerEffortLayers-NpVbKj { flex-shrink: 0; grid-template-co= lumns: max-content; width: max-content; display: grid; } .ModelPickerTriggerEffortText-A0zjPh { opacity: 0; width: max-content; fi= lter: blur(var(--blur-xs)); will-change: opacity, filter; grid-area: 1 / 1;= justify-self: center; } .ModelPickerTriggerEffortText-A0zjPh[data-max-effort=3D"true"] { color: v= ar(--color-chart-purple); } .ModelPickerDropdownContent-BBm8p1 { --app-menu-gutter: 0px; width: calc(= var(--spacing) * 63.5); transform-origin: var(--radix-dropdown-menu-content= -transform-origin); will-change: opacity, transform; } .ModelPickerDropdownContent-BBm8p1[data-state=3D"open"] { animation: 0.32= s cubic-bezier(0.23, 1, 0.32, 1) 30ms 1 normal both running model-picker-dr= opdown-content-enter-asoucd; } .ModelPickerDropdownContent-BBm8p1:has(> [data-reduced-motion=3D"true"]) = { animation: auto ease 0s 1 normal none running none; } @keyframes model-picker-dropdown-content-enter-asoucd {=20 0% { opacity: 0; transform: scale(0.98); } 100% { opacity: 1; transform: scale(1); } } .Toolbar-TcAqyt[data-size] { --button-size: var(--spacing-token-button-co= mposer); --button-icon-size: var(--icon-leading-size); } .Toolbar-TcAqyt[data-size]:not([data-disabled]) { --button-text-color: va= r(--color-text-toolbar-action); --button-text-color-hover: var(--color-text= -toolbar-action); } .composer-RpsXSy { --color-text-info: var(--color-text); --color-text-acc= ent: var(--color-text); --color-icon-accent: var(--color-text); --color-bac= kground-accent: var(--color-surface-tertiary); --color-background-accent-ho= ver: var(--color-surface-tertiary); } .unpersonalizedComposer-gshzDc { --color-background-composer-primary: var= (--color-background-primary-solid); --color-text-composer-primary: var(--co= lor-text-primary-solid); } .unpersonalizedUserMessage-iOKEIm { --color-background-user-message: var(= --color-surface-tertiary); --color-text-user-message: var(--color-text); --= color-text-info: var(--color-text); --color-text-accent: var(--color-text);= } .composer-cQX6Rf :is([plugin-mention-name], [app-mention-name]) { --inlin= e-mention-color: var(--color-text-disabled); opacity: 0.5; } .summary-lK7Lpm { --agent-activity-summary-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .summary-lK7Lpm { --agent-activity-summary-color: color-mix(in oklab, var= (--color-text) 60%, transparent); } } .execDescendants-CELqcM { --agent-activity-child-color: var(--color-text)= ; } @supports (color:color-mix(in lab, red, red)) { .execDescendants-CELqcM { --agent-activity-child-color: color-mix(in okla= b, var(--color-text) 30%, transparent); } } .content-Sj8_aX { display: inherit; flex-direction: inherit; align-items:= inherit; justify-content: inherit; gap: inherit; width: 100%; min-width: 0= px; height: 100%; position: relative; } .workingTextShimmer-vcVl1g { --loading-shimmer-base: var(--color-text-sec= ondary); --loading-shimmer-highlight: var(--color-text); } @media (min-width: 40rem) { .Hero-BYBVj4 { min-block-size: var(--home-composer-top); } } .Enterprise-eJOqT3 { flex: 1 1 0%; grid-template: "content" minmax(0px, 1= fr) "role" "disclaimer" "composer" "error" / minmax(0px, 1fr); width: 100%;= min-height: 0px; display: grid; } .Enterprise-eJOqT3[data-enterprise-layout=3D"welcome-wide"] { grid-templa= te-areas: "header" "composer" "content" "disclaimer" "error"; grid-template= -rows: minmax(min-content, calc(42svh - var(--header-height,52px))) auto mi= nmax(min-content, 1fr) auto auto; overflow-y: auto; } .Enterprise-eJOqT3[data-enterprise-layout=3D"welcome-wide"] [data-home-on= boarding-region=3D"content"] { padding-block: calc(var(--spacing) * 4); } .Enterprise-eJOqT3[data-enterprise-layout=3D"welcome-narrow"] { grid-temp= late-rows: minmax(0px, 1fr) auto auto auto; grid-template-areas: "content" = "disclaimer" "composer" "error"; } .Enterprise-eJOqT3[data-enterprise-layout=3D"flow"] { grid-template-rows:= minmax(min-content, 1fr) auto auto; grid-template-areas: "content" "footer= " "error"; min-height: min-content; } .Enterprise-eJOqT3[data-enterprise-layout=3D"flow"] [data-home-onboarding= -region=3D"content"] { min-height: min-content; overflow-y: visible; } .EnterpriseFooter-bhoT9O { grid-area: footer; } .EnterpriseFooterBackground-wNBlvG { --color-surface: var(--app-color-bac= kground-surface); display: contents; } .Enterprise-eJOqT3 [data-home-onboarding-region=3D"header"] { grid-area: = header; } .Enterprise-eJOqT3 [data-home-onboarding-region=3D"content"] { grid-area:= content; } .Enterprise-eJOqT3 [data-home-onboarding-region=3D"role"] { grid-area: ro= le; } .Enterprise-eJOqT3 [data-home-onboarding-region=3D"disclaimer"] { grid-ar= ea: disclaimer; } .Enterprise-eJOqT3 [data-home-onboarding-region=3D"error"] { grid-area: e= rror; } .EnterpriseComposer-kPjKcz { grid-area: composer; } .FlowComposer-f8LrU_ { flex-shrink: 0; padding-bottom: 24px; } .surface-BLEtag { --color-surface: var(--lightningcss-light,#fff) var(--l= ightningcss-dark,#212121); --color-surface-secondary: var(--lightningcss-li= ght,#e8e8e8) var(--lightningcss-dark,#303030); --color-surface-tertiary: va= r(--lightningcss-light,#f3f3f3) var(--lightningcss-dark,#414141); --color-t= ext: var(--lightningcss-light,#0d0d0d) var(--lightningcss-dark,#fff); --col= or-text-secondary: var(--lightningcss-light,#5d5d5d) var(--lightningcss-dar= k,#cdcdcd); --color-text-tertiary: var(--lightningcss-light,#8f8f8f) var(--= lightningcss-dark,#afafaf); --color-text-info: var(--lightningcss-light,#3a= 83f7) var(--lightningcss-dark,#63a8f8); --color-border: var(--lightningcss-= light,#0000001a) var(--lightningcss-dark,#ffffff26); --color-border-heavy: = var(--lightningcss-light,#00000026) var(--lightningcss-dark,#fff3); --color= -border-light: var(--lightningcss-light,#0000000d) var(--lightningcss-dark,= #ffffff0d); --color-border-subtle: var(--color-border-light); --color-borde= r-primary-outline: var(--color-border-heavy); --color-text-inverse: var(--l= ightningcss-light,#fff) var(--lightningcss-dark,#0d0d0d); --color-backgroun= d-primary-ghost-hover: var(--lightningcss-light,#0000000d) var(--lightningc= ss-dark,#ffffff1a); --bg-primary: var(--color-surface); --bg-secondary: var= (--color-surface-secondary); --bg-tertiary: var(--color-surface-tertiary); = --text-primary: var(--color-text); --text-secondary: var(--color-text-secon= dary); --border-light: var(--color-border-light); --border-default: var(--c= olor-border); --border-heavy: var(--color-border-heavy); --text-xs: 12px; -= -text-sm: 14px; --text-base: 16px; --text-lg: 18px; --text-xl: 20px; --text= -2xl: 24px; color: var(--color-text); } .welcomeHeader-_VHLN8 { flex-direction: column; justify-content: flex-end= ; min-height: min-content; padding-bottom: 22px; display: flex; } .heroHeader-nGpO9S { padding-bottom: 0px; } .count-ABGDxy { font-variant-numeric: tabular-nums; place-items: center; = font-size: 8px; font-weight: 600; line-height: 1; display: grid; position: = absolute; inset: 0px; } .count-ABGDxy[data-multiple-digits=3D"true"] { font-size: 6px; } .list-z_kTB9 { overscroll-behavior-y: contain; overflow-anchor: none; scr= ollbar-width: none; mask-image: linear-gradient(to bottom, black calc(100% = - var(--recent-row-height,0px) / 2), transparent); overflow-y: auto; } .list-z_kTB9[data-interacted=3D"true"] { scroll-snap-type: y mandatory; } .list-z_kTB9[data-at-bottom=3D"true"] { mask-image: none; } .row-zN0bxv { scroll-snap-align: start; border-radius: var(--radius-xl); = border-bottom: 1px solid var(--color-border-subtle); } .row-zN0bxv:hover, .row-zN0bxv:focus-within { border-bottom-color: rgba(0= , 0, 0, 0); } .row-zN0bxv:has(+ .row-zN0bxv:hover) { border-bottom-color: rgba(0, 0, 0,= 0); } .row-zN0bxv:has(+ .row-zN0bxv:focus-within) { border-bottom-color: rgba(0= , 0, 0, 0); } .row-zN0bxv:hover, .row-zN0bxv:focus-within { background: var(--color-bac= kground-primary-ghost-hover); } .ComposerBannerPortal-Z8AOnR:has(> :not(:empty)) { padding-bottom: calc(v= ar(--spacing) * 4); } .curtain-xLT7yg { z-index: var(--max-app-overlay-z-index); pointer-events= : auto; opacity: 0; backdrop-filter: blur(12px); background: color-mix(in s= rgb, var(--color-surface-secondary) 74%, transparent); animation-duration: = 0.11s; animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1); animation= -fill-mode: forwards; position: fixed; inset: 0px; transform: scale(1.01); = } .curtain-xLT7yg[data-phase=3D"raise"] { animation-name: curtainRaise-gLey= Yq; } .curtain-xLT7yg[data-phase=3D"lower"] { animation-name: curtainLower-QX2J= ar; } @keyframes curtainRaise-gLeyYq {=20 0% { opacity: 0; transform: scale(1.01); } 100% { opacity: 1; transform: scale(1); } } @keyframes curtainLower-QX2Jar {=20 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.01); } } .Root-aQy2s4 { --codex-pet-frame-height: calc(var(--codex-pet-width,7.04r= em) * 208 / 192); width: var(--codex-pet-width,7.04rem); aspect-ratio: 192 = / 208; image-rendering: pixelated; background-repeat: no-repeat; background= -size: 800% auto; } .Container-NUu0n4 { width: auto; height: 100%; } .borderedCardSandbox-KmZ5WZ { corner-shape: var(--codex-corner-shape); bo= rder-end-end-radius: max(0px, calc(var(--radius-lg) - 1px)); border-end-sta= rt-radius: max(0px, calc(var(--radius-lg) - 1px)); } .Overlay-EJUR1e { pointer-events: none; z-index: 42; position: absolute; = inset-inline: 0px; } .Overlay-EJUR1e[data-presentation=3D"floating"] { transition: opacity var= (--transition-duration-basic) var(--ease-enter-snappy), transform var(--tra= nsition-duration-basic) var(--ease-enter-snappy); } .Overlay-EJUR1e[data-presentation=3D"default"] { transition: opacity 0.12= s cubic-bezier(0.4, 0, 0.2, 1); } .Overlay-EJUR1e[data-transition-state=3D"entering"] { opacity: 1; } .Overlay-EJUR1e[data-transition-state=3D"entering"][data-presentation=3D"= default"] { animation: composerOverlayEnter-KvtXl8 .12s var(--cubic-enter) = both; } .Overlay-EJUR1e[data-transition-state=3D"visible"] { opacity: 1; transiti= on-timing-function: cubic-bezier(0.4, 0, 1, 1); } .Overlay-EJUR1e[data-transition-state=3D"exiting"][data-composer-peeked= =3D"true"] { opacity: 1; } .Overlay-EJUR1e[data-transition-state=3D"exiting"][data-composer-peeked= =3D"false"] { opacity: 0; transition-timing-function: cubic-bezier(0, 0, 0.= 2, 1); } .Overlay-EJUR1e[data-transition-state=3D"hidden"][data-composer-peeked=3D= "true"] { opacity: 1; } .Overlay-EJUR1e[data-transition-state=3D"hidden"][data-composer-peeked=3D= "false"] { opacity: 0; } @media (prefers-reduced-motion: reduce) { .Overlay-EJUR1e { transition: none; animation: auto ease 0s 1 normal none= running none; } } @keyframes composerOverlayEnter-KvtXl8 {=20 0% { opacity: 0; } 100% { opacity: 1; } } .Probe-xfNqBo { width: 100%; max-width: calc(max(var(--thread-content-max= -width), var(--markdown-wide-block-max-width) + 8rem) + var(--padding-toolb= ar) * 2); visibility: hidden; pointer-events: none; flex-shrink: 0; height:= 0px; margin-inline: auto; } @keyframes typing-dot-wave-ZFEurj {=20 0%, 10%, 100% { transform: translateY(0px); } 25% { animation-timing-function: steps(6); transform: translateY(1.2px); = } 55% { transform: translateY(-2px); } 70% { transform: translateY(0px); } } @media (prefers-reduced-motion: no-preference) { .waveDot-qgKugp { animation-name: typing-dot-wave-ZFEurj; animation-durat= ion: 1s; animation-timing-function: steps(3); animation-iteration-count: in= finite; } .waveDot-qgKugp:nth-child(2) { animation-delay: 0.1s; } .waveDot-qgKugp:nth-child(3) { animation-delay: 0.2s; } } @media (min-width: 40rem) { .homeFooter-wh0a8t { inset-block-start: min(var(--home-composer-top), max= (0px, calc(100% - var(--thread-scroll-padding-bottom,0px)))); } } .compactHeaderScrollFade-N4s7hV { mask-image: linear-gradient(to bottom, = transparent 0, black var(--edge-fade-distance,1rem), black 100%); } .compactScrollMask-dnIUVM { mask-image: linear-gradient(to bottom, transp= arent 0, black var(--edge-fade-distance,1rem), black calc(100% - var(--thre= ad-scroll-padding-bottom,0px)), transparent calc(100% - var(--thread-scroll= -padding-bottom,0px) + var(--spacing) * 5.5), transparent 100%); } .transcriptContent-l_FOQD { --thread-scroll-padding-bottom: 0px; } .highlight-x7OnzP { animation: 4.5s ease-out 0s 1 normal both running sea= rchResultHighlight-Fs6wK4; } .highlight-x7OnzP::highlight(chatgpt-search-result) { background-color: c= olor-mix(in srgb, var(--yellow-400) calc(var(--chatgpt-search-highlight-bg-= alpha) * 100%), transparent); color: inherit; text-shadow: 0 0 .3em color-m= ix(in srgb, var(--yellow-400) calc(var(--chatgpt-search-highlight-glow-alph= a) * 100%), transparent); } .highlight-x7OnzP ::highlight(chatgpt-search-result) { background-color: = color-mix(in srgb, var(--yellow-400) calc(var(--chatgpt-search-highlight-bg= -alpha) * 100%), transparent); color: inherit; text-shadow: 0 0 .3em color-= mix(in srgb, var(--yellow-400) calc(var(--chatgpt-search-highlight-glow-alp= ha) * 100%), transparent); } @keyframes searchResultHighlight-Fs6wK4 {=20 0% { --chatgpt-search-highlight-bg-alpha: .52; --chatgpt-search-highlight= -glow-alpha: .42; } 55% { --chatgpt-search-highlight-bg-alpha: .24; --chatgpt-search-highligh= t-glow-alpha: .22; } 100% { --chatgpt-search-highlight-bg-alpha: 0; --chatgpt-search-highlight= -glow-alpha: 0; } } @media (prefers-reduced-motion: reduce) { .highlight-x7OnzP { --chatgpt-search-highlight-bg-alpha: .52; --chatgpt-s= earch-highlight-glow-alpha: .42; animation: auto ease 0s 1 normal none runn= ing none; } } .safari-wcvuzB.highlight-x7OnzP:not(.block-t7sxyD) { animation: auto ease= 0s 1 normal none running none; } .safari-wcvuzB.highlight-x7OnzP::highlight(chatgpt-search-result) { backg= round-color: color-mix(in srgb, var(--yellow-400) 52%, transparent); text-s= hadow: 0 0 .3em color-mix(in srgb, var(--yellow-400) 42%, transparent); } .safari-wcvuzB.highlight-x7OnzP ::highlight(chatgpt-search-result) { back= ground-color: color-mix(in srgb, var(--yellow-400) 52%, transparent); text-= shadow: 0 0 .3em color-mix(in srgb, var(--yellow-400) 42%, transparent); } .block-t7sxyD { background-color: color-mix(in srgb, var(--color-token-ed= itor-find-match-background) calc(var(--chatgpt-search-highlight-bg-alpha) *= 100%), transparent); } .widget-excfHd { --cursor-interaction: pointer; } .marker-mNXBu7 { min-width: calc(var(--spacing) * 7); height: calc(var(--= spacing) * 7); justify-content: center; align-items: center; gap: calc(var(= --spacing) * .75); border: 1px solid var(--color-border); border-radius: va= r(--radius-full); background-image: ; background-position-x: ; background-p= osition-y: ; background-size: ; background-repeat: ; background-attachment:= ; background-origin: ; background-color: ; box-shadow: var(--shadow-xl); c= olor: var(--color-text); font-size: var(--text-xs); font-weight: var(--font= -weight-medium); padding: 0 calc(var(--spacing) * 2); pointer-events: auto;= background-clip: padding-box; line-height: 1; display: flex; } .business-XlicwG { width: 100%; position: relative; } .pinContent-_vtxB4 { align-items: center; gap: inherit; display: inline-f= lex; } .business-XlicwG[data-provisional] .marker-mNXBu7 { transition: min-width= var(--transition-duration-basic) ease-out, height var(--transition-duratio= n-basic) ease-out, padding var(--transition-duration-basic) ease-out; } .business-XlicwG[data-provisional=3D"true"]:not([data-selected=3D"true"])= :not(:hover):not(:focus-within) .marker-mNXBu7 { box-shadow: none; backgrou= nd: 0px 0px; border-color: rgba(0, 0, 0, 0); padding: 0px; } .business-XlicwG[data-provisional=3D"true"]:not([data-selected=3D"true"])= :not(:hover):not(:focus-within) .marker-mNXBu7::before { width: calc(var(--= spacing) * 2); height: calc(var(--spacing) * 2); border: calc(var(--spacing= ) / 2) solid var(--color-surface); border-radius: var(--radius-full); backg= round: var(--color-text); box-shadow: var(--shadow-xl); content: ""; positi= on: absolute; bottom: 0px; left: 50%; transform: translate(-50%); } .business-XlicwG[data-provisional=3D"true"]:not([data-selected=3D"true"])= :not(:hover):not(:focus-within) .pinContent-_vtxB4 { display: none; } .business-XlicwG[data-provisional=3D"true"]:not([data-selected=3D"true"])= :not(:hover):not(:focus-within) .label-tyCeio { opacity: 0; } .business-XlicwG[data-provisional] .label-tyCeio { transition: opacity va= r(--transition-duration-relaxed) ease-out; } .business-XlicwG[data-provisional=3D"true"] .label-tyCeio, .business-Xlic= wG:hover .label-tyCeio, .business-XlicwG:focus-within .label-tyCeio, .marke= rContainer-lVmL5L[data-hovered=3D"true"] .label-tyCeio, .markerContainer-lV= mL5L [data-reduced-motion=3D"true"] .marker-mNXBu7, .markerContainer-lVmL5L= [data-reduced-motion=3D"true"] .label-tyCeio { transition: none; } @media (prefers-reduced-motion: reduce) { .business-XlicwG[data-provisional] .marker-mNXBu7, .business-XlicwG[data-= provisional] .label-tyCeio { transition: none; } } .markerContainer-lVmL5L { z-index: 2; } .markerContainer-lVmL5L:has([data-selected=3D"true"]) { z-index: 3; } .markerContainer-lVmL5L:hover, .markerContainer-lVmL5L:focus-within, .mar= kerContainer-lVmL5L[data-hovered=3D"true"] { z-index: 4; } .marker-mNXBu7:hover, .marker-mNXBu7:focus-visible, .markerContainer-lVmL= 5L[data-hovered=3D"true"] .marker-mNXBu7 { border-width: 2px; border-color:= var(--color-text); transform: scale(1.1); } .business-XlicwG[data-selected=3D"true"] .marker-mNXBu7 { border-width: 2= px; border-color: var(--color-surface); background: var(--color-background-= primary-solid); color: var(--color-text-primary-solid); } .business-XlicwG[data-selected=3D"true"] .marker-mNXBu7::after { border-t= op-style: ; border-top-width: ; border-right-color: ; border-right-style: ;= border-right-width: ; border-bottom-color: ; border-bottom-style: ; border= -bottom-width: ; border-left-color: ; border-left-style: ; border-left-widt= h: ; border-image-source: ; border-image-slice: ; border-image-width: ; bor= der-image-outset: ; border-image-repeat: ; border-top-color: var(--color-su= rface); content: ""; position: absolute; top: 100%; left: 50%; transform: t= ranslate(-50%); } .label-tyCeio { top: calc(100% + var(--spacing) * 1.5); width: max-conten= t; max-width: calc(var(--spacing) * 30); padding: calc(var(--spacing) * .5)= var(--spacing); color: var(--color-text); font-size: calc(var(--spacing) *= 2.75); font-weight: var(--font-weight-medium); line-height: calc(var(--spa= cing) * 3.25); letter-spacing: 0.06px; text-align: center; text-overflow: e= llipsis; -webkit-text-stroke: calc(var(--spacing) * .75) var(--color-surfac= e); paint-order: stroke; filter: drop-shadow(0 var(--spacing) calc(var(--sp= acing) * 2) color-mix(in srgb, var(--black) 5%, transparent)); white-space:= nowrap; pointer-events: none; position: absolute; left: 50%; overflow: hid= den; transform: translate(-50%); } .markerContainer-lVmL5L[data-label-hidden=3D"true"]:not(:hover):not(:focu= s-within) .label-tyCeio { opacity: 0; } .attribution-fipj_L a { text-decoration: none; } .transition-DDTh2X::view-transition-old(root) { animation: auto ease 0s 1= normal none running none; } .transition-DDTh2X::view-transition-new(root) { animation: auto ease 0s 1= normal none running none; } .transition-DDTh2X::view-transition-group(immersive-map-canvas) { animati= on-duration: var(--transition-duration-relaxed); animation-timing-function:= var(--ease-enter-snappy); } .transition-DDTh2X::view-transition-group(immersive-map-results) { animat= ion-duration: var(--transition-duration-relaxed); animation-timing-function= : var(--ease-enter-snappy); } .transition-DDTh2X::view-transition-group(immersive-map-composer) { anima= tion-duration: var(--transition-duration-relaxed); animation-timing-functio= n: var(--ease-enter-snappy); } .transition-DDTh2X::view-transition-group(immersive-map-composer-input) {= animation-duration: var(--transition-duration-relaxed); animation-timing-f= unction: var(--ease-enter-snappy); } .transition-DDTh2X::view-transition-group(immersive-map-composer-controls= ) { animation-duration: var(--transition-duration-relaxed); animation-timin= g-function: var(--ease-enter-snappy); } .transition-DDTh2X::view-transition-old(immersive-map-results) { object-f= it: fill; height: 100%; } .transition-DDTh2X::view-transition-new(immersive-map-results) { object-f= it: fill; height: 100%; } .transition-DDTh2X::view-transition-old(immersive-map-composer) { object-= fit: fill; mix-blend-mode: normal; width: 100%; height: 100%; } .transition-DDTh2X::view-transition-new(immersive-map-composer) { object-= fit: fill; mix-blend-mode: normal; width: 100%; height: 100%; } .transition-DDTh2X::view-transition-old(immersive-map-composer-input) { m= ix-blend-mode: normal; } .transition-DDTh2X::view-transition-new(immersive-map-composer-input) { m= ix-blend-mode: normal; } .transition-DDTh2X::view-transition-old(immersive-map-composer-controls) = { mix-blend-mode: normal; } .transition-DDTh2X::view-transition-new(immersive-map-composer-controls) = { mix-blend-mode: normal; } .results-qLgUrv { z-index: 10; gap: calc(var(--spacing) * 3); padding: 0 = calc(var(--spacing) * 3) calc(var(--spacing) * 3); scroll-padding-inline: c= alc(var(--spacing) * 3); scroll-snap-type: x mandatory; scrollbar-width: no= ne; cursor: grab; user-select: none; inset-inline: 0px; display: flex; posi= tion: absolute; bottom: 0px; overflow-x: auto; } .results-qLgUrv::-webkit-scrollbar { display: none; } .results-qLgUrv:active { cursor: grabbing; } .card-Zug7_a { border: 1px solid var(--color-border); border-radius: var(= --radius-4xl); background: color-mix(in srgb, var(--color-surface) 90%, tra= nsparent); backdrop-filter: blur(var(--blur-sm)); scroll-snap-align: center= ; flex-shrink: 0; position: relative; overflow: hidden; } .results-qLgUrv:not(.fullscreen-TskD9F) .card-Zug7_a:only-child { width: = 100%; max-width: none; } .fullscreen-TskD9F { position: relative; } @media (min-width: 640px) { .results-qLgUrv:active { scroll-snap-type: none; } .card-Zug7_a { scroll-snap-align: start; } } @media (min-width: 768px) { .fullscreen-TskD9F { scroll-snap-type: none; cursor: auto; flex-direction= : column; gap: 0px; padding: 0px; position: static; overflow-y: auto; } .fullscreen-TskD9F .card-Zug7_a { backdrop-filter: none; background: 0px = 0px; border: 0px; border-radius: 0px; width: 100%; max-width: none; } .fullscreen-TskD9F .card-Zug7_a + .card-Zug7_a { border-top: 1px solid va= r(--color-border-subtle); } } .card-Zug7_a::after { content: ""; border-radius: inherit; pointer-events= : none; position: absolute; inset: 0px; } .card-Zug7_a:hover::after, .card-Zug7_a:focus-within::after { background:= var(--color-background-primary-ghost-hover); } @keyframes pulse-isk6yW {=20 0%, 100% { opacity: 0.68; } 50% { opacity: 0.82; } } .Placeholder-M5Cmfu { background-color: color-mix(in srgb, var(--color-co= dex-description) 8%, var(--color-surface)); opacity: 0.68; animation: 2.4s = ease-in-out 0s infinite normal none running pulse-isk6yW; } .dark .Placeholder-M5Cmfu { background-color: color-mix(in srgb, var(--co= lor-codex-description) 12%, var(--color-surface)); } :root[data-reduced-motion=3D"true"] .Placeholder-M5Cmfu { opacity: 0.76; = animation: auto ease 0s 1 normal none running none; } .responseTypography-A7UvAY { --codex-chat-font-size: 1rem; --codex-chat-c= ode-font-size: .875rem; } .floatingSurface-hRSD13 { --floating-panel-inset: calc(var(--spacing) * 1= .5); --floating-panel-radius: calc(var(--radius-token-composer-single-line)= + var(--floating-panel-inset)); border-radius: var(--floating-panel-radius= ); } .singleLineSurface-Qzu7HR { --floating-panel-radius: var(--radius-token-c= omposer-single-line); border-radius: var(--floating-panel-radius); } .canvasSurface-y1sr7C { --floating-panel-radius: var(--radius-2xl-base); = } .floatingComposerInset-KDct6F { padding-inline: var(--floating-panel-inse= t); padding-bottom: var(--floating-panel-inset); } .portalLayout-_LSX2_ { --thread-floating-panel-compact-progress: calc(1 -= clamp(0, var(--thread-floating-panel-full-width-progress), 1)); top: calc(= var(--spacing) * 5 * var(--thread-floating-panel-compact-progress)); right:= calc(var(--spacing) * 5 * var(--thread-floating-panel-compact-progress)); = bottom: calc(var(--spacing) * 5 * var(--thread-floating-panel-compact-progr= ess)); } .portalLayout-_LSX2_.belowToolbar-VYFp43 { top: calc((var(--app-shell-pag= e-banner-height,0px) + var(--app-shell-header-height,var(--height-toolbar))= + var(--spacing) * 1.5) * var(--thread-floating-panel-compact-progress)); = } .bubble-vBnidZ { --user-chat-width: 70%; --radius-2xl: calc(var(--spacing= ) * 5.5); --thread-content-margin: calc(var(--spacing) * 4); } .compactMessageReaction-eDrjpw { --color-background-user-message: var(--c= olor-background-user-message-compact); } .compactMessageBubble-Th2OJ3 { --color-background-user-message: var(--com= pact-user-message-bubble-background,var(--color-background-user-message-com= pact)); --color-text-user-message: var(--compact-user-message-bubble-foregr= ound,var(--color-text)); --user-chat-width: min(456px, 100%); --radius-2xl:= calc(var(--spacing) * 4); --thread-content-margin: calc(var(--spacing) * 3= ); corner-shape: superellipse(1); width: fit-content; } .compactMessageContainer-yKAwtr { max-width: 456px; } .compactMessageReaction-eDrjpw { background-color: var(--color-background= -user-message); } .otherUserMessage-ybPhKI { --color-background-user-message: var(--color-b= ackground-other-user-message); --color-text-user-message: var(--color-text)= ; } .compactMessageBubble-Th2OJ3 [data-markdown-text-tone=3D"user-message"] {= --markdown-line-height: calc(var(--markdown-font-size) + 4px); letter-spac= ing: -0.01em; } .temporaryBubble-aTxSAp { border-radius: var(--radius-2xl); corner-shape:= round; } .temporaryOutline-bbkcxS { container-type: size; } .temporaryOutline-bbkcxS rect { rx: calc(min(var(--radius-2xl), 50cqmin) = - .5px); ry: calc(min(var(--radius-2xl), 50cqmin) - .5px); } .activeCommentary-KL3bcr { --loading-shimmer-foreground: var(--color-text= ); --loading-shimmer-base: color-mix(in srgb, var(--color-text) 70%, transp= arent); --loading-shimmer-highlight: var(--color-text); --loading-shimmer-d= uration: calc(var(--loading-shimmer-default-duration) * 2); } :root:not([data-codex-window-type=3D"extension"]) .activeCommentary-KL3bc= r { --loading-shimmer-highlight: CanvasText; } .compactMessageBubble-F3pTmK, .compactContentWidth-GkRXDf { max-width: mi= n(456px, 100%); } .compactMessageBubble-F3pTmK { --thread-content-margin: calc(var(--spacin= g) * 3); --color-text: var(--compact-message-bubble-foreground,var(--lightn= ingcss-light,#0c274a) var(--lightningcss-dark,#f6fafe)); --color-text-info:= var(--color-text); border-radius: calc(var(--spacing) * 4); corner-shape: = superellipse(1); background-color: var(--compact-message-bubble-background,= var(--lightningcss-light,#e8f3fe) var(--lightningcss-dark,#173e76)); width:= fit-content; padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3); c= olor: var(--color-text); } .compactMessageBubble-F3pTmK:has([data-markdown-copy=3D"code-block"], [da= ta-oai-writing-block-surface]) { width: 100%; } .compactMessageBubbleWithAttachment-eGGQmx { border-radius: var(--radius-= 3xl-base); padding: 0px; } .compactMessageBody-DQ3qRb { padding: calc(var(--spacing) * 2) calc(var(-= -spacing) * 3); } .compactMessageBubble-F3pTmK [data-markdown-text-style=3D"assistant-messa= ge"] { --markdown-line-height: calc(var(--markdown-font-size) + 4px); lette= r-spacing: -0.01em; } :is([data-markdown-text-style=3D"assistant-message"] .compactContentWidth= -GkRXDf [data-wide-block], [data-markdown-text-style=3D"assistant-message"]= .compactContentWidth-GkRXDf [data-wide-markdown-block], .compactMessageBub= ble-F3pTmK [data-markdown-text-style=3D"assistant-message"] [data-wide-bloc= k], .compactMessageBubble-F3pTmK [data-markdown-text-style=3D"assistant-mes= sage"] [data-wide-markdown-block]) { width: 100%; max-width: 100%; margin-i= nline: 0px; } .heading-mOenvy, .paragraph-gJJthE { margin: 0px; } .list-RaLbwp { margin-block: 0px; } .content-oxuumP > .paragraph-gJJthE + .paragraph-gJJthE { margin-top: var= (--spacing); } .content-oxuumP.content-oxuumP > h1.heading-mOenvy { margin-top: calc(var= (--spacing) * 2); } .content-oxuumP.content-oxuumP > h1.heading-mOenvy + * { margin-top: var(= --spacing); } .content-oxuumP.content-oxuumP > h2.heading-mOenvy { margin-top: calc(var= (--spacing) * 2); } .content-oxuumP.content-oxuumP > h2.heading-mOenvy + * { margin-top: var(= --spacing); } .content-oxuumP.content-oxuumP > h3.heading-mOenvy { margin-top: calc(var= (--spacing) * 2); } .content-oxuumP.content-oxuumP > h3.heading-mOenvy + * { margin-top: var(= --spacing); } .block-BQZwFn { display: contents; } .block-BQZwFn:has(> .header-Kiy7Og) { flex-direction: column; min-width: = 0px; display: flex; } .chip-Kwrbf2[data-animate-entrance] { transform-origin: 0px center; anima= tion: 0.28s cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal both running chip-en= ter-vB6CDi; } @keyframes chip-enter-vB6CDi {=20 0% { opacity: 0; transform: translate(-8px, 4px) scale(0.92); } 70% { opacity: 1; transform: translate(1px, -1px) scale(1.02); } 100% { opacity: 1; transform: translate(0px, 0px) scale(1); } } @media (prefers-reduced-motion: reduce) { .chip-Kwrbf2[data-animate-entrance] { animation: auto ease 0s 1 normal no= ne running none; } } .dots-avXrIV { opacity: 0.38; animation: 1.75s ease-in-out 0s infinite no= rmal none running dot-field-opacity-Ywcpnd; position: absolute; inset: 0px;= overflow: hidden; mask-image: linear-gradient(to left top, rgba(0, 0, 0, 0= ) 0%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%); mask-size= : 100% 100%; mask-repeat: no-repeat; } .reducedMotion-ttnr0y { animation: auto ease 0s 1 normal none running non= e; } @keyframes dot-field-opacity-Ywcpnd {=20 50% { opacity: 0.56; } } :root[data-reduced-motion=3D"true"] .dots-avXrIV { animation: auto ease 0= s 1 normal none running none; } .emoji-kr8LTB { font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto= Color Emoji", sans-serif; } .action-J1cCOc { corner-shape: round; border-radius: 8px; } @media (pointer: coarse) { :is(.action-J1cCOc:has(> svg), .action-J1cCOc:has(> span:only-child)) { m= in-width: 40px; } } .userReactionEnter-ZmXiiM .reactionGlyph-IUJ4eY { animation: 0.4s cubic-b= ezier(0, 0, 0.2, 1) 0s 1 normal forwards running reaction-rise-jfXGuA, 0.45= s ease-out 0.65s 1 normal forwards running reaction-settle-oByoaZ, 0.12s ea= se-out 0s 1 normal none running reaction-fade-in-lrJ1KX; } .userReactionEnter-ZmXiiM .reactionBackground-uTtCUd { animation: 25ms ea= se-out 0s 1 normal none running reaction-fade-in-lrJ1KX; } @keyframes reaction-rise-jfXGuA {=20 0% { transform: translateY(0px) scale(1); } 100% { transform: translateY(-38.72px) scale(1.67); } } @keyframes reaction-settle-oByoaZ {=20 0% { transform: translateY(-38.72px) scale(1.67); } 55% { transform: translateY(1px) scale(0.98); } 80% { transform: translateY(-0.25px) scale(1.005); } 100% { transform: translateY(0px) scale(1); } } @keyframes reaction-fade-in-lrJ1KX {=20 0% { opacity: 0; } 100% { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .userReactionEnter-ZmXiiM .reactionGlyph-IUJ4eY, .userReactionEnter-ZmXii= M .reactionBackground-uTtCUd { animation: auto ease 0s 1 normal none runnin= g none; } } .roundBubble-eQK4RF { corner-shape: round; } .PortalBoundary-TFj9W2 { min-width: 0px; color: var(--color-text); } .PortalBoundary-TFj9W2 :where([data-theme]) { color: var(--color-text); } .PortalBoundary-TFj9W2 [data-exiting] { pointer-events: none; } .PortalBoundary-TFj9W2 [data-radix-popper-content-wrapper] { zoom: calc(1= / var(--puik-portal-zoom,1)); --puik-popper-anchor-width: var(--radix-popp= er-anchor-width); --puik-popper-anchor-height: var(--radix-popper-anchor-he= ight); --puik-popper-available-width: var(--radix-popper-available-width); = --puik-popper-available-height: var(--radix-popper-available-height); } .PortalBoundary-TFj9W2 [data-radix-popper-content-wrapper] > * { z-index:= 50; zoom: var(--puik-portal-zoom,1); --radix-popper-anchor-width: calc(var= (--puik-popper-anchor-width) / var(--puik-portal-zoom,1)); --radix-popper-a= nchor-height: calc(var(--puik-popper-anchor-height) / var(--puik-portal-zoo= m,1)); --radix-popper-available-width: calc(var(--puik-popper-available-wid= th) / var(--puik-portal-zoom,1)); --radix-popper-available-height: calc(var= (--puik-popper-available-height) / var(--puik-portal-zoom,1)); } .PortalSurface-LW3Uz2 { --color-surface-elevated: var(--color-surface-ele= vated-secondary); display: contents; } } @layer utilities { .\@container\/address { container: address / inline-size; } .\@container\/app-shell-detail-panel { container: app-shell-detail-panel = / inline-size; } .\@container\/app-shell-header-toolbar { container: app-shell-header-tool= bar / inline-size; } .\@container\/app-shell-tab { container: app-shell-tab / inline-size; } .\@container\/approval-card { container: approval-card / inline-size; } .\@container\/browser-toolbar { container: browser-toolbar / inline-size;= } .\@container\/business-editor { container: business-editor / inline-size;= } .\@container\/diff-header { container: diff-header / inline-size; } .\@container\/flashcard-editor { container: flashcard-editor / inline-siz= e; } .\@container\/flashcards { container: flashcards / inline-size; } .\@container\/gpt-builder { container: gpt-builder / inline-size; } .\@container\/home-mode-toggle { container: home-mode-toggle / inline-siz= e; } .\@container\/hours { container: hours / inline-size; } .\@container\/latest-turn-preview { container: latest-turn-preview / inli= ne-size; } .\@container\/left-panel { container: left-panel / inline-size; } .\@container\/library-row { container: library-row / inline-size; } .\@container\/navigation-header { container: navigation-header / inline-s= ize; } .\@container\/presentation-editor { container: presentation-editor / inli= ne-size; } .\@container\/priority-list { container: priority-list / inline-size; } .\@container\/product-carousel { container: product-carousel / inline-siz= e; } .\@container\/product-reference { container: product-reference / inline-s= ize; } .\@container\/referral-tracking { container: referral-tracking / inline-s= ize; } .\@container\/request-card { container: request-card / inline-size; } .\@container\/review-header { container: review-header / inline-size; } .\@container\/settings-row { container: settings-row / inline-size; } .\@container\/sidebar-update { container: sidebar-update / inline-size; } .\@container\/site-preview { container: site-preview / inline-size; } .\@container\/sketch-canvas { container: sketch-canvas / inline-size; } .\@container\/skills-grid { container: skills-grid / inline-size; } .\@container\/tortilla-detail { container: tortilla-detail / inline-size;= } .\@container\/video-controls { container: video-controls / inline-size; } .\@container\/work-tasks { container: work-tasks / inline-size; } .\@container, .\[container-type\:inline-size\] { container-type: inline-s= ize; } .\[container-type\:size\] { container-type: size; } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .\!visible { visibility: visible !important; } .\[visibility\:var\(--sidebar-row-indicator-visibility\,visible\)\] { vis= ibility: var(--sidebar-row-indicator-visibility,visible); } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px;= width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; o= verflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .-inset-4 { inset: calc(var(--spacing) * -4); } .-inset-\[5\%\] { inset: -5%; } .-inset-px { inset: -1px; } .inset-0 { inset: 0px; } .inset-1 { inset: var(--spacing); } .inset-2 { inset: calc(var(--spacing) * 2); } .inset-4 { inset: calc(var(--spacing) * 4); } .inset-5 { inset: calc(var(--spacing) * 5); } .inset-\[-0\.18rem\] { inset: -0.18rem; } .inset-\[1\.15rem\] { inset: 1.15rem; } .inset-\[3px\] { inset: 3px; } .inset-\[5px\] { inset: 5px; } .inset-\[18\%\] { inset: 18%; } .inset-\[var\(--visualize-paint-gutter\)\] { inset: var(--visualize-paint= -gutter); } .inset-px { inset: 1px; } .-inset-x-0\.5 { inset-inline: calc(var(--spacing) * -.5); } .-inset-x-18 { inset-inline: calc(var(--spacing) * -18); } .inset-x-\(--floating-panel-inset\) { inset-inline: var(--floating-panel-= inset); } .inset-x-0 { inset-inline: 0px; } .inset-x-0\.5 { inset-inline: calc(var(--spacing) * .5); } .inset-x-1 { inset-inline: var(--spacing); } .inset-x-1\.5 { inset-inline: calc(var(--spacing) * 1.5); } .inset-x-2 { inset-inline: calc(var(--spacing) * 2); } .inset-x-2\.5 { inset-inline: calc(var(--spacing) * 2.5); } .inset-x-3 { inset-inline: calc(var(--spacing) * 3); } .inset-x-4 { inset-inline: calc(var(--spacing) * 4); } .inset-x-5 { inset-inline: calc(var(--spacing) * 5); } .inset-x-6 { inset-inline: calc(var(--spacing) * 6); } .inset-x-8 { inset-inline: calc(var(--spacing) * 8); } .inset-x-10 { inset-inline: calc(var(--spacing) * 10); } .inset-x-12 { inset-inline: calc(var(--spacing) * 12); } .inset-x-18 { inset-inline: calc(var(--spacing) * 18); } .inset-x-\[-4\%\] { inset-inline: -4%; } .inset-x-\[-4px\] { inset-inline: -4px; } .inset-x-\[-5px\] { inset-inline: -5px; } .inset-x-\[-12px\] { inset-inline: -12px; } .inset-x-\[6\%\] { inset-inline: 6%; } .inset-x-\[calc\(var\(--oai-wb-spacing\)\*4\)\] { inset-inline: calc(var(= --oai-wb-spacing) * 4); } .inset-x-\[var\(--composer-suggestion-inline-inset\)\] { inset-inline: va= r(--composer-suggestion-inline-inset); } .inset-x-\[var\(--home-composer-inline-inset\)\] { inset-inline: var(--ho= me-composer-inline-inset); } .inset-x-button-toolbar-inline { inset-inline: var(--spacing-button-toolb= ar-inline); } .inset-x-px { inset-inline: 1px; } .-inset-y-0\.5 { inset-block: calc(var(--spacing) * -.5); } .-inset-y-1 { inset-block: calc(var(--spacing) * -1); } .inset-y-0 { inset-block: 0px; } .inset-y-2 { inset-block: calc(var(--spacing) * 2); } .inset-y-3 { inset-block: calc(var(--spacing) * 3); } .inset-y-4 { inset-block: calc(var(--spacing) * 4); } .inset-y-10 { inset-block: calc(var(--spacing) * 10); } .inset-y-\[2px\] { inset-block: 2px; } .-start-1 { inset-inline-start: calc(var(--spacing) * -1); } .-start-3\.5 { inset-inline-start: calc(var(--spacing) * -3.5); } .-start-4 { inset-inline-start: calc(var(--spacing) * -4); } .-start-6 { inset-inline-start: calc(var(--spacing) * -6); } .-start-8 { inset-inline-start: calc(var(--spacing) * -8); } .-start-18 { inset-inline-start: calc(var(--spacing) * -18); } .-start-\[1\.25px\] { inset-inline-start: -1.25px; } .-start-\[4px\] { inset-inline-start: -4px; } .-start-px { inset-inline-start: -1px; } .start-\(--app-shell-left-panel-width\) { inset-inline-start: var(--app-s= hell-left-panel-width); } .start-0 { inset-inline-start: calc(var(--spacing) * 0); } .start-1 { inset-inline-start: calc(var(--spacing) * 1); } .start-1\.5 { inset-inline-start: calc(var(--spacing) * 1.5); } .start-1\/2 { inset-inline-start: 50%; } .start-2 { inset-inline-start: calc(var(--spacing) * 2); } .start-2\.5 { inset-inline-start: calc(var(--spacing) * 2.5); } .start-3 { inset-inline-start: calc(var(--spacing) * 3); } .start-4 { inset-inline-start: calc(var(--spacing) * 4); } .start-6 { inset-inline-start: calc(var(--spacing) * 6); } .start-7 { inset-inline-start: calc(var(--spacing) * 7); } .start-16 { inset-inline-start: calc(var(--spacing) * 16); } .start-\[3px\] { inset-inline-start: 3px; } .start-\[5\%\] { inset-inline-start: 5%; } .start-\[9px\] { inset-inline-start: 9px; } .start-\[50\.2\%\] { inset-inline-start: 50.2%; } .start-\[calc\(var\(--app-shell-left-panel-width\)\+var\(--spacing\)\*2\)= \] { inset-inline-start: calc(var(--app-shell-left-panel-width) + var(--spa= cing) * 2); } .start-button-toolbar-inline { inset-inline-start: var(--spacing-button-t= oolbar-inline); } .start-px { inset-inline-start: 1px; } .-end-0\.5 { inset-inline-end: calc(var(--spacing) * -.5); } .-end-1 { inset-inline-end: calc(var(--spacing) * -1); } .-end-1\.5 { inset-inline-end: calc(var(--spacing) * -1.5); } .-end-2 { inset-inline-end: calc(var(--spacing) * -2); } .-end-\[4px\] { inset-inline-end: -4px; } .end-0 { inset-inline-end: calc(var(--spacing) * 0); } .end-1 { inset-inline-end: calc(var(--spacing) * 1); } .end-1\.5 { inset-inline-end: calc(var(--spacing) * 1.5); } .end-1\.75 { inset-inline-end: calc(var(--spacing) * 1.75); } .end-1\/2 { inset-inline-end: 50%; } .end-2 { inset-inline-end: calc(var(--spacing) * 2); } .end-2\! { inset-inline-end: calc(var(--spacing) * 2) !important; } .end-2\.5 { inset-inline-end: calc(var(--spacing) * 2.5); } .end-3 { inset-inline-end: calc(var(--spacing) * 3); } .end-3\.5 { inset-inline-end: calc(var(--spacing) * 3.5); } .end-4 { inset-inline-end: calc(var(--spacing) * 4); } .end-4\.5 { inset-inline-end: calc(var(--spacing) * 4.5); } .end-5 { inset-inline-end: calc(var(--spacing) * 5); } .end-6 { inset-inline-end: calc(var(--spacing) * 6); } .end-12 { inset-inline-end: calc(var(--spacing) * 12); } .end-\[-2px\] { inset-inline-end: -2px; } .end-\[7px\] { inset-inline-end: 7px; } .end-\[calc\(var\(--artwork-unit\)\*var\(--artwork-offset\)\)\] { inset-i= nline-end: calc(var(--artwork-unit) * var(--artwork-offset)); } .end-full { inset-inline-end: 100%; } .\!top-0 { top: 0px !important; } .\!top-4 { top: calc(var(--spacing) * 4) !important; } .\!top-\[22px\] { top: 22px !important; } .-top-0\.5 { top: calc(var(--spacing) * -.5); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-2\.5 { top: calc(var(--spacing) * -2.5); } .-top-3 { top: calc(var(--spacing) * -3); } .-top-4 { top: calc(var(--spacing) * -4); } .-top-5 { top: calc(var(--spacing) * -5); } .-top-8 { top: calc(var(--spacing) * -8); } .-top-8\.5 { top: calc(var(--spacing) * -8.5); } .-top-10 { top: calc(var(--spacing) * -10); } .-top-17 { top: calc(var(--spacing) * -17); } .-top-\[1\.25px\] { top: -1.25px; } .-top-\[5px\] { top: -5px; } .-top-\[7px\] { top: -7px; } .-top-px { top: -1px; } .-top-toolbar { top: calc(var(--inset-toolbar) * -1); } .top-\(--height-toolbar-sm\) { top: var(--height-toolbar-sm); } .top-\(--sidebar-scroll-header-mask-start\) { top: var(--sidebar-scroll-h= eader-mask-start); } .top-\(--thread-floating-content-top-inset\) { top: var(--thread-floating= -content-top-inset); } .top-0 { top: 0px; } .top-0\.5 { top: calc(var(--spacing) * .5); } .top-0\.75 { top: calc(var(--spacing) * .75); } .top-1 { top: var(--spacing); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: 50%; } .top-1\/3 { top: 33.3333%; } .top-2 { top: calc(var(--spacing) * 2); } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-3 { top: calc(var(--spacing) * 3); } .top-3\.5 { top: calc(var(--spacing) * 3.5); } .top-4 { top: calc(var(--spacing) * 4); } .top-4\.5 { top: calc(var(--spacing) * 4.5); } .top-5 { top: calc(var(--spacing) * 5); } .top-6 { top: calc(var(--spacing) * 6); } .top-7 { top: calc(var(--spacing) * 7); } .top-8 { top: calc(var(--spacing) * 8); } .top-9 { top: calc(var(--spacing) * 9); } .top-10 { top: calc(var(--spacing) * 10); } .top-11 { top: calc(var(--spacing) * 11); } .top-11\.5 { top: calc(var(--spacing) * 11.5); } .top-12 { top: calc(var(--spacing) * 12); } .top-14 { top: calc(var(--spacing) * 14); } .top-16 { top: calc(var(--spacing) * 16); } .top-20 { top: calc(var(--spacing) * 20); } .top-24 { top: calc(var(--spacing) * 24); } .top-28 { top: calc(var(--spacing) * 28); } .top-33 { top: calc(var(--spacing) * 33); } .top-42 { top: calc(var(--spacing) * 42); } .top-52 { top: calc(var(--spacing) * 52); } .top-\[-0\.5px\] { top: -0.5px; } .top-\[-0\.094rem\] { top: -0.094rem; } .top-\[-4\%\] { top: -4%; } .top-\[-4px\] { top: -4px; } .top-\[-6\%\] { top: -6%; } .top-\[-187\.65px\] { top: -187.65px; } .top-\[2\.85rem\] { top: 2.85rem; } .top-\[3px\] { top: 3px; } .top-\[8\%\] { top: 8%; } .top-\[13px\] { top: 13px; } .top-\[14px\] { top: 14px; } .top-\[21px\] { top: 21px; } .top-\[22\.98px\] { top: 22.98px; } .top-\[22px\] { top: 22px; } .top-\[27\.75\%\] { top: 27.75%; } .top-\[29\.5px\] { top: 29.5px; } .top-\[30px\] { top: 30px; } .top-\[31\%\] { top: 31%; } .top-\[34px\] { top: 34px; } .top-\[35px\] { top: 35px; } .top-\[36\%\] { top: 36%; } .top-\[36px\] { top: 36px; } .top-\[38\.32\%\] { top: 38.32%; } .top-\[49px\] { top: 49px; } .top-\[50px\] { top: 50px; } .top-\[54\%\] { top: 54%; } .top-\[54px\] { top: 54px; } .top-\[56\%\] { top: 56%; } .top-\[58px\] { top: 58px; } .top-\[60px\] { top: 60px; } .top-\[62px\] { top: 62px; } .top-\[65\.42\%\] { top: 65.42%; } .top-\[75\%\] { top: 75%; } .top-\[76\.17\%\] { top: 76.17%; } .top-\[78px\] { top: 78px; } .top-\[79px\] { top: 79px; } .top-\[84px\] { top: 84px; } .top-\[100px\] { top: 100px; } .top-\[136px\] { top: 136px; } .top-\[144px\] { top: 144px; } .top-\[148px\] { top: 148px; } .top-\[calc\(-1\*var\(--padding-panel\)\)\] { top: calc(-1 * var(--paddin= g-panel)); } .top-\[calc\(-1\*var\(--thread-content-top-inset\,0px\)\)\] { top: calc(-= 1 * var(--thread-content-top-inset,0px)); } .top-\[calc\(50\%\+16px\)\] { top: calc(50% + 16px); } .top-\[calc\(50\%_-_55px\)\] { top: calc(50% - 55px); } .top-\[calc\(100\%\+6px\)\] { top: calc(100% + 6px); } .top-\[calc\(100\%\+8px\)\] { top: calc(100% + 8px); } .top-\[calc\(var\(--app-shell-root-banner-height\,0px\)\+var\(--app-shell= -application-menu-height\,0px\)\)\] { top: calc(var(--app-shell-root-banner= -height,0px) + var(--app-shell-application-menu-height,0px)); } .top-\[calc\(var\(--app-shell-root-banner-height\,0px\)\+var\(--app-shell= -application-menu-height\,0px\)\+var\(--app-shell-page-header-offset\,0px\)= \)\] { top: calc(var(--app-shell-root-banner-height,0px) + var(--app-shell-= application-menu-height,0px) + var(--app-shell-page-header-offset,0px)); } .top-\[calc\(var\(--app-shell-root-banner-height\,0px\)\+var\(--app-shell= -page-banner-height\,0px\)\+var\(--app-shell-application-menu-height\,0px\)= \+var\(--app-shell-page-header-offset\,0px\)\+var\(--app-shell-titlebar-top= -inset\,0px\)\)\] { top: calc(var(--app-shell-root-banner-height,0px) + var= (--app-shell-page-banner-height,0px) + var(--app-shell-application-menu-hei= ght,0px) + var(--app-shell-page-header-offset,0px) + var(--app-shell-titleb= ar-top-inset,0px)); } .top-\[calc\(var\(--app-shell-root-banner-height\,0px\)\+var\(--app-shell= -page-banner-height\,0px\)\+var\(--app-shell-application-menu-height\,0px\)= \+var\(--app-shell-titlebar-top-inset\,0px\)\)\] { top: calc(var(--app-shel= l-root-banner-height,0px) + var(--app-shell-page-banner-height,0px) + var(-= -app-shell-application-menu-height,0px) + var(--app-shell-titlebar-top-inse= t,0px)); } .top-\[calc\(var\(--artwork-unit\)\*var\(--artwork-top\)\)\] { top: calc(= var(--artwork-unit) * var(--artwork-top)); } .top-\[calc\(var\(--header-height\,48px\)\+8px\)\] { top: calc(var(--head= er-height,48px) + 8px); } .top-\[calc\(var\(--oai-wb-spacing\)\*2\)\] { top: calc(var(--oai-wb-spac= ing) * 2); } .top-\[var\(--app-shell-page-header-offset\,0px\)\] { top: var(--app-shel= l-page-header-offset,0px); } .top-\[var\(--height-token-row\)\] { top: var(--height-token-row); } .top-\[var\(--pane-overlay-header-height\,0px\)\] { top: var(--pane-overl= ay-header-height,0px); } .top-full { top: 100%; } .top-toolbar { top: var(--inset-toolbar); } .top-toolbar-sm { top: var(--inset-toolbar-sm); } .\!right-4 { right: calc(var(--spacing) * 4) !important; } .\!right-\[22px\] { right: 22px !important; } .-right-0\.5 { right: calc(var(--spacing) * -.5); } .-right-0\.75 { right: calc(var(--spacing) * -.75); } .-right-1 { right: calc(var(--spacing) * -1); } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .-right-2 { right: calc(var(--spacing) * -2); } .-right-2\.5 { right: calc(var(--spacing) * -2.5); } .-right-3 { right: calc(var(--spacing) * -3); } .-right-3\/10 { right: -30%; } .-right-5 { right: calc(var(--spacing) * -5); } .-right-8 { right: calc(var(--spacing) * -8); } .-right-px { right: -1px; } .right-0 { right: 0px; } .right-0\.5 { right: calc(var(--spacing) * .5); } .right-1 { right: var(--spacing); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-1\/2 { right: 50%; } .right-2 { right: calc(var(--spacing) * 2); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-3 { right: calc(var(--spacing) * 3); } .right-3\.5 { right: calc(var(--spacing) * 3.5); } .right-4 { right: calc(var(--spacing) * 4); } .right-5 { right: calc(var(--spacing) * 5); } .right-6 { right: calc(var(--spacing) * 6); } .right-7 { right: calc(var(--spacing) * 7); } .right-8 { right: calc(var(--spacing) * 8); } .right-12 { right: calc(var(--spacing) * 12); } .right-\[2\%\] { right: 2%; } .right-\[7\%\] { right: 7%; } .right-\[10\%\] { right: 10%; } .right-\[13px\] { right: 13px; } .right-\[14px\] { right: 14px; } .right-\[30px\] { right: 30px; } .right-\[var\(--activity-pill-edge-inset\)\] { right: var(--activity-pill= -edge-inset); } .-bottom-0\.5 { bottom: calc(var(--spacing) * -.5); } .-bottom-1 { bottom: calc(var(--spacing) * -1); } .-bottom-1\.5 { bottom: calc(var(--spacing) * -1.5); } .-bottom-1\/2 { bottom: -50%; } .-bottom-1\/16 { bottom: -6.25%; } .-bottom-2 { bottom: calc(var(--spacing) * -2); } .-bottom-2\.5 { bottom: calc(var(--spacing) * -2.5); } .-bottom-5 { bottom: calc(var(--spacing) * -5); } .-bottom-14 { bottom: calc(var(--spacing) * -14); } .-bottom-\[11px\] { bottom: -11px; } .bottom-\(--floating-panel-inset\) { bottom: var(--floating-panel-inset);= } .bottom-\(--thread-floating-content-bottom-inset\) { bottom: var(--thread= -floating-content-bottom-inset); } .bottom-0 { bottom: 0px; } .bottom-0\.5 { bottom: calc(var(--spacing) * .5); } .bottom-1 { bottom: var(--spacing); } .bottom-1\.5 { bottom: calc(var(--spacing) * 1.5); } .bottom-1\/2 { bottom: 50%; } .bottom-1\/4 { bottom: 25%; } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-3\.5 { bottom: calc(var(--spacing) * 3.5); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-4\.5 { bottom: calc(var(--spacing) * 4.5); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-7 { bottom: calc(var(--spacing) * 7); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-9 { bottom: calc(var(--spacing) * 9); } .bottom-10 { bottom: calc(var(--spacing) * 10); } .bottom-11 { bottom: calc(var(--spacing) * 11); } .bottom-12 { bottom: calc(var(--spacing) * 12); } .bottom-16 { bottom: calc(var(--spacing) * 16); } .bottom-28 { bottom: calc(var(--spacing) * 28); } .bottom-32 { bottom: calc(var(--spacing) * 32); } .bottom-\[-1px\] { bottom: -1px; } .bottom-\[-2px\] { bottom: -2px; } .bottom-\[-29px\] { bottom: -29px; } .bottom-\[8\%\] { bottom: 8%; } .bottom-\[9px\] { bottom: 9px; } .bottom-\[20px\] { bottom: 20px; } .bottom-\[43px\] { bottom: 43px; } .bottom-\[52px\] { bottom: 52px; } .bottom-\[calc\(-1\*var\(--right-panel-composer-overlay-reserve\,0px\)\)\= ] { bottom: calc(-1 * var(--right-panel-composer-overlay-reserve,0px)); } .bottom-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\,0px\)\)\] { bottom= : calc(.75rem + env(safe-area-inset-bottom,0px)); } .bottom-\[calc\(100\%\+6\*var\(--spacing\)\)\] { bottom: calc(100% + 6 * = var(--spacing)); } .bottom-\[var\(--padding-row-x\)\] { bottom: var(--padding-row-x); } .bottom-\[var\(--right-panel-composer-overlay-reserve\,0px\)\] { bottom: = var(--right-panel-composer-overlay-reserve,0px); } .bottom-full { bottom: 100%; } .\!left-0 { left: 0px !important; } .-left-1 { left: calc(var(--spacing) * -1); } .-left-1\.5 { left: calc(var(--spacing) * -1.5); } .-left-2\.5 { left: calc(var(--spacing) * -2.5); } .-left-3 { left: calc(var(--spacing) * -3); } .-left-5 { left: calc(var(--spacing) * -5); } .-left-6 { left: calc(var(--spacing) * -6); } .-left-px { left: -1px; } .left-0 { left: 0px; } .left-0\.5 { left: calc(var(--spacing) * .5); } .left-1 { left: var(--spacing); } .left-1\.5 { left: calc(var(--spacing) * 1.5); } .left-1\/2 { left: 50%; } .left-2 { left: calc(var(--spacing) * 2); } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-5 { left: calc(var(--spacing) * 5); } .left-6 { left: calc(var(--spacing) * 6); } .left-8 { left: calc(var(--spacing) * 8); } .left-10 { left: calc(var(--spacing) * 10); } .left-12 { left: calc(var(--spacing) * 12); } .left-14 { left: calc(var(--spacing) * 14); } .left-20 { left: calc(var(--spacing) * 20); } .left-32 { left: calc(var(--spacing) * 32); } .left-\[3\.1rem\] { left: 3.1rem; } .left-\[7\%\] { left: 7%; } .left-\[8\%\] { left: 8%; } .left-\[10\%\] { left: 10%; } .left-\[14px\] { left: 14px; } .left-\[17\%\] { left: 17%; } .left-\[28\%\] { left: 28%; } .left-\[36\%\] { left: 36%; } .left-\[38\%\] { left: 38%; } .left-\[42\%\] { left: 42%; } .left-\[55\%\] { left: 55%; } .left-\[68\%\] { left: 68%; } .left-\[72px\] { left: 72px; } .left-\[74\%\] { left: 74%; } .left-\[calc\(50\%\+6px\)\] { left: calc(50% + 6px); } .left-\[var\(--padding-row-x\)\] { left: var(--padding-row-x); } .left-token-safe-header-left { left: var(--spacing-token-safe-header-left= ); } .isolate { isolation: isolate; } .\!z-10 { z-index: 10 !important; } .\!z-\[51\] { z-index: 51 !important; } .-z-1 { z-index: calc(-1); } .-z-10 { z-index: calc(-10); } .z-\(--max-app-overlay-z-index\) { z-index: var(--max-app-overlay-z-index= ); } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-4 { z-index: 4; } .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-60 { z-index: 60; } .z-\[-1\] { z-index: -1; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[3\] { z-index: 3; } .z-\[4\] { z-index: 4; } .z-\[5\] { z-index: 5; } .z-\[15\] { z-index: 15; } .z-\[41\] { z-index: 41; } .z-\[42\] { z-index: 42; } .z-\[55\] { z-index: 55; } .z-\[56\] { z-index: 56; } .z-\[60\] { z-index: 60; } .z-\[70\] { z-index: 70; } .z-\[80\] { z-index: 80; } .z-\[120\] { z-index: 120; } .z-\[130\] { z-index: 130; } .z-\[10000\] { z-index: 10000; } .z-\[calc\(var\(--wb-menu-z-index\,70\)\+1\)\] { z-index: calc(var(--wb-m= enu-z-index,70) + 1); } .z-\[var\(--wb-menu-z-index\,70\)\] { z-index: var(--wb-menu-z-index,70);= } .z-floating-chat-annotation { z-index: 42; } .z-floating-chat-annotation-editor { z-index: 43; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-first { order: -9999; } .order-last { order: 9999; } .col-\[1\/2\] { grid-column: 1 / 2; } .col-\[1\/4\] { grid-column: 1 / 4; } .col-\[2\/3\] { grid-column: 2 / 3; } .col-\[3\/4\] { grid-column: 3 / 4; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-full { grid-column: 1 / -1; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .col-start-4 { grid-column-start: 4; } .col-start-5 { grid-column-start: 5; } .-col-end-1 { grid-column-end: calc(-1); } .col-end-2 { grid-column-end: 2; } .row-\[1\] { grid-row: 1; } .row-\[2\] { grid-row: 2; } .row-span-2 { grid-row: span 2 / span 2; } .row-span-5 { grid-row: span 5 / span 5; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .row-end-2 { grid-row-end: 2; } .clear-both { clear: both; } .\!container { width: 100% !important; } @media (min-width: 15rem) { .\!container { max-width: 15rem !important; } } @media (min-width: 20rem) { .\!container { max-width: 20rem !important; } } @media (min-width: 40rem) { .\!container { max-width: 40rem !important; } } @media (min-width: 48rem) { .\!container { max-width: 48rem !important; } } @media (min-width: 64rem) { .\!container { max-width: 64rem !important; } } @media (min-width: 80rem) { .\!container { max-width: 80rem !important; } } @media (min-width: 96rem) { .\!container { max-width: 96rem !important; } } .container { width: 100%; } @media (min-width: 15rem) { .container { max-width: 15rem; } } @media (min-width: 20rem) { .container { max-width: 20rem; } } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .\!-m-\[5px\] { margin: -5px !important; } .\!-m-\[var\(--visualize-paint-gutter\)\] { margin: calc(var(--visualize-= paint-gutter) * -1) !important; } .-m-0\.5 { margin: calc(var(--spacing) * -.5); } .-m-1 { margin: calc(var(--spacing) * -1); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-3 { margin: calc(var(--spacing) * -3); } .m-0 { margin: 0px; } .m-1 { margin: var(--spacing); } .m-2 { margin: calc(var(--spacing) * 2); } .m-3 { margin: calc(var(--spacing) * 3); } .m-8 { margin: calc(var(--spacing) * 8); } .m-28 { margin: calc(var(--spacing) * 28); } .m-auto { margin: auto; } .m-px { margin: 1px; } .-mx-\(--padding-toolbar\) { margin-inline: calc(var(--padding-toolbar) *= -1); } .-mx-0\.5 { margin-inline: calc(var(--spacing) * -.5); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-1\.5 { margin-inline: calc(var(--spacing) * -1.5); } .-mx-2 { margin-inline: calc(var(--spacing) * -2); } .-mx-2\.5 { margin-inline: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .-mx-4 { margin-inline: calc(var(--spacing) * -4); } .-mx-5 { margin-inline: calc(var(--spacing) * -5); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .-mx-8 { margin-inline: calc(var(--spacing) * -8); } .-mx-12 { margin-inline: calc(var(--spacing) * -12); } .-mx-\[3px\] { margin-inline: -3px; } .-mx-\[var\(--padding-row-x\)\] { margin-inline: calc(var(--padding-row-x= ) * -1); } .-mx-px { margin-inline: -1px; } .mx-\(--floating-panel-inset\) { margin-inline: var(--floating-panel-inse= t); } .mx-\(--home-composer-inline-inset\) { margin-inline: var(--home-composer= -inline-inset); } .mx-\(--radius-2xl-base\) { margin-inline: var(--radius-2xl-base); } .mx-0 { margin-inline: 0px; } .mx-0\.5 { margin-inline: calc(var(--spacing) * .5); } .mx-1 { margin-inline: var(--spacing); } .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-2\.5 { margin-inline: calc(var(--spacing) * 2.5); } .mx-3 { margin-inline: calc(var(--spacing) * 3); } .mx-3\.5 { margin-inline: calc(var(--spacing) * 3.5); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-5 { margin-inline: calc(var(--spacing) * 5); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-8 { margin-inline: calc(var(--spacing) * 8); } .mx-\[5px\] { margin-inline: 5px; } .mx-\[6\%\] { margin-inline: 6%; } .mx-\[16\.66\%\] { margin-inline: 16.66%; } .mx-\[calc\(var\(--oai-wb-spacing\)\*-1\)\] { margin-inline: calc(var(--o= ai-wb-spacing) * -1); } .mx-\[var\(--padding-row-x\)\] { margin-inline: var(--padding-row-x); } .mx-auto { margin-inline: auto; } .mx-px { margin-inline: 1px; } .-my-1 { margin-block: calc(var(--spacing) * -1); } .-my-1\.5 { margin-block: calc(var(--spacing) * -1.5); } .-my-2 { margin-block: calc(var(--spacing) * -2); } .-my-2\.5 { margin-block: calc(var(--spacing) * -2.5); } .-my-4 { margin-block: calc(var(--spacing) * -4); } .-my-6 { margin-block: calc(var(--spacing) * -6); } .my-\(--radius-2xl-base\) { margin-block: var(--radius-2xl-base); } .my-0 { margin-block: 0px; } .my-0\! { margin-block: 0px !important; } .my-0\.5 { margin-block: calc(var(--spacing) * .5); } .my-1 { margin-block: var(--spacing); } .my-1\.5 { margin-block: calc(var(--spacing) * 1.5); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-\[3\.5px\] { margin-block: 3.5px; } .my-\[calc\(\(var\(--composer-editor-single-line-height\,calc\(var\(--spa= cing\)\*9\)\)-1lh\)\/2\)\] { margin-block: calc((var(--composer-editor-sing= le-line-height,calc(var(--spacing) * 9)) - 1lh) / 2); } .my-\[calc\(var\(--oai-wb-spacing\)\*-1\)\] { margin-block: calc(var(--oa= i-wb-spacing) * -1); } .my-\[var\(--app-menu-separator-gutter\,var\(--spacing\)\)\] { margin-blo= ck: var(--app-menu-separator-gutter,var(--spacing)); } .my-auto { margin-block: auto; } .my-px { margin-block: 1px; } .-ms-0\.5 { margin-inline-start: calc(var(--spacing) * -.5); } .-ms-1 { margin-inline-start: calc(var(--spacing) * -1); } .-ms-1\.5 { margin-inline-start: calc(var(--spacing) * -1.5); } .-ms-2 { margin-inline-start: calc(var(--spacing) * -2); } .-ms-2\.5 { margin-inline-start: calc(var(--spacing) * -2.5); } .-ms-3 { margin-inline-start: calc(var(--spacing) * -3); } .-ms-4 { margin-inline-start: calc(var(--spacing) * -4); } .-ms-6 { margin-inline-start: calc(var(--spacing) * -6); } .-ms-18 { margin-inline-start: calc(var(--spacing) * -18); } .-ms-\[3\.5px\] { margin-inline-start: -3.5px; } .-ms-\[5px\] { margin-inline-start: -5px; } .-ms-\[18px\] { margin-inline-start: -18px; } .-ms-\[52px\] { margin-inline-start: -52px; } .-ms-\[calc\(var\(--spacing-button-toolbar-inline\)\+1px\)\] { margin-inl= ine-start: calc(calc(var(--spacing-button-toolbar-inline) + 1px) * -1); } .ms-0 { margin-inline-start: 0px; } .ms-0\.5 { margin-inline-start: calc(var(--spacing) * .5); } .ms-1 { margin-inline-start: var(--spacing); } .ms-1\.5 { margin-inline-start: calc(var(--spacing) * 1.5); } .ms-2 { margin-inline-start: calc(var(--spacing) * 2); } .ms-2\.5 { margin-inline-start: calc(var(--spacing) * 2.5); } .ms-3 { margin-inline-start: calc(var(--spacing) * 3); } .ms-4 { margin-inline-start: calc(var(--spacing) * 4); } .ms-5 { margin-inline-start: calc(var(--spacing) * 5); } .ms-6 { margin-inline-start: calc(var(--spacing) * 6); } .ms-7 { margin-inline-start: calc(var(--spacing) * 7); } .ms-8 { margin-inline-start: calc(var(--spacing) * 8); } .ms-9 { margin-inline-start: calc(var(--spacing) * 9); } .ms-11 { margin-inline-start: calc(var(--spacing) * 11); } .ms-\[3px\] { margin-inline-start: 3px; } .ms-\[calc\(var\(--composer-suggestion-inline-inset\)-var\(--composer-inl= ine-overhang\)\)\] { margin-inline-start: calc(var(--composer-suggestion-in= line-inset) - var(--composer-inline-overhang)); } .ms-auto { margin-inline-start: auto; } .ms-px { margin-inline-start: 1px; } .-me-0\.5 { margin-inline-end: calc(var(--spacing) * -.5); } .-me-1 { margin-inline-end: calc(var(--spacing) * -1); } .-me-1\.5 { margin-inline-end: calc(var(--spacing) * -1.5); } .-me-1\.75 { margin-inline-end: calc(var(--spacing) * -1.75); } .-me-2 { margin-inline-end: calc(var(--spacing) * -2); } .-me-2\.5 { margin-inline-end: calc(var(--spacing) * -2.5); } .-me-18 { margin-inline-end: calc(var(--spacing) * -18); } .me-0 { margin-inline-end: 0px; } .me-0\.5 { margin-inline-end: calc(var(--spacing) * .5); } .me-1 { margin-inline-end: var(--spacing); } .me-1\.5 { margin-inline-end: calc(var(--spacing) * 1.5); } .me-1\.75 { margin-inline-end: calc(var(--spacing) * 1.75); } .me-2 { margin-inline-end: calc(var(--spacing) * 2); } .me-3 { margin-inline-end: calc(var(--spacing) * 3); } .me-4 { margin-inline-end: calc(var(--spacing) * 4); } .me-6 { margin-inline-end: calc(var(--spacing) * 6); } .me-7 { margin-inline-end: calc(var(--spacing) * 7); } .me-12 { margin-inline-end: calc(var(--spacing) * 12); } .me-16 { margin-inline-end: calc(var(--spacing) * 16); } .me-\[1ch\] { margin-inline-end: 1ch; } .me-\[calc\(var\(--composer-suggestion-inline-inset\)\+var\(--composer-in= line-overhang\)\)\] { margin-inline-end: calc(var(--composer-suggestion-inl= ine-inset) + var(--composer-inline-overhang)); } .me-\[var\(--task-row-trailing-inset\)\] { margin-inline-end: var(--task-= row-trailing-inset); } .me-auto { margin-inline-end: auto; } .me-px { margin-inline-end: 1px; } .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-2 { margin-top: calc(var(--spacing) * -2); } .-mt-3 { margin-top: calc(var(--spacing) * -3); } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .-mt-5 { margin-top: calc(var(--spacing) * -5); } .-mt-6 { margin-top: calc(var(--spacing) * -6); } .-mt-16 { margin-top: calc(var(--spacing) * -16); } .-mt-\[var\(--thread-footer-overlap\)\] { margin-top: calc(var(--thread-f= ooter-overlap) * -1); } .-mt-px { margin-top: -1px; } .mt-0 { margin-top: 0px; } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: var(--spacing); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-3\! { margin-top: calc(var(--spacing) * 3) !important; } .mt-3\.5 { margin-top: calc(var(--spacing) * 3.5); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-6\! { margin-top: calc(var(--spacing) * 6) !important; } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-9 { margin-top: calc(var(--spacing) * 9); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-11 { margin-top: calc(var(--spacing) * 11); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-14 { margin-top: calc(var(--spacing) * 14); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .mt-\[1\.5px\] { margin-top: 1.5px; } .mt-\[3px\] { margin-top: 3px; } .mt-\[5px\] { margin-top: 5px; } .mt-\[7px\] { margin-top: 7px; } .mt-\[9px\] { margin-top: 9px; } .mt-\[18px\] { margin-top: 18px; } .mt-\[50px\] { margin-top: 50px; } .mt-\[60px\] { margin-top: 60px; } .mt-\[calc\(var\(--oai-wb-spacing\)\*-1\)\] { margin-top: calc(var(--oai-= wb-spacing) * -1); } .mt-\[calc\(var\(--thread-floating-content-top-inset\)-var\(--spacing\)\*= 3-var\(--thread-docked-panel-header-overlap\,0px\)\)\] { margin-top: calc(v= ar(--thread-floating-content-top-inset) - var(--spacing) * 3 - var(--thread= -docked-panel-header-overlap,0px)); } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .-mr-0\.5 { margin-right: calc(var(--spacing) * -.5); } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .-mr-2\.5 { margin-right: calc(var(--spacing) * -2.5); } .mr-1 { margin-right: var(--spacing); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-8 { margin-right: calc(var(--spacing) * 8); } .mr-\[-2px\] { margin-right: -2px; } .-mb-\(--sidebar-scroll-header-spacing\) { margin-bottom: calc(var(--side= bar-scroll-header-spacing) * -1); } .-mb-1 { margin-bottom: calc(var(--spacing) * -1); } .-mb-1\.5 { margin-bottom: calc(var(--spacing) * -1.5); } .-mb-2 { margin-bottom: calc(var(--spacing) * -2); } .-mb-3 { margin-bottom: calc(var(--spacing) * -3); } .-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .-mb-6 { margin-bottom: calc(var(--spacing) * -6); } .-mb-9 { margin-bottom: calc(var(--spacing) * -9); } .-mb-px { margin-bottom: -1px; } .mb-\(--sidebar-footer-height\) { margin-bottom: var(--sidebar-footer-hei= ght); } .mb-0 { margin-bottom: 0px; } .mb-0\! { margin-bottom: 0px !important; } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); } .mb-1 { margin-bottom: var(--spacing); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-3\.5 { margin-bottom: calc(var(--spacing) * 3.5); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-6\.5 { margin-bottom: calc(var(--spacing) * 6.5); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-11 { margin-bottom: calc(var(--spacing) * 11); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-14 { margin-bottom: calc(var(--spacing) * 14); } .mb-20 { margin-bottom: calc(var(--spacing) * 20); } .mb-30 { margin-bottom: calc(var(--spacing) * 30); } .mb-\[-44px\] { margin-bottom: -44px; } .mb-\[calc\(var\(--oai-wb-spacing\)\*3\)\] { margin-bottom: calc(var(--oa= i-wb-spacing) * 3); } .mb-\[var\(--sidebar-footer-height\)\] { margin-bottom: var(--sidebar-foo= ter-height); } .mb-\[var\(--suggestion-menu-gutter\,var\(--spacing\)\)\] { margin-bottom= : var(--suggestion-menu-gutter,var(--spacing)); } .mb-px { margin-bottom: 1px; } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .-ml-3 { margin-left: calc(var(--spacing) * -3); } .-ml-4 { margin-left: calc(var(--spacing) * -4); } .ml-1 { margin-left: var(--spacing); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-9 { margin-left: calc(var(--spacing) * 9); } .ml-11 { margin-left: calc(var(--spacing) * 11); } .ml-\[2px\] { margin-left: 2px; } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .box-content { box-sizing: content-box; } .sidebar-item-icon { width: calc(var(--spacing) * 6); height: calc(var(--= spacing) * 6); justify-content: center; align-items: center; display: flex;= } .text-fade-truncate { width: 100%; min-width: 0px; mask-image: linear-gra= dient(to right, #000 calc(100% - var(--text-fade-truncate-distance,1rem)), = transparent); text-overflow: clip; white-space: nowrap; display: block; ove= rflow: hidden; } .text-fade-truncate:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lan= g(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku),= :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang= (ur), :lang(yi)) { mask-image: linear-gradient(to left, #000 calc(100% - va= r(--text-fade-truncate-distance,1rem)), transparent); } .hide-scrollbar { scrollbar-width: none; } .hide-scrollbar::-webkit-scrollbar { display: none; } .\!line-clamp-2 { -webkit-line-clamp: 2 !important; -webkit-box-orient: v= ertical !important; display: -webkit-box !important; overflow: hidden !impo= rtant; } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; disp= lay: -webkit-box; overflow: hidden; } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; disp= lay: -webkit-box; overflow: hidden; } .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; disp= lay: -webkit-box; overflow: hidden; } .line-clamp-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; disp= lay: -webkit-box; overflow: hidden; } .line-clamp-5 { -webkit-line-clamp: 5; -webkit-box-orient: vertical; disp= lay: -webkit-box; overflow: hidden; } .line-clamp-6 { -webkit-line-clamp: 6; -webkit-box-orient: vertical; disp= lay: -webkit-box; overflow: hidden; } .line-clamp-8 { -webkit-line-clamp: 8; -webkit-box-orient: vertical; disp= lay: -webkit-box; overflow: hidden; } .line-clamp-12 { -webkit-line-clamp: 12; -webkit-box-orient: vertical; di= splay: -webkit-box; overflow: hidden; } .line-clamp-\[15\] { -webkit-line-clamp: 15; -webkit-box-orient: vertical= ; display: -webkit-box; overflow: hidden; } .inline-markdown { background: var(--color-background-primary-ghost-hover= ); border-radius: 6px; padding: 1px 6px; display: inline; } @supports (color:color-mix(in lab, red, red)) { .inline-markdown { background: color-mix(in srgb, var(--color-background-= primary-ghost-hover) 60%, var(--color-text) 6%); } } .inline-markdown { -webkit-box-decoration-break: clone; box-decoration-br= eak: clone; font-family: var(--font-mono); overflow-wrap: anywhere; word-br= eak: break-word; font-size: 0.92em; } .\!hidden { display: none !important; } .\!inline { display: inline !important; } .\!inline-flex { display: inline-flex !important; } .\!table { display: table !important; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flex\! { display: flex !important; } .flow-root { display: flow-root; } .grid { display: grid; } .grid\! { display: grid !important; } .hidden { display: none; } .hidden\! { display: none !important; } .inline { display: inline; } .inline\! { display: inline !important; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .inline-grid { display: inline-grid; } .list-item { display: list-item; } .table { display: table; } .table-cell { display: table-cell; } .table-column { display: table-column; } .table-row { display: table-row; } .\[field-sizing\:content\], .field-sizing-content { field-sizing: content= ; } .\!aspect-square { aspect-ratio: 1 / 1 !important; } .aspect-3\/4 { aspect-ratio: 3 / 4; } .aspect-4\/3 { aspect-ratio: 4 / 3; } .aspect-4\/5 { aspect-ratio: 4 / 5; } .aspect-5\/4 { aspect-ratio: 5 / 4; } .aspect-6\/5 { aspect-ratio: 6 / 5; } .aspect-7\/4 { aspect-ratio: 7 / 4; } .aspect-7\/5 { aspect-ratio: 7 / 5; } .aspect-9\/5 { aspect-ratio: 9 / 5; } .aspect-12\/13 { aspect-ratio: 12 / 13; } .aspect-27\/20 { aspect-ratio: 27 / 20; } .aspect-179\/204 { aspect-ratio: 179 / 204; } .aspect-230\/150 { aspect-ratio: 230 / 150; } .aspect-\[1\.45\] { aspect-ratio: 1.45 / 1; } .aspect-\[2\/1\] { aspect-ratio: 2 / 1; } .aspect-\[3\/2\] { aspect-ratio: 3 / 2; } .aspect-\[3\/4\] { aspect-ratio: 3 / 4; } .aspect-\[4\/3\] { aspect-ratio: 4 / 3; } .aspect-\[4\/5\] { aspect-ratio: 4 / 5; } .aspect-\[5\/3\] { aspect-ratio: 5 / 3; } .aspect-\[9\/5\] { aspect-ratio: 9 / 5; } .aspect-\[9\/16\] { aspect-ratio: 9 / 16; } .aspect-\[10\/7\] { aspect-ratio: 10 / 7; } .aspect-\[13\/16\] { aspect-ratio: 13 / 16; } .aspect-\[15\/7\] { aspect-ratio: 15 / 7; } .aspect-\[16\/9\] { aspect-ratio: 16 / 9; } .aspect-\[21\/13\] { aspect-ratio: 21 / 13; } .aspect-\[25\/37\] { aspect-ratio: 25 / 37; } .aspect-\[32\/13\] { aspect-ratio: 32 / 13; } .aspect-\[90\/53\] { aspect-ratio: 90 / 53; } .aspect-\[96\/61\] { aspect-ratio: 96 / 61; } .aspect-\[115\/63\] { aspect-ratio: 115 / 63; } .aspect-\[240\/180\] { aspect-ratio: 240 / 180; } .aspect-\[293\/355\] { aspect-ratio: 293 / 355; } .aspect-\[341\/268\.908\] { aspect-ratio: 341 / 268.908; } .aspect-\[360\/190\] { aspect-ratio: 360 / 190; } .aspect-\[360\/272\] { aspect-ratio: 360 / 272; } .aspect-\[478\/232\] { aspect-ratio: 478 / 232; } .aspect-\[480\/214\] { aspect-ratio: 480 / 214; } .aspect-\[480\/475\.83\] { aspect-ratio: 480 / 475.83; } .aspect-\[499\/306\] { aspect-ratio: 499 / 306; } .aspect-\[600\/242\] { aspect-ratio: 600 / 242; } .aspect-\[600\/270\] { aspect-ratio: 600 / 270; } .aspect-\[600\/310\] { aspect-ratio: 600 / 310; } .aspect-\[640\/248\] { aspect-ratio: 640 / 248; } .aspect-\[692\/590\] { aspect-ratio: 692 / 590; } .aspect-\[901\/1095\] { aspect-ratio: 901 / 1095; } .aspect-\[1200\/630\] { aspect-ratio: 1200 / 630; } .aspect-\[1440\/642\] { aspect-ratio: 1440 / 642; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .turn-action-controls:where([data-codex-window-type=3D"browser"] .turn-ac= tion-controls) { --icon-size: var(--icon-leading-size); min-height: calc(va= r(--spacing) * 8); gap: 0px; } .turn-action-controls:where([data-codex-window-type=3D"browser"] .turn-ac= tion-controls) > div { gap: 0px; } .turn-action-controls:where([data-codex-window-type=3D"browser"] .turn-ac= tion-controls) button { height: calc(var(--spacing) * 8); border-radius: va= r(--radius-lg); } .turn-action-controls:where([data-codex-window-type=3D"browser"] .turn-ac= tion-controls) button:not([data-turn-action-width=3D"content"]) { width: ca= lc(var(--spacing) * 8); padding: 0px; } .sidebar-icon-button:focus-visible { --tw-ring-shadow: var(--tw-ring-inse= t, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,curr= entcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),= var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --t= w-ring-color: var(--color-ring); --tw-ring-offset-width: 0px; --tw-ring-off= set-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--= tw-ring-offset-color); } .sidebar-icon-button { width: calc(var(--spacing) * 6); height: calc(var(= --spacing) * 6); border-radius: var(--radius-md); corner-shape: var(--codex= -corner-shape); padding: var(--spacing) !important; } .sidebar-icon-button > svg { flex-shrink: 0; } .zoom-adjusted-viewport { width: calc(100vw / var(--codex-window-zoom)); = height: calc(100vh / var(--codex-window-zoom)); zoom: var(--codex-window-zo= om); } .\!size-6 { width: calc(var(--spacing) * 6) !important; height: calc(var(= --spacing) * 6) !important; } .\!size-\[15px\] { width: 15px !important; height: 15px !important; } .\!size-\[18px\] { width: 18px !important; height: 18px !important; } .\!size-\[26px\] { width: 26px !important; height: 26px !important; } .\!size-full { width: 100% !important; height: 100% !important; } .icon-leading-slot { --icon-size: var(--icon-leading-size,16px); } .icon-leading-slot svg[viewbox=3D"0 0 16 16"] { width: var(--icon-leading= -artwork-size,var(--icon-leading-size,16px)); height: var(--icon-leading-ar= twork-size,var(--icon-leading-size,16px)); } .size-0 { width: 0px; height: 0px; } .size-0\.5 { width: calc(var(--spacing) * .5); height: calc(var(--spacing= ) * .5); } .size-1 { width: var(--spacing); height: var(--spacing); } .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacin= g) * 1.5); } .size-1\.25 { width: calc(var(--spacing) * 1.25); height: calc(var(--spac= ing) * 1.25); } .size-1\.75 { width: calc(var(--spacing) * 1.75); height: calc(var(--spac= ing) * 1.75); } .size-1\/2 { width: 50%; height: 50%; } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * = 2); } .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacin= g) * 2.5); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * = 3); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacin= g) * 3.5); } .size-3\.25 { width: calc(var(--spacing) * 3.25); height: calc(var(--spac= ing) * 3.25); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * = 4); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * = 5); } .size-5\.5 { width: calc(var(--spacing) * 5.5); height: calc(var(--spacin= g) * 5.5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * = 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * = 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * = 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * = 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) = * 10); } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) = * 11); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) = * 12); } .size-13 { width: calc(var(--spacing) * 13); height: calc(var(--spacing) = * 13); } .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) = * 14); } .size-15 { width: calc(var(--spacing) * 15); height: calc(var(--spacing) = * 15); } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) = * 16); } .size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) = * 20); } .size-22\.5 { width: calc(var(--spacing) * 22.5); height: calc(var(--spac= ing) * 22.5); } .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) = * 24); } .size-27 { width: calc(var(--spacing) * 27); height: calc(var(--spacing) = * 27); } .size-28 { width: calc(var(--spacing) * 28); height: calc(var(--spacing) = * 28); } .size-30\.5 { width: calc(var(--spacing) * 30.5); height: calc(var(--spac= ing) * 30.5); } .size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) = * 32); } .size-34\! { width: calc(var(--spacing) * 34) !important; height: calc(va= r(--spacing) * 34) !important; } .size-36 { width: calc(var(--spacing) * 36); height: calc(var(--spacing) = * 36); } .size-40 { width: calc(var(--spacing) * 40); height: calc(var(--spacing) = * 40); } .size-44 { width: calc(var(--spacing) * 44); height: calc(var(--spacing) = * 44); } .size-48 { width: calc(var(--spacing) * 48); height: calc(var(--spacing) = * 48); } .size-52 { width: calc(var(--spacing) * 52); height: calc(var(--spacing) = * 52); } .size-60 { width: calc(var(--spacing) * 60); height: calc(var(--spacing) = * 60); } .size-64 { width: calc(var(--spacing) * 64); height: calc(var(--spacing) = * 64); } .size-120 { width: calc(var(--spacing) * 120); height: calc(var(--spacing= ) * 120); } .size-\[2\.5px\] { width: 2.5px; height: 2.5px; } .size-\[6px\] { width: 6px; height: 6px; } .size-\[7px\] { width: 7px; height: 7px; } .size-\[9\.1667px\] { width: 9.1667px; height: 9.1667px; } .size-\[9px\] { width: 9px; height: 9px; } .size-\[10px\] { width: 10px; height: 10px; } .size-\[13px\] { width: 13px; height: 13px; } .size-\[15px\] { width: 15px; height: 15px; } .size-\[17px\] { width: 17px; height: 17px; } .size-\[18px\] { width: 18px; height: 18px; } .size-\[22px\] { width: 22px; height: 22px; } .size-\[27\.212px\] { width: 27.212px; height: 27.212px; } .size-\[29px\] { width: 29px; height: 29px; } .size-\[30px\] { width: 30px; height: 30px; } .size-\[30rem\] { width: 30rem; height: 30rem; } .size-\[45px\] { width: 45px; height: 45px; } .size-\[50px\] { width: 50px; height: 50px; } .size-\[52px\] { width: 52px; height: 52px; } .size-\[54px\] { width: 54px; height: 54px; } .size-\[58\%\] { width: 58%; height: 58%; } .size-\[60px\] { width: 60px; height: 60px; } .size-\[70\%\] { width: 70%; height: 70%; } .size-\[72\%\] { width: 72%; height: 72%; } .size-\[72px\] { width: 72px; height: 72px; } .size-\[76px\] { width: 76px; height: 76px; } .size-\[79px\] { width: 79px; height: 79px; } .size-\[92\%\] { width: 92%; height: 92%; } .size-\[180px\] { width: 180px; height: 180px; } .size-\[270px\] { width: 270px; height: 270px; } .size-\[calc\(100\%-8px\)\] { width: calc(100% - 8px); height: calc(100% = - 8px); } .size-\[clamp\(24px\,calc\(100dvh\/var\(--codex-window-zoom\)-224px\)\,12= 0px\)\] { width: clamp(24px, calc(100dvh / var(--codex-window-zoom) - 224px= ), 120px); height: clamp(24px, calc(100dvh / var(--codex-window-zoom) - 224= px), 120px); } .size-\[min\(100cqw\,100cqh\)\] { width: min(100cqw, 100cqh); height: min= (100cqw, 100cqh); } .size-\[min\(640px\,calc\(100vw-48px\)\,calc\(100dvh-96px\)\)\] { width: = min(640px, -48px + 100vw, 100dvh - 96px); height: min(640px, -48px + 100vw,= 100dvh - 96px); } .size-\[var\(--height-token-row\)\] { width: var(--height-token-row); hei= ght: var(--height-token-row); } .size-full { width: 100%; height: 100%; } .size-full\! { width: 100% !important; height: 100% !important; } .size-px { width: 1px; height: 1px; } .size-token-button-composer { width: var(--spacing-token-button-composer)= ; height: var(--spacing-token-button-composer); } .size-token-button-composer-sm { width: var(--spacing-token-button-compos= er-sm); height: var(--spacing-token-button-composer-sm); } .icon-disclosure { width: var(--icon-disclosure-size,14px); height: var(-= -icon-disclosure-size,14px); } .icon-leading { width: var(--icon-leading-size,16px); height: var(--icon-= leading-size,16px); } .icon-primary-action { width: var(--icon-primary-action-size,16px); heigh= t: var(--icon-primary-action-size,16px); } .button-toolbar { height: var(--spacing-token-button-composer); padding-i= nline: var(--spacing-button-toolbar-inline); } .\!h-5 { height: calc(var(--spacing) * 5) !important; } .\!h-7 { height: calc(var(--spacing) * 7) !important; } .\!h-9 { height: calc(var(--spacing) * 9) !important; } .\!h-10 { height: calc(var(--spacing) * 10) !important; } .\!h-\[24px\] { height: 24px !important; } .\!h-\[30px\] { height: 30px !important; } .\!h-auto { height: auto !important; } .\!h-full { height: 100% !important; } .h-\(--spacing-token-bottom-panel\) { height: var(--spacing-token-bottom-= panel); } .h-\(--spacing-token-button-composer\) { height: var(--spacing-token-butt= on-composer); } .h-\(--thread-scroll-padding-bottom\) { height: var(--thread-scroll-paddi= ng-bottom); } .h-0 { height: 0px; } .h-0\.5 { height: calc(var(--spacing) * .5); } .h-0\.75 { height: calc(var(--spacing) * .75); } .h-1 { height: var(--spacing); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-1\/2 { height: 50%; } .h-1\/4 { height: 25%; } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-4\.5 { height: calc(var(--spacing) * 4.5); } .h-5 { height: calc(var(--spacing) * 5); } .h-5\.5 { height: calc(var(--spacing) * 5.5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-7\.5 { height: calc(var(--spacing) * 7.5); } .h-8 { height: calc(var(--spacing) * 8); } .h-8\! { height: calc(var(--spacing) * 8) !important; } .h-8\.5 { height: calc(var(--spacing) * 8.5); } .h-9 { height: calc(var(--spacing) * 9); } .h-9\! { height: calc(var(--spacing) * 9) !important; } .h-10 { height: calc(var(--spacing) * 10); } .h-10\.5 { height: calc(var(--spacing) * 10.5); } .h-11 { height: calc(var(--spacing) * 11); } .h-11\.5 { height: calc(var(--spacing) * 11.5); } .h-12 { height: calc(var(--spacing) * 12); } .h-13 { height: calc(var(--spacing) * 13); } .h-14 { height: calc(var(--spacing) * 14); } .h-15 { height: calc(var(--spacing) * 15); } .h-16 { height: calc(var(--spacing) * 16); } .h-17 { height: calc(var(--spacing) * 17); } .h-18 { height: calc(var(--spacing) * 18); } .h-18\! { height: calc(var(--spacing) * 18) !important; } .h-20 { height: calc(var(--spacing) * 20); } .h-21 { height: calc(var(--spacing) * 21); } .h-22\.5 { height: calc(var(--spacing) * 22.5); } .h-24 { height: calc(var(--spacing) * 24); } .h-25 { height: calc(var(--spacing) * 25); } .h-26 { height: calc(var(--spacing) * 26); } .h-28 { height: calc(var(--spacing) * 28); } .h-30\.5 { height: calc(var(--spacing) * 30.5); } .h-32 { height: calc(var(--spacing) * 32); } .h-34 { height: calc(var(--spacing) * 34); } .h-36 { height: calc(var(--spacing) * 36); } .h-37\.5 { height: calc(var(--spacing) * 37.5); } .h-40 { height: calc(var(--spacing) * 40); } .h-44 { height: calc(var(--spacing) * 44); } .h-45 { height: calc(var(--spacing) * 45); } .h-46 { height: calc(var(--spacing) * 46); } .h-48 { height: calc(var(--spacing) * 48); } .h-49 { height: calc(var(--spacing) * 49); } .h-52 { height: calc(var(--spacing) * 52); } .h-56 { height: calc(var(--spacing) * 56); } .h-60 { height: calc(var(--spacing) * 60); } .h-62\.5 { height: calc(var(--spacing) * 62.5); } .h-64 { height: calc(var(--spacing) * 64); } .h-70 { height: calc(var(--spacing) * 70); } .h-72 { height: calc(var(--spacing) * 72); } .h-80 { height: calc(var(--spacing) * 80); } .h-96 { height: calc(var(--spacing) * 96); } .h-100 { height: calc(var(--spacing) * 100); } .h-110 { height: calc(var(--spacing) * 110); } .h-112 { height: calc(var(--spacing) * 112); } .h-120 { height: calc(var(--spacing) * 120); } .h-128 { height: calc(var(--spacing) * 128); } .h-144 { height: calc(var(--spacing) * 144); } .h-160 { height: calc(var(--spacing) * 160); } .h-200 { height: calc(var(--spacing) * 200); } .h-250 { height: calc(var(--spacing) * 250); } .h-\[0\.5px\] { height: 0.5px; } .h-\[1\.875rem\] { height: 1.875rem; } .h-\[1em\] { height: 1em; } .h-\[1lh\] { height: 1lh; } .h-\[2px\] { height: 2px; } .h-\[3px\] { height: 3px; } .h-\[4\.85rem\] { height: 4.85rem; } .h-\[4px\] { height: 4px; } .h-\[5px\] { height: 5px; } .h-\[7px\] { height: 7px; } .h-\[8\.75px\] { height: 8.75px; } .h-\[10px\] { height: 10px; } .h-\[16px\] { height: 16px; } .h-\[18px\] { height: 18px; } .h-\[20px\] { height: 20px; } .h-\[22px\] { height: 22px; } .h-\[25\.7\%\] { height: 25.7%; } .h-\[25px\] { height: 25px; } .h-\[26px\] { height: 26px; } .h-\[27rem\] { height: 27rem; } .h-\[28px\] { height: 28px; } .h-\[30\%\] { height: 30%; } .h-\[30px\] { height: 30px; } .h-\[32px\] { height: 32px; } .h-\[33px\] { height: 33px; } .h-\[34px\] { height: 34px; } .h-\[35\.05\%\] { height: 35.05%; } .h-\[35px\] { height: 35px; } .h-\[37px\] { height: 37px; } .h-\[38px\] { height: 38px; } .h-\[42\.99\%\] { height: 42.99%; } .h-\[42px\] { height: 42px; } .h-\[43px\] { height: 43px; } .h-\[44px\] { height: 44px; } .h-\[46px\] { height: 46px; } .h-\[48px\] { height: 48px; } .h-\[50px\] { height: 50px; } .h-\[52px\] { height: 52px; } .h-\[53px\] { height: 53px; } .h-\[54px\] { height: 54px; } .h-\[56px\] { height: 56px; } .h-\[57px\] { height: 57px; } .h-\[58px\] { height: 58px; } .h-\[60px\] { height: 60px; } .h-\[61px\] { height: 61px; } .h-\[62\.62\%\] { height: 62.62%; } .h-\[62px\] { height: 62px; } .h-\[64px\] { height: 64px; } .h-\[68px\] { height: 68px; } .h-\[70px\] { height: 70px; } .h-\[72\%\] { height: 72%; } .h-\[72px\] { height: 72px; } .h-\[74px\] { height: 74px; } .h-\[76px\] { height: 76px; } .h-\[77px\] { height: 77px; } .h-\[78px\] { height: 78px; } .h-\[80px\] { height: 80px; } .h-\[82px\] { height: 82px; } .h-\[84px\] { height: 84px; } .h-\[86px\] { height: 86px; } .h-\[88px\] { height: 88px; } .h-\[90px\] { height: 90px; } .h-\[92px\] { height: 92px; } .h-\[96px\] { height: 96px; } .h-\[98px\] { height: 98px; } .h-\[100dvh\] { height: 100dvh; } .h-\[100px\] { height: 100px; } .h-\[104px\] { height: 104px; } .h-\[108px\] { height: 108px; } .h-\[112px\] { height: 112px; } .h-\[114px\] { height: 114px; } .h-\[116px\] { height: 116px; } .h-\[120px\] { height: 120px; } .h-\[121px\] { height: 121px; } .h-\[123px\] { height: 123px; } .h-\[125px\] { height: 125px; } .h-\[126px\] { height: 126px; } .h-\[128px\] { height: 128px; } .h-\[132px\] { height: 132px; } .h-\[134px\] { height: 134px; } .h-\[136px\] { height: 136px; } .h-\[138px\] { height: 138px; } .h-\[140px\] { height: 140px; } .h-\[144px\] { height: 144px; } .h-\[146px\] { height: 146px; } .h-\[150px\] { height: 150px; } .h-\[152px\] { height: 152px; } .h-\[154px\] { height: 154px; } .h-\[158px\] { height: 158px; } .h-\[166px\] { height: 166px; } .h-\[168px\] { height: 168px; } .h-\[170px\] { height: 170px; } .h-\[173px\] { height: 173px; } .h-\[176px\] { height: 176px; } .h-\[177px\] { height: 177px; } .h-\[180px\] { height: 180px; } .h-\[182px\] { height: 182px; } .h-\[184px\] { height: 184px; } .h-\[188px\] { height: 188px; } .h-\[192px\] { height: 192px; } .h-\[195px\] { height: 195px; } .h-\[196px\] { height: 196px; } .h-\[198px\] { height: 198px; } .h-\[200px\] { height: 200px; } .h-\[204px\] { height: 204px; } .h-\[210px\] { height: 210px; } .h-\[214px\] { height: 214px; } .h-\[220px\] { height: 220px; } .h-\[226px\] { height: 226px; } .h-\[228px\] { height: 228px; } .h-\[232px\] { height: 232px; } .h-\[236px\] { height: 236px; } .h-\[240px\] { height: 240px; } .h-\[244px\] { height: 244px; } .h-\[246px\] { height: 246px; } .h-\[248px\] { height: 248px; } .h-\[250px\] { height: 250px; } .h-\[252px\] { height: 252px; } .h-\[256px\] { height: 256px; } .h-\[260px\] { height: 260px; } .h-\[264px\] { height: 264px; } .h-\[266px\] { height: 266px; } .h-\[268px\] { height: 268px; } .h-\[270px\] { height: 270px; } .h-\[272px\] { height: 272px; } .h-\[274px\] { height: 274px; } .h-\[276px\] { height: 276px; } .h-\[278px\] { height: 278px; } .h-\[280px\] { height: 280px; } .h-\[286px\] { height: 286px; } .h-\[288px\] { height: 288px; } .h-\[292px\] { height: 292px; } .h-\[296px\] { height: 296px; } .h-\[300px\] { height: 300px; } .h-\[304px\] { height: 304px; } .h-\[310px\] { height: 310px; } .h-\[320px\] { height: 320px; } .h-\[326px\] { height: 326px; } .h-\[328px\] { height: 328px; } .h-\[330px\] { height: 330px; } .h-\[332px\] { height: 332px; } .h-\[340px\] { height: 340px; } .h-\[342px\] { height: 342px; } .h-\[344px\] { height: 344px; } .h-\[360px\] { height: 360px; } .h-\[392px\] { height: 392px; } .h-\[400px\] { height: 400px; } .h-\[420px\] { height: 420px; } .h-\[480px\] { height: 480px; } .h-\[504px\] { height: 504px; } .h-\[520px\] { height: 520px; } .h-\[560px\] { height: 560px; } .h-\[580px\] { height: 580px; } .h-\[600px\] { height: 600px; } .h-\[620px\] { height: 620px; } .h-\[640px\] { height: 640px; } .h-\[680px\] { height: 680px; } .h-\[700px\] { height: 700px; } .h-\[720px\] { height: 720px; } .h-\[730px\] { height: 730px; } .h-\[760px\] { height: 760px; } .h-\[900px\] { height: 900px; } .h-\[1000px\] { height: 1000px; } .h-\[1200px00px\] { } .h-\[calc\(100\%\+40px\)\] { height: calc(100% + 40px); } .h-\[calc\(100\%-20px\)\] { height: calc(100% - 20px); } .h-\[calc\(100\%_-_2rem\)\] { height: calc(100% - 2rem); } .h-\[calc\(100\%_-_var\(--right-panel-composer-overlay-reserve\,0px\)\)\]= { height: calc(100% - var(--right-panel-composer-overlay-reserve,0px)); } .h-\[calc\(var\(--artwork-unit\)\*var\(--artwork-frame-height\)\)\] { hei= ght: calc(var(--artwork-unit) * var(--artwork-frame-height)); } .h-\[calc\(var\(--artwork-unit\)\*var\(--artwork-height\)\)\] { height: c= alc(var(--artwork-unit) * var(--artwork-height)); } .h-\[calc\(var\(--oai-wb-spacing\)\*7\)\] { height: calc(var(--oai-wb-spa= cing) * 7); } .h-\[calc\(var\(--oai-wb-spacing\)\*9\)\] { height: calc(var(--oai-wb-spa= cing) * 9); } .h-\[calc\(var\(--spacing-token-button-composer\)\+6px\)\] { height: calc= (var(--spacing-token-button-composer) + 6px); } .h-\[calc\(var\(--thread-scroll-padding-bottom\)-var\(--spacing\)\*4\)\] = { height: calc(var(--thread-scroll-padding-bottom) - var(--spacing) * 4); } .h-\[clamp\(56px\,calc\(100dvh\/var\(--codex-window-zoom\)-192px\)\,214px= \)\] { height: clamp(56px, calc(100dvh / var(--codex-window-zoom) - 192px),= 214px); } .h-\[min\(72vh\,44rem\)\] { height: min(72vh, 44rem); } .h-\[min\(85vh\,740px\)\] { height: min(85vh, 740px); } .h-\[min\(92vh\,800px\)\] { height: min(92vh, 800px); } .h-\[min\(406px\,calc\(100dvh\/var\(--codex-window-zoom\)-2rem\)\)\] { he= ight: min(406px, calc(100dvh / var(--codex-window-zoom) - 2rem)); } .h-\[min\(420px\,var\(--radix-tooltip-content-available-height\,420px\)\,= calc\(100vh-16px\)\)\] { height: min(420px, var(--radix-tooltip-content-ava= ilable-height,420px), calc(100vh - 16px)); } .h-\[min\(504px\,calc\(100dvh-32px\)\)\] { height: min(504px, 100dvh - 32= px); } .h-\[min\(520px\,calc\(100dvh-16px\)\)\] { height: min(520px, 100dvh - 16= px); } .h-\[min\(600px\,calc\(100dvh-2rem\)\)\] { height: min(600px, 100dvh - 2r= em); } .h-\[min\(calc\(var\(--spacing\)\*115\)\,calc\(100dvh\/var\(--codex-windo= w-zoom\)-var\(--spacing\)\*10\)\)\] { height: min(calc(var(--spacing) * 115= ), calc(100dvh / var(--codex-window-zoom) - var(--spacing) * 10)); } .h-\[var\(--app-shell-header-height\,var\(--height-toolbar\)\)\] { height= : var(--app-shell-header-height,var(--height-toolbar)); } .h-\[var\(--app-shell-titlebar-height\,var\(--height-toolbar\)\)\] { heig= ht: var(--app-shell-titlebar-height,var(--height-toolbar)); } .h-\[var\(--button-icon-size\)\] { height: var(--button-icon-size); } .h-\[var\(--composer-editor-single-line-height\,calc\(var\(--spacing\)\*9= \)\)\] { height: var(--composer-editor-single-line-height,calc(var(--spacin= g) * 9)); } .h-\[var\(--height-token-nav-row\)\] { height: var(--height-token-nav-row= ); } .h-\[var\(--height-token-row\)\] { height: var(--height-token-row); } .h-\[var\(--nav-item-height\,var\(--height-token-row\)\)\] { height: var(= --nav-item-height,var(--height-token-row)); } .h-\[var\(--sidebar-navigation-header-height\,calc\(var\(--spacing\)\*8\)= \)\] { height: var(--sidebar-navigation-header-height,calc(var(--spacing) *= 8)); } .h-auto { height: auto; } .h-dvh { height: 100dvh; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-lh { height: 1lh; } .h-page-search { height: var(--height-page-search); } .h-px { height: 1px; } .h-screen { height: 100vh; } .h-titlebar { height: var(--height-titlebar); } .h-token-button-composer { height: var(--spacing-token-button-composer); = } .h-token-button-composer-sm { height: var(--spacing-token-button-composer= -sm); } .h-token-nav-row { height: var(--height-token-nav-row); } .h-toolbar { height: var(--height-toolbar); } .h-toolbar-pane { height: var(--height-toolbar-pane); } .h-toolbar-sm { height: var(--height-toolbar-sm); } .\!max-h-42 { max-height: calc(var(--spacing) * 42) !important; } .\!max-h-44 { max-height: calc(var(--spacing) * 44) !important; } .\!max-h-\[84px\] { max-height: 84px !important; } .\!max-h-\[100cqh\] { max-height: 100cqh !important; } .\!max-h-\[180px\] { max-height: 180px !important; } .\!max-h-\[292px\] { max-height: 292px !important; } .max-h-\(--radix-tooltip-content-available-height\) { max-height: var(--r= adix-tooltip-content-available-height); } .max-h-0 { max-height: 0px; } .max-h-1\/2 { max-height: 50%; } .max-h-5 { max-height: calc(var(--spacing) * 5); } .max-h-9 { max-height: calc(var(--spacing) * 9); } .max-h-10 { max-height: calc(var(--spacing) * 10); } .max-h-12 { max-height: calc(var(--spacing) * 12); } .max-h-20 { max-height: calc(var(--spacing) * 20); } .max-h-24 { max-height: calc(var(--spacing) * 24); } .max-h-25 { max-height: calc(var(--spacing) * 25); } .max-h-28 { max-height: calc(var(--spacing) * 28); } .max-h-30 { max-height: calc(var(--spacing) * 30); } .max-h-32 { max-height: calc(var(--spacing) * 32); } .max-h-36 { max-height: calc(var(--spacing) * 36); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-50 { max-height: calc(var(--spacing) * 50); } .max-h-52 { max-height: calc(var(--spacing) * 52); } .max-h-56 { max-height: calc(var(--spacing) * 56); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-70 { max-height: calc(var(--spacing) * 70); } .max-h-72 { max-height: calc(var(--spacing) * 72); } .max-h-80 { max-height: calc(var(--spacing) * 80); } .max-h-90 { max-height: calc(var(--spacing) * 90); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .max-h-105 { max-height: calc(var(--spacing) * 105); } .max-h-112 { max-height: calc(var(--spacing) * 112); } .max-h-128 { max-height: calc(var(--spacing) * 128); } .max-h-\[3lh\] { max-height: 3lh; } .max-h-\[10rem\] { max-height: 10rem; } .max-h-\[12\.5rem\] { max-height: 12.5rem; } .max-h-\[25dvh\] { max-height: 25dvh; } .max-h-\[28rem\] { max-height: 28rem; } .max-h-\[30dvh\] { max-height: 30dvh; } .max-h-\[32rem\] { max-height: 32rem; } .max-h-\[36vh\] { max-height: 36vh; } .max-h-\[40vh\] { max-height: 40vh; } .max-h-\[45\%\] { max-height: 45%; } .max-h-\[55vh\] { max-height: 55vh; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[72\%\] { max-height: 72%; } .max-h-\[72px\] { max-height: 72px; } .max-h-\[80px\] { max-height: 80px; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[84px\] { max-height: 84px; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[92dvh\] { max-height: 92dvh; } .max-h-\[92vh\] { max-height: 92vh; } .max-h-\[96px\] { max-height: 96px; } .max-h-\[100cqh\] { max-height: 100cqh; } .max-h-\[116px\] { max-height: 116px; } .max-h-\[120px\] { max-height: 120px; } .max-h-\[128px\] { max-height: 128px; } .max-h-\[140px\] { max-height: 140px; } .max-h-\[152px\] { max-height: 152px; } .max-h-\[190px\] { max-height: 190px; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[216px\] { max-height: 216px; } .max-h-\[220px\] { max-height: 220px; } .max-h-\[224px\] { max-height: 224px; } .max-h-\[230px\] { max-height: 230px; } .max-h-\[232px\] { max-height: 232px; } .max-h-\[240px\] { max-height: 240px; } .max-h-\[244px\] { max-height: 244px; } .max-h-\[250px\] { max-height: 250px; } .max-h-\[260px\] { max-height: 260px; } .max-h-\[270px\] { max-height: 270px; } .max-h-\[272px\] { max-height: 272px; } .max-h-\[280px\] { max-height: 280px; } .max-h-\[282px\] { max-height: 282px; } .max-h-\[284px\] { max-height: 284px; } .max-h-\[288px\] { max-height: 288px; } .max-h-\[290px\] { max-height: 290px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[302px\] { max-height: 302px; } .max-h-\[320px\] { max-height: 320px; } .max-h-\[330px\] { max-height: 330px; } .max-h-\[336px\] { max-height: 336px; } .max-h-\[340px\] { max-height: 340px; } .max-h-\[350px\] { max-height: 350px; } .max-h-\[360px\] { max-height: 360px; } .max-h-\[368px\] { max-height: 368px; } .max-h-\[380px\] { max-height: 380px; } .max-h-\[390px\] { max-height: 390px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[420px\] { max-height: 420px; } .max-h-\[432px\] { max-height: 432px; } .max-h-\[440px\] { max-height: 440px; } .max-h-\[480px\] { max-height: 480px; } .max-h-\[560px\] { max-height: 560px; } .max-h-\[640px\] { max-height: 640px; } .max-h-\[calc\(\(1lh\+var\(--padding-row-y\)\*2\)\*5\)\] { max-height: ca= lc((1lh + var(--padding-row-y) * 2) * 5); } .max-h-\[calc\(15lh\+var\(--spacing\)\*4\)\] { max-height: calc(15lh + va= r(--spacing) * 4); } .max-h-\[calc\(100\%-40px\)\] { max-height: calc(100% - 40px); } .max-h-\[calc\(100\%-72px\)\] { max-height: calc(100% - 72px); } .max-h-\[calc\(100dvh-2rem\)\] { max-height: calc(100dvh - 2rem); } .max-h-\[calc\(100dvh-3rem\)\] { max-height: calc(100dvh - 3rem); } .max-h-\[calc\(100dvh-16px\)\] { max-height: calc(100dvh - 16px); } .max-h-\[calc\(100dvh-16px\)\]\! { max-height: calc(100dvh - 16px) !impor= tant; } .max-h-\[calc\(100dvh-32px\)\] { max-height: calc(100dvh - 32px); } .max-h-\[calc\(100dvh\/var\(--codex-window-zoom\)-1rem\)\] { max-height: = calc(100dvh / var(--codex-window-zoom) - 1rem); } .max-h-\[calc\(100dvh\/var\(--codex-window-zoom\)-2rem\)\] { max-height: = calc(100dvh / var(--codex-window-zoom) - 2rem); } .max-h-\[calc\(100dvh\/var\(--codex-window-zoom\)-4rem\)\] { max-height: = calc(100dvh / var(--codex-window-zoom) - 4rem); } .max-h-\[calc\(100dvh\/var\(--codex-window-zoom\)-6rem\)\] { max-height: = calc(100dvh / var(--codex-window-zoom) - 6rem); } .max-h-\[calc\(100dvh\/var\(--codex-window-zoom\)-7rem\)\] { max-height: = calc(100dvh / var(--codex-window-zoom) - 7rem); } .max-h-\[calc\(100dvh\/var\(--codex-window-zoom\)-var\(--height-toolbar\)= -2rem\)\] { max-height: calc(100dvh / var(--codex-window-zoom) - var(--heig= ht-toolbar) - 2rem); } .max-h-\[calc\(100vh-4rem\)\] { max-height: calc(-4rem + 100vh); } .max-h-\[calc\(100vh-6rem\)\] { max-height: calc(-6rem + 100vh); } .max-h-\[calc\(100vh-32px\)\], .max-h-\[calc\(100vh_-_32px\)\] { max-heig= ht: calc(-32px + 100vh); } .max-h-\[calc\(max\(var\(--app-menu-item-height\,0px\)\,1lh\+var\(--paddi= ng-row-y\)\*2\)\*7\)\] { max-height: calc(max(var(--app-menu-item-height,0p= x), 1lh + var(--padding-row-y) * 2) * 7); } .max-h-\[inherit\] { max-height: inherit; } .max-h-\[min\(20rem\,var\(--radix-tooltip-content-available-height\)\,cal= c\(100vh-16px\)\)\] { max-height: min(20rem, var(--radix-tooltip-content-av= ailable-height), calc(100vh - 16px)); } .max-h-\[min\(22\.5rem\,calc\(100dvh\/var\(--codex-window-zoom\)-20rem\)\= )\] { max-height: min(22.5rem, calc(100dvh / var(--codex-window-zoom) - 20r= em)); } .max-h-\[min\(25dvh\,7lh\)\] { max-height: min(25dvh, 7lh); } .max-h-\[min\(25dvh\,var\(--composer-editor-max-height\,25dvh\)\)\] { max= -height: min(25dvh, var(--composer-editor-max-height,25dvh)); } .max-h-\[min\(48vh\,32rem\)\] { max-height: min(48vh, 32rem); } .max-h-\[min\(70vh\,40rem\)\] { max-height: min(70vh, 40rem); } .max-h-\[min\(85vh\,740px\)\] { max-height: min(85vh, 740px); } .max-h-\[min\(92vh\,800px\)\] { max-height: min(92vh, 800px); } .max-h-\[min\(360px\,50vh\)\]\! { max-height: min(360px, 50vh) !important= ; } .max-h-\[min\(680px\,calc\(100dvh\/var\(--codex-window-zoom\)-4rem\)\)\] = { max-height: min(680px, calc(100dvh / var(--codex-window-zoom) - 4rem)); } .max-h-\[min\(680px\,calc\(100vh-4rem\)\)\] { max-height: min(680px, -4re= m + 100vh); } .max-h-\[min\(720px\,calc\(\(100dvh-2rem\)\/var\(--codex-window-zoom\)\)\= )\] { max-height: min(720px, calc((100dvh - 2rem) / var(--codex-window-zoom= ))); } .max-h-\[min\(720px\,calc\(100vh-64px\)\)\] { max-height: min(720px, -64p= x + 100vh); } .max-h-\[min\(calc\(85dvh\/var\(--codex-window-zoom\)\)\,calc\(var\(--spa= cing\)\*176\)\)\] { max-height: min(calc(85dvh / var(--codex-window-zoom)),= calc(var(--spacing) * 176)); } .max-h-\[min\(var\(--dialog-top-content-max-height\)\,calc\(85dvh\/var\(-= -codex-window-zoom\)\)\)\] { max-height: min(var(--dialog-top-content-max-h= eight), calc(85dvh / var(--codex-window-zoom))); } .max-h-\[min\(var\(--max-height-suggestion-menu\)\,var\(--composer-overla= y-available-height\,var\(--max-height-suggestion-menu\)\)\)\] { max-height:= min(var(--max-height-suggestion-menu), var(--composer-overlay-available-he= ight,var(--max-height-suggestion-menu))); } .max-h-\[min\(var\(--radix-popover-content-available-height\)\,calc\(100v= h-16px\)\)\] { max-height: min(var(--radix-popover-content-available-height= ), calc(100vh - 16px)); } .max-h-\[min\(var\(--radix-tooltip-content-available-height\)\,calc\(100v= h-16px\)\)\] { max-height: min(var(--radix-tooltip-content-available-height= ), calc(100vh - 16px)); } .max-h-\[var\(--markdown-wide-block-max-height\)\] { max-height: var(--ma= rkdown-wide-block-max-height); } .max-h-\[var\(--radix-popover-content-available-height\)\] { max-height: = var(--radix-popover-content-available-height); } .max-h-dvh { max-height: 100dvh; } .max-h-full { max-height: 100%; } .max-h-lh { max-height: 1lh; } .max-h-none { max-height: none; } .max-h-none\! { max-height: none !important; } .\!min-h-0 { min-height: 0px !important; } .min-h-\(--command-menu-list-max-height\) { min-height: var(--command-men= u-list-max-height); } .min-h-0 { min-height: 0px; } .min-h-2 { min-height: calc(var(--spacing) * 2); } .min-h-3 { min-height: calc(var(--spacing) * 3); } .min-h-4 { min-height: calc(var(--spacing) * 4); } .min-h-5 { min-height: calc(var(--spacing) * 5); } .min-h-6 { min-height: calc(var(--spacing) * 6); } .min-h-7 { min-height: calc(var(--spacing) * 7); } .min-h-7\.5 { min-height: calc(var(--spacing) * 7.5); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-9 { min-height: calc(var(--spacing) * 9); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-10\.5 { min-height: calc(var(--spacing) * 10.5); } .min-h-11 { min-height: calc(var(--spacing) * 11); } .min-h-11\.5 { min-height: calc(var(--spacing) * 11.5); } .min-h-12 { min-height: calc(var(--spacing) * 12); } .min-h-12\.5 { min-height: calc(var(--spacing) * 12.5); } .min-h-13 { min-height: calc(var(--spacing) * 13); } .min-h-14 { min-height: calc(var(--spacing) * 14); } .min-h-15 { min-height: calc(var(--spacing) * 15); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-18 { min-height: calc(var(--spacing) * 18); } .min-h-19 { min-height: calc(var(--spacing) * 19); } .min-h-20 { min-height: calc(var(--spacing) * 20); } .min-h-21 { min-height: calc(var(--spacing) * 21); } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-26 { min-height: calc(var(--spacing) * 26); } .min-h-27 { min-height: calc(var(--spacing) * 27); } .min-h-28 { min-height: calc(var(--spacing) * 28); } .min-h-30 { min-height: calc(var(--spacing) * 30); } .min-h-32 { min-height: calc(var(--spacing) * 32); } .min-h-34 { min-height: calc(var(--spacing) * 34); } .min-h-36 { min-height: calc(var(--spacing) * 36); } .min-h-40 { min-height: calc(var(--spacing) * 40); } .min-h-44 { min-height: calc(var(--spacing) * 44); } .min-h-48 { min-height: calc(var(--spacing) * 48); } .min-h-52 { min-height: calc(var(--spacing) * 52); } .min-h-56 { min-height: calc(var(--spacing) * 56); } .min-h-60 { min-height: calc(var(--spacing) * 60); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-68 { min-height: calc(var(--spacing) * 68); } .min-h-72 { min-height: calc(var(--spacing) * 72); } .min-h-80 { min-height: calc(var(--spacing) * 80); } .min-h-96 { min-height: calc(var(--spacing) * 96); } .min-h-128 { min-height: calc(var(--spacing) * 128); } .min-h-140 { min-height: calc(var(--spacing) * 140); } .min-h-160 { min-height: calc(var(--spacing) * 160); } .min-h-\[1\.25rem\] { min-height: 1.25rem; } .min-h-\[2lh\] { min-height: 2lh; } .min-h-\[4\.5rem\] { min-height: 4.5rem; } .min-h-\[10rem\] { min-height: 10rem; } .min-h-\[18px\] { min-height: 18px; } .min-h-\[22px\] { min-height: 22px; } .min-h-\[26px\] { min-height: 26px; } .min-h-\[28px\] { min-height: 28px; } .min-h-\[29px\] { min-height: 29px; } .min-h-\[30px\] { min-height: 30px; } .min-h-\[32px\] { min-height: 32px; } .min-h-\[34px\] { min-height: 34px; } .min-h-\[38px\] { min-height: 38px; } .min-h-\[42px\]\! { min-height: 42px !important; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[46px\] { min-height: 46px; } .min-h-\[48px\] { min-height: 48px; } .min-h-\[50px\] { min-height: 50px; } .min-h-\[50px\]\! { min-height: 50px !important; } .min-h-\[52px\] { min-height: 52px; } .min-h-\[54px\] { min-height: 54px; } .min-h-\[56px\] { min-height: 56px; } .min-h-\[57px\] { min-height: 57px; } .min-h-\[58px\] { min-height: 58px; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[62px\] { min-height: 62px; } .min-h-\[64px\] { min-height: 64px; } .min-h-\[68px\] { min-height: 68px; } .min-h-\[70px\] { min-height: 70px; } .min-h-\[72px\] { min-height: 72px; } .min-h-\[75px\] { min-height: 75px; } .min-h-\[78px\] { min-height: 78px; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[82px\] { min-height: 82px; } .min-h-\[85px\] { min-height: 85px; } .min-h-\[86px\] { min-height: 86px; } .min-h-\[92px\] { min-height: 92px; } .min-h-\[96px\] { min-height: 96px; } .min-h-\[100dvh\] { min-height: 100dvh; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[112px\] { min-height: 112px; } .min-h-\[114px\] { min-height: 114px; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[128px\] { min-height: 128px; } .min-h-\[132px\] { min-height: 132px; } .min-h-\[150px\] { min-height: 150px; } .min-h-\[170px\] { min-height: 170px; } .min-h-\[180px\] { min-height: 180px; } .min-h-\[190px\] { min-height: 190px; } .min-h-\[192px\] { min-height: 192px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[216px\] { min-height: 216px; } .min-h-\[232px\] { min-height: 232px; } .min-h-\[236px\] { min-height: 236px; } .min-h-\[240px\] { min-height: 240px; } .min-h-\[244px\] { min-height: 244px; } .min-h-\[248px\] { min-height: 248px; } .min-h-\[250px\] { min-height: 250px; } .min-h-\[256px\] { min-height: 256px; } .min-h-\[260px\] { min-height: 260px; } .min-h-\[264px\] { min-height: 264px; } .min-h-\[272px\] { min-height: 272px; } .min-h-\[276px\] { min-height: 276px; } .min-h-\[280px\] { min-height: 280px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[308px\] { min-height: 308px; } .min-h-\[320px\] { min-height: 320px; } .min-h-\[332px\] { min-height: 332px; } .min-h-\[340px\] { min-height: 340px; } .min-h-\[360px\] { min-height: 360px; } .min-h-\[380px\] { min-height: 380px; } .min-h-\[420px\] { min-height: 420px; } .min-h-\[520px\] { min-height: 520px; } .min-h-\[553px\] { min-height: 553px; } .min-h-\[640px\] { min-height: 640px; } .min-h-\[720px\] { min-height: 720px; } .min-h-\[760px\] { min-height: 760px; } .min-h-\[calc\(67cqh-2\.5rem\)\] { min-height: calc(67cqh - 2.5rem); } .min-h-\[calc\(var\(--oai-wb-spacing\)\*8\)\] { min-height: calc(var(--oa= i-wb-spacing) * 8); } .min-h-\[calc\(var\(--oai-wb-spacing\)\*9\)\] { min-height: calc(var(--oa= i-wb-spacing) * 9); } .min-h-\[var\(--app-menu-item-height\,0px\)\] { min-height: var(--app-men= u-item-height,0px); } .min-h-\[var\(--app-menu-item-height\,0px\)\]\! { min-height: var(--app-m= enu-item-height,0px) !important; } .min-h-\[var\(--composer-editor-min-height\,2\.5rem\)\] { min-height: var= (--composer-editor-min-height,2.5rem); } .min-h-\[var\(--height-token-empty-state-page\)\] { min-height: var(--hei= ght-token-empty-state-page); } .min-h-\[var\(--height-token-row\)\] { min-height: var(--height-token-row= ); } .min-h-\[var\(--height-token-settings-row\)\] { min-height: var(--height-= token-settings-row); } .min-h-dvh { min-height: 100dvh; } .min-h-fit { min-height: fit-content; } .min-h-full { min-height: 100%; } .min-h-min { min-height: min-content; } .min-h-px { min-height: 1px; } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .min-h-token-button-composer { min-height: var(--spacing-token-button-com= poser); } .min-h-token-button-composer-sm { min-height: var(--spacing-token-button-= composer-sm); } .min-h-toolbar { min-height: var(--height-toolbar); } .min-h-toolbar-sm { min-height: var(--height-toolbar-sm); } .\!\[width\:clamp\(0px\,calc\(var\(--radix-tooltip-trigger-width\)_-_64px= \)\,var\(--radix-tooltip-content-available-width\)\)\] { width: clamp(0px, = calc(var(--radix-tooltip-trigger-width) - 64px), var(--radix-tooltip-conten= t-available-width)) !important; } .\!w-4 { width: calc(var(--spacing) * 4) !important; } .\!w-7 { width: calc(var(--spacing) * 7) !important; } .\!w-10 { width: calc(var(--spacing) * 10) !important; } .\!w-\[379px\] { width: 379px !important; } .\!w-\[480px\] { width: 480px !important; } .\!w-\[500px\] { width: 500px !important; } .\!w-\[calc\(100\%\+0\.5rem\)\] { width: calc(100% + 0.5rem) !important; = } .\!w-auto { width: auto !important; } .\!w-max { width: max-content !important; } .w-\(--app-shell-left-panel-width\) { width: var(--app-shell-left-panel-w= idth); } .w-\(--segmented-form-indicator-width\) { width: var(--segmented-form-ind= icator-width); } .w-0 { width: 0px; } .w-0\.5 { width: calc(var(--spacing) * .5); } .w-1 { width: var(--spacing); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.3333%; } .w-1\/4 { width: 25%; } .w-1\/5 { width: 20%; } .w-1\/6 { width: 16.6667%; } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: 66.6667%; } .w-2\/5 { width: 40%; } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: 75%; } .w-3\/5 { width: 60%; } .w-3\/6 { width: 50%; } .w-3xl { width: var(--container-3xl); } .w-4 { width: calc(var(--spacing) * 4); } .w-4\.5 { width: calc(var(--spacing) * 4.5); } .w-4\/5 { width: 80%; } .w-4\/6 { width: 66.6667%; } .w-4xl { width: var(--container-4xl); } .w-5 { width: calc(var(--spacing) * 5); } .w-5\.5 { width: calc(var(--spacing) * 5.5); } .w-5\/6 { width: 83.3333%; } .w-5\/12 { width: 41.6667%; } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-7\/12 { width: 58.3333%; } .w-7xl { width: var(--container-7xl); } .w-8 { width: calc(var(--spacing) * 8); } .w-8\! { width: calc(var(--spacing) * 8) !important; } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-11\/12 { width: 91.6667%; } .w-12 { width: calc(var(--spacing) * 12); } .w-12\.5 { width: calc(var(--spacing) * 12.5); } .w-13 { width: calc(var(--spacing) * 13); } .w-14 { width: calc(var(--spacing) * 14); } .w-15 { width: calc(var(--spacing) * 15); } .w-16 { width: calc(var(--spacing) * 16); } .w-18 { width: calc(var(--spacing) * 18); } .w-20 { width: calc(var(--spacing) * 20); } .w-22 { width: calc(var(--spacing) * 22); } .w-24 { width: calc(var(--spacing) * 24); } .w-25 { width: calc(var(--spacing) * 25); } .w-26 { width: calc(var(--spacing) * 26); } .w-28 { width: calc(var(--spacing) * 28); } .w-30 { width: calc(var(--spacing) * 30); } .w-32 { width: calc(var(--spacing) * 32); } .w-34 { width: calc(var(--spacing) * 34); } .w-34\.25 { width: calc(var(--spacing) * 34.25); } .w-36 { width: calc(var(--spacing) * 36); } .w-38 { width: calc(var(--spacing) * 38); } .w-40 { width: calc(var(--spacing) * 40); } .w-41 { width: calc(var(--spacing) * 41); } .w-41\.5 { width: calc(var(--spacing) * 41.5); } .w-42\! { width: calc(var(--spacing) * 42) !important; } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-50 { width: calc(var(--spacing) * 50); } .w-52 { width: calc(var(--spacing) * 52); } .w-54 { width: calc(var(--spacing) * 54); } .w-55 { width: calc(var(--spacing) * 55); } .w-55\.25 { width: calc(var(--spacing) * 55.25); } .w-56 { width: calc(var(--spacing) * 56); } .w-57 { width: calc(var(--spacing) * 57); } .w-57\.5 { width: calc(var(--spacing) * 57.5); } .w-60 { width: calc(var(--spacing) * 60); } .w-62 { width: calc(var(--spacing) * 62); } .w-64 { width: calc(var(--spacing) * 64); } .w-65 { width: calc(var(--spacing) * 65); } .w-66 { width: calc(var(--spacing) * 66); } .w-67 { width: calc(var(--spacing) * 67); } .w-68 { width: calc(var(--spacing) * 68); } .w-72 { width: calc(var(--spacing) * 72); } .w-74 { width: calc(var(--spacing) * 74); } .w-75 { width: calc(var(--spacing) * 75); } .w-80 { width: calc(var(--spacing) * 80); } .w-87\.5 { width: calc(var(--spacing) * 87.5); } .w-90 { width: calc(var(--spacing) * 90); } .w-92 { width: calc(var(--spacing) * 92); } .w-96 { width: calc(var(--spacing) * 96); } .w-99 { width: calc(var(--spacing) * 99); } .w-100 { width: calc(var(--spacing) * 100); } .w-105 { width: calc(var(--spacing) * 105); } .w-108 { width: calc(var(--spacing) * 108); } .w-112 { width: calc(var(--spacing) * 112); } .w-120 { width: calc(var(--spacing) * 120); } .w-130 { width: calc(var(--spacing) * 130); } .w-143\.5 { width: calc(var(--spacing) * 143.5); } .w-150 { width: calc(var(--spacing) * 150); } .w-160 { width: calc(var(--spacing) * 160); } .w-200 { width: calc(var(--spacing) * 200); } .w-210 { width: calc(var(--spacing) * 210); } .w-\[0\.5px\] { width: 0.5px; } .w-\[2px\] { width: 2px; } .w-\[3px\] { width: 3px; } .w-\[4\.25rem\] { width: 4.25rem; } .w-\[4\.75rem\] { width: 4.75rem; } .w-\[7px\] { width: 7px; } .w-\[10\.5rem\] { width: 10.5rem; } .w-\[11px\] { width: 11px; } .w-\[16px\] { width: 16px; } .w-\[17\%\] { width: 17%; } .w-\[18px\] { width: 18px; } .w-\[20\%\] { width: 20%; } .w-\[20rem\] { width: 20rem; } .w-\[22\%\] { width: 22%; } .w-\[22px\] { width: 22px; } .w-\[25\%\] { width: 25%; } .w-\[27\%\] { width: 27%; } .w-\[27px\] { width: 27px; } .w-\[27rem\] { width: 27rem; } .w-\[28\%\] { width: 28%; } .w-\[29\%\] { width: 29%; } .w-\[30\%\] { width: 30%; } .w-\[30px\] { width: 30px; } .w-\[30rem\] { width: 30rem; } .w-\[32\%\] { width: 32%; } .w-\[32rem\] { width: 32rem; } .w-\[34\%\] { width: 34%; } .w-\[34px\] { width: 34px; } .w-\[36\%\] { width: 36%; } .w-\[38\%\] { width: 38%; } .w-\[40\%\] { width: 40%; } .w-\[42\%\] { width: 42%; } .w-\[42rem\] { width: 42rem; } .w-\[44\%\] { width: 44%; } .w-\[46\%\] { width: 46%; } .w-\[52px\] { width: 52px; } .w-\[53px\] { width: 53px; } .w-\[54px\] { width: 54px; } .w-\[56\%\] { width: 56%; } .w-\[58\%\] { width: 58%; } .w-\[62\%\] { width: 62%; } .w-\[62px\] { width: 62px; } .w-\[64\%\] { width: 64%; } .w-\[64px\] { width: 64px; } .w-\[68\%\] { width: 68%; } .w-\[68px\] { width: 68px; } .w-\[70px\] { width: 70px; } .w-\[72\%\] { width: 72%; } .w-\[72px\] { width: 72px; } .w-\[74px\] { width: 74px; } .w-\[75px\] { width: 75px; } .w-\[76px\] { width: 76px; } .w-\[78\%\] { width: 78%; } .w-\[78px\] { width: 78px; } .w-\[80px\] { width: 80px; } .w-\[81px\] { width: 81px; } .w-\[82\%\] { width: 82%; } .w-\[84px\] { width: 84px; } .w-\[86px\] { width: 86px; } .w-\[87\%\] { width: 87%; } .w-\[88px\] { width: 88px; } .w-\[90\%\] { width: 90%; } .w-\[90px\] { width: 90px; } .w-\[96px\] { width: 96px; } .w-\[100px\] { width: 100px; } .w-\[101px\] { width: 101px; } .w-\[102px\] { width: 102px; } .w-\[104px\] { width: 104px; } .w-\[108px\] { width: 108px; } .w-\[109px\] { width: 109px; } .w-\[112px\] { width: 112px; } .w-\[116px\] { width: 116px; } .w-\[120px\] { width: 120px; } .w-\[126px\] { width: 126px; } .w-\[135px\] { width: 135px; } .w-\[140px\] { width: 140px; } .w-\[144px\] { width: 144px; } .w-\[150px\] { width: 150px; } .w-\[152px\] { width: 152px; } .w-\[156px\] { width: 156px; } .w-\[162px\] { width: 162px; } .w-\[168px\] { width: 168px; } .w-\[170px\] { width: 170px; } .w-\[172px\] { width: 172px; } .w-\[180px\] { width: 180px; } .w-\[183px\] { width: 183px; } .w-\[188px\] { width: 188px; } .w-\[192px\] { width: 192px; } .w-\[198px\] { width: 198px; } .w-\[199px\] { width: 199px; } .w-\[200px\] { width: 200px; } .w-\[220px\] { width: 220px; } .w-\[230px\] { width: 230px; } .w-\[232px\] { width: 232px; } .w-\[233px\] { width: 233px; } .w-\[234px\] { width: 234px; } .w-\[240px\] { width: 240px; } .w-\[242px\] { width: 242px; } .w-\[248px\] { width: 248px; } .w-\[256px\] { width: 256px; } .w-\[260px\] { width: 260px; } .w-\[270px\] { width: 270px; } .w-\[280px\] { width: 280px; } .w-\[288px\] { width: 288px; } .w-\[290px\] { width: 290px; } .w-\[292px\] { width: 292px; } .w-\[293px\] { width: 293px; } .w-\[294px\] { width: 294px; } .w-\[300px\] { width: 300px; } .w-\[304px\] { width: 304px; } .w-\[316px\] { width: 316px; } .w-\[320px\] { width: 320px; } .w-\[332px\] { width: 332px; } .w-\[340px\] { width: 340px; } .w-\[344px\] { width: 344px; } .w-\[345px\] { width: 345px; } .w-\[360px\] { width: 360px; } .w-\[380px\] { width: 380px; } .w-\[390px\] { width: 390px; } .w-\[400px\] { width: 400px; } .w-\[403px\] { width: 403px; } .w-\[408px\] { width: 408px; } .w-\[420px\] { width: 420px; } .w-\[430px\] { width: 430px; } .w-\[440px\] { width: 440px; } .w-\[450px\] { width: 450px; } .w-\[460px\] { width: 460px; } .w-\[480px\] { width: 480px; } .w-\[500px\]\! { width: 500px !important; } .w-\[520px\] { width: 520px; } .w-\[536px\] { width: 536px; } .w-\[560px\] { width: 560px; } .w-\[580px\] { width: 580px; } .w-\[600px\] { width: 600px; } .w-\[620px\] { width: 620px; } .w-\[640px\] { width: 640px; } .w-\[676px\] { width: 676px; } .w-\[677px\] { width: 677px; } .w-\[680px\] { width: 680px; } .w-\[700px\] { width: 700px; } .w-\[720px\] { width: 720px; } .w-\[750px\] { width: 750px; } .w-\[760px\] { width: 760px; } .w-\[799px\] { width: 799px; } .w-\[800px\] { width: 800px; } .w-\[832px\] { width: 832px; } .w-\[900px\] { width: 900px; } .w-\[960px\] { width: 960px; } .w-\[1100px\] { width: 1100px; } .w-\[1120px\] { width: 1120px; } .w-\[calc\(\(100\%-3rem\)\/5\)\] { width: calc(20% - 0.6rem); } .w-\[calc\(50\%-6px\)\] { width: calc(50% - 6px); } .w-\[calc\(100\%\+1\.5rem\)\] { width: calc(100% + 1.5rem); } .w-\[calc\(100\%\+1rem\)\] { width: calc(100% + 1rem); } .w-\[calc\(100\%\+2\*var\(--padding-row-x\)\)\] { width: calc(100% + 2 * = var(--padding-row-x)); } .w-\[calc\(100\%\+2px\)\] { width: calc(100% + 2px); } .w-\[calc\(100\%\+10px\)\] { width: calc(100% + 10px); } .w-\[calc\(100\%\+40px\)\] { width: calc(100% + 40px); } .w-\[calc\(100\%\+var\(--visualize-paint-gutter\)\*2\)\] { width: calc(10= 0% + var(--visualize-paint-gutter) * 2); } .w-\[calc\(100\%-0\.5rem\)\] { width: calc(100% - 0.5rem); } .w-\[calc\(100\%-3rem\)\] { width: calc(100% - 3rem); } .w-\[calc\(100\%-8px\)\] { width: calc(100% - 8px); } .w-\[calc\(100\%-32px\)\] { width: calc(100% - 32px); } .w-\[calc\(100\%-60px\)\] { width: calc(100% - 60px); } .w-\[calc\(100\%-64px\)\] { width: calc(100% - 64px); } .w-\[calc\(100\%-92px\)\] { width: calc(100% - 92px); } .w-\[calc\(100vw-2rem\)\] { width: calc(-2rem + 100vw); } .w-\[calc\(100vw-3rem\)\] { width: calc(-3rem + 100vw); } .w-\[calc\(100vw-16px\)\] { width: calc(-16px + 100vw); } .w-\[calc\(100vw-16px\)\]\! { width: calc(-16px + 100vw) !important; } .w-\[calc\(100vw-64px\)\] { width: calc(-64px + 100vw); } .w-\[calc\(var\(--artwork-unit\)\*var\(--artwork-width\)\)\] { width: cal= c(var(--artwork-unit) * var(--artwork-width)); } .w-\[calc\(var\(--radix-popper-available-width\)_-_var\(--padding-panel\)= \)\] { width: calc(var(--radix-popper-available-width) - var(--padding-pane= l)); } .w-\[calc\(var\(--spacing-token-sidebar\)-2\*var\(--padding-row-cell-x\,v= ar\(--padding-row-x\)\)\)\] { width: calc(var(--spacing-token-sidebar) - 2 = * var(--padding-row-cell-x,var(--padding-row-x))); } .w-\[calc\(var\(--spacing-token-sidebar\)-2\*var\(--padding-row-x\)\)\] {= width: calc(var(--spacing-token-sidebar) - 2 * var(--padding-row-x)); } .w-\[fit-content\] { width: fit-content; } .w-\[min\(19rem\,calc\(100\%_-_2rem\)\)\] { width: min(19rem, 100% - 2rem= ); } .w-\[min\(20rem\,calc\(100vw-16px\)\)\] { width: min(20rem, -16px + 100vw= ); } .w-\[min\(21rem\,calc\(100vw-16px\)\)\] { width: min(21rem, -16px + 100vw= ); } .w-\[min\(26rem\,calc\(100vw-2rem\)\)\] { width: min(26rem, -2rem + 100vw= ); } .w-\[min\(48rem\,calc\(100vw-2rem\)\)\] { width: min(48rem, -2rem + 100vw= ); } .w-\[min\(78vw\,56rem\)\] { width: min(78vw, 56rem); } .w-\[min\(100\%\,calc\(var\(--artwork-unit\)\*var\(--artwork-frame-width\= )\)\)\] { width: min(100%, calc(var(--artwork-unit) * var(--artwork-frame-w= idth))); } .w-\[min\(100\%\,var\(--thread-content-max-width\)\)\] { width: min(100%,= var(--thread-content-max-width)); } .w-\[min\(100cqw\,56\.25cqh\)\] { width: min(100cqw, 56.25cqh); } .w-\[min\(240px\,calc\(100vw-80px\)\)\] { width: min(240px, -80px + 100vw= ); } .w-\[min\(320px\,calc\(100vw-80px\)\)\] { width: min(320px, -80px + 100vw= ); } .w-\[min\(464px\,calc\(100vw\/var\(--codex-window-zoom\)-2rem\)\)\] { wid= th: min(464px, calc(100vw / var(--codex-window-zoom) - 2rem)); } .w-\[min\(480px\,92vw\)\] { width: min(480px, 92vw); } .w-\[min\(499px\,calc\(100vw-56px\)\)\] { width: min(499px, -56px + 100vw= ); } .w-\[min\(520px\,92vw\)\] { width: min(520px, 92vw); } .w-\[min\(680px\,calc\(100vw-32px\)\)\] { width: min(680px, -32px + 100vw= ); } .w-\[min\(calc\(var\(--spacing\)\*180\)\,calc\(100vw\/var\(--codex-window= -zoom\)-var\(--spacing\)\*8\)\)\] { width: min(calc(var(--spacing) * 180), = calc(100vw / var(--codex-window-zoom) - var(--spacing) * 8)); } .w-\[var\(--browser-auth-card-width\,var\(--container-lg\)\)\] { width: v= ar(--browser-auth-card-width,var(--container-lg)); } .w-\[var\(--button-icon-size\)\] { width: var(--button-icon-size); } .w-\[var\(--radix-dropdown-menu-trigger-width\)\] { width: var(--radix-dr= opdown-menu-trigger-width); } .w-\[var\(--radix-popover-trigger-width\)\] { width: var(--radix-popover-= trigger-width); } .w-\[var\(--sidebar-row-action-width\,auto\)\] { width: var(--sidebar-row= -action-width,auto); } .w-\[var\(--sidebar-row-menu-width\,0px\)\] { width: var(--sidebar-row-me= nu-width,0px); } .w-auto { width: auto; } .w-auto\! { width: auto !important; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-lg { width: var(--container-lg); } .w-max { width: max-content; } .w-md { width: var(--container-md); } .w-px { width: 1px; } .w-screen { width: 100vw; } .w-token-button-composer { width: var(--spacing-token-button-composer); } .w-token-sidebar { width: var(--spacing-token-sidebar); } .w-xl { width: var(--container-xl); } .\!max-w-60 { max-width: calc(var(--spacing) * 60) !important; } .\!max-w-\[calc\(100vw\/var\(--codex-window-zoom\)-2rem\)\] { max-width: = calc(100vw / var(--codex-window-zoom) - 2rem) !important; } .\!max-w-none { max-width: none !important; } .max-w-\(--breakpoint-2xl\) { max-width: var(--breakpoint-2xl); } .max-w-\(--composer-adjacent-max-width\) { max-width: var(--composer-adja= cent-max-width); } .max-w-\(--thread-body-max-width\) { max-width: var(--thread-body-max-wid= th); } .max-w-\(--thread-content-max-width\) { max-width: var(--thread-content-m= ax-width); } .max-w-\(--user-chat-width\) { max-width: var(--user-chat-width); } .max-w-0 { max-width: 0px; } .max-w-1\/2 { max-width: 50%; } .max-w-1\/4 { max-width: 25%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3 { max-width: calc(var(--spacing) * 3); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-3xs { max-width: var(--container-3xs); } .max-w-4\/5 { max-width: 80%; } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5 { max-width: calc(var(--spacing) * 5); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-7 { max-width: calc(var(--spacing) * 7); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-8 { max-width: calc(var(--spacing) * 8); } .max-w-12 { max-width: calc(var(--spacing) * 12); } .max-w-16 { max-width: calc(var(--spacing) * 16); } .max-w-18 { max-width: calc(var(--spacing) * 18); } .max-w-19\/20 { max-width: 95%; } .max-w-20 { max-width: calc(var(--spacing) * 20); } .max-w-24 { max-width: calc(var(--spacing) * 24); } .max-w-28 { max-width: calc(var(--spacing) * 28); } .max-w-30 { max-width: calc(var(--spacing) * 30); } .max-w-32 { max-width: calc(var(--spacing) * 32); } .max-w-36 { max-width: calc(var(--spacing) * 36); } .max-w-39 { max-width: calc(var(--spacing) * 39); } .max-w-40 { max-width: calc(var(--spacing) * 40); } .max-w-44 { max-width: calc(var(--spacing) * 44); } .max-w-48 { max-width: calc(var(--spacing) * 48); } .max-w-52 { max-width: calc(var(--spacing) * 52); } .max-w-55 { max-width: calc(var(--spacing) * 55); } .max-w-56 { max-width: calc(var(--spacing) * 56); } .max-w-60 { max-width: calc(var(--spacing) * 60); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-68 { max-width: calc(var(--spacing) * 68); } .max-w-72 { max-width: calc(var(--spacing) * 72); } .max-w-78 { max-width: calc(var(--spacing) * 78); } .max-w-80 { max-width: calc(var(--spacing) * 80); } .max-w-84 { max-width: calc(var(--spacing) * 84); } .max-w-85 { max-width: calc(var(--spacing) * 85); } .max-w-90 { max-width: calc(var(--spacing) * 90); } .max-w-96 { max-width: calc(var(--spacing) * 96); } .max-w-100 { max-width: calc(var(--spacing) * 100); } .max-w-105 { max-width: calc(var(--spacing) * 105); } .max-w-113 { max-width: calc(var(--spacing) * 113); } .max-w-117 { max-width: calc(var(--spacing) * 117); } .max-w-120 { max-width: calc(var(--spacing) * 120); } .max-w-125 { max-width: calc(var(--spacing) * 125); } .max-w-128 { max-width: calc(var(--spacing) * 128); } .max-w-180 { max-width: calc(var(--spacing) * 180); } .max-w-280 { max-width: calc(var(--spacing) * 280); } .max-w-\[7ch\] { max-width: 7ch; } .max-w-\[11rem\] { max-width: 11rem; } .max-w-\[12\.5rem\] { max-width: 12.5rem; } .max-w-\[14rem\] { max-width: 14rem; } .max-w-\[15ch\] { max-width: 15ch; } .max-w-\[15rem\] { max-width: 15rem; } .max-w-\[16rem\] { max-width: 16rem; } .max-w-\[18ch\] { max-width: 18ch; } .max-w-\[22rem\] { max-width: 22rem; } .max-w-\[25rem\] { max-width: 25rem; } .max-w-\[26rem\] { max-width: 26rem; } .max-w-\[28\%\] { max-width: 28%; } .max-w-\[28ch\] { max-width: 28ch; } .max-w-\[30\%\] { max-width: 30%; } .max-w-\[30rem\] { max-width: 30rem; } .max-w-\[32\%\] { max-width: 32%; } .max-w-\[32rem\] { max-width: 32rem; } .max-w-\[34rem\] { max-width: 34rem; } .max-w-\[35\%\] { max-width: 35%; } .max-w-\[36rem\] { max-width: 36rem; } .max-w-\[40rem\] { max-width: 40rem; } .max-w-\[42\%\] { max-width: 42%; } .max-w-\[42rem\] { max-width: 42rem; } .max-w-\[44\%\] { max-width: 44%; } .max-w-\[45\%\] { max-width: 45%; } .max-w-\[46\%\] { max-width: 46%; } .max-w-\[46\.125rem\]\! { max-width: 46.125rem !important; } .max-w-\[46rem\] { max-width: 46rem; } .max-w-\[48rem\] { max-width: 48rem; } .max-w-\[50\%\] { max-width: 50%; } .max-w-\[50cqw\] { max-width: 50cqw; } .max-w-\[52\%\] { max-width: 52%; } .max-w-\[54\%\] { max-width: 54%; } .max-w-\[58\%\] { max-width: 58%; } .max-w-\[60\%\] { max-width: 60%; } .max-w-\[66\%\] { max-width: 66%; } .max-w-\[67\%\] { max-width: 67%; } .max-w-\[68px\] { max-width: 68px; } .max-w-\[70\%\] { max-width: 70%; } .max-w-\[70vw\] { max-width: 70vw; } .max-w-\[72\%\] { max-width: 72%; } .max-w-\[72px\] { max-width: 72px; } .max-w-\[73\%\] { max-width: 73%; } .max-w-\[75\%\] { max-width: 75%; } .max-w-\[76\%\] { max-width: 76%; } .max-w-\[76px\] { max-width: 76px; } .max-w-\[77\%\] { max-width: 77%; } .max-w-\[78\%\] { max-width: 78%; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[80ch\] { max-width: 80ch; } .max-w-\[80px\] { max-width: 80px; } .max-w-\[84px\] { max-width: 84px; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[92\%\] { max-width: 92%; } .max-w-\[92vw\] { max-width: 92vw; } .max-w-\[96px\] { max-width: 96px; } .max-w-\[100px\] { max-width: 100px; } .max-w-\[112px\] { max-width: 112px; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[128px\] { max-width: 128px; } .max-w-\[130px\] { max-width: 130px; } .max-w-\[132px\] { max-width: 132px; } .max-w-\[136px\] { max-width: 136px; } .max-w-\[144px\] { max-width: 144px; } .max-w-\[148px\] { max-width: 148px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[154px\] { max-width: 154px; } .max-w-\[156px\] { max-width: 156px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[168px\] { max-width: 168px; } .max-w-\[170px\] { max-width: 170px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[190px\] { max-width: 190px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[232px\] { max-width: 232px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[244px\] { max-width: 244px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[252px\] { max-width: 252px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[296px\] { max-width: 296px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[304px\] { max-width: 304px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[330px\] { max-width: 330px; } .max-w-\[332px\] { max-width: 332px; } .max-w-\[340px\] { max-width: 340px; } .max-w-\[349px\] { max-width: 349px; } .max-w-\[352px\] { max-width: 352px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[368px\] { max-width: 368px; } .max-w-\[375px\] { max-width: 375px; } .max-w-\[380px\] { max-width: 380px; } .max-w-\[383px\] { max-width: 383px; } .max-w-\[384px\] { max-width: 384px; } .max-w-\[390px\] { max-width: 390px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[408px\] { max-width: 408px; } .max-w-\[409px\] { max-width: 409px; } .max-w-\[416px\] { max-width: 416px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[430px\] { max-width: 430px; } .max-w-\[432px\] { max-width: 432px; } .max-w-\[436px\] { max-width: 436px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[447px\] { max-width: 447px; } .max-w-\[448px\] { max-width: 448px; } .max-w-\[450px\] { max-width: 450px; } .max-w-\[460px\] { max-width: 460px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[520px\] { max-width: 520px; } .max-w-\[523px\] { max-width: 523px; } .max-w-\[524px\] { max-width: 524px; } .max-w-\[527px\] { max-width: 527px; } .max-w-\[528px\] { max-width: 528px; } .max-w-\[536px\] { max-width: 536px; } .max-w-\[540px\] { max-width: 540px; } .max-w-\[548px\] { max-width: 548px; } .max-w-\[558px\] { max-width: 558px; } .max-w-\[560px\] { max-width: 560px; } .max-w-\[576px\] { max-width: 576px; } .max-w-\[580px\] { max-width: 580px; } .max-w-\[590px\] { max-width: 590px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[606px\] { max-width: 606px; } .max-w-\[610px\] { max-width: 610px; } .max-w-\[620px\] { max-width: 620px; } .max-w-\[624px\] { max-width: 624px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[650px\] { max-width: 650px; } .max-w-\[656px\] { max-width: 656px; } .max-w-\[660px\] { max-width: 660px; } .max-w-\[680px\] { max-width: 680px; } .max-w-\[688px\] { max-width: 688px; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[704px\] { max-width: 704px; } .max-w-\[720px\] { max-width: 720px; } .max-w-\[728px\] { max-width: 728px; } .max-w-\[732px\] { max-width: 732px; } .max-w-\[740px\] { max-width: 740px; } .max-w-\[744px\] { max-width: 744px; } .max-w-\[760px\] { max-width: 760px; } .max-w-\[768px\] { max-width: 768px; } .max-w-\[770px\] { max-width: 770px; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[820px\] { max-width: 820px; } .max-w-\[848px\] { max-width: 848px; } .max-w-\[860px\] { max-width: 860px; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[916px\] { max-width: 916px; } .max-w-\[920px\] { max-width: 920px; } .max-w-\[960px\] { max-width: 960px; } .max-w-\[1020px\] { max-width: 1020px; } .max-w-\[1044px\] { max-width: 1044px; } .max-w-\[1060px\] { max-width: 1060px; } .max-w-\[1440px\] { max-width: 1440px; } .max-w-\[calc\(\(100vw-var\(--spacing\)\*16\)\/var\(--codex-window-zoom\)= \)\] { max-width: calc((100vw - var(--spacing) * 16) / var(--codex-window-z= oom)); } .max-w-\[calc\(50vw\/var\(--codex-window-zoom\)\)\] { max-width: calc(50v= w / var(--codex-window-zoom)); } .max-w-\[calc\(100\%-1rem\)\] { max-width: calc(100% - 1rem); } .max-w-\[calc\(100\%-40px\)\] { max-width: calc(100% - 40px); } .max-w-\[calc\(100\%-80px\)\] { max-width: calc(100% - 80px); } .max-w-\[calc\(100\%_-_1rem\)\] { max-width: calc(100% - 1rem); } .max-w-\[calc\(100\%_-_3rem\)\] { max-width: calc(100% - 3rem); } .max-w-\[calc\(100vw-1rem\)\] { max-width: calc(-1rem + 100vw); } .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(-2rem + 100vw); } .max-w-\[calc\(100vw-16px\)\] { max-width: calc(-16px + 100vw); } .max-w-\[calc\(100vw-32px\)\] { max-width: calc(-32px + 100vw); } .max-w-\[calc\(100vw-48px\)\] { max-width: calc(-48px + 100vw); } .max-w-\[min\(12rem\,25cqw\)\] { max-width: min(12rem, 25cqw); } .max-w-\[min\(20rem\,var\(--radix-popover-content-available-width\)\)\] {= max-width: min(20rem, var(--radix-popover-content-available-width)); } .max-w-\[min\(28ch\,100\%\)\] { max-width: min(28ch, 100%); } .max-w-\[min\(48rem\,calc\(100vw-2rem\)\)\] { max-width: min(48rem, -2rem= + 100vw); } .max-w-\[min\(100\%\,44rem\)\] { max-width: min(100%, 44rem); } .max-w-\[min\(100\%\,var\(--resource-card-max-width\,100\%\)\)\] { max-wi= dth: min(100%, var(--resource-card-max-width,100%)); } .max-w-\[min\(var\(--radix-popover-content-available-width\)\,calc\(100vw= -16px\)\)\] { max-width: min(var(--radix-popover-content-available-width), = calc(100vw - 16px)); } .max-w-\[var\(--radix-popover-content-available-width\,100\%\)\] { max-wi= dth: var(--radix-popover-content-available-width,100%); } .max-w-\[var\(--thread-content-max-width\)\] { max-width: var(--thread-co= ntent-max-width); } .max-w-fit { max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-none\! { max-width: none !important; } .max-w-prose { max-width: 65ch; } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .truncate-text { text-overflow: ellipsis; white-space: nowrap; min-width:= 0px; overflow: clip visible; } .\!min-w-\[180px\] { min-width: 180px !important; } .min-w-0 { min-width: 0px; } .min-w-0\! { min-width: 0px !important; } .min-w-1 { min-width: var(--spacing); } .min-w-2 { min-width: calc(var(--spacing) * 2); } .min-w-3 { min-width: calc(var(--spacing) * 3); } .min-w-3\.5 { min-width: calc(var(--spacing) * 3.5); } .min-w-4 { min-width: calc(var(--spacing) * 4); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-6 { min-width: calc(var(--spacing) * 6); } .min-w-7 { min-width: calc(var(--spacing) * 7); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-10 { min-width: calc(var(--spacing) * 10); } .min-w-11 { min-width: calc(var(--spacing) * 11); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-14 { min-width: calc(var(--spacing) * 14); } .min-w-16 { min-width: calc(var(--spacing) * 16); } .min-w-19 { min-width: calc(var(--spacing) * 19); } .min-w-20 { min-width: calc(var(--spacing) * 20); } .min-w-24 { min-width: calc(var(--spacing) * 24); } .min-w-27 { min-width: calc(var(--spacing) * 27); } .min-w-28 { min-width: calc(var(--spacing) * 28); } .min-w-29 { min-width: calc(var(--spacing) * 29); } .min-w-30 { min-width: calc(var(--spacing) * 30); } .min-w-32 { min-width: calc(var(--spacing) * 32); } .min-w-36 { min-width: calc(var(--spacing) * 36); } .min-w-37\.5 { min-width: calc(var(--spacing) * 37.5); } .min-w-40 { min-width: calc(var(--spacing) * 40); } .min-w-44 { min-width: calc(var(--spacing) * 44); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-50 { min-width: calc(var(--spacing) * 50); } .min-w-56 { min-width: calc(var(--spacing) * 56); } .min-w-64 { min-width: calc(var(--spacing) * 64); } .min-w-72 { min-width: calc(var(--spacing) * 72); } .min-w-80 { min-width: calc(var(--spacing) * 80); } .min-w-\[1ch\] { min-width: 1ch; } .min-w-\[2ch\] { min-width: 2ch; } .min-w-\[2px\] { min-width: 2px; } .min-w-\[4\.5rem\] { min-width: 4.5rem; } .min-w-\[4ch\] { min-width: 4ch; } .min-w-\[4rem\] { min-width: 4rem; } .min-w-\[6rem\] { min-width: 6rem; } .min-w-\[10rem\] { min-width: 10rem; } .min-w-\[12rem\] { min-width: 12rem; } .min-w-\[18px\] { min-width: 18px; } .min-w-\[24px\] { min-width: 24px; } .min-w-\[26px\] { min-width: 26px; } .min-w-\[36px\] { min-width: 36px; } .min-w-\[42px\] { min-width: 42px; } .min-w-\[50px\] { min-width: 50px; } .min-w-\[50rem\] { min-width: 50rem; } .min-w-\[52px\] { min-width: 52px; } .min-w-\[64px\] { min-width: 64px; } .min-w-\[72px\] { min-width: 72px; } .min-w-\[86px\] { min-width: 86px; } .min-w-\[88px\] { min-width: 88px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[142px\] { min-width: 142px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[172px\] { min-width: 172px; } .min-w-\[175px\] { min-width: 175px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[320px\] { min-width: 320px; } .min-w-\[480px\] { min-width: 480px; } .min-w-\[820px\] { min-width: 820px; } .min-w-\[min\(--spacing\(40\)\,40cqw\)\] { min-width: min(calc(var(--spac= ing) * 40), 40cqw); } .min-w-\[min\(100\%\,9rem\)\] { min-width: min(100%, 9rem); } .min-w-\[var\(--app-menu-min-width\,220px\)\] { min-width: var(--app-menu= -min-width,220px); } .min-w-\[var\(--icon-leading-size\)\] { min-width: var(--icon-leading-siz= e); } .min-w-fit { min-width: fit-content; } .min-w-full { min-width: 100%; } .min-w-max { min-width: max-content; } .min-w-min { min-width: min-content; } .min-w-px { min-width: 1px; } .min-w-screen { min-width: 100vw; } .min-w-token-button-composer { min-width: var(--spacing-token-button-comp= oser); } .flex-1 { flex: 1 1 0%; } .flex-2 { flex: 2 1 0%; } .flex-\[0_0_auto\] { flex: 0 0 auto; } .flex-\[0_1_auto\] { flex: 0 1 auto; } .flex-\[0_2_auto\] { flex: 0 2 auto; } .flex-\[1_1_10rem\] { flex: 1 1 10rem; } .flex-\[1_1_140px\] { flex: 1 1 140px; } .flex-\[1_1_auto\], .flex-auto { flex: 1 1 auto; } .flex-initial { flex: 0 1 auto; } .flex-none { flex: 0 0 auto; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .shrink-\[999\] { flex-shrink: 999; } .flex-grow, .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .grow-0\! { flex-grow: 0 !important; } .basis-0 { flex-basis: 0px; } .basis-1\/3 { flex-basis: 33.3333%; } .basis-4\/5 { flex-basis: 80%; } .basis-4\/9 { flex-basis: 44.4444%; } .basis-5\/9 { flex-basis: 55.5556%; } .basis-32 { flex-basis: calc(var(--spacing) * 32); } .basis-35 { flex-basis: calc(var(--spacing) * 35); } .basis-48 { flex-basis: calc(var(--spacing) * 48); } .basis-64 { flex-basis: calc(var(--spacing) * 64); } .basis-\[calc\(\(100\%-1rem\)\/2\)\], .basis-\[calc\(\(100\%_-_1rem\)\/2\= )\] { flex-basis: calc(50% - 0.5rem); } .basis-full { flex-basis: 100%; } .table-fixed { table-layout: fixed; } .caption-top { caption-side: top; } .border-collapse { border-collapse: collapse; } .border-separate { border-collapse: separate; } .border-spacing-0 { --tw-border-spacing-x: 0px; --tw-border-spacing-y: 0p= x; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .pulsing-dot { animation: var(--animate-token-pulsing-dot); backface-visi= bility: hidden; transform-origin: 50% center; will-change: transform; } @media (prefers-reduced-motion: reduce) { .pulsing-dot { animation: auto ease 0s 1 normal none running none; } } .origin-\[22\%_22\%\] { transform-origin: 22% 22%; } .origin-\[var\(--radix-popover-content-transform-origin\)\] { transform-o= rigin: var(--radix-popover-content-transform-origin); } .origin-bottom { transform-origin: center bottom; } .origin-bottom-left { transform-origin: 0px 100%; } .origin-bottom-right { transform-origin: 100% 100%; } .origin-center { transform-origin: 50% center; } .origin-left { transform-origin: 0px center; } .origin-right { transform-origin: 100% center; } .origin-top { transform-origin: center top; } .origin-top-left { transform-origin: 0px 0px; } .origin-top-right { transform-origin: 100% 0px; } .\!translate-x-0 { --tw-translate-x: 0px !important; translate: var(--tw-= translate-x) var(--tw-translate-y) !important; } .-translate-x-0\.5 { --tw-translate-x: calc(var(--spacing) * -.5); transl= ate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-1 { --tw-translate-x: calc(var(--spacing) * -1); translate:= var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); tra= nslate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-2 { --tw-translate-x: calc(var(--spacing) * -2); translate:= var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-6 { --tw-translate-x: calc(var(--spacing) * -6); translate:= var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-20 { --tw-translate-x: calc(var(--spacing) * -20); translat= e: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-transla= te-x) var(--tw-translate-y); } .-translate-x-px { --tw-translate-x: -1px; translate: var(--tw-translate-= x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: 0px; translate: var(--tw-translate-x) = var(--tw-translate-y); } .translate-x-0\.5 { --tw-translate-x: calc(var(--spacing) * .5); translat= e: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1 { --tw-translate-x: var(--spacing); translate: var(--tw-tr= anslate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1 / 2 * 100%); translate: var(= --tw-translate-x) var(--tw-translate-y); } .translate-x-1\/4 { --tw-translate-x: calc(1 / 4 * 100%); translate: var(= --tw-translate-x) var(--tw-translate-y); } .translate-x-2 { --tw-translate-x: calc(var(--spacing) * 2); translate: v= ar(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[2px\] { --tw-translate-x: 2px; translate: var(--tw-transla= te-x) var(--tw-translate-y); } .translate-x-\[calc\(100\%\+12px\)\] { --tw-translate-x: calc(100% + 12px= ); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x)= var(--tw-translate-y); } .\!translate-y-0 { --tw-translate-y: 0px !important; translate: var(--tw-= translate-x) var(--tw-translate-y) !important; } .-translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * -.5); transl= ate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate:= var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\.5 { --tw-translate-y: calc(var(--spacing) * -1.5); trans= late: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); tra= nslate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/3 { --tw-translate-y: calc(calc(1 / 3 * 100%) * -1); tra= nslate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-2 { --tw-translate-y: calc(var(--spacing) * -2); translate:= var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-2\.5 { --tw-translate-y: calc(var(--spacing) * -2.5); trans= late: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-4 { --tw-translate-y: calc(var(--spacing) * -4); translate:= var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-6 { --tw-translate-y: calc(var(--spacing) * -6); translate:= var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[26px\] { --tw-translate-y: calc(26px * -1); translate: va= r(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[34px\] { --tw-translate-y: calc(34px * -1); translate: va= r(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[135\%\] { --tw-translate-y: calc(135% * -1); translate: v= ar(--tw-translate-x) var(--tw-translate-y); } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-transla= te-x) var(--tw-translate-y); } .-translate-y-px { --tw-translate-y: -1px; translate: var(--tw-translate-= x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) = var(--tw-translate-y); } .translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * .5); translat= e: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1 { --tw-translate-y: var(--spacing); translate: var(--tw-tr= anslate-x) var(--tw-translate-y); } .translate-y-1\/4 { --tw-translate-y: calc(1 / 4 * 100%); translate: var(= --tw-translate-x) var(--tw-translate-y); } .translate-y-2 { --tw-translate-y: calc(var(--spacing) * 2); translate: v= ar(--tw-translate-x) var(--tw-translate-y); } .translate-y-3 { --tw-translate-y: calc(var(--spacing) * 3); translate: v= ar(--tw-translate-x) var(--tw-translate-y); } .translate-y-6 { --tw-translate-y: calc(var(--spacing) * 6); translate: v= ar(--tw-translate-x) var(--tw-translate-y); } .translate-y-9 { --tw-translate-y: calc(var(--spacing) * 9); translate: v= ar(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-2px\] { --tw-translate-y: -2px; translate: var(--tw-trans= late-x) var(--tw-translate-y); } .translate-y-\[1px\] { --tw-translate-y: 1px; translate: var(--tw-transla= te-x) var(--tw-translate-y); } .translate-y-\[2px\] { --tw-translate-y: 2px; translate: var(--tw-transla= te-x) var(--tw-translate-y); } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate= -x) var(--tw-translate-y); } .translate-y-px { --tw-translate-y: 1px; translate: var(--tw-translate-x)= var(--tw-translate-y); } .scale-0 { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: v= ar(--tw-scale-x) var(--tw-scale-y); } .scale-10 { --tw-scale-x: 10%; --tw-scale-y: 10%; --tw-scale-z: 10%; scal= e: var(--tw-scale-x) var(--tw-scale-y); } .scale-50 { --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scal= e: var(--tw-scale-x) var(--tw-scale-y); } .scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scal= e: var(--tw-scale-x) var(--tw-scale-y); } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scal= e: var(--tw-scale-x) var(--tw-scale-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scal= e: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; = scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; = scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-110 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; = scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-115 { --tw-scale-x: 115%; --tw-scale-y: 115%; --tw-scale-z: 115%; = scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-125 { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; = scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-150 { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; = scale: var(--tw-scale-x) var(--tw-scale-y); } .-scale-x-100 { --tw-scale-x: calc(100% * -1); scale: var(--tw-scale-x) v= ar(--tw-scale-y); } .scale-3d { scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);= } .scale-\[0\.8\] { scale: 0.8; } .scale-\[0\.42\] { scale: 0.42; } .scale-\[0\.65\] { scale: 0.65; } .scale-\[0\.98\] { scale: 0.98; } .scale-\[0\.985\] { scale: 0.985; } .scale-\[1\.2\] { scale: 1.2; } .scale-\[1\.08\] { scale: 1.08; } .scale-\[1\.15\] { scale: 1.15; } .scale-\[4\] { scale: 4; } .-rotate-6 { rotate: -6deg; } .-rotate-12 { rotate: -12deg; } .-rotate-16 { rotate: -16deg; } .-rotate-45 { rotate: -45deg; } .-rotate-90 { rotate: -90deg; } .-rotate-180 { rotate: -180deg; } .-rotate-\[12deg\] { rotate: -12deg; } .rotate-0 { rotate: 0deg; } .rotate-12 { rotate: 12deg; } .rotate-16 { rotate: 16deg; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .rotate-\[-10deg\] { rotate: -10deg; } .rotate-\[10deg\] { rotate: 10deg; } .rotate-\[12\.32deg\] { rotate: 12.32deg; } .rotate-\[12deg\] { rotate: 12deg; } .rotate-\[225deg\] { rotate: 225deg; } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--t= w-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .transform-gpu { transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-r= otate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .transform-none\! { transform: none !important; } .\[zoom\:2\] { zoom: 2; } .\[zoom\:var\(--codex-window-zoom\)\] { zoom: var(--codex-window-zoom); } .\!animate-none { animation: auto ease 0s 1 normal none running none !imp= ortant; } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .\!cursor-interaction { cursor: var(--cursor-interaction) !important; } .cursor-col-resize { cursor: col-resize; } .cursor-crosshair { cursor: crosshair; } .cursor-default { cursor: default; } .cursor-e-resize { cursor: e-resize; } .cursor-ew-resize { cursor: ew-resize; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-interaction { cursor: var(--cursor-interaction); } .cursor-move { cursor: move; } .cursor-nesw-resize { cursor: nesw-resize; } .cursor-none { cursor: none; } .cursor-not-allowed { cursor: not-allowed; } .cursor-ns-resize { cursor: ns-resize; } .cursor-nwse-resize { cursor: nwse-resize; } .cursor-pointer { cursor: pointer; } .cursor-row-resize { cursor: row-resize; } .cursor-se-resize { cursor: se-resize; } .cursor-text { cursor: text; } .cursor-wait { cursor: wait; } .cursor-zoom-in { cursor: zoom-in; } .touch-pan-x { --tw-pan-x: pan-x; touch-action: var(--tw-pan-x, ) var(--t= w-pan-y, ) var(--tw-pinch-zoom, ); } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x, ) var(--t= w-pan-y, ) var(--tw-pinch-zoom, ); } .touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-p= an-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .touch-manipulation { touch-action: manipulation; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .resize-x { resize: horizontal; } .resize-y { resize: vertical; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-center { scroll-snap-align: center; } .snap-start { scroll-snap-align: start; } .scroll-my-4 { scroll-margin-block: calc(var(--spacing) * 4); } .scroll-mt-4 { scroll-margin-top: calc(var(--spacing) * 4); } .scroll-mt-12 { scroll-margin-top: calc(var(--spacing) * 12); } .scroll-mt-40 { scroll-margin-top: calc(var(--spacing) * 40); } .scroll-mt-\[33cqh\] { scroll-margin-top: 33cqh; } .scroll-mb-14 { scroll-margin-bottom: calc(var(--spacing) * 14); } .scroll-mb-24 { scroll-margin-bottom: calc(var(--spacing) * 24); } .scroll-px-1 { scroll-padding-inline: var(--spacing); } .scroll-px-2 { scroll-padding-inline: calc(var(--spacing) * 2); } .scroll-px-3 { scroll-padding-inline: calc(var(--spacing) * 3); } .scroll-px-6 { scroll-padding-inline: calc(var(--spacing) * 6); } .scroll-py-0\.5 { scroll-padding-block: calc(var(--spacing) * .5); } .scroll-pt-6 { scroll-padding-top: calc(var(--spacing) * 6); } .scroll-pt-14 { scroll-padding-top: calc(var(--spacing) * 14); } .scroll-pt-20 { scroll-padding-top: calc(var(--spacing) * 20); } .scroll-pt-\[var\(--pane-overlay-header-height\,0px\)\] { scroll-padding-= top: var(--pane-overlay-header-height,0px); } .\[scroll-padding-bottom\:var\(--thread-scroll-padding-bottom\,0px\)\] { = scroll-padding-bottom: var(--thread-scroll-padding-bottom,0px); } .scroll-pb-\[var\(--padding-row-x\)\] { scroll-padding-bottom: var(--padd= ing-row-x); } .\[scrollbar-width\:none\], .scrollbar-none { scrollbar-width: none; } .scrollbar-on-hover { transition: scrollbar-color var(--transition-durati= on-basic) ease; scrollbar-color: transparent transparent !important; } .scrollbar-on-hover:hover { scrollbar-color: var(--color-token-scrollbar-= slider-hover-background) transparent !important; } .scrollbar-on-hover::-webkit-scrollbar-thumb { background-color: rgba(0, = 0, 0, 0); } .scrollbar-on-hover:hover::-webkit-scrollbar-thumb { background-color: va= r(--color-token-scrollbar-slider-hover-background); } .scrollbar-on-hover::-webkit-scrollbar-track { background-color: rgba(0, = 0, 0, 0); } .\[scrollbar-gutter\:stable\] { scrollbar-gutter: stable; } .\[scrollbar-gutter\:stable_both-edges\] { scrollbar-gutter: stable both-= edges; } .scrollbar-stable { scrollbar-gutter: stable; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .\[appearance\:textfield\] { appearance: textfield; } .appearance-auto { appearance: auto; } .appearance-none { appearance: none; } .columns-2 { columns: 2; } .columns-3 { columns: 3; } .columns-4 { columns: 4; } .columns-\[320px\] { columns: 320px; } .break-inside-avoid { break-inside: avoid; } .auto-cols-fr { grid-auto-columns: minmax(0px, 1fr); } .auto-cols-max { grid-auto-columns: max-content; } .grid-flow-col { grid-auto-flow: column; } .auto-rows-max { grid-auto-rows: max-content; } .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-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); } .grid-cols-9 { grid-template-columns: repeat(9, minmax(0px, 1fr)); } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0px, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); } .grid-cols-16 { grid-template-columns: repeat(16, minmax(0px, 1fr)); } .grid-cols-\[0\.375rem_minmax\(0\,1fr\)_1\.25rem\] { grid-template-column= s: 0.375rem minmax(0px, 1fr) 1.25rem; } .grid-cols-\[0fr\] { grid-template-columns: 0fr; } .grid-cols-\[1\.25fr_1fr_1fr\] { grid-template-columns: 1.25fr 1fr 1fr; } .grid-cols-\[1\.25rem_minmax\(0\,1fr\)\] { grid-template-columns: 1.25rem= minmax(0px, 1fr); } .grid-cols-\[1\.75rem_minmax\(0\,1fr\)_1\.75rem_4\.25rem\] { grid-templat= e-columns: 1.75rem minmax(0px, 1fr) 1.75rem 4.25rem; } .grid-cols-\[1fr\] { grid-template-columns: 1fr; } .grid-cols-\[1fr_1fr\] { grid-template-columns: 1fr 1fr; } .grid-cols-\[1fr_1fr_auto\] { grid-template-columns: 1fr 1fr auto; } .grid-cols-\[1fr_12px_2fr_12px_1fr\] { grid-template-columns: 1fr 12px 2f= r 12px 1fr; } .grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; } .grid-cols-\[1rem_minmax\(0\,1fr\)\] { grid-template-columns: 1rem minmax= (0px, 1fr); } .grid-cols-\[1rem_minmax\(0\,1fr\)_1\.25rem\] { grid-template-columns: 1r= em minmax(0px, 1fr) 1.25rem; } .grid-cols-\[2\.5rem_minmax\(0\,1fr\)_4\.25rem\] { grid-template-columns:= 2.5rem minmax(0px, 1fr) 4.25rem; } .grid-cols-\[2rem_minmax\(0\,1fr\)_2rem\] { grid-template-columns: 2rem m= inmax(0px, 1fr) 2rem; } .grid-cols-\[8rem_minmax\(0\,1fr\)\] { grid-template-columns: 8rem minmax= (0px, 1fr); } .grid-cols-\[10px_1fr_1fr_1fr\] { grid-template-columns: 10px 1fr 1fr 1fr= ; } .grid-cols-\[10px_1fr_10px\] { grid-template-columns: 10px 1fr 10px; } .grid-cols-\[12px_minmax\(0\,1fr\)_20px\] { grid-template-columns: 12px m= inmax(0px, 1fr) 20px; } .grid-cols-\[16px_minmax\(0\,1fr\)\] { grid-template-columns: 16px minmax= (0px, 1fr); } .grid-cols-\[24px_minmax\(0\,1fr\)\] { grid-template-columns: 24px minmax= (0px, 1fr); } .grid-cols-\[24px_minmax\(0\,1fr\)_24px\] { grid-template-columns: 24px m= inmax(0px, 1fr) 24px; } .grid-cols-\[24px_minmax\(0\,1fr\)_auto\] { grid-template-columns: 24px m= inmax(0px, 1fr) auto; } .grid-cols-\[38px_minmax\(8px\,1fr\)_44px_minmax\(8px\,1fr\)_38px\] { gri= d-template-columns: 38px minmax(8px, 1fr) 44px minmax(8px, 1fr) 38px; } .grid-cols-\[52px_repeat\(2\,minmax\(0\,1fr\)\)\] { grid-template-columns= : 52px repeat(2, minmax(0px, 1fr)); } .grid-cols-\[64px_minmax\(14px\,1fr\)_96px_minmax\(14px\,1fr\)_64px\] { g= rid-template-columns: 64px minmax(14px, 1fr) 96px minmax(14px, 1fr) 64px; } .grid-cols-\[72px_minmax\(0\,1fr\)\] { grid-template-columns: 72px minmax= (0px, 1fr); } .grid-cols-\[88px_90px_minmax\(0\,1fr\)\] { grid-template-columns: 88px 9= 0px minmax(0px, 1fr); } .grid-cols-\[220px_minmax\(0\,1fr\)\] { grid-template-columns: 220px minm= ax(0px, 1fr); } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-\[auto_1fr_auto\] { grid-template-columns: auto 1fr auto; } .grid-cols-\[auto_auto\] { grid-template-columns: auto auto; } .grid-cols-\[auto_auto_auto\] { grid-template-columns: auto auto auto; } .grid-cols-\[auto_minmax\(0\,1fr\)\] { grid-template-columns: auto minmax= (0px, 1fr); } .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] { grid-template-columns: auto m= inmax(0px, 1fr) auto; } .grid-cols-\[auto_minmax\(0\,max-content\)\] { grid-template-columns: aut= o minmax(0px, max-content); } .grid-cols-\[auto_repeat\(4\,minmax\(64px\,auto\)\)\] { grid-template-col= umns: auto repeat(4, minmax(64px, auto)); } .grid-cols-\[max-content_minmax\(0\,1fr\)\] { grid-template-columns: max-= content minmax(0px, 1fr); } .grid-cols-\[minmax\(0\,--spacing\(30\)\)_minmax\(0\,1fr\)\] { grid-templ= ate-columns: minmax(0,calc(var(--spacing) * 30)) minmax(0,1fr); } .grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1\.3fr\)_10rem_auto\] { grid-= template-columns: minmax(0px, 1.1fr) minmax(0px, 1.3fr) 10rem auto; } .grid-cols-\[minmax\(0\,1\.5fr\)_auto_minmax\(0\,1fr\)\] { grid-template-= columns: minmax(0px, 1.5fr) auto minmax(0px, 1fr); } .grid-cols-\[minmax\(0\,1\.65fr\)_minmax\(180px\,0\.75fr\)\] { grid-templ= ate-columns: minmax(0px, 1.65fr) minmax(180px, 0.75fr); } .grid-cols-\[minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 1fr)= ; } .grid-cols-\[minmax\(0\,1fr\)_4\.25rem\] { grid-template-columns: minmax(= 0px, 1fr) 4.25rem; } .grid-cols-\[minmax\(0\,1fr\)_4rem_8rem\] { grid-template-columns: minmax= (0px, 1fr) 4rem 8rem; } .grid-cols-\[minmax\(0\,1fr\)_6rem_6rem\] { grid-template-columns: minmax= (0px, 1fr) 6rem 6rem; } .grid-cols-\[minmax\(0\,1fr\)_7\.5rem\] { grid-template-columns: minmax(0= px, 1fr) 7.5rem; } .grid-cols-\[minmax\(0\,1fr\)_9\.5rem\] { grid-template-columns: minmax(0= px, 1fr) 9.5rem; } .grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0px,= 1fr) auto; } .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] { grid-template-columns: minmax= (0px, 1fr) auto auto; } .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] { grid-template-col= umns: minmax(0px, 1fr) auto minmax(0px, 1fr); } .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(max-content\,1fr\)\] { grid-te= mplate-columns: minmax(0px, 1fr) auto minmax(max-content, 1fr); } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] { grid-template-col= umns: minmax(0px, 1fr) minmax(0px, 1fr) auto; } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto_auto\] { grid-templat= e-columns: minmax(0px, 1fr) minmax(0px, 1fr) auto auto; } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,220px\)\] { grid-template-column= s: minmax(0px, 1fr) minmax(0px, 220px); } .grid-cols-\[minmax\(0\,1fr\)_minmax\(64px\,159px\)_64px\] { grid-templat= e-columns: minmax(0px, 1fr) minmax(64px, 159px) 64px; } .grid-cols-\[minmax\(0\,1fr\)_minmax\(90px\,120px\)_minmax\(90px\,120px\)= _auto\] { grid-template-columns: minmax(0px, 1fr) minmax(90px, 120px) minma= x(90px, 120px) auto; } .grid-cols-\[minmax\(0\,1fr\)_minmax\(120px\,160px\)_auto\] { grid-templa= te-columns: minmax(0px, 1fr) minmax(120px, 160px) auto; } .grid-cols-\[minmax\(0\,1fr\)_minmax\(120px\,160px\)_minmax\(120px\,160px= \)_auto\] { grid-template-columns: minmax(0px, 1fr) minmax(120px, 160px) mi= nmax(120px, 160px) auto; } .grid-cols-\[minmax\(0\,8rem\)_minmax\(0\,1fr\)\] { grid-template-columns= : minmax(0px, 8rem) minmax(0px, 1fr); } .grid-cols-\[minmax\(0\,24rem\)\] { grid-template-columns: minmax(0px, 24= rem); } .grid-cols-\[minmax\(0\,29\.25rem\)\] { grid-template-columns: minmax(0px= , 29.25rem); } .grid-cols-\[minmax\(0\,220px\)_minmax\(0\,1fr\)\] { grid-template-column= s: minmax(0px, 220px) minmax(0px, 1fr); } .grid-cols-\[minmax\(max-content\,1fr\)_minmax\(0\,max-content\)_minmax\(= max-content\,1fr\)\] { grid-template-columns: minmax(max-content, 1fr) minm= ax(0px, max-content) minmax(max-content, 1fr); } .grid-cols-\[repeat\(2\,148px\)\] { grid-template-columns: repeat(2, 148p= x); } .grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)_0\.52fr_repeat\(6\,minmax\(0\,= 1fr\)\)\] { grid-template-columns: repeat(2, minmax(0px, 1fr)) 0.52fr repea= t(6, minmax(0px, 1fr)); } .grid-cols-\[repeat\(3\,28px\)\] { grid-template-columns: repeat(3, 28px)= ; } .grid-cols-\[repeat\(6\,24px\)\] { grid-template-columns: repeat(6, 24px)= ; } .grid-cols-\[repeat\(8\,minmax\(0\,1fr\)\)\] { grid-template-columns: rep= eat(8, minmax(0px, 1fr)); } .grid-cols-\[repeat\(auto-fill\,minmax\(4\.75rem\,4\.75rem\)\)\] { grid-t= emplate-columns: repeat(auto-fill, minmax(4.75rem, 4.75rem)); } .grid-cols-\[repeat\(auto-fit\,minmax\(10rem\,1fr\)\)\] { grid-template-c= olumns: repeat(auto-fit, minmax(10rem, 1fr)); } .grid-cols-\[repeat\(auto-fit\,minmax\(36px\,1fr\)\)\] { grid-template-co= lumns: repeat(auto-fit, minmax(36px, 1fr)); } .grid-cols-\[repeat\(auto-fit\,minmax\(220px\,1fr\)\)\] { grid-template-c= olumns: repeat(auto-fit, minmax(220px, 1fr)); } .grid-cols-\[repeat\(var\(--masonry-columns\)\,minmax\(0\,1fr\)\)\] { gri= d-template-columns: repeat(var(--masonry-columns),minmax(0,1fr)); } .grid-cols-subgrid { grid-template-columns: subgrid; } .grid-rows-1 { grid-template-rows: repeat(1, minmax(0px, 1fr)); } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0px, 1fr)); } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0px, 1fr)); } .grid-rows-4 { grid-template-rows: repeat(4, minmax(0px, 1fr)); } .grid-rows-6 { grid-template-rows: repeat(6, minmax(0px, 1fr)); } .grid-rows-\[0fr\] { grid-template-rows: 0fr; } .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .grid-rows-\[16px_1fr\] { grid-template-rows: 16px 1fr; } .grid-rows-\[20px_minmax\(0\,1fr\)\] { grid-template-rows: 20px minmax(0p= x, 1fr); } .grid-rows-\[24px_1fr\] { grid-template-rows: 24px 1fr; } .grid-rows-\[24px_88px\] { grid-template-rows: 24px 88px; } .grid-rows-\[24px_auto_minmax\(58px\,1fr\)_auto_minmax\(58px\,1fr\)\] { g= rid-template-rows: 24px auto minmax(58px, 1fr) auto minmax(58px, 1fr); } .grid-rows-\[24px_minmax\(140px\,1fr\)\] { grid-template-rows: 24px minma= x(140px, 1fr); } .grid-rows-\[28px_minmax\(0\,1fr\)\] { grid-template-rows: 28px minmax(0p= x, 1fr); } .grid-rows-\[32px_40px\] { grid-template-rows: 32px 40px; } .grid-rows-\[72px_72px\] { grid-template-rows: 72px 72px; } .grid-rows-\[72px_minmax\(0\,1fr\)\] { grid-template-rows: 72px minmax(0p= x, 1fr); } .grid-rows-\[80px_196px\] { grid-template-rows: 80px 196px; } .grid-rows-\[146px_minmax\(0\,1fr\)\] { grid-template-rows: 146px minmax(= 0px, 1fr); } .grid-rows-\[auto_20px_auto\] { grid-template-rows: auto 20px auto; } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .grid-rows-\[minmax\(0\,1fr\)_11rem\] { grid-template-rows: minmax(0px, 1= fr) 11rem; } .grid-rows-\[minmax\(0\,1fr\)_auto\] { grid-template-rows: minmax(0px, 1f= r) auto; } .grid-rows-\[minmax\(0\,max-content\)_1fr_auto\] { grid-template-rows: mi= nmax(0px, max-content) 1fr auto; } .grid-rows-\[minmax\(0\,max-content\)_auto\] { grid-template-rows: minmax= (0px, max-content) auto; } .grid-rows-\[minmax\(10px\,1fr\)_auto_minmax\(10px\,1fr\)\] { grid-templa= te-rows: minmax(10px, 1fr) auto minmax(10px, 1fr); } .grid-rows-\[repeat\(7\,minmax\(1px\,1fr\)\)\] { grid-template-rows: repe= at(7, minmax(1px, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .content-center { align-content: center; } .content-end { align-content: flex-end; } .content-start { align-content: flex-start; } .\!items-center { align-items: center !important; } .\[align-items\:normal\] { align-items: normal; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .\!justify-start { justify-content: flex-start !important; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-evenly { justify-content: space-evenly; } .justify-start { justify-content: flex-start; } .justify-items-center { justify-items: center; } .\!gap-0 { gap: 0px !important; } .\!gap-2 { gap: calc(var(--spacing) * 2) !important; } .\!gap-2\.5 { gap: calc(var(--spacing) * 2.5) !important; } .\!gap-px { gap: 1px !important; } .gap-\(--flashcard-gap\) { gap: var(--flashcard-gap); } .gap-\(--sidebar-navigation-header-gap\) { gap: var(--sidebar-navigation-= header-gap); } .gap-\(--spacing-composer-single-line-controls\) { gap: var(--spacing-com= poser-single-line-controls); } .gap-0 { gap: 0px; } .gap-0\! { gap: 0px !important; } .gap-0\.5 { gap: calc(var(--spacing) * .5); } .gap-0\.75 { gap: calc(var(--spacing) * .75); } .gap-1 { gap: var(--spacing); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-1\.25 { gap: calc(var(--spacing) * 1.25); } .gap-1\.75 { gap: calc(var(--spacing) * 1.75); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-2\.5\! { gap: calc(var(--spacing) * 2.5) !important; } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\! { gap: calc(var(--spacing) * 3) !important; } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-4\! { gap: calc(var(--spacing) * 4) !important; } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-5\.5 { gap: calc(var(--spacing) * 5.5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-7 { gap: calc(var(--spacing) * 7); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-9 { gap: calc(var(--spacing) * 9); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-11 { gap: calc(var(--spacing) * 11); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-24 { gap: calc(var(--spacing) * 24); } .gap-\[1px\] { gap: 1px; } .gap-\[2px\] { gap: 2px; } .gap-\[3px\] { gap: 3px; } .gap-\[5px\] { gap: 5px; } .gap-\[6px\] { gap: 6px; } .gap-\[7px\] { gap: 7px; } .gap-\[8px\] { gap: 8px; } .gap-\[9px\] { gap: 9px; } .gap-\[10px\] { gap: 10px; } .gap-\[11px\] { gap: 11px; } .gap-\[22px\] { gap: 22px; } .gap-\[calc\(var\(--oai-wb-spacing\)\*2\)\] { gap: calc(var(--oai-wb-spac= ing) * 2); } .gap-\[var\(--activity-pill-control-gap\)\] { gap: var(--activity-pill-co= ntrol-gap); } .gap-\[var\(--conversation-grouped-item-gap\,4px\)\] { gap: var(--convers= ation-grouped-item-gap,4px); } .gap-\[var\(--conversation-item-gap\,16px\)\] { gap: var(--conversation-i= tem-gap,16px); } .gap-\[var\(--conversation-patch-file-gap\,var\(--conversation-item-gap\,= 16px\)\)\] { gap: var(--conversation-patch-file-gap,var(--conversation-item= -gap,16px)); } .gap-\[var\(--detail-page-section-gap\)\] { gap: var(--detail-page-sectio= n-gap); } .gap-\[var\(--oai-wb-spacing\)\] { gap: var(--oai-wb-spacing); } .gap-\[var\(--padding-panel\)\] { gap: var(--padding-panel); } .gap-\[var\(--spacing-menu-item-content\,calc\(var\(--spacing\)\*1\.5\)\)= \] { gap: var(--spacing-menu-item-content,calc(var(--spacing) * 1.5)); } .gap-menu-row-content { gap: var(--spacing-menu-row-content); } .gap-nav-row-content { gap: var(--spacing-nav-row-content); } .gap-px { gap: 1px; } .gap-token-button-composer-gap { gap: var(--spacing-token-button-composer= -gap); } .gap-toolbar-action { gap: var(--spacing-toolbar-action); } :where(.space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-= block: 0px; } :where(.space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; marg= in-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse))= ; margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-spac= e-y-reverse))); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-= block-start: calc(var(--spacing) * var(--tw-space-y-reverse)); margin-block= -end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; marg= in-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)= ); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-sp= ace-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-= block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); ma= rgin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-r= everse))); } :where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; marg= in-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)= ); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-sp= ace-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-= block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); ma= rgin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-r= everse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-= block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); ma= rgin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-r= everse))); } :where(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-= block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); ma= rgin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-r= everse))); } .gap-x-0 { column-gap: 0px; } .gap-x-0\.5 { column-gap: calc(var(--spacing) * .5); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-1\.5 { column-gap: calc(var(--spacing) * 1.5); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-5 { column-gap: calc(var(--spacing) * 5); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-x-16 { column-gap: calc(var(--spacing) * 16); } .gap-x-\[1px\] { column-gap: 1px; } :where(.-space-x-0\.5 > :not(:last-child)) { --tw-space-x-reverse: 0; mar= gin-inline-start: calc(calc(var(--spacing) * -.5) * var(--tw-space-x-revers= e)); margin-inline-end: calc(calc(var(--spacing) * -.5) * calc(1 - var(--tw= -space-x-reverse))); } :where(.-space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin= -inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));= margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-spac= e-x-reverse))); } :where(.-space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin= -inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));= margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-spac= e-x-reverse))); } :where(.-space-x-2\.5 > :not(:last-child)) { --tw-space-x-reverse: 0; mar= gin-inline-start: calc(calc(var(--spacing) * -2.5) * var(--tw-space-x-rever= se)); margin-inline-end: calc(calc(var(--spacing) * -2.5) * calc(1 - var(--= tw-space-x-reverse))); } :where(.-space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin= -inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));= margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-spac= e-x-reverse))); } .gap-y-0 { row-gap: 0px; } .gap-y-0\.5 { row-gap: calc(var(--spacing) * .5); } .gap-y-1 { row-gap: var(--spacing); } .gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } .gap-y-px { row-gap: 1px; } :where(.divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-= inline-style: var(--tw-border-style); border-inline-start-width: calc(1px *= var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - = var(--tw-divide-x-reverse))); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-= bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-sty= le); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-botto= m-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-y-\[0\.5px\] > :not(:last-child)) { --tw-divide-y-reverse:= 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw= -border-style); border-top-width: calc(.5px * var(--tw-divide-y-reverse)); = border-bottom-width: calc(.5px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-\(--border-default\) > :not(:last-child)) { border-color: = var(--border-default); } :where(.divide-\[color\:var\(--oai-wb-divider\)\] > :not(:last-child)) { = border-color: var(--oai-wb-divider); } :where(.divide-border > :not(:last-child)) { border-color: var(--color-bo= rder); } :where(.divide-border-subtle > :not(:last-child)) { border-color: var(--c= olor-border-subtle); } :where(.divide-border\/70 > :not(:last-child)) { border-color: var(--colo= r-border); } @supports (color:color-mix(in lab, red, red)) { :where(.divide-border\/70 > :not(:last-child)) { border-color: color-mix(= in oklab, var(--color-border) 70%, transparent); } } .place-self-end { place-self: end; } .\!self-center { align-self: center !important; } .self-baseline { align-self: baseline; } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-center { justify-self: center; } .justify-self-end { justify-self: flex-end; } .justify-self-start { justify-self: flex-start; } .justify-self-stretch { justify-self: stretch; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidde= n; } .\!overflow-hidden { overflow: hidden !important; } .\!overflow-visible { overflow: visible !important; } .\[overflow\:var\(--sidebar-row-menu-overflow\,hidden\)\] { overflow: var= (--sidebar-row-menu-overflow,hidden); } .overflow-auto { overflow: auto; } .overflow-clip { overflow: clip; } .overflow-hidden { overflow: hidden; } .overflow-hidden\! { overflow: hidden !important; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-clip { overflow-y: clip; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-scroll { overflow-y: scroll; } .overflow-y-visible\! { overflow-y: visible !important; } .overscroll-contain { overscroll-behavior: contain; } .overscroll-x-contain { overscroll-behavior-x: contain; } .overscroll-x-none { overscroll-behavior-x: none; } .overscroll-y-contain { overscroll-behavior-y: contain; } .overscroll-y-none { overscroll-behavior-y: none; } .scroll-smooth { scroll-behavior: smooth; } .rounded-tab-rename { border-radius: calc(var(--radius-md) - var(--spacin= g)); corner-shape: var(--codex-corner-shape); } .sidebar-item { border-radius: var(--radius-lg); corner-shape: var(--code= x-corner-shape); } .\!rounded-2xl { border-radius: var(--radius-2xl) !important; } .\!rounded-3xl { border-radius: var(--radius-3xl) !important; } .\!rounded-\[7px\] { border-radius: 7px !important; } .\!rounded-\[16px\] { border-radius: 16px !important; } .\!rounded-\[24px\] { border-radius: 24px !important; } .\!rounded-full { border-radius: var(--radius-full) !important; } .\!rounded-lg { border-radius: var(--radius-lg) !important; } .\!rounded-md { border-radius: var(--radius-md) !important; } .\!rounded-none { border-radius: 0px !important; } .rounded { border-radius: 0.25rem; } .rounded-\(--radius-3xl-base\) { border-radius: var(--radius-3xl-base); } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-2xl\! { border-radius: var(--radius-2xl) !important; } .rounded-2xs { border-radius: var(--radius-2xs); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-4xl { border-radius: var(--radius-4xl); } .rounded-\[0\.8rem\] { border-radius: 0.8rem; } .rounded-\[1\.25rem\] { border-radius: 1.25rem; } .rounded-\[1\.25rem\]\! { border-radius: 1.25rem !important; } .rounded-\[1px\] { border-radius: 1px; } .rounded-\[1rem\]\! { border-radius: 1rem !important; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[2rem\] { border-radius: 2rem; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[5px\] { border-radius: 5px; } .rounded-\[6px\] { border-radius: 6px; } .rounded-\[9px\] { border-radius: 9px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[13\.5px\] { border-radius: 13.5px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[18px\] { border-radius: 18px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[22\%\] { border-radius: 22%; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[28px\] { border-radius: 28px; } .rounded-\[32px\] { border-radius: 32px; } .rounded-\[36px\] { border-radius: 36px; } .rounded-\[36px_36px_55px_55px\] { border-radius: 36px 36px 55px 55px; } .rounded-\[40px\] { border-radius: 40px; } .rounded-\[43px\] { border-radius: 43px; } .rounded-\[48px\] { border-radius: 48px; } .rounded-\[50\%\] { border-radius: 50%; } .rounded-\[calc\(var\(--oai-wb-spacing\)\*2\.5\)\] { border-radius: calc(= var(--oai-wb-spacing) * 2.5); } .rounded-\[calc\(var\(--oai-wb-spacing\)\*4\)\] { border-radius: calc(var= (--oai-wb-spacing) * 4); } .rounded-\[inherit\] { border-radius: inherit; } .rounded-\[var\(--avatar-overlay-native-corner-radius\)\] { border-radius= : var(--avatar-overlay-native-corner-radius); } .rounded-\[var\(--message-bubble-radius\,var\(--radius-full\)\)\] { borde= r-radius: var(--message-bubble-radius,var(--radius-full)); } .rounded-\[var\(--oai-wb-radius\)\] { border-radius: var(--oai-wb-radius)= ; } .rounded-\[var\(--radius-suggestion-menu\,var\(--radius-2xl\)\)\] { borde= r-radius: var(--radius-suggestion-menu,var(--radius-2xl)); } .rounded-\[var\(--radius-token-row\)\] { border-radius: var(--radius-toke= n-row); } .rounded-\[var\(--suggestion-menu-item-radius\,var\(--radius-xl\)\)\] { b= order-radius: var(--suggestion-menu-item-radius,var(--radius-xl)); } .rounded-button-action { border-radius: var(--radius-button-action); } .rounded-button-toolbar { border-radius: var(--radius-button-toolbar); } .rounded-form-dialog { border-radius: var(--radius-form-dialog); } .rounded-full { border-radius: var(--radius-full); } .rounded-full\! { border-radius: var(--radius-full) !important; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-lg\! { border-radius: var(--radius-lg) !important; } .rounded-md { border-radius: var(--radius-md); } .rounded-md\! { border-radius: var(--radius-md) !important; } .rounded-none { border-radius: 0px; } .rounded-none\! { border-radius: 0px !important; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-token-composer-single-line { border-radius: var(--radius-token-c= omposer-single-line); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xl\! { border-radius: var(--radius-xl) !important; } .rounded-xs { border-radius: var(--radius-xs); } .\!rounded-s-md { border-start-start-radius: var(--radius-md) !important;= border-end-start-radius: var(--radius-md) !important; } .rounded-s-lg { border-start-start-radius: var(--radius-lg); border-end-s= tart-radius: var(--radius-lg); } .rounded-s-md { border-start-start-radius: var(--radius-md); border-end-s= tart-radius: var(--radius-md); } .rounded-s-none { border-start-start-radius: 0px; border-end-start-radius= : 0px; } .rounded-ss-md { border-start-start-radius: var(--radius-md); } .rounded-ss-xl { border-start-start-radius: var(--radius-xl); } .\!rounded-e-md { border-start-end-radius: var(--radius-md) !important; b= order-end-end-radius: var(--radius-md) !important; } .rounded-e-md { border-start-end-radius: var(--radius-md); border-end-end= -radius: var(--radius-md); } .rounded-e-none { border-start-end-radius: 0px; border-end-end-radius: 0p= x; } .rounded-se-md { border-start-end-radius: var(--radius-md); } .rounded-se-xl { border-start-end-radius: var(--radius-xl); } .rounded-ee-md { border-end-end-radius: var(--radius-md); } .rounded-ee-xl { border-end-end-radius: var(--radius-xl); } .rounded-es-md { border-end-start-radius: var(--radius-md); } .rounded-es-xl { border-end-start-radius: var(--radius-xl); } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.= 25rem; } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-ri= ght-radius: var(--radius-2xl); } .rounded-t-3xl { border-top-left-radius: var(--radius-3xl); border-top-ri= ght-radius: var(--radius-3xl); } .rounded-t-\[32px\] { border-top-left-radius: 32px; border-top-right-radi= us: 32px; } .rounded-t-full { border-top-left-radius: var(--radius-full); border-top-= right-radius: var(--radius-full); } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-righ= t-radius: var(--radius-lg); } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-righ= t-radius: var(--radius-md); } .rounded-t-sm { border-top-left-radius: var(--radius-sm); border-top-righ= t-radius: var(--radius-sm); } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-righ= t-radius: var(--radius-xl); } .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: = 0.25rem; } .rounded-l-\[10px\] { border-top-left-radius: 10px; border-bottom-left-ra= dius: 10px; } .rounded-l-md { border-top-left-radius: var(--radius-md); border-bottom-l= eft-radius: var(--radius-md); } .rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius:= 0px; } .rounded-tl-3xl { border-top-left-radius: var(--radius-3xl); } .rounded-tl-md { border-top-left-radius: var(--radius-md); } .rounded-tl-none { border-top-left-radius: 0px; } .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius= : 0.25rem; } .rounded-r-\[10px\] { border-top-right-radius: 10px; border-bottom-right-= radius: 10px; } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-= right-radius: var(--radius-md); } .rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radiu= s: 0px; } .rounded-r-sm { border-top-right-radius: var(--radius-sm); border-bottom-= right-radius: var(--radius-sm); } .rounded-tr-3xl { border-top-right-radius: var(--radius-3xl); } .rounded-tr-md { border-top-right-radius: var(--radius-md); } .rounded-b-2xl { border-bottom-right-radius: var(--radius-2xl); border-bo= ttom-left-radius: var(--radius-2xl); } .rounded-b-3xl { border-bottom-right-radius: var(--radius-3xl); border-bo= ttom-left-radius: var(--radius-3xl); } .rounded-b-\[13px\] { border-bottom-right-radius: 13px; border-bottom-lef= t-radius: 13px; } .rounded-b-\[16px\] { border-bottom-right-radius: 16px; border-bottom-lef= t-radius: 16px; } .rounded-b-\[18px\] { border-bottom-right-radius: 18px; border-bottom-lef= t-radius: 18px; } .rounded-b-\[22px\] { border-bottom-right-radius: 22px; border-bottom-lef= t-radius: 22px; } .rounded-b-\[inherit\] { border-bottom-right-radius: inherit; border-bott= om-left-radius: inherit; } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bott= om-left-radius: var(--radius-lg); } .rounded-b-md { border-bottom-right-radius: var(--radius-md); border-bott= om-left-radius: var(--radius-md); } .rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-rad= ius: 0px; } .rounded-b-sm { border-bottom-right-radius: var(--radius-sm); border-bott= om-left-radius: var(--radius-sm); } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bott= om-left-radius: var(--radius-xl); } .rounded-br-3xl { border-bottom-right-radius: var(--radius-3xl); } .rounded-br-md { border-bottom-right-radius: var(--radius-md); } .rounded-bl-3xl { border-bottom-left-radius: var(--radius-3xl); } .rounded-bl-md { border-bottom-left-radius: var(--radius-md); } .composer-surface-chrome:where(:is([data-codex-window-type=3D"browser"], = [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"e= lectron"]) .composer-surface-chrome) { box-shadow: var(--elevation-prominen= t); border-style: var(--tw-border-style) !important; border-width: 0px !imp= ortant; } @media (forced-colors: active) { .composer-surface-chrome:where(:is([data-codex-window-type=3D"browser"], = [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"e= lectron"]) .composer-surface-chrome) { box-shadow: none; outline: canvastex= t solid 1px; } } .composer-surface-chrome:where([data-codex-window-type=3D"extension"] .co= mposer-surface-chrome) { border-color: var(--color-token-input-border); --t= w-shadow: 0 4px 16px 0 var(--tw-shadow-color,#0000000d); box-shadow: var(--= tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow)= , var(--tw-ring-shadow), var(--tw-shadow); border-style: var(--tw-border-st= yle) !important; border-width: 1px !important; } .\!border { border-style: var(--tw-border-style) !important; border-width= : 1px !important; } .\!border-0 { border-style: var(--tw-border-style) !important; border-wid= th: 0px !important; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border\! { border-style: var(--tw-border-style) !important; border-width= : 1px !important; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-0\! { border-style: var(--tw-border-style) !important; border-wid= th: 0px !important; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-\[0\.5px\] { border-style: var(--tw-border-style); border-width: = 0.5px; } .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: = 1.5px; } .border-\[1\.5px\]\! { border-style: var(--tw-border-style) !important; b= order-width: 1.5px !important; } .border-\[1\.33px\] { border-style: var(--tw-border-style); border-width:= 1.33px; } .border-\[1px\] { border-style: var(--tw-border-style); border-width: 1px= ; } .border-\[3px\] { border-style: var(--tw-border-style); border-width: 3px= ; } .border-hairline { border-style: var(--tw-border-style); border-width: va= r(--border-width-hairline); } .border-x { border-inline-style: var(--tw-border-style); border-inline-wi= dth: 1px; } .border-x-2 { border-inline-style: var(--tw-border-style); border-inline-= width: 2px; } .border-x-\[7px\] { border-inline-style: var(--tw-border-style); border-i= nline-width: 7px; } .border-y { border-block-style: var(--tw-border-style); border-block-widt= h: 1px; } .border-y-2 { border-block-style: var(--tw-border-style); border-block-wi= dth: 2px; } .border-s { border-inline-start-style: var(--tw-border-style); border-inl= ine-start-width: 1px; } .border-s-0 { border-inline-start-style: var(--tw-border-style); border-i= nline-start-width: 0px; } .border-s-2 { border-inline-start-style: var(--tw-border-style); border-i= nline-start-width: 2px; } .border-s-4 { border-inline-start-style: var(--tw-border-style); border-i= nline-start-width: 4px; } .border-e { border-inline-end-style: var(--tw-border-style); border-inlin= e-end-width: 1px; } .border-e-0 { border-inline-end-style: var(--tw-border-style); border-inl= ine-end-width: 0px; } .border-e-2 { border-inline-end-style: var(--tw-border-style); border-inl= ine-end-width: 2px; } .border-e-hairline { border-inline-end-style: var(--tw-border-style); bor= der-inline-end-width: var(--border-width-hairline); } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1= px; } .border-t\! { border-top-style: var(--tw-border-style) !important; border= -top-width: 1px !important; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width:= 0px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width:= 2px; } .border-t-8 { border-top-style: var(--tw-border-style); border-top-width:= 8px; } .border-t-\[0\.5px\] { border-top-style: var(--tw-border-style); border-t= op-width: 0.5px; } .border-t-\[3px\] { border-top-style: var(--tw-border-style); border-top-= width: 3px; } .border-t-hairline { border-top-style: var(--tw-border-style); border-top= -width: var(--border-width-hairline); } .border-r { border-right-style: var(--tw-border-style); border-right-widt= h: 1px; } .border-r-2 { border-right-style: var(--tw-border-style); border-right-wi= dth: 2px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-wi= dth: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-= width: 0px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-= width: 2px; } .border-b-\[0\.5px\] { border-bottom-style: var(--tw-border-style); borde= r-bottom-width: 0.5px; } .border-b-\[3px\] { border-bottom-style: var(--tw-border-style); border-b= ottom-width: 3px; } .border-b-\[9px\] { border-bottom-style: var(--tw-border-style); border-b= ottom-width: 9px; } .border-b-hairline { border-bottom-style: var(--tw-border-style); border-= bottom-width: var(--border-width-hairline); } .border-l { border-left-style: var(--tw-border-style); border-left-width:= 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-widt= h: 2px; } .border-l-8 { border-left-style: var(--tw-border-style); border-left-widt= h: 8px; } .\!border-none { --tw-border-style: none !important; border-style: none != important; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-none { --tw-border-style: none; border-style: none; } .border-none\! { --tw-border-style: none !important; border-style: none != important; } .border-solid { --tw-border-style: solid; border-style: solid; } .border-solid\! { --tw-border-style: solid !important; border-style: soli= d !important; } .\!border-\[var\(--referral-rate-limit-border\)\] { border-color: var(--r= eferral-rate-limit-border) !important; } .\!border-strong { border-color: var(--color-border-strong) !important; } .\!border-text { border-color: var(--color-text) !important; } .\!border-transparent { border-color: rgba(0, 0, 0, 0) !important; } .\[border-color\:var\(--oai-wb-divider\)\] { border-color: var(--oai-wb-d= ivider); } .\[border-color\:var\(--oai-wb-divider\)\]\! { border-color: var(--oai-wb= -divider) !important; } .border-\(--border-default\) { border-color: var(--border-default); } .border-\(--border-default\)\! { border-color: var(--border-default) !imp= ortant; } .border-\(--border-heavy\) { border-color: var(--border-heavy); } .border-\(--border-light\) { border-color: var(--border-light); } .border-\(--business-control-border\) { border-color: var(--business-cont= rol-border); } .border-\(--checkout-border-default\) { border-color: var(--checkout-bord= er-default); } .border-\(--color-border\) { border-color: var(--color-border); } .border-\(--color-border\)\! { border-color: var(--color-border) !importa= nt; } .border-\(--learning-block-accent\) { border-color: var(--learning-block-= accent); } .border-\(--text-primary\) { border-color: var(--text-primary); } .border-\(color\:--color-border-tooltip\) { border-color: var(--color-bor= der-tooltip); } .border-\(color\:--color-border-tooltip-classic\) { border-color: var(--c= olor-border-tooltip-classic); } .border-\[\#0b57d0\] { border-color: rgb(11, 87, 208); } .border-\[\#4f477f\]\/20 { border-color: lab(33.013 14.4666 -30.9572 / 0.= 2); } .border-\[\#8db5ff\]\/0 { border-color: lab(0 0 0 / 0); } .border-\[\#8db5ff\]\/70 { border-color: lab(72.9669 0.635058 -41.4312 / = 0.7); } .border-\[\#444746\] { border-color: rgb(68, 71, 70); } .border-\[\#D4D4D4\] { border-color: rgb(212, 212, 212); } .border-\[\#c4c7c5\] { border-color: rgb(196, 199, 197); } .border-\[\#dadce0\] { border-color: rgb(218, 220, 224); } .border-\[\#f7f7f7\] { border-color: rgb(247, 247, 247); } .border-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_12\%\,var\(--go-to-li= ne-bg\)\)\] { border-color: var(--go-to-line-fg); } @supports (color:color-mix(in lab, red, red)) { .border-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_12\%\,var\(--go-to-li= ne-bg\)\)\] { border-color: color-mix(in lab,var(--go-to-line-fg) 12%,var(-= -go-to-line-bg)); } } .border-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_20\%\,transparent\)\]= { border-color: var(--go-to-line-fg); } @supports (color:color-mix(in lab, red, red)) { .border-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_20\%\,transparent\)\]= { border-color: color-mix(in lab,var(--go-to-line-fg) 20%,transparent); } } .border-\[color\:var\(--accent-blue\,var\(--color-blue\)\)\]\/50\! { bord= er-color: var(--accent-blue,var(--color-blue)) !important; } @supports (color:color-mix(in lab, red, red)) { .border-\[color\:var\(--accent-blue\,var\(--color-blue\)\)\]\/50\! { bord= er-color: color-mix(in oklab, var(--accent-blue,var(--color-blue)) 50%, tra= nsparent) !important; } } .border-\[rgba\(13\,13\,13\,0\.1\)\]\! { border-color: rgba(13, 13, 13, 0= .1) !important; } .border-\[var\(--border-heavy\)\] { border-color: var(--border-heavy); } .border-\[var\(--border-light\)\] { border-color: var(--border-light); } .border-\[var\(--border-subtle\)\] { border-color: var(--border-subtle); = } .border-\[var\(--checkout-border-default\,var\(--border-default\)\)\] { b= order-color: var(--checkout-border-default,var(--border-default)); } .border-\[var\(--learning-block-accent\)\] { border-color: var(--learning= -block-accent); } .border-\[var\(--learning-block-color-companion\)\] { border-color: var(-= -learning-block-color-companion); } .border-\[var\(--learning-block-color-primary\)\] { border-color: var(--l= earning-block-color-primary); } .border-\[var\(--learning-block-color-secondary\)\] { border-color: var(-= -learning-block-color-secondary); } .border-\[var\(--learning-block-visualization-surface\,var\(--bg-primary\= )\)\] { border-color: var(--learning-block-visualization-surface,var(--bg-p= rimary)); } .border-\[var\(--text-primary\)\] { border-color: var(--text-primary); } .border-alpha\/20 { border-color: var(--color-alpha); } @supports (color:color-mix(in lab, red, red)) { .border-alpha\/20 { border-color: color-mix(in oklab, var(--color-alpha) = 20%, transparent); } } .border-background-primary-soft { border-color: var(--color-background-pr= imary-soft); } .border-black, .border-black\/8 { border-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .border-black\/8 { border-color: color-mix(in oklab, var(--color-black) 8= %, transparent); } } .border-black\/10 { border-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .border-black\/10 { border-color: color-mix(in oklab, var(--color-black) = 10%, transparent); } } .border-black\/15 { border-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .border-black\/15 { border-color: color-mix(in oklab, var(--color-black) = 15%, transparent); } } .border-black\/20 { border-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .border-black\/20 { border-color: color-mix(in oklab, var(--color-black) = 20%, transparent); } } .border-black\/25 { border-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .border-black\/25 { border-color: color-mix(in oklab, var(--color-black) = 25%, transparent); } } .border-black\/\[\.12\] { border-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .border-black\/\[\.12\] { border-color: color-mix(in oklab, var(--color-b= lack) 12%, transparent); } } .border-black\/\[0\.06\] { border-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .border-black\/\[0\.06\] { border-color: color-mix(in oklab, var(--color-= black) 6%, transparent); } } .border-black\/\[0\.08\] { border-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .border-black\/\[0\.08\] { border-color: color-mix(in oklab, var(--color-= black) 8%, transparent); } } .border-blue, .border-blue\/30 { border-color: var(--color-blue); } @supports (color:color-mix(in lab, red, red)) { .border-blue\/30 { border-color: color-mix(in oklab, var(--color-blue) 30= %, transparent); } } .border-border { border-color: var(--color-border); } .border-border-subtle { border-color: var(--color-border-subtle); } .border-border\/20 { border-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .border-border\/20 { border-color: color-mix(in oklab, var(--color-border= ) 20%, transparent); } } .border-border\/24 { border-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .border-border\/24 { border-color: color-mix(in oklab, var(--color-border= ) 24%, transparent); } } .border-border\/30 { border-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .border-border\/30 { border-color: color-mix(in oklab, var(--color-border= ) 30%, transparent); } } .border-border\/40 { border-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .border-border\/40 { border-color: color-mix(in oklab, var(--color-border= ) 40%, transparent); } } .border-border\/50 { border-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .border-border\/50 { border-color: color-mix(in oklab, var(--color-border= ) 50%, transparent); } } .border-border\/60 { border-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .border-border\/60 { border-color: color-mix(in oklab, var(--color-border= ) 60%, transparent); } } .border-border\/70 { border-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .border-border\/70 { border-color: color-mix(in oklab, var(--color-border= ) 70%, transparent); } } .border-border\/80 { border-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .border-border\/80 { border-color: color-mix(in oklab, var(--color-border= ) 80%, transparent); } } .border-button-outline { border-color: var(--color-border-button-outline)= ; } .border-chart-blue\/40 { border-color: var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .border-chart-blue\/40 { border-color: color-mix(in oklab, var(--color-ch= art-blue) 40%, transparent); } } .border-chart-blue\/60 { border-color: var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .border-chart-blue\/60 { border-color: color-mix(in oklab, var(--color-ch= art-blue) 60%, transparent); } } .border-chart-green\/30 { border-color: var(--color-chart-green); } @supports (color:color-mix(in lab, red, red)) { .border-chart-green\/30 { border-color: color-mix(in oklab, var(--color-c= hart-green) 30%, transparent); } } .border-chart-red\/30 { border-color: var(--color-chart-red); } @supports (color:color-mix(in lab, red, red)) { .border-chart-red\/30 { border-color: color-mix(in oklab, var(--color-cha= rt-red) 30%, transparent); } } .border-chart-red\/50 { border-color: var(--color-chart-red); } @supports (color:color-mix(in lab, red, red)) { .border-chart-red\/50 { border-color: color-mix(in oklab, var(--color-cha= rt-red) 50%, transparent); } } .border-codex-description { border-color: var(--color-codex-description);= } .border-codex-radio-inactive { border-color: var(--color-codex-radio-inac= tive); } .border-content-blue\/40 { border-color: var(--color-content-blue); } @supports (color:color-mix(in lab, red, red)) { .border-content-blue\/40 { border-color: color-mix(in oklab, var(--color-= content-blue) 40%, transparent); } } .border-control-thumb-on-accent { border-color: var(--color-control-thumb= -on-accent); } .border-current, .border-current\/20 { border-color: currentcolor; } @supports (color:color-mix(in lab, red, red)) { .border-current\/20 { border-color: color-mix(currentcolor 20%, transpare= nt 80%); } } .border-danger-outline { border-color: var(--color-border-danger-outline)= ; } .border-default { border-color: var(--color-border); } .border-default\! { border-color: var(--color-border) !important; } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-150 { border-color: var(--color-gray-150); } .border-gray-200 { border-color: var(--color-gray-200); } .border-media-background\/5 { border-color: var(--color-media-background)= ; } @supports (color:color-mix(in lab, red, red)) { .border-media-background\/5 { border-color: color-mix(in oklab, var(--col= or-media-background) 5%, transparent); } } .border-media-foreground\/20 { border-color: var(--color-media-foreground= ); } @supports (color:color-mix(in lab, red, red)) { .border-media-foreground\/20 { border-color: color-mix(in oklab, var(--co= lor-media-foreground) 20%, transparent); } } .border-media-foreground\/70 { border-color: var(--color-media-foreground= ); } @supports (color:color-mix(in lab, red, red)) { .border-media-foreground\/70 { border-color: color-mix(in oklab, var(--co= lor-media-foreground) 70%, transparent); } } .border-mode-toggle-selected { border-color: var(--color-border-mode-togg= le-selected); } .border-primary-outline { border-color: var(--color-border-primary-outlin= e); } .border-ring { border-color: var(--color-ring); } .border-strong { border-color: var(--color-border-strong); } .border-subtle { border-color: var(--color-border-subtle); } .border-surface { border-color: var(--color-surface); } .border-surface-elevated-secondary { border-color: var(--color-surface-el= evated-secondary); } .border-surface-secondary { border-color: var(--color-surface-secondary);= } .border-text { border-color: var(--color-text); } .border-text-danger, .border-text-danger\/20 { border-color: var(--color-= text-danger); } @supports (color:color-mix(in lab, red, red)) { .border-text-danger\/20 { border-color: color-mix(in oklab, var(--color-t= ext-danger) 20%, transparent); } } .border-text-danger\/40 { border-color: var(--color-text-danger); } @supports (color:color-mix(in lab, red, red)) { .border-text-danger\/40 { border-color: color-mix(in oklab, var(--color-t= ext-danger) 40%, transparent); } } .border-text-emphasis { border-color: var(--color-text-emphasis); } .border-text-info, .border-text-info\/35 { border-color: var(--color-text= -info); } @supports (color:color-mix(in lab, red, red)) { .border-text-info\/35 { border-color: color-mix(in oklab, var(--color-tex= t-info) 35%, transparent); } } .border-text-info\/40 { border-color: var(--color-text-info); } @supports (color:color-mix(in lab, red, red)) { .border-text-info\/40 { border-color: color-mix(in oklab, var(--color-tex= t-info) 40%, transparent); } } .border-text-info\/45 { border-color: var(--color-text-info); } @supports (color:color-mix(in lab, red, red)) { .border-text-info\/45 { border-color: color-mix(in oklab, var(--color-tex= t-info) 45%, transparent); } } .border-text-secondary\/70 { border-color: var(--color-text-secondary); } @supports (color:color-mix(in lab, red, red)) { .border-text-secondary\/70 { border-color: color-mix(in oklab, var(--colo= r-text-secondary) 70%, transparent); } } .border-text-success-solid\/20 { border-color: var(--color-text-success-s= olid); } @supports (color:color-mix(in lab, red, red)) { .border-text-success-solid\/20 { border-color: color-mix(in oklab, var(--= color-text-success-solid) 20%, transparent); } } .border-text-success\/20 { border-color: var(--color-text-success); } @supports (color:color-mix(in lab, red, red)) { .border-text-success\/20 { border-color: color-mix(in oklab, var(--color-= text-success) 20%, transparent); } } .border-text-tertiary { border-color: var(--color-text-tertiary); } .border-text-warning\/20 { border-color: var(--color-text-warning); } @supports (color:color-mix(in lab, red, red)) { .border-text-warning\/20 { border-color: color-mix(in oklab, var(--color-= text-warning) 20%, transparent); } } .border-text-warning\/30 { border-color: var(--color-text-warning); } @supports (color:color-mix(in lab, red, red)) { .border-text-warning\/30 { border-color: color-mix(in oklab, var(--color-= text-warning) 30%, transparent); } } .border-text-warning\/35 { border-color: var(--color-text-warning); } @supports (color:color-mix(in lab, red, red)) { .border-text-warning\/35 { border-color: color-mix(in oklab, var(--color-= text-warning) 35%, transparent); } } .border-text\/20 { border-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .border-text\/20 { border-color: color-mix(in oklab, var(--color-text) 20= %, transparent); } } .border-text\/40 { border-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .border-text\/40 { border-color: color-mix(in oklab, var(--color-text) 40= %, transparent); } } .border-token-border { border-color: var(--color-token-border); } .border-token-border-default { border-color: var(--color-token-border-def= ault); } .border-token-border-heavy { border-color: var(--color-token-border-heavy= ); } .border-token-border-light { border-color: var(--color-token-border-light= ); } .border-token-charts-blue\/40 { border-color: var(--color-token-charts-bl= ue); } @supports (color:color-mix(in lab, red, red)) { .border-token-charts-blue\/40 { border-color: color-mix(in oklab, var(--c= olor-token-charts-blue) 40%, transparent); } } .border-token-interactive-border-focus { border-color: var(--color-token-= interactive-border-focus); } .border-token-text-primary { border-color: var(--color-token-text-primary= ); } .border-token-text-secondary { border-color: var(--color-token-text-secon= dary); } .border-transparent { border-color: rgba(0, 0, 0, 0); } .border-transparent\! { border-color: rgba(0, 0, 0, 0) !important; } .border-warning-outline { border-color: var(--color-border-warning-outlin= e); } .border-white, .border-white\/80 { border-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .border-white\/80 { border-color: color-mix(in oklab, var(--color-white) = 80%, transparent); } } .border-white\/\[0\.82\] { border-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .border-white\/\[0\.82\] { border-color: color-mix(in oklab, var(--color-= white) 82%, transparent); } } .border-white\/\[0\.84\] { border-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .border-white\/\[0\.84\] { border-color: color-mix(in oklab, var(--color-= white) 84%, transparent); } } .border-white\/\[0\.86\] { border-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .border-white\/\[0\.86\] { border-color: color-mix(in oklab, var(--color-= white) 86%, transparent); } } .border-white\/\[0\.94\] { border-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .border-white\/\[0\.94\] { border-color: color-mix(in oklab, var(--color-= white) 94%, transparent); } } .border-x-transparent { border-inline-color: rgba(0, 0, 0, 0); } .border-e-border { border-inline-end-color: var(--color-border); } .border-e-transparent { border-inline-end-color: rgba(0, 0, 0, 0); } .border-t-blue { border-top-color: var(--color-blue); } .border-t-purple { border-top-color: var(--color-purple); } .border-b-\(--alpha-06\) { border-bottom-color: var(--alpha-06); } .border-b-\[var\(--learning-block-accent\)\] { border-bottom-color: var(-= -learning-block-accent); } .border-b-\[var\(--learning-block-color-primary\)\] { border-bottom-color= : var(--learning-block-color-primary); } .border-b-token-text-primary { border-bottom-color: var(--color-token-tex= t-primary); } .border-b-transparent { border-bottom-color: rgba(0, 0, 0, 0); } .border-l-transparent { border-left-color: rgba(0, 0, 0, 0); } .\!bg-\[\#636363\] { background-color: rgb(99, 99, 99) !important; } .\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_86\%\,var\(--color-tex= t-info\)_14\%\)\] { background-color: var(--color-surface) !important; } @supports (color:color-mix(in lab, red, red)) { .\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_86\%\,var\(--color-tex= t-info\)_14\%\)\] { background-color: color-mix(in srgb,var(--color-surface= ) 86%,var(--color-text-info) 14%) !important; } } .\!bg-\[color-mix\(in_srgb\,var\(--color-surface-secondary\)_88\%\,transp= arent\)\] { background-color: var(--color-surface-secondary) !important; } @supports (color:color-mix(in lab, red, red)) { .\!bg-\[color-mix\(in_srgb\,var\(--color-surface-secondary\)_88\%\,transp= arent\)\] { background-color: color-mix(in srgb,var(--color-surface-seconda= ry) 88%,transparent) !important; } } .\!bg-\[var\(--color-background-tooltip-shortcut\)\] { background-color: = var(--color-background-tooltip-shortcut) !important; } .\!bg-\[var\(--referral-rate-limit-tracking-background\)\] { background-c= olor: var(--referral-rate-limit-tracking-background) !important; } .\!bg-black, .\!bg-black\/45 { background-color: var(--color-black) !impo= rtant; } @supports (color:color-mix(in lab, red, red)) { .\!bg-black\/45 { background-color: color-mix(in oklab, var(--color-black= ) 45%, transparent) !important; } } .\!bg-black\/75 { background-color: var(--color-black) !important; } @supports (color:color-mix(in lab, red, red)) { .\!bg-black\/75 { background-color: color-mix(in oklab, var(--color-black= ) 75%, transparent) !important; } } .\!bg-black\/90 { background-color: var(--color-black) !important; } @supports (color:color-mix(in lab, red, red)) { .\!bg-black\/90 { background-color: color-mix(in oklab, var(--color-black= ) 90%, transparent) !important; } } .\!bg-chart-blue { background-color: var(--color-chart-blue) !important; = } .\!bg-chart-purple\/10 { background-color: var(--color-chart-purple) !imp= ortant; } @supports (color:color-mix(in lab, red, red)) { .\!bg-chart-purple\/10 { background-color: color-mix(in oklab, var(--colo= r-chart-purple) 10%, transparent) !important; } } .\!bg-current\/10 { background-color: currentcolor !important; } @supports (color:color-mix(in lab, red, red)) { .\!bg-current\/10 { background-color: color-mix(currentcolor 10%, transpa= rent 90%) !important; } } .\!bg-media-background\/15 { background-color: var(--color-media-backgrou= nd) !important; } @supports (color:color-mix(in lab, red, red)) { .\!bg-media-background\/15 { background-color: color-mix(in oklab, var(--= color-media-background) 15%, transparent) !important; } } .\!bg-media-background\/45 { background-color: var(--color-media-backgrou= nd) !important; } @supports (color:color-mix(in lab, red, red)) { .\!bg-media-background\/45 { background-color: color-mix(in oklab, var(--= color-media-background) 45%, transparent) !important; } } .\!bg-surface { background-color: var(--color-surface) !important; } .\!bg-surface-elevated-secondary, .\!bg-surface-elevated-secondary\/50 { = background-color: var(--color-surface-elevated-secondary) !important; } @supports (color:color-mix(in lab, red, red)) { .\!bg-surface-elevated-secondary\/50 { background-color: color-mix(in okl= ab, var(--color-surface-elevated-secondary) 50%, transparent) !important; } } .\!bg-surface-secondary\/60 { background-color: var(--color-surface-secon= dary) !important; } @supports (color:color-mix(in lab, red, red)) { .\!bg-surface-secondary\/60 { background-color: color-mix(in oklab, var(-= -color-surface-secondary) 60%, transparent) !important; } } .\!bg-transparent { background-color: rgba(0, 0, 0, 0) !important; } .\!bg-white { background-color: var(--color-white) !important; } .\[background-color\:var\(--color-token-dropdown-background\,var\(--color= -token-main-surface-primary\,white\)\)\] { background-color: var(--color-to= ken-dropdown-background,var(--color-token-main-surface-primary,white)); } .\[background-color\:var\(--oai-wb-accent\)\] { background-color: var(--o= ai-wb-accent); } .\[background-color\:var\(--oai-wb-border\)\] { background-color: var(--o= ai-wb-border); } .\[background-color\:var\(--oai-wb-surface-primary\)\] { background-color= : var(--oai-wb-surface-primary); } .bg-\(--alpha-02\) { background-color: var(--alpha-02); } .bg-\(--bg-elevated-secondary\) { background-color: var(--bg-elevated-sec= ondary); } .bg-\(--bg-primary\) { background-color: var(--bg-primary); } .bg-\(--bg-secondary\) { background-color: var(--bg-secondary); } .bg-\(--bg-tertiary\) { background-color: var(--bg-tertiary); } .bg-\(--checkout-bg-primary\) { background-color: var(--checkout-bg-prima= ry); } .bg-\(--color-background-chatgpt-success-solid\) { background-color: var(= --color-background-chatgpt-success-solid); } .bg-\(--color-background-internal-badge\) { background-color: var(--color= -background-internal-badge); } .bg-\(--color-background-primary-soft\)\/90 { background-color: var(--col= or-background-primary-soft); } @supports (color:color-mix(in lab, red, red)) { .bg-\(--color-background-primary-soft\)\/90 { background-color: color-mix= (in oklab, var(--color-background-primary-soft) 90%, transparent); } } .bg-\(--color-background-primary-soft-alpha\)\/50 { background-color: col= or-mix(in srgb, var(--color-background-primary-soft-alpha) 50%, transparent= ); } @supports (color:color-mix(in lab, red, red)) { .bg-\(--color-background-primary-soft-alpha\)\/50 { background-color: col= or-mix(in oklab, var(--color-background-primary-soft-alpha) 50%, transparen= t); } } .bg-\(--color-background-secondary-soft\)\/40 { background-color: var(--c= olor-background-secondary-soft); } @supports (color:color-mix(in lab, red, red)) { .bg-\(--color-background-secondary-soft\)\/40 { background-color: color-m= ix(in oklab, var(--color-background-secondary-soft) 40%, transparent); } } .bg-\(--color-background-secondary-soft\)\/60 { background-color: var(--c= olor-background-secondary-soft); } @supports (color:color-mix(in lab, red, red)) { .bg-\(--color-background-secondary-soft\)\/60 { background-color: color-m= ix(in oklab, var(--color-background-secondary-soft) 60%, transparent); } } .bg-\(--color-background-secondary-soft\)\/95 { background-color: var(--c= olor-background-secondary-soft); } @supports (color:color-mix(in lab, red, red)) { .bg-\(--color-background-secondary-soft\)\/95 { background-color: color-m= ix(in oklab, var(--color-background-secondary-soft) 95%, transparent); } } .bg-\(--color-background-tooltip\) { background-color: var(--color-backgr= ound-tooltip); } .bg-\(--color-background-tooltip-classic\) { background-color: var(--colo= r-background-tooltip-classic); } .bg-\(--color-dialog-overlay\) { background-color: var(--color-dialog-ove= rlay); } .bg-\(--color-surface\) { background-color: var(--color-surface); } .bg-\(--color-surface-elevated-secondary\) { background-color: var(--colo= r-surface-elevated-secondary); } .bg-\(--color-surface-secondary\) { background-color: var(--color-surface= -secondary); } .bg-\(--composer-mode-color\) { background-color: var(--composer-mode-col= or); } .bg-\(--learning-block-accent\) { background-color: var(--learning-block-= accent); } .bg-\(--learning-block-accent-surface\) { background-color: var(--learnin= g-block-accent-surface); } .bg-\(--learning-block-color-companion\) { background-color: var(--learni= ng-block-color-companion); } .bg-\(--learning-block-color-primary\) { background-color: var(--learning= -block-color-primary); } .bg-\(--learning-block-color-secondary\) { background-color: var(--learni= ng-block-color-secondary); } .bg-\(--main-surface-primary\) { background-color: var(--main-surface-pri= mary); } .bg-\(--main-surface-secondary\) { background-color: var(--main-surface-s= econdary); } .bg-\(--segmented-control-background\) { background-color: var(--segmente= d-control-background); } .bg-\(--text-primary\) { background-color: var(--text-primary); } .bg-\[\#0b57d0\] { background-color: rgb(11, 87, 208); } .bg-\[\#2F7AF8\] { background-color: rgb(47, 122, 248); } .bg-\[\#2d2925\] { background-color: rgb(45, 41, 37); } .bg-\[\#04b84c\] { background-color: rgb(4, 184, 76); } .bg-\[\#7da8ff\]\/0 { background-color: lab(0 0 0 / 0); } .bg-\[\#7da8ff\]\/90 { background-color: lab(68.5306 3.28222 -48.4222 / 0= .9); } .bg-\[\#8db5ff\]\/28 { background-color: lab(72.9669 0.635058 -41.4312 / = 0.28); } .bg-\[\#8f8f8f\]\/40 { background-color: lab(59.4048 0 0 / 0.4); } .bg-\[\#9ebdff\] { background-color: rgb(158, 189, 255); } .bg-\[\#0285FF21\] { background-color: rgba(2, 133, 255, 0.13); } .bg-\[\#0285ff\] { background-color: rgb(2, 133, 255); } .bg-\[\#685fae\]\/85 { background-color: lab(44.0164 18.8931 -41.6561 / 0= .85); } .bg-\[\#924ff7\] { background-color: rgb(146, 79, 247); } .bg-\[\#080808\] { background-color: rgb(8, 8, 8); } .bg-\[\#111111\] { background-color: rgb(17, 17, 17); } .bg-\[\#CFE0FF\] { background-color: rgb(207, 224, 255); } .bg-\[\#E9E9B6\] { background-color: rgb(233, 233, 182); } .bg-\[\#F3DDE9\] { background-color: rgb(243, 221, 233); } .bg-\[\#F3F3F3\] { background-color: rgb(243, 243, 243); } .bg-\[\#F4F4F4\] { background-color: rgb(244, 244, 244); } .bg-\[\#F8F8DE\] { background-color: rgb(248, 248, 222); } .bg-\[\#F9ECF3\] { background-color: rgb(249, 236, 243); } .bg-\[\#FB6A2229\] { background-color: rgba(251, 106, 34, 0.16); } .bg-\[\#FFF8FC\] { background-color: rgb(255, 248, 252); } .bg-\[\#FFFFF0\] { background-color: ivory; } .bg-\[\#b8b98b\] { background-color: rgb(184, 185, 139); } .bg-\[\#dad4ca\] { background-color: rgb(218, 212, 202); } .bg-\[\#dadce0\] { background-color: rgb(218, 220, 224); } .bg-\[\#e7e7e7\] { background-color: rgb(231, 231, 231); } .bg-\[\#ebe8e2\] { background-color: rgb(235, 232, 226); } .bg-\[\#f5f3ee\] { background-color: rgb(245, 243, 238); } .bg-\[\#f5f5f2\] { background-color: rgb(245, 245, 242); } .bg-\[\#f7f5f1\] { background-color: rgb(247, 245, 241); } .bg-\[\#f7f7f7\] { background-color: rgb(247, 247, 247); } .bg-\[\#f7f7f7\]\! { background-color: rgb(247, 247, 247) !important; } .bg-\[\#fa423e\] { background-color: rgb(250, 66, 62); } .bg-\[\#fb6a22\] { background-color: rgb(251, 106, 34); } .bg-\[\#ff66ad\] { background-color: rgb(255, 102, 173); } .bg-\[\#ffc300\] { background-color: rgb(255, 195, 0); } .bg-\[Canvas\] { background-color: canvas; } .bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_4\%\,var\(--go-to-line-bg= \)\)\] { background-color: var(--go-to-line-fg); } @supports (color:color-mix(in lab, red, red)) { .bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_4\%\,var\(--go-to-line-bg= \)\)\] { background-color: color-mix(in lab,var(--go-to-line-fg) 4%,var(--g= o-to-line-bg)); } } .bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_50\%\,var\(--go-to-line-b= g\)\)\] { background-color: var(--go-to-line-fg); } @supports (color:color-mix(in lab, red, red)) { .bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_50\%\,var\(--go-to-line-b= g\)\)\] { background-color: color-mix(in lab,var(--go-to-line-fg) 50%,var(-= -go-to-line-bg)); } } .bg-\[color-mix\(in_srgb\,var\(--color-background-info-solid\)_92\%\,blac= k_8\%\)\] { background-color: var(--color-background-info-solid); } @supports (color:color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,var\(--color-background-info-solid\)_92\%\,blac= k_8\%\)\] { background-color: color-mix(in srgb,var(--color-background-info= -solid) 92%,black 8%); } } .bg-\[color-mix\(in_srgb\,var\(--color-surface\)_82\%\,var\(--color-chart= -blue\)_18\%\)\] { background-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,var\(--color-surface\)_82\%\,var\(--color-chart= -blue\)_18\%\)\] { background-color: color-mix(in srgb,var(--color-surface)= 82%,var(--color-chart-blue) 18%); } } .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-companion\)_14\%\,t= ransparent\)\] { background-color: var(--learning-block-color-companion); } @supports (color:color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-companion\)_14\%\,t= ransparent\)\] { background-color: color-mix(in srgb,var(--learning-block-c= olor-companion) 14%,transparent); } } .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-companion\)_18\%\,t= ransparent\)\] { background-color: var(--learning-block-color-companion); } @supports (color:color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-companion\)_18\%\,t= ransparent\)\] { background-color: color-mix(in srgb,var(--learning-block-c= olor-companion) 18%,transparent); } } .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_14\%\,tra= nsparent\)\] { background-color: var(--learning-block-color-primary); } @supports (color:color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_14\%\,tra= nsparent\)\] { background-color: color-mix(in srgb,var(--learning-block-col= or-primary) 14%,transparent); } } .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_18\%\,tra= nsparent\)\] { background-color: var(--learning-block-color-primary); } @supports (color:color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_18\%\,tra= nsparent\)\] { background-color: color-mix(in srgb,var(--learning-block-col= or-primary) 18%,transparent); } } .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_20\%\,tra= nsparent\)\] { background-color: var(--learning-block-color-primary); } @supports (color:color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_20\%\,tra= nsparent\)\] { background-color: color-mix(in srgb,var(--learning-block-col= or-primary) 20%,transparent); } } .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_22\%\,tra= nsparent\)\] { background-color: var(--learning-block-color-primary); } @supports (color:color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_22\%\,tra= nsparent\)\] { background-color: color-mix(in srgb,var(--learning-block-col= or-primary) 22%,transparent); } } .bg-\[color-mix\(in_srgb\,var\(--profile-usage-level-4\)_14\%\,var\(--pro= file-usage-level-0\)\)\] { background-color: var(--profile-usage-level-4); = } @supports (color:color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,var\(--profile-usage-level-4\)_14\%\,var\(--pro= file-usage-level-0\)\)\] { background-color: color-mix(in srgb,var(--profil= e-usage-level-4) 14%,var(--profile-usage-level-0)); } } .bg-\[color\:var\(--accent-blue\)\]\/\[\.09\] { background-color: var(--a= ccent-blue); } @supports (color:color-mix(in lab, red, red)) { .bg-\[color\:var\(--accent-blue\)\]\/\[\.09\] { background-color: color-m= ix(in oklab, var(--accent-blue) 9%, transparent); } } .bg-\[color\:var\(--learning-block-color-primary\)\] { background-color: = var(--learning-block-color-primary); } .bg-\[light-dark\(var\(--blue-50\)\,var\(--blue-800\)\)\] { background-co= lor: var(--lightningcss-light,var(--blue-50)) var(--lightningcss-dark,var(-= -blue-800)); } .bg-\[light-dark\(var\(--blue-a25\)\,--alpha\(var\(--blue-100\)\/15\%\)\)= \] { background-color: var(--lightningcss-light,var(--blue-a25)) var(--ligh= tningcss-dark,var(--blue-100)); } @supports (color:color-mix(in lab, red, red)) { .bg-\[light-dark\(var\(--blue-a25\)\,--alpha\(var\(--blue-100\)\/15\%\)\)= \] { background-color: var(--lightningcss-light,var(--blue-a25)) var(--ligh= tningcss-dark,color-mix(in oklab, var(--blue-100) 15%, transparent)); } } .bg-\[light-dark\(var\(--green-50\)\,var\(--green-900\)\)\] { background-= color: var(--lightningcss-light,var(--green-50)) var(--lightningcss-dark,va= r(--green-900)); } .bg-\[rgba\(0\,0\,0\,0\.04\)\] { background-color: rgba(0, 0, 0, 0.04); } .bg-\[rgba\(0\,0\,0\,0\.024\)\] { background-color: rgba(0, 0, 0, 0.024);= } .bg-\[var\(--app-color-background-status-success\)\] { background-color: = var(--app-color-background-status-success); } .bg-\[var\(--app-color-icon-error\)\] { background-color: var(--app-color= -icon-error); } .bg-\[var\(--app-color-icon-success\)\] { background-color: var(--app-col= or-icon-success); } .bg-\[var\(--app-shell-panel-background\,var\(--color-surface\)\)\] { bac= kground-color: var(--app-shell-panel-background,var(--color-surface)); } .bg-\[var\(--app-shell-tab-background\)\] { background-color: var(--app-s= hell-tab-background); } .bg-\[var\(--bg-primary\)\] { background-color: var(--bg-primary); } .bg-\[var\(--bg-secondary\)\] { background-color: var(--bg-secondary); } .bg-\[var\(--bg-status-success\)\] { background-color: var(--bg-status-su= ccess); } .bg-\[var\(--border-heavy\)\] { background-color: var(--border-heavy); } .bg-\[var\(--border-light\)\] { background-color: var(--border-light); } .bg-\[var\(--checkout-bg-primary\)\] { background-color: var(--checkout-b= g-primary); } .bg-\[var\(--checkout-bg-primary\,var\(--bg-primary\)\)\] { background-co= lor: var(--checkout-bg-primary,var(--bg-primary)); } .bg-\[var\(--checkout-bg-status-warning\,var\(--bg-status-warning\)\)\] {= background-color: var(--checkout-bg-status-warning,var(--bg-status-warning= )); } .bg-\[var\(--checkout-page-background\)\] { background-color: var(--check= out-page-background); } .bg-\[var\(--checkout-text-primary\,var\(--text-primary\)\)\]\/10 { backg= round-color: var(--checkout-text-primary,var(--text-primary)); } @supports (color:color-mix(in lab, red, red)) { .bg-\[var\(--checkout-text-primary\,var\(--text-primary\)\)\]\/10 { backg= round-color: color-mix(in oklab, var(--checkout-text-primary,var(--text-pri= mary)) 10%, transparent); } } .bg-\[var\(--codex-titlebar-tint\,transparent\)\] { background-color: var= (--codex-titlebar-tint,transparent); } .bg-\[var\(--color-background-success-solid\,\#008635\)\] { background-co= lor: var(--color-background-success-solid,#008635); } .bg-\[var\(--color-border\)\] { background-color: var(--color-border); } .bg-\[var\(--color-chart-red\)\] { background-color: var(--color-chart-re= d); } .bg-\[var\(--color-chart-sequential-4\)\] { background-color: var(--color= -chart-sequential-4); } .bg-\[var\(--color-codex-application-menu-selection\)\] { background-colo= r: var(--color-codex-application-menu-selection); } .bg-\[var\(--color-codex-diff-added\)\] { background-color: var(--color-c= odex-diff-added); } .bg-\[var\(--color-codex-diff-deleted\)\] { background-color: var(--color= -codex-diff-deleted); } .bg-\[var\(--color-surface-tertiary\)\] { background-color: var(--color-s= urface-tertiary); } .bg-\[var\(--constant-background\)\] { background-color: var(--constant-b= ackground); } .bg-\[var\(--conversation-accent\,var\(--color-text-info\)\)\]\/10 { back= ground-color: var(--conversation-accent,var(--color-text-info)); } @supports (color:color-mix(in lab, red, red)) { .bg-\[var\(--conversation-accent\,var\(--color-text-info\)\)\]\/10 { back= ground-color: color-mix(in oklab, var(--conversation-accent,var(--color-tex= t-info)) 10%, transparent); } } .bg-\[var\(--go-to-line-bg\)\] { background-color: var(--go-to-line-bg); = } .bg-\[var\(--green-50\)\] { background-color: var(--green-50); } .bg-\[var\(--learning-block-accent\)\] { background-color: var(--learning= -block-accent); } .bg-\[var\(--learning-block-accent-surface\)\] { background-color: var(--= learning-block-accent-surface); } .bg-\[var\(--learning-block-color-companion\)\] { background-color: var(-= -learning-block-color-companion); } .bg-\[var\(--learning-block-color-primary\)\] { background-color: var(--l= earning-block-color-primary); } .bg-\[var\(--learning-block-color-secondary\)\] { background-color: var(-= -learning-block-color-secondary); } .bg-\[var\(--learning-block-color-third\)\] { background-color: var(--lea= rning-block-color-third); } .bg-\[var\(--learning-block-visualization-surface\,var\(--bg-primary\)\)\= ] { background-color: var(--learning-block-visualization-surface,var(--bg-p= rimary)); } .bg-\[var\(--main-surface-tertiary\,var\(--bg-tertiary\)\)\] { background= -color: var(--main-surface-tertiary,var(--bg-tertiary)); } .bg-\[var\(--profile-usage-level-0\)\] { background-color: var(--profile-= usage-level-0); } .bg-\[var\(--profile-usage-level-1\)\] { background-color: var(--profile-= usage-level-1); } .bg-\[var\(--profile-usage-level-2\)\] { background-color: var(--profile-= usage-level-2); } .bg-\[var\(--profile-usage-level-3\)\] { background-color: var(--profile-= usage-level-3); } .bg-\[var\(--profile-usage-level-4\)\] { background-color: var(--profile-= usage-level-4); } .bg-\[var\(--referral-rate-limit-check-background\)\] { background-color:= var(--referral-rate-limit-check-background); } .bg-\[var\(--referral-rate-limit-input-background\)\] { background-color:= var(--referral-rate-limit-input-background); } .bg-\[var\(--referral-rate-limit-success-background\)\] { background-colo= r: var(--referral-rate-limit-success-background); } .bg-\[var\(--referral-rate-limit-surface\)\] { background-color: var(--re= ferral-rate-limit-surface); } .bg-\[var\(--text-tertiary\)\] { background-color: var(--text-tertiary); = } .bg-\[var\(--theme-blue-background\)\] { background-color: var(--theme-bl= ue-background); } .bg-\[var\(--theme-purple-background\)\] { background-color: var(--theme-= purple-background); } .bg-activity-control { background-color: var(--color-background-activity-= control); } .bg-activity-input { background-color: var(--color-background-activity-in= put); } .bg-amber-100\/90 { background-color: rgba(254, 243, 198, 0.9); } @supports (color:color-mix(in lab, red, red)) { .bg-amber-100\/90 { background-color: color-mix(in oklab, var(--color-amb= er-100) 90%, transparent); } } .bg-amber-100\/95 { background-color: rgba(254, 243, 198, 0.95); } @supports (color:color-mix(in lab, red, red)) { .bg-amber-100\/95 { background-color: color-mix(in oklab, var(--color-amb= er-100) 95%, transparent); } } .bg-artifact-photo-paper { background-color: var(--color-artifact-photo-p= aper); } .bg-artifact-powerpoint-surface { background-color: var(--color-artifact-= powerpoint-surface); } .bg-background-artifact-preview { background-color: var(--color-backgroun= d-artifact-preview); } .bg-background-caution-solid\/15 { background-color: var(--color-backgrou= nd-caution-solid); } @supports (color:color-mix(in lab, red, red)) { .bg-background-caution-solid\/15 { background-color: color-mix(in oklab, = var(--color-background-caution-solid) 15%, transparent); } } .bg-background-composer-action-bar { background-color: var(--color-backgr= ound-composer-action-bar); } .bg-background-danger-solid { background-color: var(--color-background-da= nger-solid); } .bg-background-danger-surface\/20 { background-color: var(--color-backgro= und-danger-surface); } @supports (color:color-mix(in lab, red, red)) { .bg-background-danger-surface\/20 { background-color: color-mix(in oklab,= var(--color-background-danger-surface) 20%, transparent); } } .bg-background-mode-toggle-selected { background-color: var(--color-backg= round-mode-toggle-selected); } .bg-background-mode-toggle-track { background-color: var(--color-backgrou= nd-mode-toggle-track); } .bg-background-primary-ghost-hover\/50 { background-color: color-mix(in o= klab, var(--color-background-primary-ghost-hover) 50%, transparent); } .bg-background-primary-ghost-hover\/60 { background-color: color-mix(in o= klab, var(--color-background-primary-ghost-hover) 60%, transparent); } .bg-background-primary-soft\/70 { background-color: var(--color-backgroun= d-primary-soft); } @supports (color:color-mix(in lab, red, red)) { .bg-background-primary-soft\/70 { background-color: color-mix(in oklab, v= ar(--color-background-primary-soft) 70%, transparent); } } .bg-background-primary-soft\/75 { background-color: var(--color-backgroun= d-primary-soft); } @supports (color:color-mix(in lab, red, red)) { .bg-background-primary-soft\/75 { background-color: color-mix(in oklab, v= ar(--color-background-primary-soft) 75%, transparent); } } .bg-background-primary-soft\/90 { background-color: var(--color-backgroun= d-primary-soft); } @supports (color:color-mix(in lab, red, red)) { .bg-background-primary-soft\/90 { background-color: color-mix(in oklab, v= ar(--color-background-primary-soft) 90%, transparent); } } .bg-background-secondary-soft { background-color: var(--color-background-= secondary-soft); } .bg-background-secondary-soft-alpha { background-color: var(--color-backg= round-secondary-soft-alpha); } .bg-background-secondary-soft-alpha\/20 { background-color: color-mix(in = oklab, var(--color-background-secondary-soft-alpha) 20%, transparent); } .bg-background-segmented-form-selected { background-color: var(--color-ba= ckground-segmented-form-selected); } .bg-background-segmented-form-track { background-color: var(--color-backg= round-segmented-form-track); } .bg-background-success-surface { background-color: var(--color-background= -success-surface); } .bg-background-text-selection { background-color: var(--color-background-= text-selection); } .bg-background-warning-surface\/15 { background-color: var(--color-backgr= ound-warning-surface); } @supports (color:color-mix(in lab, red, red)) { .bg-background-warning-surface\/15 { background-color: color-mix(in oklab= , var(--color-background-warning-surface) 15%, transparent); } } .bg-background-warning-surface\/30 { background-color: var(--color-backgr= ound-warning-surface); } @supports (color:color-mix(in lab, red, red)) { .bg-background-warning-surface\/30 { background-color: color-mix(in oklab= , var(--color-background-warning-surface) 30%, transparent); } } .bg-black { background-color: var(--color-black); } .bg-black\! { background-color: var(--color-black) !important; } .bg-black\/5 { background-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .bg-black\/5 { background-color: color-mix(in oklab, var(--color-black) 5= %, transparent); } } .bg-black\/7 { background-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .bg-black\/7 { background-color: color-mix(in oklab, var(--color-black) 7= %, transparent); } } .bg-black\/10 { background-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .bg-black\/10 { background-color: color-mix(in oklab, var(--color-black) = 10%, transparent); } } .bg-black\/20 { background-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .bg-black\/20 { background-color: color-mix(in oklab, var(--color-black) = 20%, transparent); } } .bg-black\/25 { background-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .bg-black\/25 { background-color: color-mix(in oklab, var(--color-black) = 25%, transparent); } } .bg-black\/35 { background-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .bg-black\/35 { background-color: color-mix(in oklab, var(--color-black) = 35%, transparent); } } .bg-black\/45 { background-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .bg-black\/45 { background-color: color-mix(in oklab, var(--color-black) = 45%, transparent); } } .bg-black\/90 { background-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .bg-black\/90 { background-color: color-mix(in oklab, var(--color-black) = 90%, transparent); } } .bg-black\/\[0\.02\] { background-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .bg-black\/\[0\.02\] { background-color: color-mix(in oklab, var(--color-= black) 2%, transparent); } } .bg-blue { background-color: var(--color-blue); } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-400, .bg-blue-400\/\[\.09\] { background-color: var(--color-blue= -400); } @supports (color:color-mix(in lab, red, red)) { .bg-blue-400\/\[\.09\] { background-color: color-mix(in oklab, var(--colo= r-blue-400) 9%, transparent); } } .bg-blue-500\/10 { background-color: var(--color-blue-500); } @supports (color:color-mix(in lab, red, red)) { .bg-blue-500\/10 { background-color: color-mix(in oklab, var(--color-blue= -500) 10%, transparent); } } .bg-blue\/10 { background-color: var(--color-blue); } @supports (color:color-mix(in lab, red, red)) { .bg-blue\/10 { background-color: color-mix(in oklab, var(--color-blue) 10= %, transparent); } } .bg-border { background-color: var(--color-border); } .bg-border-strong { background-color: var(--color-border-strong); } .bg-border-subtle { background-color: var(--color-border-subtle); } .bg-border\/45 { background-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .bg-border\/45 { background-color: color-mix(in oklab, var(--color-border= ) 45%, transparent); } } .bg-border\/60 { background-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .bg-border\/60 { background-color: color-mix(in oklab, var(--color-border= ) 60%, transparent); } } .bg-border\/70 { background-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .bg-border\/70 { background-color: color-mix(in oklab, var(--color-border= ) 70%, transparent); } } .bg-brand-logo-background { background-color: var(--color-brand-logo-back= ground); } .bg-callout-surface { background-color: var(--color-background-callout-su= rface); } .bg-chart-blue, .bg-chart-blue\/10 { background-color: var(--color-chart-= blue); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-blue\/10 { background-color: color-mix(in oklab, var(--color-ch= art-blue) 10%, transparent); } } .bg-chart-blue\/15 { background-color: var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-blue\/15 { background-color: color-mix(in oklab, var(--color-ch= art-blue) 15%, transparent); } } .bg-chart-blue\/25 { background-color: var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-blue\/25 { background-color: color-mix(in oklab, var(--color-ch= art-blue) 25%, transparent); } } .bg-chart-blue\/70 { background-color: var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-blue\/70 { background-color: color-mix(in oklab, var(--color-ch= art-blue) 70%, transparent); } } .bg-chart-green, .bg-chart-green\/10 { background-color: var(--color-char= t-green); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-green\/10 { background-color: color-mix(in oklab, var(--color-c= hart-green) 10%, transparent); } } .bg-chart-green\/15 { background-color: var(--color-chart-green); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-green\/15 { background-color: color-mix(in oklab, var(--color-c= hart-green) 15%, transparent); } } .bg-chart-green\/20 { background-color: var(--color-chart-green); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-green\/20 { background-color: color-mix(in oklab, var(--color-c= hart-green) 20%, transparent); } } .bg-chart-orange { background-color: var(--color-chart-orange); } .bg-chart-purple, .bg-chart-purple\/10 { background-color: var(--color-ch= art-purple); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-purple\/10 { background-color: color-mix(in oklab, var(--color-= chart-purple) 10%, transparent); } } .bg-chart-red, .bg-chart-red\/5 { background-color: var(--color-chart-red= ); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-red\/5 { background-color: color-mix(in oklab, var(--color-char= t-red) 5%, transparent); } } .bg-chart-red\/10 { background-color: var(--color-chart-red); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-red\/10 { background-color: color-mix(in oklab, var(--color-cha= rt-red) 10%, transparent); } } .bg-chart-red\/15 { background-color: var(--color-chart-red); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-red\/15 { background-color: color-mix(in oklab, var(--color-cha= rt-red) 15%, transparent); } } .bg-chart-red\/70 { background-color: var(--color-chart-red); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-red\/70 { background-color: color-mix(in oklab, var(--color-cha= rt-red) 70%, transparent); } } .bg-chart-yellow, .bg-chart-yellow\/15 { background-color: var(--color-ch= art-yellow); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-yellow\/15 { background-color: color-mix(in oklab, var(--color-= chart-yellow) 15%, transparent); } } .bg-chart-yellow\/20 { background-color: var(--color-chart-yellow); } @supports (color:color-mix(in lab, red, red)) { .bg-chart-yellow\/20 { background-color: color-mix(in oklab, var(--color-= chart-yellow) 20%, transparent); } } .bg-coachmark { background-color: var(--color-background-coachmark); } .bg-codex-application-menu { background-color: var(--color-codex-applicat= ion-menu); } .bg-codex-description { background-color: var(--color-codex-description);= } .bg-codex-drop-overlay\/60 { background-color: var(--color-codex-drop-ove= rlay); } @supports (color:color-mix(in lab, red, red)) { .bg-codex-drop-overlay\/60 { background-color: color-mix(in oklab, var(--= color-codex-drop-overlay) 60%, transparent); } } .bg-codex-drop-overlay\/80 { background-color: var(--color-codex-drop-ove= rlay); } @supports (color:color-mix(in lab, red, red)) { .bg-codex-drop-overlay\/80 { background-color: color-mix(in oklab, var(--= color-codex-drop-overlay) 80%, transparent); } } .bg-codex-drop-prompt { background-color: var(--color-codex-drop-prompt);= } .bg-codex-icon { background-color: var(--color-codex-icon); } .bg-composer-primary { background-color: var(--color-background-composer-= primary); } .bg-content-blue { background-color: var(--color-content-blue); } .bg-content-green { background-color: var(--color-content-green); } .bg-content-purple { background-color: var(--color-content-purple); } .bg-content-red { background-color: var(--color-content-red); } .bg-content-yellow { background-color: var(--color-content-yellow); } .bg-control-thumb-on-accent { background-color: var(--color-control-thumb= -on-accent); } .bg-current, .bg-current\/10 { background-color: currentcolor; } @supports (color:color-mix(in lab, red, red)) { .bg-current\/10 { background-color: color-mix(currentcolor 10%, transpare= nt 90%); } } .bg-current\/15 { background-color: currentcolor; } @supports (color:color-mix(in lab, red, red)) { .bg-current\/15 { background-color: color-mix(currentcolor 15%, transpare= nt 85%); } } .bg-current\/20 { background-color: currentcolor; } @supports (color:color-mix(in lab, red, red)) { .bg-current\/20 { background-color: color-mix(currentcolor 20%, transpare= nt 80%); } } .bg-danger-soft { background-color: var(--color-background-danger-soft); = } .bg-danger-soft-alpha { background-color: var(--color-background-danger-s= oft-alpha); } .bg-danger-solid { background-color: var(--color-background-danger-solid)= ; } .bg-danger-surface { background-color: var(--color-background-danger-surf= ace); } .bg-device-handle { background-color: var(--color-device-handle); } .bg-device-handle-detail { background-color: var(--color-device-handle-de= tail); } .bg-device-stage { background-color: var(--color-device-stage); } .bg-discovery-soft { background-color: var(--color-background-discovery-s= oft); } .bg-execution-output { background-color: var(--color-background-execution= -output); } .bg-execution-traceback { background-color: var(--color-background-execut= ion-traceback); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-green { background-color: var(--color-green); } .bg-green-500, .bg-green-500\/20 { background-color: var(--color-green-50= 0); } @supports (color:color-mix(in lab, red, red)) { .bg-green-500\/20 { background-color: color-mix(in oklab, var(--color-gre= en-500) 20%, transparent); } } .bg-green-500\/30 { background-color: var(--color-green-500); } @supports (color:color-mix(in lab, red, red)) { .bg-green-500\/30 { background-color: color-mix(in oklab, var(--color-gre= en-500) 30%, transparent); } } .bg-green-600 { background-color: var(--color-green-600); } .bg-green\/10 { background-color: var(--color-green); } @supports (color:color-mix(in lab, red, red)) { .bg-green\/10 { background-color: color-mix(in oklab, var(--color-green) = 10%, transparent); } } .bg-info-soft { background-color: var(--color-background-info-soft); } .bg-info-solid { background-color: var(--color-background-info-solid); } .bg-info-surface { background-color: var(--color-background-info-surface)= ; } .bg-inherit { background-color: inherit; } .bg-media-background, .bg-media-background\/5 { background-color: var(--c= olor-media-background); } @supports (color:color-mix(in lab, red, red)) { .bg-media-background\/5 { background-color: color-mix(in oklab, var(--col= or-media-background) 5%, transparent); } } .bg-media-background\/15 { background-color: var(--color-media-background= ); } @supports (color:color-mix(in lab, red, red)) { .bg-media-background\/15 { background-color: color-mix(in oklab, var(--co= lor-media-background) 15%, transparent); } } .bg-media-background\/20 { background-color: var(--color-media-background= ); } @supports (color:color-mix(in lab, red, red)) { .bg-media-background\/20 { background-color: color-mix(in oklab, var(--co= lor-media-background) 20%, transparent); } } .bg-media-background\/45 { background-color: var(--color-media-background= ); } @supports (color:color-mix(in lab, red, red)) { .bg-media-background\/45 { background-color: color-mix(in oklab, var(--co= lor-media-background) 45%, transparent); } } .bg-media-background\/50 { background-color: var(--color-media-background= ); } @supports (color:color-mix(in lab, red, red)) { .bg-media-background\/50 { background-color: color-mix(in oklab, var(--co= lor-media-background) 50%, transparent); } } .bg-media-background\/60 { background-color: var(--color-media-background= ); } @supports (color:color-mix(in lab, red, red)) { .bg-media-background\/60 { background-color: color-mix(in oklab, var(--co= lor-media-background) 60%, transparent); } } .bg-media-control-background { background-color: var(--color-media-contro= l-background); } .bg-media-foreground, .bg-media-foreground\/30 { background-color: var(--= color-media-foreground); } @supports (color:color-mix(in lab, red, red)) { .bg-media-foreground\/30 { background-color: color-mix(in oklab, var(--co= lor-media-foreground) 30%, transparent); } } .bg-media-foreground\/40 { background-color: var(--color-media-foreground= ); } @supports (color:color-mix(in lab, red, red)) { .bg-media-foreground\/40 { background-color: color-mix(in oklab, var(--co= lor-media-foreground) 40%, transparent); } } .bg-media-foreground\/75 { background-color: var(--color-media-foreground= ); } @supports (color:color-mix(in lab, red, red)) { .bg-media-foreground\/75 { background-color: color-mix(in oklab, var(--co= lor-media-foreground) 75%, transparent); } } .bg-media-foreground\/90 { background-color: var(--color-media-foreground= ); } @supports (color:color-mix(in lab, red, red)) { .bg-media-foreground\/90 { background-color: color-mix(in oklab, var(--co= lor-media-foreground) 90%, transparent); } } .bg-media-scrim, .bg-media-scrim\/40 { background-color: var(--color-medi= a-scrim); } @supports (color:color-mix(in lab, red, red)) { .bg-media-scrim\/40 { background-color: color-mix(in oklab, var(--color-m= edia-scrim) 40%, transparent); } } .bg-orange { background-color: var(--color-orange); } .bg-orange-300 { background-color: var(--color-orange-300); } .bg-page-search { background-color: var(--color-background-page-search); = } .bg-primary-ghost-hover { background-color: var(--color-background-primar= y-ghost-hover); } .bg-primary-soft { background-color: var(--color-background-primary-soft)= ; } .bg-primary-soft-active { background-color: var(--color-background-primar= y-soft-active); } .bg-primary-soft-alpha { background-color: var(--color-background-primary= -soft-alpha); } .bg-primary-solid { background-color: var(--color-background-primary-soli= d); } .bg-purple { background-color: var(--color-purple); } .bg-red { background-color: var(--color-red); } .bg-red-500\/10 { background-color: var(--color-red-500); } @supports (color:color-mix(in lab, red, red)) { .bg-red-500\/10 { background-color: color-mix(in oklab, var(--color-red-5= 00) 10%, transparent); } } .bg-secondary-soft { background-color: var(--color-background-secondary-s= oft); } .bg-secondary-soft-alpha { background-color: var(--color-background-secon= dary-soft-alpha); } .bg-segmented-selected { background-color: var(--color-background-segment= ed-selected); } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-950 { background-color: var(--color-slate-950); } .bg-success-soft { background-color: var(--color-background-success-soft)= ; } .bg-success-solid { background-color: var(--color-background-success-soli= d); } .bg-surface { background-color: var(--color-surface); } .bg-surface-canvas { background-color: var(--color-surface-canvas); } .bg-surface-card { background-color: var(--color-surface-card); } .bg-surface-elevated { background-color: var(--color-surface-elevated); } .bg-surface-elevated-secondary, .bg-surface-elevated-secondary\/50 { back= ground-color: var(--color-surface-elevated-secondary); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-elevated-secondary\/50 { background-color: color-mix(in oklab= , var(--color-surface-elevated-secondary) 50%, transparent); } } .bg-surface-elevated-secondary\/80 { background-color: var(--color-surfac= e-elevated-secondary); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-elevated-secondary\/80 { background-color: color-mix(in oklab= , var(--color-surface-elevated-secondary) 80%, transparent); } } .bg-surface-elevated-secondary\/90 { background-color: var(--color-surfac= e-elevated-secondary); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-elevated-secondary\/90 { background-color: color-mix(in oklab= , var(--color-surface-elevated-secondary) 90%, transparent); } } .bg-surface-elevated-secondary\/95 { background-color: var(--color-surfac= e-elevated-secondary); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-elevated-secondary\/95 { background-color: color-mix(in oklab= , var(--color-surface-elevated-secondary) 95%, transparent); } } .bg-surface-elevated\/60 { background-color: var(--color-surface-elevated= ); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-elevated\/60 { background-color: color-mix(in oklab, var(--co= lor-surface-elevated) 60%, transparent); } } .bg-surface-recovery { background-color: var(--color-surface-recovery); } .bg-surface-secondary, .bg-surface-secondary\/15 { background-color: var(= --color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-secondary\/15 { background-color: color-mix(in oklab, var(--c= olor-surface-secondary) 15%, transparent); } } .bg-surface-secondary\/20 { background-color: var(--color-surface-seconda= ry); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-secondary\/20 { background-color: color-mix(in oklab, var(--c= olor-surface-secondary) 20%, transparent); } } .bg-surface-secondary\/40 { background-color: var(--color-surface-seconda= ry); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-secondary\/40 { background-color: color-mix(in oklab, var(--c= olor-surface-secondary) 40%, transparent); } } .bg-surface-secondary\/60 { background-color: var(--color-surface-seconda= ry); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-secondary\/60 { background-color: color-mix(in oklab, var(--c= olor-surface-secondary) 60%, transparent); } } .bg-surface-secondary\/70 { background-color: var(--color-surface-seconda= ry); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-secondary\/70 { background-color: color-mix(in oklab, var(--c= olor-surface-secondary) 70%, transparent); } } .bg-surface-secondary\/85 { background-color: var(--color-surface-seconda= ry); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-secondary\/85 { background-color: color-mix(in oklab, var(--c= olor-surface-secondary) 85%, transparent); } } .bg-surface-secondary\/90 { background-color: var(--color-surface-seconda= ry); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-secondary\/90 { background-color: color-mix(in oklab, var(--c= olor-surface-secondary) 90%, transparent); } } .bg-surface-secondary\/92 { background-color: var(--color-surface-seconda= ry); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-secondary\/92 { background-color: color-mix(in oklab, var(--c= olor-surface-secondary) 92%, transparent); } } .bg-surface-tertiary, .bg-surface-tertiary\/50 { background-color: var(--= color-surface-tertiary); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-tertiary\/50 { background-color: color-mix(in oklab, var(--co= lor-surface-tertiary) 50%, transparent); } } .bg-surface-tertiary\/55 { background-color: var(--color-surface-tertiary= ); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-tertiary\/55 { background-color: color-mix(in oklab, var(--co= lor-surface-tertiary) 55%, transparent); } } .bg-surface-tertiary\/70 { background-color: var(--color-surface-tertiary= ); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-tertiary\/70 { background-color: color-mix(in oklab, var(--co= lor-surface-tertiary) 70%, transparent); } } .bg-surface-tertiary\/95 { background-color: var(--color-surface-tertiary= ); } @supports (color:color-mix(in lab, red, red)) { .bg-surface-tertiary\/95 { background-color: color-mix(in oklab, var(--co= lor-surface-tertiary) 95%, transparent); } } .bg-surface\/20 { background-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .bg-surface\/20 { background-color: color-mix(in oklab, var(--color-surfa= ce) 20%, transparent); } } .bg-surface\/40 { background-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .bg-surface\/40 { background-color: color-mix(in oklab, var(--color-surfa= ce) 40%, transparent); } } .bg-surface\/50 { background-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .bg-surface\/50 { background-color: color-mix(in oklab, var(--color-surfa= ce) 50%, transparent); } } .bg-surface\/60 { background-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .bg-surface\/60 { background-color: color-mix(in oklab, var(--color-surfa= ce) 60%, transparent); } } .bg-surface\/70 { background-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .bg-surface\/70 { background-color: color-mix(in oklab, var(--color-surfa= ce) 70%, transparent); } } .bg-surface\/80 { background-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .bg-surface\/80 { background-color: color-mix(in oklab, var(--color-surfa= ce) 80%, transparent); } } .bg-surface\/90 { background-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .bg-surface\/90 { background-color: color-mix(in oklab, var(--color-surfa= ce) 90%, transparent); } } .bg-surface\/95 { background-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .bg-surface\/95 { background-color: color-mix(in oklab, var(--color-surfa= ce) 95%, transparent); } } .bg-text { background-color: var(--color-text); } .bg-text-danger, .bg-text-danger\/4 { background-color: var(--color-text-= danger); } @supports (color:color-mix(in lab, red, red)) { .bg-text-danger\/4 { background-color: color-mix(in oklab, var(--color-te= xt-danger) 4%, transparent); } } .bg-text-danger\/10 { background-color: var(--color-text-danger); } @supports (color:color-mix(in lab, red, red)) { .bg-text-danger\/10 { background-color: color-mix(in oklab, var(--color-t= ext-danger) 10%, transparent); } } .bg-text-danger\/15 { background-color: var(--color-text-danger); } @supports (color:color-mix(in lab, red, red)) { .bg-text-danger\/15 { background-color: color-mix(in oklab, var(--color-t= ext-danger) 15%, transparent); } } .bg-text-emphasis, .bg-text-emphasis\/25 { background-color: var(--color-= text-emphasis); } @supports (color:color-mix(in lab, red, red)) { .bg-text-emphasis\/25 { background-color: color-mix(in oklab, var(--color= -text-emphasis) 25%, transparent); } } .bg-text-info, .bg-text-info\/10 { background-color: var(--color-text-inf= o); } @supports (color:color-mix(in lab, red, red)) { .bg-text-info\/10 { background-color: color-mix(in oklab, var(--color-tex= t-info) 10%, transparent); } } .bg-text-info\/15 { background-color: var(--color-text-info); } @supports (color:color-mix(in lab, red, red)) { .bg-text-info\/15 { background-color: color-mix(in oklab, var(--color-tex= t-info) 15%, transparent); } } .bg-text-info\/20 { background-color: var(--color-text-info); } @supports (color:color-mix(in lab, red, red)) { .bg-text-info\/20 { background-color: color-mix(in oklab, var(--color-tex= t-info) 20%, transparent); } } .bg-text-secondary { background-color: var(--color-text-secondary); } .bg-text-tertiary, .bg-text-tertiary\/15 { background-color: var(--color-= text-tertiary); } @supports (color:color-mix(in lab, red, red)) { .bg-text-tertiary\/15 { background-color: color-mix(in oklab, var(--color= -text-tertiary) 15%, transparent); } } .bg-text-tertiary\/30 { background-color: var(--color-text-tertiary); } @supports (color:color-mix(in lab, red, red)) { .bg-text-tertiary\/30 { background-color: color-mix(in oklab, var(--color= -text-tertiary) 30%, transparent); } } .bg-text-tertiary\/55 { background-color: var(--color-text-tertiary); } @supports (color:color-mix(in lab, red, red)) { .bg-text-tertiary\/55 { background-color: color-mix(in oklab, var(--color= -text-tertiary) 55%, transparent); } } .bg-text-tertiary\/80 { background-color: var(--color-text-tertiary); } @supports (color:color-mix(in lab, red, red)) { .bg-text-tertiary\/80 { background-color: color-mix(in oklab, var(--color= -text-tertiary) 80%, transparent); } } .bg-text-warning, .bg-text-warning\/15 { background-color: var(--color-te= xt-warning); } @supports (color:color-mix(in lab, red, red)) { .bg-text-warning\/15 { background-color: color-mix(in oklab, var(--color-= text-warning) 15%, transparent); } } .bg-text\/3 { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .bg-text\/3 { background-color: color-mix(in oklab, var(--color-text) 3%,= transparent); } } .bg-text\/5 { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .bg-text\/5 { background-color: color-mix(in oklab, var(--color-text) 5%,= transparent); } } .bg-text\/10 { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .bg-text\/10 { background-color: color-mix(in oklab, var(--color-text) 10= %, transparent); } } .bg-text\/15 { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .bg-text\/15 { background-color: color-mix(in oklab, var(--color-text) 15= %, transparent); } } .bg-text\/20 { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .bg-text\/20 { background-color: color-mix(in oklab, var(--color-text) 20= %, transparent); } } .bg-text\/25 { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .bg-text\/25 { background-color: color-mix(in oklab, var(--color-text) 25= %, transparent); } } .bg-text\/30 { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .bg-text\/30 { background-color: color-mix(in oklab, var(--color-text) 30= %, transparent); } } .bg-text\/70 { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .bg-text\/70 { background-color: color-mix(in oklab, var(--color-text) 70= %, transparent); } } .bg-text\/\[0\.03\] { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .bg-text\/\[0\.03\] { background-color: color-mix(in oklab, var(--color-t= ext) 3%, transparent); } } .bg-text\/\[0\.06\] { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .bg-text\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-t= ext) 6%, transparent); } } .bg-text\/\[0\.025\] { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .bg-text\/\[0\.025\] { background-color: color-mix(in oklab, var(--color-= text) 2.5%, transparent); } } .bg-text\/\[0\.035\] { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .bg-text\/\[0\.035\] { background-color: color-mix(in oklab, var(--color-= text) 3.5%, transparent); } } .bg-tip-soft { background-color: var(--color-background-tip-soft); } .bg-token-bg-primary { background-color: var(--color-token-bg-primary); } .bg-token-bg-primary\! { background-color: var(--color-token-bg-primary) = !important; } .bg-token-bg-primary\/35 { background-color: var(--color-token-bg-primary= ); } @supports (color:color-mix(in lab, red, red)) { .bg-token-bg-primary\/35 { background-color: color-mix(in oklab, var(--co= lor-token-bg-primary) 35%, transparent); } } .bg-token-bg-primary\/95 { background-color: var(--color-token-bg-primary= ); } @supports (color:color-mix(in lab, red, red)) { .bg-token-bg-primary\/95 { background-color: color-mix(in oklab, var(--co= lor-token-bg-primary) 95%, transparent); } } .bg-token-bg-secondary { background-color: var(--color-token-bg-secondary= ); } .bg-token-bg-secondary\/55 { background-color: color-mix(in srgb, color-m= ix(in srgb, var(--color-token-bg-primary) 92%, transparent) 55%, transparen= t); } @supports (color:color-mix(in lab, red, red)) { .bg-token-bg-secondary\/55 { background-color: color-mix(in oklab, var(--= color-token-bg-secondary) 55%, transparent); } } .bg-token-bg-tertiary { background-color: var(--color-token-bg-tertiary);= } .bg-token-border-default { background-color: var(--color-token-border-def= ault); } .bg-token-border-heavy { background-color: var(--color-token-border-heavy= ); } .bg-token-border-light { background-color: var(--color-token-border-light= ); } .bg-token-dropdown-background { background-color: var(--color-token-dropd= own-background); } .bg-token-main-surface-primary, .bg-token-main-surface-primary\/90 { back= ground-color: var(--color-token-main-surface-primary); } @supports (color:color-mix(in lab, red, red)) { .bg-token-main-surface-primary\/90 { background-color: color-mix(in oklab= , var(--color-token-main-surface-primary) 90%, transparent); } } .bg-token-text-code-block-background { background-color: var(--color-toke= n-text-code-block-background); } .bg-token-text-primary, .bg-token-text-primary\/10 { background-color: va= r(--color-token-text-primary); } @supports (color:color-mix(in lab, red, red)) { .bg-token-text-primary\/10 { background-color: color-mix(in oklab, var(--= color-token-text-primary) 10%, transparent); } } .bg-token-text-secondary { background-color: var(--color-token-text-secon= dary); } .bg-token-text-tertiary { background-color: var(--color-token-text-tertia= ry); } .bg-token-text-tertiary\/40 { background-color: color-mix(in srgb, var(--= color-token-text-tertiary) 40%, transparent); } @supports (color:color-mix(in lab, red, red)) { .bg-token-text-tertiary\/40 { background-color: color-mix(in oklab, var(-= -color-token-text-tertiary) 40%, transparent); } } .bg-token-text-tertiary\/60 { background-color: color-mix(in srgb, var(--= color-token-text-tertiary) 60%, transparent); } @supports (color:color-mix(in lab, red, red)) { .bg-token-text-tertiary\/60 { background-color: color-mix(in oklab, var(-= -color-token-text-tertiary) 60%, transparent); } } .bg-transparent { background-color: rgba(0, 0, 0, 0); } .bg-transparent\! { background-color: rgba(0, 0, 0, 0) !important; } .bg-user-message { background-color: var(--color-background-user-message)= ; } .bg-warning-soft { background-color: var(--color-background-warning-soft)= ; } .bg-warning-soft-alpha { background-color: var(--color-background-warning= -soft-alpha); } .bg-warning-solid { background-color: var(--color-background-warning-soli= d); } .bg-warning-surface { background-color: var(--color-background-warning-su= rface); } .bg-white { background-color: var(--color-white); } .bg-white\! { background-color: var(--color-white) !important; } .bg-white\/10 { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/10 { background-color: color-mix(in oklab, var(--color-white) = 10%, transparent); } } .bg-white\/20 { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/20 { background-color: color-mix(in oklab, var(--color-white) = 20%, transparent); } } .bg-white\/35 { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/35 { background-color: color-mix(in oklab, var(--color-white) = 35%, transparent); } } .bg-white\/60 { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/60 { background-color: color-mix(in oklab, var(--color-white) = 60%, transparent); } } .bg-white\/70 { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/70 { background-color: color-mix(in oklab, var(--color-white) = 70%, transparent); } } .bg-white\/75 { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/75 { background-color: color-mix(in oklab, var(--color-white) = 75%, transparent); } } .bg-white\/90 { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/90 { background-color: color-mix(in oklab, var(--color-white) = 90%, transparent); } } .bg-white\/\[0\.5\] { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/\[0\.5\] { background-color: color-mix(in oklab, var(--color-w= hite) 50%, transparent); } } .bg-white\/\[0\.46\] { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/\[0\.46\] { background-color: color-mix(in oklab, var(--color-= white) 46%, transparent); } } .bg-yellow, .bg-yellow\/10 { background-color: var(--color-yellow); } @supports (color:color-mix(in lab, red, red)) { .bg-yellow\/10 { background-color: color-mix(in oklab, var(--color-yellow= ) 10%, transparent); } } .bg-yellow\/15 { background-color: var(--color-yellow); } @supports (color:color-mix(in lab, red, red)) { .bg-yellow\/15 { background-color: color-mix(in oklab, var(--color-yellow= ) 15%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; } @supports (background-image:linear-gradient(in lab, red, red)) { .bg-linear-to-b { --tw-gradient-position: to bottom in oklab; } } .bg-linear-to-b { background-image: linear-gradient(var(--tw-gradient-sto= ps)); } .bg-linear-to-br { --tw-gradient-position: to bottom right; } @supports (background-image:linear-gradient(in lab, red, red)) { .bg-linear-to-br { --tw-gradient-position: to bottom right in oklab; } } .bg-linear-to-br { background-image: linear-gradient(var(--tw-gradient-st= ops)); } .bg-linear-to-r { --tw-gradient-position: to right; } @supports (background-image:linear-gradient(in lab, red, red)) { .bg-linear-to-r { --tw-gradient-position: to right in oklab; } } .bg-linear-to-r { background-image: linear-gradient(var(--tw-gradient-sto= ps)); } .bg-linear-to-t { --tw-gradient-position: to top; } @supports (background-image:linear-gradient(in lab, red, red)) { .bg-linear-to-t { --tw-gradient-position: to top in oklab; } } .bg-linear-to-t { background-image: linear-gradient(var(--tw-gradient-sto= ps)); } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; backgroun= d-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; ba= ckground-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background= -image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-i= mage: linear-gradient(var(--tw-gradient-stops)); } .bg-\[conic-gradient\(from_210deg\,\#ff375f_0deg\,\#ff9f0a_48deg\,\#ffd60= a_92deg\,\#30d158_142deg\,\#64d2ff_202deg\,\#0a84ff_242deg\,\#5e5ce6_282deg= \,\#bf5af2_324deg\,\#ff375f_360deg\)\] { background-image: conic-gradient(f= rom 210deg, rgb(255, 55, 95) 0deg, rgb(255, 159, 10) 48deg, rgb(255, 214, 1= 0) 92deg, rgb(48, 209, 88) 142deg, rgb(100, 210, 255) 202deg, rgb(10, 132, = 255) 242deg, rgb(94, 92, 230) 282deg, rgb(191, 90, 242) 324deg, rgb(255, 55= , 95) 360deg); } .bg-\[linear-gradient\(112deg\,transparent_30\%\,rgba\(255\,255\,255\,0\.= 38\)_49\%\,transparent_68\%\)\] { background-image: linear-gradient(112deg,= rgba(0, 0, 0, 0) 30%, rgba(255, 255, 255, 0.38) 49%, rgba(0, 0, 0, 0) 68%)= ; } .bg-\[linear-gradient\(135deg\,\#DFF6FF_0\%\,\#BEE6FF_100\%\)\] { backgro= und-image: linear-gradient(135deg, rgb(223, 246, 255) 0%, rgb(190, 230, 255= ) 100%); } .bg-\[linear-gradient\(135deg\,\#E7FFF2_0\%\,\#C9F3D9_100\%\)\] { backgro= und-image: linear-gradient(135deg, rgb(231, 255, 242) 0%, rgb(201, 243, 217= ) 100%); } .bg-\[linear-gradient\(135deg\,\#EAFBFF_0\%\,\#C3EDF6_100\%\)\] { backgro= und-image: linear-gradient(135deg, rgb(234, 251, 255) 0%, rgb(195, 237, 246= ) 100%); } .bg-\[linear-gradient\(135deg\,\#EBFFF6_0\%\,\#BEEBD7_100\%\)\] { backgro= und-image: linear-gradient(135deg, rgb(235, 255, 246) 0%, rgb(190, 235, 215= ) 100%); } .bg-\[linear-gradient\(135deg\,\#F1FFE6_0\%\,\#D5F2B6_100\%\)\] { backgro= und-image: linear-gradient(135deg, rgb(241, 255, 230) 0%, rgb(213, 242, 182= ) 100%); } .bg-\[linear-gradient\(135deg\,\#F2EDFF_0\%\,\#D7CAFF_100\%\)\] { backgro= und-image: linear-gradient(135deg, rgb(242, 237, 255) 0%, rgb(215, 202, 255= ) 100%); } .bg-\[linear-gradient\(135deg\,\#F9F0FF_0\%\,\#FFD9EF_100\%\)\] { backgro= und-image: linear-gradient(135deg, rgb(249, 240, 255) 0%, rgb(255, 217, 239= ) 100%); } .bg-\[linear-gradient\(135deg\,\#FFF0E6_0\%\,\#FFD3B8_100\%\)\] { backgro= und-image: linear-gradient(135deg, rgb(255, 240, 230) 0%, rgb(255, 211, 184= ) 100%); } .bg-\[linear-gradient\(135deg\,\#FFF0FA_0\%\,\#EFD1FF_100\%\)\] { backgro= und-image: linear-gradient(135deg, rgb(255, 240, 250) 0%, rgb(239, 209, 255= ) 100%); } .bg-\[linear-gradient\(135deg\,\#FFF3F7_0\%\,\#F6DDE8_100\%\)\] { backgro= und-image: linear-gradient(135deg, rgb(255, 243, 247) 0%, rgb(246, 221, 232= ) 100%); } .bg-\[linear-gradient\(135deg\,\#FFF6DE_0\%\,\#F9DFB4_100\%\)\] { backgro= und-image: linear-gradient(135deg, rgb(255, 246, 222) 0%, rgb(249, 223, 180= ) 100%); } .bg-\[linear-gradient\(135deg\,\#e9eef8\,\#fff4e0\)\] { background-image:= linear-gradient(135deg, rgb(233, 238, 248), rgb(255, 244, 224)); } .bg-\[linear-gradient\(180deg\,\#FBFDFF_0\%\,\#D9E8FF_100\%\)\] { backgro= und-image: linear-gradient(rgb(251, 253, 255) 0%, rgb(217, 232, 255) 100%);= } .bg-\[linear-gradient\(180deg\,\#f9fafb_0\%\,\#eef2ff_100\%\)\] { backgro= und-image: linear-gradient(rgb(249, 250, 251) 0%, rgb(238, 242, 255) 100%);= } .bg-\[linear-gradient\(180deg\,_\#FFFFFF_0\%\,_\#EEF6FF_100\%\)\] { backg= round-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 246, 255) 100%= ); } .bg-\[linear-gradient\(206\.72deg\,_\#E8F4FF_2\.34\%\,_\#FFFFFF_92\.37\%\= )\] { background-image: linear-gradient(206.72deg, rgb(232, 244, 255) 2.34%= , rgb(255, 255, 255) 92.37%); } .bg-\[linear-gradient\(206\.72deg\,_\#EEEFFF_2\.34\%\,_\#FFFFFF_92\.37\%\= )\] { background-image: linear-gradient(206.72deg, rgb(238, 239, 255) 2.34%= , rgb(255, 255, 255) 92.37%); } .bg-\[linear-gradient\(var\(--color-border-subtle\)_1px\,transparent_1px\= )\,linear-gradient\(90deg\,var\(--color-border-subtle\)_1px\,transparent_1p= x\)\] { background-image: linear-gradient(var(--color-border-subtle) 1px,tr= ansparent 1px),linear-gradient(90deg,var(--color-border-subtle) 1px,transpa= rent 1px); } .bg-\[radial-gradient\(circle_at_20\%_20\%\,\#f7d98b_0\%\,\#4c91e8_48\%\,= \#173568_100\%\)\] { background-image: radial-gradient(circle at 20% 20%, r= gb(247, 217, 139) 0%, rgb(76, 145, 232) 48%, rgb(23, 53, 104) 100%); } .bg-\[radial-gradient\(circle_at_28\%_18\%\,\#ffd7b2_0\%\,\#df7590_35\%\,= \#492f72_75\%\,\#181a37_100\%\)\] { background-image: radial-gradient(circl= e at 28% 18%, rgb(255, 215, 178) 0%, rgb(223, 117, 144) 35%, rgb(73, 47, 11= 4) 75%, rgb(24, 26, 55) 100%); } .bg-\[radial-gradient\(circle_at_45\%_35\%\,\#9ce0ff_0\%\,\#32aade_42\%\,= \#0079b8_100\%\)\] { background-image: radial-gradient(circle at 45% 35%, r= gb(156, 224, 255) 0%, rgb(50, 170, 222) 42%, rgb(0, 121, 184) 100%); } .bg-\[radial-gradient\(circle_at_65\%_24\%\,\#8893a0_0\%\,\#394251_38\%\,= \#11151c_100\%\)\] { background-image: radial-gradient(circle at 65% 24%, r= gb(136, 147, 160) 0%, rgb(57, 66, 81) 38%, rgb(17, 21, 28) 100%); } .bg-\[radial-gradient\(circle_at_72\%_15\%\,\#abcce6_0\%\,\#62a0f5_24\%\,= \#245ab7_62\%\,\#172f69_100\%\)\] { background-image: radial-gradient(circl= e at 72% 15%, rgb(171, 204, 230) 0%, rgb(98, 160, 245) 24%, rgb(36, 90, 183= ) 62%, rgb(23, 47, 105) 100%); } .bg-\[radial-gradient\(ellipse_at_center\,rgba\(166\,242\,255\,0\.58\)_0\= %\,rgba\(78\,143\,255\,0\.46\)_46\%\,transparent_74\%\)\] { background-imag= e: radial-gradient(rgba(166, 242, 255, 0.58) 0%, rgba(78, 143, 255, 0.46) 4= 6%, rgba(0, 0, 0, 0) 74%); } .bg-\[radial-gradient\(ellipse_at_center\,rgba\(190\,235\,181\,0\.54\)_0\= %\,rgba\(255\,205\,132\,0\.44\)_46\%\,transparent_74\%\)\] { background-ima= ge: radial-gradient(rgba(190, 235, 181, 0.54) 0%, rgba(255, 205, 132, 0.44)= 46%, rgba(0, 0, 0, 0) 74%); } .bg-\[radial-gradient\(ellipse_at_center\,rgba\(195\,208\,255\,0\.58\)_0\= %\,rgba\(225\,203\,245\,0\.38\)_36\%\,rgba\(255\,216\,200\,0\.35\)_64\%\,tr= ansparent_88\%\)\] { background-image: radial-gradient(rgba(195, 208, 255, = 0.58) 0%, rgba(225, 203, 245, 0.38) 36%, rgba(255, 216, 200, 0.35) 64%, rgb= a(0, 0, 0, 0) 88%); } .bg-\[radial-gradient\(ellipse_at_center\,rgba\(210\,222\,255\,0\.62\)_0\= %\,rgba\(255\,222\,214\,0\.46\)_42\%\,transparent_74\%\)\] { background-ima= ge: radial-gradient(rgba(210, 222, 255, 0.62) 0%, rgba(255, 222, 214, 0.46)= 42%, rgba(0, 0, 0, 0) 74%); } .bg-\[radial-gradient\(ellipse_at_center\,rgba\(255\,229\,141\,0\.54\)_0\= %\,rgba\(255\,178\,107\,0\.4\)_46\%\,transparent_74\%\)\] { background-imag= e: radial-gradient(rgba(255, 229, 141, 0.54) 0%, rgba(255, 178, 107, 0.4) 4= 6%, rgba(0, 0, 0, 0) 74%); } .bg-none { background-image: none; } .from-\(--color-surface-secondary\) { --tw-gradient-from: var(--color-sur= face-secondary); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-= gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position= ), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#e8f4ff\]\/60 { --tw-gradient-from: #e8f4ff99; --tw-gradient-sto= ps: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradi= ent-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-= gradient-to-position)); } @supports (color:lab(0% 0 0)) { .from-\[\#e8f4ff\]\/60 { --tw-gradient-from: lab(95.5261% -2.55206 -6.743= 87/.6); } } .from-background-primary-soft { --tw-gradient-from: var(--color-backgroun= d-primary-soft); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-= gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position= ), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/80 { --tw-gradient-from: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .from-black\/80 { --tw-gradient-from: color-mix(in oklab, var(--color-bla= ck) 80%, transparent); } } .from-black\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--= tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-posit= ion), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-chart-yellow\/45 { --tw-gradient-from: var(--color-chart-yellow); } @supports (color:color-mix(in lab, red, red)) { .from-chart-yellow\/45 { --tw-gradient-from: color-mix(in oklab, var(--co= lor-chart-yellow) 45%, transparent); } } .from-chart-yellow\/45 { --tw-gradient-stops: var(--tw-gradient-via-stops= ,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-fro= m-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-media-background\/20 { --tw-gradient-from: var(--color-media-backgr= ound); } @supports (color:color-mix(in lab, red, red)) { .from-media-background\/20 { --tw-gradient-from: color-mix(in oklab, var(= --color-media-background) 20%, transparent); } } .from-media-background\/20 { --tw-gradient-stops: var(--tw-gradient-via-s= tops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient= -from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-media-background\/80 { --tw-gradient-from: var(--color-media-backgr= ound); } @supports (color:color-mix(in lab, red, red)) { .from-media-background\/80 { --tw-gradient-from: color-mix(in oklab, var(= --color-media-background) 80%, transparent); } } .from-media-background\/80 { --tw-gradient-stops: var(--tw-gradient-via-s= tops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient= -from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-media-scrim\/70 { --tw-gradient-from: var(--color-media-scrim); } @supports (color:color-mix(in lab, red, red)) { .from-media-scrim\/70 { --tw-gradient-from: color-mix(in oklab, var(--col= or-media-scrim) 70%, transparent); } } .from-media-scrim\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops,= var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from= -position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple\/30 { --tw-gradient-from: var(--color-purple); } @supports (color:color-mix(in lab, red, red)) { .from-purple\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-pu= rple) 30%, transparent); } } .from-purple\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(-= -tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-posi= tion), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-surface { --tw-gradient-from: var(--color-surface); --tw-gradient-s= tops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gra= dient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--t= w-gradient-to-position)); } .from-surface-elevated-secondary { --tw-gradient-from: var(--color-surfac= e-elevated-secondary); --tw-gradient-stops: var(--tw-gradient-via-stops,var= (--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-po= sition), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-token-bg-primary { --tw-gradient-from: var(--color-token-bg-primary= ); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-posit= ion), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gr= adient-to) var(--tw-gradient-to-position)); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops:= var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient= -from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gra= dient-to-position)); } .from-white\/\[0\.38\] { --tw-gradient-from: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .from-white\/\[0\.38\] { --tw-gradient-from: color-mix(in oklab, var(--co= lor-white) 38%, transparent); } } .from-white\/\[0\.38\] { --tw-gradient-stops: var(--tw-gradient-via-stops= ,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-fro= m-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-25\% { --tw-gradient-from-position: 25%; } .from-50\% { --tw-gradient-from-position: 50%; } .via-\(--color-surface\) { --tw-gradient-via: var(--color-surface); --tw-= gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) va= r(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-vi= a-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gra= dient-stops: var(--tw-gradient-via-stops); } .via-black\/50 { --tw-gradient-via: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .via-black\/50 { --tw-gradient-via: color-mix(in oklab, var(--color-black= ) 50%, transparent); } } .via-black\/50 { --tw-gradient-via-stops: var(--tw-gradient-position), va= r(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-v= ia) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradien= t-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-chart-blue\/20 { --tw-gradient-via: var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .via-chart-blue\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-= chart-blue) 20%, transparent); } } .via-chart-blue\/20 { --tw-gradient-via-stops: var(--tw-gradient-position= ), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradi= ent-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gr= adient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-media-background\/10 { --tw-gradient-via: var(--color-media-backgrou= nd); } @supports (color:color-mix(in lab, red, red)) { .via-media-background\/10 { --tw-gradient-via: color-mix(in oklab, var(--= color-media-background) 10%, transparent); } } .via-media-background\/10 { --tw-gradient-via-stops: var(--tw-gradient-po= sition), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw= -gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(-= -tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops= ); } .via-media-background\/30 { --tw-gradient-via: var(--color-media-backgrou= nd); } @supports (color:color-mix(in lab, red, red)) { .via-media-background\/30 { --tw-gradient-via: color-mix(in oklab, var(--= color-media-background) 30%, transparent); } } .via-media-background\/30 { --tw-gradient-via-stops: var(--tw-gradient-po= sition), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw= -gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(-= -tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops= ); } .via-surface { --tw-gradient-via: var(--color-surface); --tw-gradient-via= -stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradi= ent-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position),= var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:= var(--tw-gradient-via-stops); } .via-surface-elevated-secondary\/80 { --tw-gradient-via: var(--color-surf= ace-elevated-secondary); } @supports (color:color-mix(in lab, red, red)) { .via-surface-elevated-secondary\/80 { --tw-gradient-via: color-mix(in okl= ab, var(--color-surface-elevated-secondary) 80%, transparent); } } .via-surface-elevated-secondary\/80 { --tw-gradient-via-stops: var(--tw-g= radient-position), var(--tw-gradient-from) var(--tw-gradient-from-position)= , var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient= -to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient= -via-stops); } .via-surface\/50 { --tw-gradient-via: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .via-surface\/50 { --tw-gradient-via: color-mix(in oklab, var(--color-sur= face) 50%, transparent); } } .via-surface\/50 { --tw-gradient-via-stops: var(--tw-gradient-position), = var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient= -via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradi= ent-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-surface\/70 { --tw-gradient-via: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .via-surface\/70 { --tw-gradient-via: color-mix(in oklab, var(--color-sur= face) 70%, transparent); } } .via-surface\/70 { --tw-gradient-via-stops: var(--tw-gradient-position), = var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient= -via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradi= ent-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-text\/25 { --tw-gradient-via: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .via-text\/25 { --tw-gradient-via: color-mix(in oklab, var(--color-text) = 25%, transparent); } } .via-text\/25 { --tw-gradient-via-stops: var(--tw-gradient-position), var= (--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-vi= a) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient= -to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stop= s: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-f= rom-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(= --tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(= --tw-gradient-via-stops); } .via-white\/\[0\.1\] { --tw-gradient-via: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .via-white\/\[0\.1\] { --tw-gradient-via: color-mix(in oklab, var(--color= -white) 10%, transparent); } } .via-white\/\[0\.1\] { --tw-gradient-via-stops: var(--tw-gradient-positio= n), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-grad= ient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-g= radient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-25\% { --tw-gradient-via-position: 25%; } .via-75\% { --tw-gradient-via-position: 75%; } .via-\[calc\(100\%-var\(--spacing\)\*8\)\] { --tw-gradient-via-position: = calc(100% - var(--spacing) * 8); } .to-\(--color-surface-secondary\) { --tw-gradient-to: var(--color-surface= -secondary); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-grad= ient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), v= ar(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#a3d3ff\]\/60 { --tw-gradient-to: #a3d3ff99; --tw-gradient-stops: = var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-= from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-grad= ient-to-position)); } @supports (color:lab(0% 0 0)) { .to-\[\#a3d3ff\]\/60 { --tw-gradient-to: lab(82.3299% -8.25805 -26.9571/.= 6); } } .to-\[var\(--app-shell-tab-background\)\] { --tw-gradient-to: var(--app-s= hell-tab-background); --tw-gradient-stops: var(--tw-gradient-via-stops,var(= --tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-pos= ition), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-black\/0 { --tw-gradient-to: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .to-black\/0 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 0= %, transparent); } } .to-black\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-= gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position= ), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-black\/30 { --tw-gradient-to: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .to-black\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-black) = 30%, transparent); } } .to-black\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw= -gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-positio= n), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-chart-purple\/35 { --tw-gradient-to: var(--color-chart-purple); } @supports (color:color-mix(in lab, red, red)) { .to-chart-purple\/35 { --tw-gradient-to: color-mix(in oklab, var(--color-= chart-purple) 35%, transparent); } } .to-chart-purple\/35 { --tw-gradient-stops: var(--tw-gradient-via-stops,v= ar(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-= position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-surface { --tw-gradient-to: var(--color-surface); --tw-gradient-stops= : var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradien= t-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gr= adient-to-position)); } .to-surface-elevated-secondary\/90 { --tw-gradient-to: var(--color-surfac= e-elevated-secondary); } @supports (color:color-mix(in lab, red, red)) { .to-surface-elevated-secondary\/90 { --tw-gradient-to: color-mix(in oklab= , var(--color-surface-elevated-secondary) 90%, transparent); } } .to-surface-elevated-secondary\/90 { --tw-gradient-stops: var(--tw-gradie= nt-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-= gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-positio= n)); } .to-surface\/0 { --tw-gradient-to: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .to-surface\/0 { --tw-gradient-to: color-mix(in oklab, var(--color-surfac= e) 0%, transparent); } } .to-surface\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--t= w-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-positi= on), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-token-bg-primary { --tw-gradient-to: var(--color-token-bg-primary); -= -tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position)= , var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradie= nt-to) var(--tw-gradient-to-position)); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var= (--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-fro= m) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradien= t-to-position)); } .to-85\%, .to-\[85\%\] { --tw-gradient-to-position: 85%; } .mask-b-from-50\% { mask-image: var(--tw-mask-linear), var(--tw-mask-radi= al), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-= mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-bottom: l= inear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bo= ttom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to= -position)); --tw-mask-bottom-from-position: 50%; mask-composite: intersect= ; } .mask-b-from-80\% { mask-image: var(--tw-mask-linear), var(--tw-mask-radi= al), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-= mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-bottom: l= inear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bo= ttom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to= -position)); --tw-mask-bottom-from-position: 80%; mask-composite: intersect= ; } .mask-b-to-100\% { mask-image: var(--tw-mask-linear), var(--tw-mask-radia= l), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-m= ask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-bottom: li= near-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bot= tom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-= position)); --tw-mask-bottom-to-position: 100%; mask-composite: intersect; = } .mask-content-safe-area { mask-image: radial-gradient(currentcolor 42%, r= gba(0, 0, 0, 0) 76%); mask-size: 100% 100%; mask-repeat: no-repeat; } .\[mask-image\:linear-gradient\(to_bottom\,black\,rgba\(0\,0\,0\,0\.65\)\= )\] { mask-image: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0.65)); } .\[mask-image\:linear-gradient\(to_bottom\,black_40\%\,transparent_100\%\= )\] { mask-image: linear-gradient(rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);= } .\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%_-_4rem\)\,tr= ansparent\)\] { mask-image: linear-gradient(rgb(0, 0, 0) calc(100% - 4rem),= rgba(0, 0, 0, 0)); } .\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%_-_6rem\)\,tr= ansparent\)\] { mask-image: linear-gradient(rgb(0, 0, 0) calc(100% - 6rem),= rgba(0, 0, 0, 0)); } .\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%_-_var\(--spa= cing\)\)\,transparent\)\] { mask-image: linear-gradient(to bottom,black cal= c(100% - var(--spacing)),transparent); } .\[mask-image\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\.11\)\,transp= arent\)\] { mask-image: linear-gradient(rgba(0, 0, 0, 0.11), rgba(0, 0, 0, = 0)); } .\[mask-image\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\.58\)\,rgba\(= 0\,0\,0\,0\.18\)\)\] { mask-image: linear-gradient(rgba(0, 0, 0, 0.58), rgb= a(0, 0, 0, 0.18)); } .\[mask-image\:linear-gradient\(to_left\,transparent\,black_8px\,black\)\= ] { mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 8px,= rgb(0, 0, 0)); } .\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_16px\)\,tra= nsparent\)\] { mask-image: linear-gradient(90deg, rgb(0, 0, 0) calc(100% - = 16px), rgba(0, 0, 0, 0)); } .\[background-size\:36\%_200\%\] { background-size: 36% 200%; } .bg-\[size\:24px_24px\] { background-size: 24px 24px; } .bg-cover { background-size: cover; } .bg-size-\[300\%\] { background-size: 300% auto; } .bg-clip-padding { background-clip: padding-box; } .bg-clip-text { background-clip: text; } .bg-center { background-position: 50% center; } .bg-top { background-position: center top; } .bg-no-repeat { background-repeat: no-repeat; } .mask-repeat { mask-repeat: repeat; } .fill-\[var\(--learning-block-color-companion\)\] { fill: var(--learning-= block-color-companion); } .fill-\[var\(--learning-block-color-primary\)\] { fill: var(--learning-bl= ock-color-primary); } .fill-\[var\(--text-primary\)\] { fill: var(--text-primary); } .fill-none { fill: none; } .fill-primary { fill: var(--color-text-primary); } .fill-primary-surface { fill: var(--color-text-primary-surface); } .fill-secondary { fill: var(--color-text-secondary); } .fill-surface { fill: var(--color-surface); } .fill-tertiary { fill: var(--color-text-tertiary); } .fill-text-info { fill: var(--color-text-info); } .fill-token-text-primary { fill: var(--color-token-text-primary); } .fill-token-text-secondary { fill: var(--color-token-text-secondary); } .fill-transparent { fill: rgba(0, 0, 0, 0); } .fill-white { fill: var(--color-white); } .stroke-current { stroke: currentcolor; } .stroke-surface { stroke: var(--color-surface); } .stroke-text { stroke: var(--color-text); } .stroke-\[0\.5\] { stroke-width: 0.5px; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-\[center_44\%\] { object-position: center 44%; } .object-bottom { object-position: center bottom; } .object-center { object-position: center center; } .object-left-top { object-position: left top; } .object-right { object-position: right center; } .object-right-bottom { object-position: right bottom; } .object-top { object-position: center top; } .\!p-0 { padding: 0px !important; } .\!p-1 { padding: var(--spacing) !important; } .\!p-2 { padding: calc(var(--spacing) * 2) !important; } .\!p-5 { padding: calc(var(--spacing) * 5) !important; } .p-0 { padding: 0px; } .p-0\! { padding: 0px !important; } .p-0\.5 { padding: calc(var(--spacing) * .5); } .p-1 { padding: var(--spacing); } .p-1\! { padding: var(--spacing) !important; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .p-16 { padding: calc(var(--spacing) * 16); } .p-20 { padding: calc(var(--spacing) * 20); } .p-\[2px\] { padding: 2px; } .p-\[4\.344px\] { padding: 4.344px; } .p-\[23px\] { padding: 23px; } .p-\[calc\(var\(--oai-wb-spacing\)\*1\.5\)\] { padding: calc(var(--oai-wb= -spacing) * 1.5); } .p-\[var\(--app-menu-gutter\,var\(--spacing\)\)\] { padding: var(--app-me= nu-gutter,var(--spacing)); } .p-\[var\(--app-menu-item-padding\,calc\(var\(--spacing\)\*1\.5\)\)\] { p= adding: var(--app-menu-item-padding,calc(var(--spacing) * 1.5)); } .p-\[var\(--app-menu-item-padding\,var\(--padding-row-y\)_calc\(var\(--sp= acing\)\*1\.5\)\)\] { padding: var(--app-menu-item-padding,var(--padding-ro= w-y) calc(var(--spacing) * 1.5)); } .p-\[var\(--app-menu-item-padding\,var\(--padding-row-y\)_var\(--padding-= row-x\)\)\] { padding: var(--app-menu-item-padding,var(--padding-row-y) var= (--padding-row-x)); } .p-\[var\(--composer-editor-padding\,0px\)\] { padding: var(--composer-ed= itor-padding,0px); } .p-\[var\(--padding-panel\)\] { padding: var(--padding-panel); } .p-\[var\(--suggestion-menu-item-padding\,var\(--app-menu-item-padding\,v= ar\(--padding-row-y\)_var\(--padding-row-x\)\)\)\] { padding: var(--suggest= ion-menu-item-padding,var(--app-menu-item-padding,var(--padding-row-y) var(= --padding-row-x))); } .p-panel { padding: var(--padding-panel); } .p-px { padding: 1px; } .\!px-0 { padding-inline: 0px !important; } .\!px-1 { padding-inline: var(--spacing) !important; } .\!px-1\.5 { padding-inline: calc(var(--spacing) * 1.5) !important; } .\!px-2 { padding-inline: calc(var(--spacing) * 2) !important; } .\!px-3 { padding-inline: calc(var(--spacing) * 3) !important; } .\!px-\[7px\] { padding-inline: 7px !important; } .\!px-\[8px\] { padding-inline: 8px !important; } .\!px-\[var\(--padding-row-x\)\] { padding-inline: var(--padding-row-x) != important; } .px-\(--padding-button-composer-inline\,calc\(var\(--spacing\)\*2\)\) { p= adding-inline: var(--padding-button-composer-inline,calc(var(--spacing) * 2= )); } .px-\(--thread-content-margin\) { padding-inline: var(--thread-content-ma= rgin); } .px-0 { padding-inline: 0px; } .px-0\! { padding-inline: 0px !important; } .px-0\.5 { padding-inline: calc(var(--spacing) * .5); } .px-1 { padding-inline: var(--spacing); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\! { padding-inline: calc(var(--spacing) * 2) !important; } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-2\.5\! { padding-inline: calc(var(--spacing) * 2.5) !important; } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-4\! { padding-inline: calc(var(--spacing) * 4) !important; } .px-4\.5 { padding-inline: calc(var(--spacing) * 4.5); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-5\! { padding-inline: calc(var(--spacing) * 5) !important; } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-7 { padding-inline: calc(var(--spacing) * 7); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-9 { padding-inline: calc(var(--spacing) * 9); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .px-12 { padding-inline: calc(var(--spacing) * 12); } .px-16 { padding-inline: calc(var(--spacing) * 16); } .px-18 { padding-inline: calc(var(--spacing) * 18); } .px-\[5px\] { padding-inline: 5px; } .px-\[6px\] { padding-inline: 6px; } .px-\[7px\] { padding-inline: 7px; } .px-\[10px\] { padding-inline: 10px; } .px-\[13px\] { padding-inline: 13px; } .px-\[14px\] { padding-inline: 14px; } .px-\[18px\] { padding-inline: 18px; } .px-\[21px\] { padding-inline: 21px; } .px-\[22px\] { padding-inline: 22px; } .px-\[23px\]\! { padding-inline: 23px !important; } .px-\[30px\] { padding-inline: 30px; } .px-\[calc\(var\(--oai-wb-spacing\)\*2\.5\)\] { padding-inline: calc(var(= --oai-wb-spacing) * 2.5); } .px-\[calc\(var\(--oai-wb-spacing\)\*3\)\] { padding-inline: calc(var(--o= ai-wb-spacing) * 3); } .px-\[calc\(var\(--oai-wb-spacing\)\*4\)\] { padding-inline: calc(var(--o= ai-wb-spacing) * 4); } .px-\[var\(--app-menu-separator-inset\,var\(--padding-row-x\)\)\] { paddi= ng-inline: var(--app-menu-separator-inset,var(--padding-row-x)); } .px-\[var\(--codex-diffs-header-padding-x\,1rem\)\] { padding-inline: var= (--codex-diffs-header-padding-x,1rem); } .px-\[var\(--detail-page-inline-inset\)\] { padding-inline: var(--detail-= page-inline-inset); } .px-\[var\(--detail-page-inline-inset\,0px\)\] { padding-inline: var(--de= tail-page-inline-inset,0px); } .px-\[var\(--home-composer-inline-inset\)\] { padding-inline: var(--home-= composer-inline-inset); } .px-\[var\(--oai-wb-spacing\)\] { padding-inline: var(--oai-wb-spacing); = } .px-\[var\(--padding-row-cell-x\)\] { padding-inline: var(--padding-row-c= ell-x); } .px-\[var\(--padding-row-cell-x\,var\(--padding-row-x\)\)\] { padding-inl= ine: var(--padding-row-cell-x,var(--padding-row-x)); } .px-\[var\(--padding-row-x\)\] { padding-inline: var(--padding-row-x); } .px-\[var\(--resource-card-row-padding-x\)\] { padding-inline: var(--reso= urce-card-row-padding-x); } .px-panel { padding-inline: var(--padding-panel); } .px-px { padding-inline: 1px; } .px-row-x { padding-inline: var(--padding-row-x); } .px-toolbar { padding-inline: var(--padding-toolbar); } .\!py-0 { padding-block: 0px !important; } .\!py-0\.5 { padding-block: calc(var(--spacing) * .5) !important; } .\!py-1 { padding-block: var(--spacing) !important; } .\!py-2 { padding-block: calc(var(--spacing) * 2) !important; } .\!py-\[var\(--padding-row-y\)\] { padding-block: var(--padding-row-y) !i= mportant; } .py-0 { padding-block: 0px; } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-1 { padding-block: var(--spacing); } .py-1\! { padding-block: var(--spacing) !important; } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-1\.25 { padding-block: calc(var(--spacing) * 1.25); } .py-1\.75 { padding-block: calc(var(--spacing) * 1.75); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\! { padding-block: calc(var(--spacing) * 2) !important; } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\! { padding-block: calc(var(--spacing) * 3) !important; } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-3\.25 { padding-block: calc(var(--spacing) * 3.25); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-6\.5 { padding-block: calc(var(--spacing) * 6.5); } .py-7 { padding-block: calc(var(--spacing) * 7); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-9 { padding-block: calc(var(--spacing) * 9); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-10\! { padding-block: calc(var(--spacing) * 10) !important; } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-28 { padding-block: calc(var(--spacing) * 28); } .py-\[1px\] { padding-block: 1px; } .py-\[3px\] { padding-block: 3px; } .py-\[5px\] { padding-block: 5px; } .py-\[10px\] { padding-block: 10px; } .py-\[13px\] { padding-block: 13px; } .py-\[30px\] { padding-block: 30px; } .py-\[calc\(var\(--oai-wb-spacing\)\*1\.5\)\] { padding-block: calc(var(-= -oai-wb-spacing) * 1.5); } .py-\[calc\(var\(--oai-wb-spacing\)\*2\.5\)\] { padding-block: calc(var(-= -oai-wb-spacing) * 2.5); } .py-\[var\(--app-menu-separator-gutter\,var\(--spacing\)\)\] { padding-bl= ock: var(--app-menu-separator-gutter,var(--spacing)); } .py-\[var\(--codex-diffs-header-padding-y\,0\.25rem\)\] { padding-block: = var(--codex-diffs-header-padding-y,.25rem); } .py-\[var\(--oai-wb-spacing\)\] { padding-block: var(--oai-wb-spacing); } .py-\[var\(--padding-row-y\)\] { padding-block: var(--padding-row-y); } .py-\[var\(--turn-diff-row-padding-y\)\] { padding-block: var(--turn-diff= -row-padding-y); } .py-panel { padding-block: var(--padding-panel); } .py-panel-header-inset { padding-block: var(--spacing-panel-header-inset)= ; } .py-px { padding-block: 1px; } .py-row-y { padding-block: var(--padding-row-y); } .\!ps-0 { padding-inline-start: 0px !important; } .\!ps-3 { padding-inline-start: calc(var(--spacing) * 3) !important; } .\[padding-inline-start\:var\(--pull-request-tab-inset\,0px\)\] { padding= -inline-start: var(--pull-request-tab-inset,0px); } .\[padding-inline-start\:var\(--sectioned-page-leading-inset\,0\.5rem\)\]= { padding-inline-start: var(--sectioned-page-leading-inset,.5rem); } .ps-0 { padding-inline-start: 0px; } .ps-0\.5 { padding-inline-start: calc(var(--spacing) * .5); } .ps-1 { padding-inline-start: var(--spacing); } .ps-1\.5 { padding-inline-start: calc(var(--spacing) * 1.5); } .ps-1\.25 { padding-inline-start: calc(var(--spacing) * 1.25); } .ps-2 { padding-inline-start: calc(var(--spacing) * 2); } .ps-2\.5 { padding-inline-start: calc(var(--spacing) * 2.5); } .ps-3 { padding-inline-start: calc(var(--spacing) * 3); } .ps-3\.5 { padding-inline-start: calc(var(--spacing) * 3.5); } .ps-4 { padding-inline-start: calc(var(--spacing) * 4); } .ps-5 { padding-inline-start: calc(var(--spacing) * 5); } .ps-6 { padding-inline-start: calc(var(--spacing) * 6); } .ps-6\.5 { padding-inline-start: calc(var(--spacing) * 6.5); } .ps-7 { padding-inline-start: calc(var(--spacing) * 7); } .ps-8 { padding-inline-start: calc(var(--spacing) * 8); } .ps-8\.5 { padding-inline-start: calc(var(--spacing) * 8.5); } .ps-9 { padding-inline-start: calc(var(--spacing) * 9); } .ps-9\.5 { padding-inline-start: calc(var(--spacing) * 9.5); } .ps-10 { padding-inline-start: calc(var(--spacing) * 10); } .ps-11 { padding-inline-start: calc(var(--spacing) * 11); } .ps-11\.5 { padding-inline-start: calc(var(--spacing) * 11.5); } .ps-12 { padding-inline-start: calc(var(--spacing) * 12); } .ps-12\.5 { padding-inline-start: calc(var(--spacing) * 12.5); } .ps-14 { padding-inline-start: calc(var(--spacing) * 14); } .ps-16 { padding-inline-start: calc(var(--spacing) * 16); } .ps-20 { padding-inline-start: calc(var(--spacing) * 20); } .ps-\[3\.5px\] { padding-inline-start: 3.5px; } .ps-\[9px\] { padding-inline-start: 9px; } .ps-\[40px\] { padding-inline-start: 40px; } .ps-\[42px\] { padding-inline-start: 42px; } .ps-\[78px\] { padding-inline-start: 78px; } .ps-\[calc\(\(var\(--spacing-token-button-composer\)-var\(--spacing\)\*5\= )\/2-1px\)\] { padding-inline-start: calc((var(--spacing-token-button-compo= ser) - var(--spacing) * 5) / 2 - 1px); } .ps-\[calc\(var\(--padding-row-x\)\+1\.25rem\)\] { padding-inline-start: = calc(var(--padding-row-x) + 1.25rem); } .ps-\[calc\(var\(--spacing\)\*2\+var\(--viewer-header-start-inset\,0px\)\= )\] { padding-inline-start: calc(var(--spacing) * 2 + var(--viewer-header-s= tart-inset,0px)); } .ps-\[max\(var\(--spacing-token-safe-header-left\)\,0\.5rem\)\] { padding= -inline-start: max(var(--spacing-token-safe-header-left), .5rem); } .ps-\[var\(--padding-row-cell-x\,var\(--padding-row-x\)\)\] { padding-inl= ine-start: var(--padding-row-cell-x,var(--padding-row-x)); } .ps-\[var\(--resource-card-row-padding-x\)\] { padding-inline-start: var(= --resource-card-row-padding-x); } .ps-\[var\(--spacing-token-safe-header-left\)\] { padding-inline-start: v= ar(--spacing-token-safe-header-left); } .ps-home-suggestion-chat-inset { padding-inline-start: var(--spacing-home= -suggestion-chat-inset); } .ps-token-sidebar { padding-inline-start: var(--spacing-token-sidebar); } .\!pe-1\.5 { padding-inline-end: calc(var(--spacing) * 1.5) !important; } .\!pe-2 { padding-inline-end: calc(var(--spacing) * 2) !important; } .pe-\(--app-shell-page-inline-end-inset\) { padding-inline-end: var(--app= -shell-page-inline-end-inset); } .pe-0 { padding-inline-end: 0px; } .pe-0\.5 { padding-inline-end: calc(var(--spacing) * .5); } .pe-1 { padding-inline-end: var(--spacing); } .pe-1\.5 { padding-inline-end: calc(var(--spacing) * 1.5); } .pe-1\.75 { padding-inline-end: calc(var(--spacing) * 1.75); } .pe-2 { padding-inline-end: calc(var(--spacing) * 2); } .pe-2\.5 { padding-inline-end: calc(var(--spacing) * 2.5); } .pe-3 { padding-inline-end: calc(var(--spacing) * 3); } .pe-3\.5 { padding-inline-end: calc(var(--spacing) * 3.5); } .pe-4 { padding-inline-end: calc(var(--spacing) * 4); } .pe-4\.25 { padding-inline-end: calc(var(--spacing) * 4.25); } .pe-5 { padding-inline-end: calc(var(--spacing) * 5); } .pe-6 { padding-inline-end: calc(var(--spacing) * 6); } .pe-7 { padding-inline-end: calc(var(--spacing) * 7); } .pe-8 { padding-inline-end: calc(var(--spacing) * 8); } .pe-9 { padding-inline-end: calc(var(--spacing) * 9); } .pe-10 { padding-inline-end: calc(var(--spacing) * 10); } .pe-11 { padding-inline-end: calc(var(--spacing) * 11); } .pe-12 { padding-inline-end: calc(var(--spacing) * 12); } .pe-13 { padding-inline-end: calc(var(--spacing) * 13); } .pe-14 { padding-inline-end: calc(var(--spacing) * 14); } .pe-16 { padding-inline-end: calc(var(--spacing) * 16); } .pe-18 { padding-inline-end: calc(var(--spacing) * 18); } .pe-20 { padding-inline-end: calc(var(--spacing) * 20); } .pe-28 { padding-inline-end: calc(var(--spacing) * 28); } .pe-32 { padding-inline-end: calc(var(--spacing) * 32); } .pe-44 { padding-inline-end: calc(var(--spacing) * 44); } .pe-\[1\.5px\] { padding-inline-end: 1.5px; } .pe-\[3px\] { padding-inline-end: 3px; } .pe-\[6px\] { padding-inline-end: 6px; } .pe-\[38px\] { padding-inline-end: 38px; } .pe-\[52px\] { padding-inline-end: 52px; } .pe-\[58px\] { padding-inline-end: 58px; } .pe-\[138px\] { padding-inline-end: 138px; } .pe-\[calc\(\(var\(--spacing-token-button-composer\)-var\(--spacing\)\*5\= )\/2-1px\)\] { padding-inline-end: calc((var(--spacing-token-button-compose= r) - var(--spacing) * 5) / 2 - 1px); } .pe-\[calc\(var\(--spacing-panel-header-inset\)-var\(--app-menu-gutter\,v= ar\(--spacing\)\)\)\] { padding-inline-end: calc(var(--spacing-panel-header= -inset) - var(--app-menu-gutter,var(--spacing))); } .pe-\[max\(var\(--spacing-token-safe-header-left\)\,0\.5rem\)\] { padding= -inline-end: max(var(--spacing-token-safe-header-left), .5rem); } .pe-\[var\(--activity-pill-content-padding-right\)\] { padding-inline-end= : var(--activity-pill-content-padding-right); } .pe-\[var\(--padding-row-cell-x\,var\(--padding-row-x\)\)\] { padding-inl= ine-end: var(--padding-row-cell-x,var(--padding-row-x)); } .pe-\[var\(--padding-row-x\)\] { padding-inline-end: var(--padding-row-x)= ; } .pe-\[var\(--spacing-token-safe-header-left\)\] { padding-inline-end: var= (--spacing-token-safe-header-left); } .pe-panel-header-inset { padding-inline-end: var(--spacing-panel-header-i= nset); } .pe-row-y { padding-inline-end: var(--padding-row-y); } .\!pt-0 { padding-top: 0px !important; } .\!pt-5 { padding-top: calc(var(--spacing) * 5) !important; } .pt-\(--height-toolbar\) { padding-top: var(--height-toolbar); } .pt-\(--sidebar-navigation-header-gap\) { padding-top: var(--sidebar-navi= gation-header-gap); } .pt-\(--sidebar-scroll-content-top-padding\) { padding-top: var(--sidebar= -scroll-content-top-padding); } .pt-\(--thread-content-top-inset\) { padding-top: var(--thread-content-to= p-inset); } .pt-\(--thread-sticky-header-top\,0px\) { padding-top: var(--thread-stick= y-header-top,0px); } .pt-0 { padding-top: 0px; } .pt-0\! { padding-top: 0px !important; } .pt-0\.5 { padding-top: calc(var(--spacing) * .5); } .pt-1 { padding-top: var(--spacing); } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-3\.5 { padding-top: calc(var(--spacing) * 3.5); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-5\! { padding-top: calc(var(--spacing) * 5) !important; } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-7 { padding-top: calc(var(--spacing) * 7); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-8\! { padding-top: calc(var(--spacing) * 8) !important; } .pt-9 { padding-top: calc(var(--spacing) * 9); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-13 { padding-top: calc(var(--spacing) * 13); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-18 { padding-top: calc(var(--spacing) * 18); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pt-24 { padding-top: calc(var(--spacing) * 24); } .pt-32 { padding-top: calc(var(--spacing) * 32); } .pt-40 { padding-top: calc(var(--spacing) * 40); } .pt-64 { padding-top: calc(var(--spacing) * 64); } .pt-\[2px\] { padding-top: 2px; } .pt-\[10px\] { padding-top: 10px; } .pt-\[11px\] { padding-top: 11px; } .pt-\[23px\]\! { padding-top: 23px !important; } .pt-\[80px\] { padding-top: 80px; } .pt-\[84px\] { padding-top: 84px; } .pt-\[calc\(\(var\(--sidebar-navigation-header-height\,calc\(var\(--spaci= ng\)\*10\)\)-var\(--spacing\)\*9\)\/2\)\] { padding-top: calc((var(--sideba= r-navigation-header-height,calc(var(--spacing) * 10)) - var(--spacing) * 9)= / 2); } .pt-\[calc\(var\(--oai-wb-spacing\)\*0\.5\)\] { padding-top: calc(var(--o= ai-wb-spacing) * .5); } .pt-\[calc\(var\(--oai-wb-spacing\)\*2\)\] { padding-top: calc(var(--oai-= wb-spacing) * 2); } .pt-\[calc\(var\(--spacing-panel-header-inset\)-var\(--app-menu-gutter\,v= ar\(--spacing\)\)\)\] { padding-top: calc(var(--spacing-panel-header-inset)= - var(--app-menu-gutter,var(--spacing))); } .pt-\[clamp\(104px\,18vh\,120px\)\] { padding-top: clamp(104px, 18vh, 120= px); } .pt-\[max\(calc\(var\(--spacing\)\*14\)\,var\(--right-panel-composer-over= lay-top-reserve\,0px\)\)\] { padding-top: max(calc(var(--spacing) * 14), va= r(--right-panel-composer-overlay-top-reserve,0px)); } .pt-\[var\(--app-shell-sidebar-top-inset\,calc\(var\(--spacing\)\*2\)\)\]= { padding-top: var(--app-shell-sidebar-top-inset,calc(var(--spacing) * 2))= ; } .pt-\[var\(--height-toolbar\)\] { padding-top: var(--height-toolbar); } .pt-\[var\(--oai-wb-spacing\)\] { padding-top: var(--oai-wb-spacing); } .pt-\[var\(--pane-overlay-header-height\,0px\)\] { padding-top: var(--pan= e-overlay-header-height,0px); } .pt-\[var\(--right-panel-composer-overlay-top-reserve\,0px\)\] { padding-= top: var(--right-panel-composer-overlay-top-reserve,0px); } .pt-\[var\(--thread-docked-panel-header-overlap\,0px\)\] { padding-top: v= ar(--thread-docked-panel-header-overlap,0px); } .pt-panel { padding-top: var(--padding-panel); } .pt-px { padding-top: 1px; } .pr-1 { padding-right: var(--spacing); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pr-43 { padding-right: calc(var(--spacing) * 43); } .pr-123 { padding-right: calc(var(--spacing) * 123); } .pr-1272310 { padding-right: calc(var(--spacing) * 1272310); } .\!pb-0 { padding-bottom: 0px !important; } .pb-\(--sidebar-scroll-header-spacing\) { padding-bottom: var(--sidebar-s= croll-header-spacing); } .pb-0 { padding-bottom: 0px; } .pb-0\.5 { padding-bottom: calc(var(--spacing) * .5); } .pb-1 { padding-bottom: var(--spacing); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-1\.25 { padding-bottom: calc(var(--spacing) * 1.25); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-5\.5 { padding-bottom: calc(var(--spacing) * 5.5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-7 { padding-bottom: calc(var(--spacing) * 7); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-9 { padding-bottom: calc(var(--spacing) * 9); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-11 { padding-bottom: calc(var(--spacing) * 11); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-14 { padding-bottom: calc(var(--spacing) * 14); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-32 { padding-bottom: calc(var(--spacing) * 32); } .pb-40 { padding-bottom: calc(var(--spacing) * 40); } .pb-64 { padding-bottom: calc(var(--spacing) * 64); } .pb-\[25px\]\! { padding-bottom: 25px !important; } .pb-\[50vh\] { padding-bottom: 50vh; } .pb-\[52px\] { padding-bottom: 52px; } .pb-\[60px\] { padding-bottom: 60px; } .pb-\[calc\(1\.5rem\+env\(safe-area-inset-bottom\)\)\] { padding-bottom: = calc(1.5rem + env(safe-area-inset-bottom)); } .pb-\[calc\(var\(--oai-wb-spacing\)\*2\)\] { padding-bottom: calc(var(--o= ai-wb-spacing) * 2); } .pb-\[calc\(var\(--right-panel-composer-overlay-reserve\,0px\)\+var\(--sp= acing\)\*6\)\] { padding-bottom: calc(var(--right-panel-composer-overlay-re= serve,0px) + var(--spacing) * 6); } .pb-\[max\(env\(safe-area-inset-bottom\)\,--spacing\(4\)\)\] { padding-bo= ttom: max(env(safe-area-inset-bottom), calc(var(--spacing) * 4)); } .pb-\[var\(--right-panel-composer-overlay-reserve\,0px\)\] { padding-bott= om: var(--right-panel-composer-overlay-reserve,0px); } .pb-panel { padding-bottom: var(--padding-panel); } .pb-px { padding-bottom: 1px; } .pb-row-x { padding-bottom: var(--padding-row-x); } .pl-0\.5 { padding-left: calc(var(--spacing) * .5); } .pl-1 { padding-left: var(--spacing); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-\[230px\] { padding-left: 230px; } .text-center { text-align: center; } .text-end { text-align: end; } .text-left { text-align: left; } .text-right { text-align: right; } .text-start { text-align: start; } .\!align-middle { vertical-align: middle !important; } .align-\[-0\.08em\] { vertical-align: -0.08em; } .align-\[-0\.125rem\] { vertical-align: -0.125rem; } .align-\[-1px\] { vertical-align: -1px; } .align-\[-2px\] { vertical-align: -2px; } .align-baseline { vertical-align: baseline; } .align-bottom { vertical-align: bottom; } .align-middle { vertical-align: middle; } .align-super { vertical-align: super; } .align-top { vertical-align: top; } .\!font-sans { font-family: var(--font-sans) !important; } .\[font-family\:inherit\] { font-family: inherit; } .\[font-family\:var\(--font-ui-family\,var\(--font-sans-default\)\)\] { f= ont-family: var(--font-ui-family,var(--font-sans-default)); } .\[font-family\:var\(--oai-wb-font-sans\)\] { font-family: var(--oai-wb-f= ont-sans); } .font-\[\'SF_Pro\'\,\'SF_Pro_Display\'\,\'SF_Pro_Text\'\,var\(--font-sans= \)\] { font-family: "SF Pro","SF Pro Display","SF Pro Text",var(--font-sans= ); } .font-\[Roboto\,Arial\,sans-serif\] { font-family: Roboto, Arial, sans-se= rif; } .font-code { font-family: var(--font-code-family,var(--font-mono-default)= ); } .font-content { font-family: var(--font-content); } .font-mono { font-family: var(--font-mono); } .font-openai-sans { font-family: var(--font-openai-sans); } .font-sans { font-family: var(--font-sans); } .font-serif { font-family: var(--font-serif); } .\[font-feature-settings\:\'cv08\'_on\] { font-feature-settings: "cv08"; = } .disambiguated-digits { font-feature-settings: "cv01", "cv02"; } .small-caps-lg { font-size: var(--font-small-caps-lg-size); font-weight: = var(--font-small-caps-lg-weight); letter-spacing: var(--font-small-caps-lg-= tracking); line-height: var(--font-small-caps-lg-line-height); text-transfo= rm: uppercase; } .small-caps-md { font-size: var(--font-small-caps-md-size); font-weight: = var(--font-small-caps-md-weight); letter-spacing: var(--font-small-caps-md-= tracking); line-height: var(--font-small-caps-md-line-height); text-transfo= rm: uppercase; } .heading-5xl { font-size: var(--font-heading-5xl-size); font-weight: var(= --font-heading-5xl-weight); letter-spacing: var(--font-heading-5xl-tracking= ); line-height: var(--font-heading-5xl-line-height); } .heading-md { font-size: var(--font-heading-md-size); font-weight: var(--= font-heading-md-weight); letter-spacing: var(--font-heading-md-tracking); l= ine-height: var(--font-heading-md-line-height); } .text-2xs { font-size: var(--text-2xs); line-height: var(--tw-leading,var= (--text-2xs--line-height)); letter-spacing: var(--tw-tracking,var(--text-2x= s--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-2xs--font= -weight)); } .text-3xs { font-size: var(--text-3xs); line-height: var(--tw-leading,var= (--text-3xs--line-height)); letter-spacing: var(--tw-tracking,var(--text-3x= s--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-3xs--font= -weight)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading,var= (--text-5xl--line-height)); letter-spacing: var(--tw-tracking,var(--text-5x= l--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-5xl--font= -weight)); } .text-form-title { font-size: var(--text-form-title); line-height: var(--= tw-leading,var(--text-form-title--line-height)); letter-spacing: var(--tw-t= racking,var(--text-form-title--letter-spacing)); font-weight: var(--tw-font= -weight,var(--text-form-title--font-weight)); } .text-form-body { font-size: var(--text-form-body); line-height: var(--tw= -leading,var(--text-form-body--line-height)); letter-spacing: var(--tw-trac= king,var(--text-form-body--letter-spacing)); } .text-onboarding-body { font-size: var(--text-onboarding-body); line-heig= ht: var(--tw-leading,var(--text-onboarding-body--line-height)); letter-spac= ing: var(--tw-tracking,var(--text-onboarding-body--letter-spacing)); } .text-onboarding-label { font-size: var(--text-onboarding-label); line-he= ight: var(--tw-leading,var(--text-onboarding-label--line-height)); letter-s= pacing: var(--tw-tracking,var(--text-onboarding-label--letter-spacing)); } .text-onboarding-title { font-size: var(--text-onboarding-title); line-he= ight: var(--tw-leading,var(--text-onboarding-title--line-height)); letter-s= pacing: var(--tw-tracking,var(--text-onboarding-title--letter-spacing)); } .comment-typography { font-size: var(--comment-font-size); line-height: v= ar(--comment-line-height); --text-base: var(--comment-font-size); --text-ba= se--line-height: var(--comment-line-height); --codex-chat-font-size: var(--= comment-editor-font-size); } .\!text-base { font-size: var(--text-base) !important; line-height: var(-= -tw-leading,var(--text-base--line-height)) !important; } .\!text-lg { font-size: var(--text-lg) !important; line-height: var(--tw-= leading,var(--text-lg--line-height)) !important; } .\!text-sm { font-size: var(--text-sm) !important; line-height: var(--tw-= leading,var(--text-sm--line-height)) !important; } .\!text-xs { font-size: var(--text-xs) !important; line-height: var(--tw-= leading,var(--text-xs--line-height)) !important; } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var= (--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading,var= (--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading,var= (--text-4xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading,v= ar(--text-base--line-height)); } .text-base\! { font-size: var(--text-base) !important; line-height: var(-= -tw-leading,var(--text-base--line-height)) !important; } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(-= -text-lg--line-height)); } .text-lg\! { font-size: var(--text-lg) !important; line-height: var(--tw-= leading,var(--text-lg--line-height)) !important; } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(-= -text-sm--line-height)); } .text-sm\! { font-size: var(--text-sm) !important; line-height: var(--tw-= leading,var(--text-sm--line-height)) !important; } .text-sm\/5 { font-size: var(--text-sm); line-height: calc(var(--spacing)= * 5); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing)= * 6); } .text-suggestion-description { font-size: var(--text-suggestion-descripti= on); line-height: var(--tw-leading,var(--text-suggestion-description--line-= height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(-= -text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(-= -text-xs--line-height)); } .text-xs\! { font-size: var(--text-xs) !important; line-height: var(--tw-= leading,var(--text-xs--line-height)) !important; } .text-xs\/4 { font-size: var(--text-xs); line-height: calc(var(--spacing)= * 4); } .\!text-\[14px\] { font-size: 14px !important; } .\[font-size\:var\(--diffs-font-size\)\] { font-size: var(--diffs-font-si= ze); } .\[font-size\:var\(--oai-wb-font-size\)\] { font-size: var(--oai-wb-font-= size); } .text-\(length\:--app-menu-item-font-size\,var\(--text-sm\)\) { font-size= : var(--app-menu-item-font-size,var(--text-sm)); } .text-\(length\:--text-button-composer\,var\(--text-sm\)\) { font-size: v= ar(--text-button-composer,var(--text-sm)); } .text-\[\.875em\] { font-size: 0.875em; } .text-\[0\.55em\] { font-size: 0.55em; } .text-\[0\.68rem\] { font-size: 0.68rem; } .text-\[0\.75rem\] { font-size: 0.75rem; } .text-\[0\.93rem\] { font-size: 0.93rem; } .text-\[0\.875rem\] { font-size: 0.875rem; } .text-\[0\.935em\] { font-size: 0.935em; } .text-\[1\.2em\] { font-size: 1.2em; } .text-\[6px\] { font-size: 6px; } .text-\[7px\] { font-size: 7px; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[15px\]\! { font-size: 15px !important; } .text-\[16px\] { font-size: 16px; } .text-\[17\.5px\] { font-size: 17.5px; } .text-\[17px\] { font-size: 17px; } .text-\[18px\] { font-size: 18px; } .text-\[20px\] { font-size: 20px; } .text-\[22px\] { font-size: 22px; } .text-\[24px\] { font-size: 24px; } .text-\[26px\] { font-size: 26px; } .text-\[28px\] { font-size: 28px; } .text-\[36px\] { font-size: 36px; } .text-\[40px\] { font-size: 40px; } .text-\[42px\] { font-size: 42px; } .text-\[56px\] { font-size: 56px; } .text-\[clamp\(32px\,5\.6vw\,64px\)\] { font-size: clamp(32px, 5.6vw, 64p= x); } .text-\[length\:inherit\]\! { font-size: inherit !important; } .text-\[length\:var\(--codex-chat-font-size\,13px\)\] { font-size: var(--= codex-chat-font-size,13px); } .text-\[length\:var\(--detail-row-font-size\,var\(--text-base\)\)\] { fon= t-size: var(--detail-row-font-size,var(--text-base)); } .text-document { font-size: var(--text-document); } .text-heading-app { font-size: var(--text-heading-app); } .text-heading-lg { font-size: var(--text-heading-lg); } .text-heading-md { font-size: var(--text-heading-md); } .text-heading-sm { font-size: var(--text-heading-sm); } .text-heading-xs { font-size: var(--text-heading-xs); } .text-size-chat { font-size: var(--codex-chat-font-size); } .text-size-chat-sm { font-size: calc(var(--codex-chat-font-size) - 1px); = } .text-size-code { font-size: var(--codex-chat-code-font-size); } .text-size-code-sm { font-size: calc(var(--codex-chat-code-font-size) - 1= px); } .\!leading-4 { --tw-leading: calc(var(--spacing) * 4) !important; line-he= ight: calc(var(--spacing) * 4) !important; } .\!leading-4\.5 { --tw-leading: calc(var(--spacing) * 4.5) !important; li= ne-height: calc(var(--spacing) * 4.5) !important; } .\!leading-5 { --tw-leading: calc(var(--spacing) * 5) !important; line-he= ight: calc(var(--spacing) * 5) !important; } .\!leading-6 { --tw-leading: calc(var(--spacing) * 6) !important; line-he= ight: calc(var(--spacing) * 6) !important; } .\!leading-\[16px\] { --tw-leading: 16px !important; line-height: 16px !i= mportant; } .\!leading-\[18px\] { --tw-leading: 18px !important; line-height: 18px !i= mportant; } .\!leading-none { --tw-leading: 1 !important; line-height: 1 !important; = } .leading-\(--app-menu-item-line-height\,var\(--text-sm--line-height\)\) {= --tw-leading: var(--app-menu-item-line-height,var(--text-sm--line-height))= ; line-height: var(--app-menu-item-line-height,var(--text-sm--line-height))= ; } .leading-\(--line-height-button-composer\,18px\) { --tw-leading: var(--li= ne-height-button-composer,18px); line-height: var(--line-height-button-comp= oser,18px); } .leading-3 { --tw-leading: calc(var(--spacing) * 3); line-height: calc(va= r(--spacing) * 3); } .leading-3\.5 { --tw-leading: calc(var(--spacing) * 3.5); line-height: ca= lc(var(--spacing) * 3.5); } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(va= r(--spacing) * 4); } .leading-4\.5 { --tw-leading: calc(var(--spacing) * 4.5); line-height: ca= lc(var(--spacing) * 4.5); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(va= r(--spacing) * 5); } .leading-5\! { --tw-leading: calc(var(--spacing) * 5) !important; line-he= ight: calc(var(--spacing) * 5) !important; } .leading-5\.5 { --tw-leading: calc(var(--spacing) * 5.5); line-height: ca= lc(var(--spacing) * 5.5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(va= r(--spacing) * 6); } .leading-6\.5 { --tw-leading: calc(var(--spacing) * 6.5); line-height: ca= lc(var(--spacing) * 6.5); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(va= r(--spacing) * 7); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(va= r(--spacing) * 8); } .leading-8\.5 { --tw-leading: calc(var(--spacing) * 8.5); line-height: ca= lc(var(--spacing) * 8.5); } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(va= r(--spacing) * 9); } .leading-10 { --tw-leading: calc(var(--spacing) * 10); line-height: calc(= var(--spacing) * 10); } .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5; } .leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; } .leading-\[1\.08\] { --tw-leading: 1.08; line-height: 1.08; } .leading-\[1\.35\] { --tw-leading: 1.35; line-height: 1.35; } .leading-\[1\.45\] { --tw-leading: 1.45; line-height: 1.45; } .leading-\[9px\] { --tw-leading: 9px; line-height: 9px; } .leading-\[10px\] { --tw-leading: 10px; line-height: 10px; } .leading-\[13px\] { --tw-leading: 13px; line-height: 13px; } .leading-\[14px\] { --tw-leading: 14px; line-height: 14px; } .leading-\[15px\] { --tw-leading: 15px; line-height: 15px; } .leading-\[16px\] { --tw-leading: 16px; line-height: 16px; } .leading-\[17px\] { --tw-leading: 17px; line-height: 17px; } .leading-\[18\.4px\] { --tw-leading: 18.4px; line-height: 18.4px; } .leading-\[18\.571429px\] { --tw-leading: 18.5714px; line-height: 18.5714= px; } .leading-\[18px\] { --tw-leading: 18px; line-height: 18px; } .leading-\[21px\] { --tw-leading: 21px; line-height: 21px; } .leading-\[22px\] { --tw-leading: 22px; line-height: 22px; } .leading-\[23px\] { --tw-leading: 23px; line-height: 23px; } .leading-\[25px\] { --tw-leading: 25px; line-height: 25px; } .leading-\[26px\] { --tw-leading: 26px; line-height: 26px; } .leading-\[30px\] { --tw-leading: 30px; line-height: 30px; } .leading-\[34px\] { --tw-leading: 34px; line-height: 34px; } .leading-\[40px\] { --tw-leading: 40px; line-height: 40px; } .leading-\[calc\(var\(--codex-chat-font-size\)_\+_8px\)\] { --tw-leading:= calc(var(--codex-chat-font-size) + 8px); line-height: calc(var(--codex-cha= t-font-size) + 8px); } .leading-\[calc\(var\(--oai-wb-spacing\)\*8\)\] { --tw-leading: calc(var(= --oai-wb-spacing) * 8); line-height: calc(var(--oai-wb-spacing) * 8); } .leading-\[calc\(var\(--oai-wb-spacing\)\*9\)\] { --tw-leading: calc(var(= --oai-wb-spacing) * 9); line-height: calc(var(--oai-wb-spacing) * 9); } .leading-\[inherit\] { --tw-leading: inherit; line-height: inherit; } .leading-\[var\(--composer-editor-line-height\,1\.35\)\] { --tw-leading: = var(--composer-editor-line-height,1.35); line-height: var(--composer-editor= -line-height,1.35); } .leading-\[var\(--composer-editor-line-height\,calc\(var\(--spacing\)\*5\= )\)\] { --tw-leading: var(--composer-editor-line-height,calc(var(--spacing)= * 5)); line-height: var(--composer-editor-line-height,calc(var(--spacing) = * 5)); } .leading-dense { --tw-leading: var(--leading-dense); line-height: var(--l= eading-dense); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(-= -leading-normal); } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var= (--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--lea= ding-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--l= eading-tight); } .\[line-height\:inherit\] { line-height: inherit; } .\[line-height\:var\(--diffs-line-height\)\] { line-height: var(--diffs-l= ine-height); } .\!font-medium { --tw-font-weight: var(--font-weight-medium) !important; = font-weight: var(--font-weight-medium) !important; } .font-\(weight\:--tooltip-compact-font-weight\) { --tw-font-weight: var(-= -tooltip-compact-font-weight); font-weight: var(--tooltip-compact-font-weig= ht); } .font-\[400\] { --tw-font-weight: 400; font-weight: 400; } .font-\[500\] { --tw-font-weight: 500; font-weight: 500; } .font-\[510\] { --tw-font-weight: 510; font-weight: 510; } .font-\[590\] { --tw-font-weight: 590; font-weight: 590; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(= --font-weight-bold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: va= r(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: = var(--font-weight-medium); } .font-medium\! { --tw-font-weight: var(--font-weight-medium) !important; = font-weight: var(--font-weight-medium) !important; } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: = var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weig= ht: var(--font-weight-semibold); } .font-semibold\! { --tw-font-weight: var(--font-weight-semibold) !importa= nt; font-weight: var(--font-weight-semibold) !important; } .\[font-weight\:var\(--font-ui-weight\)\] { font-weight: var(--font-ui-we= ight); } .tracking-\(--tracking-tooltip\) { --tw-tracking: var(--tracking-tooltip)= ; letter-spacing: var(--tracking-tooltip); } .tracking-\[-0\.01em\] { --tw-tracking: -.01em; letter-spacing: -0.01em; = } .tracking-\[-0\.1px\] { --tw-tracking: -.1px; letter-spacing: -0.1px; } .tracking-\[-0\.02em\] { --tw-tracking: -.02em; letter-spacing: -0.02em; = } .tracking-\[-0\.2px\] { --tw-tracking: -.2px; letter-spacing: -0.2px; } .tracking-\[-0\.3px\] { --tw-tracking: -.3px; letter-spacing: -0.3px; } .tracking-\[-0\.4px\] { --tw-tracking: -.4px; letter-spacing: -0.4px; } .tracking-\[-0\.6px\] { --tw-tracking: -.6px; letter-spacing: -0.6px; } .tracking-\[-0\.08px\] { --tw-tracking: -.08px; letter-spacing: -0.08px; = } .tracking-\[-0\.12px\] { --tw-tracking: -.12px; letter-spacing: -0.12px; = } .tracking-\[-0\.13px\] { --tw-tracking: -.13px; letter-spacing: -0.13px; = } .tracking-\[-0\.14px\] { --tw-tracking: -.14px; letter-spacing: -0.14px; = } .tracking-\[-0\.15px\] { --tw-tracking: -.15px; letter-spacing: -0.15px; = } .tracking-\[-0\.18px\] { --tw-tracking: -.18px; letter-spacing: -0.18px; = } .tracking-\[-0\.23px\] { --tw-tracking: -.23px; letter-spacing: -0.23px; = } .tracking-\[-0\.24px\] { --tw-tracking: -.24px; letter-spacing: -0.24px; = } .tracking-\[-0\.025em\] { --tw-tracking: -.025em; letter-spacing: -0.025e= m; } .tracking-\[-0\.32px\] { --tw-tracking: -.32px; letter-spacing: -0.32px; = } .tracking-\[-0\.44px\] { --tw-tracking: -.44px; letter-spacing: -0.44px; = } .tracking-\[-0\.45px\] { --tw-tracking: -.45px; letter-spacing: -0.45px; = } .tracking-\[-1px\] { --tw-tracking: -1px; letter-spacing: -1px; } .tracking-\[0\.2em\] { --tw-tracking: .2em; letter-spacing: 0.2em; } .tracking-\[0\.04em\] { --tw-tracking: .04em; letter-spacing: 0.04em; } .tracking-\[0\.06px\] { --tw-tracking: .06px; letter-spacing: 0.06px; } .tracking-\[0\.08em\] { --tw-tracking: .08em; letter-spacing: 0.08em; } .tracking-\[0\.12em\] { --tw-tracking: .12em; letter-spacing: 0.12em; } .tracking-\[0\.15px\] { --tw-tracking: .15px; letter-spacing: 0.15px; } .tracking-\[0\.18em\] { --tw-tracking: .18em; letter-spacing: 0.18em; } .tracking-\[0\.36px\] { --tw-tracking: .36px; letter-spacing: 0.36px; } .tracking-\[0\.38px\] { --tw-tracking: .38px; letter-spacing: 0.38px; } .tracking-\[0\] { --tw-tracking: 0; letter-spacing: 0px; } .tracking-\[0px\] { --tw-tracking: 0px; letter-spacing: 0px; } .tracking-announcement-body { --tw-tracking: var(--tracking-announcement-= body); letter-spacing: var(--tracking-announcement-body); } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing:= var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: v= ar(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var= (--tracking-wide); } .\[text-wrap\:balance\] { text-wrap: balance; } .\[text-wrap\:wrap\] { text-wrap: wrap; } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .text-wrap { text-wrap: wrap; } .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; } .\[overflow-wrap\:normal\] { overflow-wrap: normal; } .break-words { overflow-wrap: break-word; } .wrap-anywhere { overflow-wrap: anywhere; } .wrap-break-word { overflow-wrap: break-word; } .break-all { word-break: break-all; } .text-ellipsis { text-overflow: ellipsis; } .hyphens-auto, .\[hyphens\:auto\] { hyphens: auto; } .\!whitespace-normal { white-space: normal !important; } .whitespace-normal { white-space: normal; } .whitespace-normal\! { white-space: normal !important; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre\! { white-space: pre !important; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .whitespace-pre-wrap\! { white-space: pre-wrap !important; } .tab-1 { tab-size: 1; } .tab-2 { tab-size: 2; } .tab-3 { tab-size: 3; } .sidebar-hover-icon-button-tint { color: var(--color-token-foreground) !i= mportant; } @supports (color:color-mix(in lab, red, red)) { .sidebar-hover-icon-button-tint { color: color-mix(in oklab, var(--color-= token-foreground) 50%, transparent) !important; } } .sidebar-hover-icon-button-tint:hover, .sidebar-hover-icon-button-tint:fo= cus-visible { color: var(--color-token-foreground) !important; } .sidebar-hover-icon-tint { color: var(--color-token-foreground); } @supports (color:color-mix(in lab, red, red)) { .sidebar-hover-icon-tint { color: color-mix(in oklab, var(--color-token-f= oreground) 50%, transparent); } } .sidebar-hover-icon-tint:hover, .sidebar-hover-icon-tint:focus-visible { = color: var(--color-token-foreground); } .\!text-\[var\(--color-text-tooltip-shortcut\)\] { color: var(--color-tex= t-tooltip-shortcut) !important; } .\!text-black, .\!text-black\/60 { color: var(--color-black) !important; = } @supports (color:color-mix(in lab, red, red)) { .\!text-black\/60 { color: color-mix(in oklab, var(--color-black) 60%, tr= ansparent) !important; } } .\!text-chart-green { color: var(--color-chart-green) !important; } .\!text-chart-purple { color: var(--color-chart-purple) !important; } .\!text-chart-red { color: var(--color-chart-red) !important; } .\!text-codex-description, .\!text-codex-description\/80 { color: var(--c= olor-codex-description) !important; } @supports (color:color-mix(in lab, red, red)) { .\!text-codex-description\/80 { color: color-mix(in oklab, var(--color-co= dex-description) 80%, transparent) !important; } } .\!text-codex-description\/90 { color: var(--color-codex-description) !im= portant; } @supports (color:color-mix(in lab, red, red)) { .\!text-codex-description\/90 { color: color-mix(in oklab, var(--color-co= dex-description) 90%, transparent) !important; } } .\!text-current { color: currentcolor !important; } .\!text-danger { color: var(--color-text-danger) !important; } .\!text-default { color: var(--color-text) !important; } .\!text-info { color: var(--color-text-info) !important; } .\!text-inherit { color: inherit !important; } .\!text-inverse { color: var(--color-text-inverse) !important; } .\!text-media-foreground { color: var(--color-media-foreground) !importan= t; } .\!text-secondary { color: var(--color-text-secondary) !important; } .\!text-tertiary, .\!text-text-tertiary\/90 { color: var(--color-text-ter= tiary) !important; } @supports (color:color-mix(in lab, red, red)) { .\!text-text-tertiary\/90 { color: color-mix(in oklab, var(--color-text-t= ertiary) 90%, transparent) !important; } } .\!text-token-text-primary { color: var(--color-token-text-primary) !impo= rtant; } .\!text-warning { color: var(--color-text-warning) !important; } .\!text-white { color: var(--color-white) !important; } .\[color\:inherit\] { color: inherit; } .\[color\:var\(--oai-wb-accent\)\] { color: var(--oai-wb-accent); } .\[color\:var\(--oai-wb-text-primary\)\] { color: var(--oai-wb-text-prima= ry); } .\[color\:var\(--oai-wb-text-secondary\)\] { color: var(--oai-wb-text-sec= ondary); } .\[color\:var\(--oai-wb-text-tertiary\)\] { color: var(--oai-wb-text-tert= iary); } .text-\(--agent-activity-summary-color\) { color: var(--agent-activity-su= mmary-color); } .text-\(--alpha-20\) { color: var(--alpha-20); } .text-\(--checkout-text-primary\) { color: var(--checkout-text-primary); = } .text-\(--checkout-text-secondary\) { color: var(--checkout-text-secondar= y); } .text-\(--color-text\) { color: var(--color-text); } .text-\(--color-text-danger\) { color: var(--color-text-danger); } .text-\(--color-text-internal-badge\) { color: var(--color-text-internal-= badge); } .text-\(--color-text-secondary\) { color: var(--color-text-secondary); } .text-\(--color-text-tertiary\) { color: var(--color-text-tertiary); } .text-\(--color-text-toolbar-action\) { color: var(--color-text-toolbar-a= ction); } .text-\(--interactive-label-accent-accessible\) { color: var(--interactiv= e-label-accent-accessible); } .text-\(--learning-block-accent\) { color: var(--learning-block-accent); = } .text-\(--learning-block-color-primary\) { color: var(--learning-block-co= lor-primary); } .text-\(--text-primary\) { color: var(--text-primary); } .text-\(--text-secondary\) { color: var(--text-secondary); } .text-\(--text-tertiary\) { color: var(--text-tertiary); } .text-\(color\:--color-text-tooltip\) { color: var(--color-text-tooltip);= } .text-\(color\:--color-text-tooltip-classic\) { color: var(--color-text-t= ooltip-classic); } .text-\[\#0A84FF\] { color: rgb(10, 132, 255); } .text-\[\#0D0D0D\]\! { color: rgb(13, 13, 13) !important; } .text-\[\#0b57d0\] { color: rgb(11, 87, 208); } .text-\[\#0d0d0d\] { color: rgb(13, 13, 13); } .text-\[\#0d0d0d\]\! { color: rgb(13, 13, 13) !important; } .text-\[\#1d1d1f\] { color: rgb(29, 29, 31); } .text-\[\#1f1f1f\] { color: rgb(31, 31, 31); } .text-\[\#004F99\] { color: rgb(0, 79, 153); } .text-\[\#04b84c\] { color: rgb(4, 184, 76); } .text-\[\#5d5d5d\] { color: rgb(93, 93, 93); } .text-\[\#007aff\] { color: rgb(0, 122, 255); } .text-\[\#8f8f8f\] { color: rgb(143, 143, 143); } .text-\[\#8f8f8f\]\! { color: rgb(143, 143, 143) !important; } .text-\[\#0088FF\], .text-\[\#0088ff\] { color: rgb(0, 136, 255); } .text-\[\#0285ff\] { color: rgb(2, 133, 255); } .text-\[\#777\] { color: rgb(119, 119, 119); } .text-\[\#923B0F\] { color: rgb(146, 59, 15); } .text-\[\#924ff7\] { color: rgb(146, 79, 247); } .text-\[\#003087\] { color: rgb(0, 48, 135); } .text-\[\#16853f\] { color: rgb(22, 133, 63); } .text-\[\#30313d\] { color: rgb(48, 49, 61); } .text-\[\#171717\] { color: rgb(23, 23, 23); } .text-\[\#667085\] { color: rgb(102, 112, 133); } .text-\[\#767676\] { color: rgb(118, 118, 118); } .text-\[\#808080\] { color: gray; } .text-\[\#C24343\] { color: rgb(194, 67, 67); } .text-\[\#df1b41\] { color: rgb(223, 27, 65); } .text-\[\#fa423e\] { color: rgb(250, 66, 62); } .text-\[\#fb6a22\] { color: rgb(251, 106, 34); } .text-\[\#ff66ad\] { color: rgb(255, 102, 173); } .text-\[\#ffc300\] { color: rgb(255, 195, 0); } .text-\[CanvasText\] { color: canvastext; } .text-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_4\%\,var\(--go-to-line-= bg\)\)\] { color: var(--go-to-line-fg); } @supports (color:color-mix(in lab, red, red)) { .text-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_4\%\,var\(--go-to-line-= bg\)\)\] { color: color-mix(in lab,var(--go-to-line-fg) 4%,var(--go-to-line= -bg)); } } .text-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_35\%\,var\(--go-to-line= -bg\)\)\] { color: var(--go-to-line-fg); } @supports (color:color-mix(in lab, red, red)) { .text-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_35\%\,var\(--go-to-line= -bg\)\)\] { color: color-mix(in lab,var(--go-to-line-fg) 35%,var(--go-to-li= ne-bg)); } } .text-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_50\%\,var\(--go-to-line= -bg\)\)\] { color: var(--go-to-line-fg); } @supports (color:color-mix(in lab, red, red)) { .text-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_50\%\,var\(--go-to-line= -bg\)\)\] { color: color-mix(in lab,var(--go-to-line-fg) 50%,var(--go-to-li= ne-bg)); } } .text-\[color-mix\(in_srgb\,var\(--color-codex-description\)_55\%\,transp= arent\)\] { color: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .text-\[color-mix\(in_srgb\,var\(--color-codex-description\)_55\%\,transp= arent\)\] { color: color-mix(in srgb,var(--color-codex-description) 55%,tra= nsparent); } } .text-\[color\:light-dark\(var\(--blue-500\)\,var\(--blue-50\)\)\] { colo= r: var(--lightningcss-light,var(--blue-500)) var(--lightningcss-dark,var(--= blue-50)); } .text-\[color\:light-dark\(var\(--green-400\)\,var\(--green-300\)\)\] { c= olor: var(--lightningcss-light,var(--green-400)) var(--lightningcss-dark,va= r(--green-300)); } .text-\[color\:var\(--color-text-success-solid\,white\)\] { color: var(--= color-text-success-solid,white); } .text-\[color\:var\(--conversation-accent-text\,var\(--color-text-info\)\= )\] { color: var(--conversation-accent-text,var(--color-text-info)); } .text-\[color\:var\(--learning-block-accent\)\] { color: var(--learning-b= lock-accent); } .text-\[color\:var\(--learning-block-color-primary\)\] { color: var(--lea= rning-block-color-primary); } .text-\[color\:var\(--learning-block-color-secondary\)\] { color: var(--l= earning-block-color-secondary); } .text-\[inherit\] { color: inherit; } .text-\[light-dark\(var\(--blue-500\)\,var\(--blue-50\)\)\] { color: var(= --lightningcss-light,var(--blue-500)) var(--lightningcss-dark,var(--blue-50= )); } .text-\[var\(--bg-primary\)\] { color: var(--bg-primary); } .text-\[var\(--checkout-text-primary\)\] { color: var(--checkout-text-pri= mary); } .text-\[var\(--checkout-text-primary\,var\(--text-primary\)\)\] { color: = var(--checkout-text-primary,var(--text-primary)); } .text-\[var\(--checkout-text-primary\,var\(--text-primary\)\)\]\! { color= : var(--checkout-text-primary,var(--text-primary)) !important; } .text-\[var\(--checkout-text-secondary\,var\(--text-secondary\)\)\] { col= or: var(--checkout-text-secondary,var(--text-secondary)); } .text-\[var\(--checkout-text-secondary\,var\(--text-secondary\)\)\]\! { c= olor: var(--checkout-text-secondary,var(--text-secondary)) !important; } .text-\[var\(--checkout-text-status-warning\,var\(--text-status-warning\)= \)\] { color: var(--checkout-text-status-warning,var(--text-status-warning)= ); } .text-\[var\(--checkout-text-tertiary\,var\(--text-tertiary\)\)\] { color= : var(--checkout-text-tertiary,var(--text-tertiary)); } .text-\[var\(--color-codex-description\)\] { color: var(--color-codex-des= cription); } .text-\[var\(--color-text\)\] { color: var(--color-text); } .text-\[var\(--color-text-success\)\] { color: var(--color-text-success);= } .text-\[var\(--go-to-line-fg\)\] { color: var(--go-to-line-fg); } .text-\[var\(--green-700\)\] { color: var(--green-700); } .text-\[var\(--learning-block-accent\)\] { color: var(--learning-block-ac= cent); } .text-\[var\(--learning-block-color-accent\)\] { color: var(--learning-bl= ock-color-accent); } .text-\[var\(--learning-block-color-companion\)\] { color: var(--learning= -block-color-companion); } .text-\[var\(--learning-block-color-primary\)\] { color: var(--learning-b= lock-color-primary); } .text-\[var\(--learning-block-color-secondary\)\] { color: var(--learning= -block-color-secondary); } .text-\[var\(--learning-block-tooltip-text\)\] { color: var(--learning-bl= ock-tooltip-text); } .text-\[var\(--referral-rate-limit-secondary\)\] { color: var(--referral-= rate-limit-secondary); } .text-\[var\(--referral-rate-limit-success-foreground\)\] { color: var(--= referral-rate-limit-success-foreground); } .text-\[var\(--text-primary\)\] { color: var(--text-primary); } .text-\[var\(--text-secondary\)\] { color: var(--text-secondary); } .text-\[var\(--text-status-error\,var\(--color-text-danger\)\)\] { color:= var(--text-status-error,var(--color-text-danger)); } .text-\[var\(--text-status-success\)\] { color: var(--text-status-success= ); } .text-\[var\(--theme-blue-text\)\] { color: var(--theme-blue-text); } .text-\[var\(--theme-purple-text\)\] { color: var(--theme-purple-text); } .text-activity-control { color: var(--color-text-activity-control); } .text-amber-900 { color: var(--color-amber-900); } .text-artifact-powerpoint-foreground { color: var(--color-artifact-powerp= oint-foreground); } .text-avatar-foreground { color: var(--color-avatar-foreground); } .text-avatar-foreground-inverse { color: var(--color-avatar-foreground-in= verse); } .text-black, .text-black\/25 { color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .text-black\/25 { color: color-mix(in oklab, var(--color-black) 25%, tran= sparent); } } .text-black\/35 { color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .text-black\/35 { color: color-mix(in oklab, var(--color-black) 35%, tran= sparent); } } .text-black\/40 { color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .text-black\/40 { color: color-mix(in oklab, var(--color-black) 40%, tran= sparent); } } .text-black\/50 { color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .text-black\/50 { color: color-mix(in oklab, var(--color-black) 50%, tran= sparent); } } .text-black\/85 { color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .text-black\/85 { color: color-mix(in oklab, var(--color-black) 85%, tran= sparent); } } .text-black\/90 { color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .text-black\/90 { color: color-mix(in oklab, var(--color-black) 90%, tran= sparent); } } .text-blue { color: var(--color-blue); } .text-blue-200 { color: var(--color-blue-200); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-700 { color: var(--color-blue-700); } .text-border-strong { color: var(--color-border-strong); } .text-brand-logo-foreground { color: var(--color-brand-logo-foreground); = } .text-business-claim { color: var(--color-text-business-claim); } .text-button-outline { color: var(--color-text-button-outline); } .text-caution { color: var(--color-text-caution); } .text-chart-blue { color: var(--color-chart-blue); } .text-chart-green { color: var(--color-chart-green); } .text-chart-orange { color: var(--color-chart-orange); } .text-chart-purple { color: var(--color-chart-purple); } .text-chart-red { color: var(--color-chart-red); } .text-chart-yellow { color: var(--color-chart-yellow); } .text-coachmark { color: var(--color-text-coachmark); } .text-codex-description, .text-codex-description\/50 { color: var(--color= -codex-description); } @supports (color:color-mix(in lab, red, red)) { .text-codex-description\/50 { color: color-mix(in oklab, var(--color-code= x-description) 50%, transparent); } } .text-codex-description\/70 { color: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .text-codex-description\/70 { color: color-mix(in oklab, var(--color-code= x-description) 70%, transparent); } } .text-codex-description\/80 { color: var(--color-codex-description); } @supports (color:color-mix(in lab, red, red)) { .text-codex-description\/80 { color: color-mix(in oklab, var(--color-code= x-description) 80%, transparent); } } .text-codex-git-added { color: var(--color-codex-git-added); } .text-codex-git-deleted { color: var(--color-codex-git-deleted); } .text-codex-icon { color: var(--color-codex-icon); } .text-codex-icon-active { color: var(--color-codex-icon-active); } .text-codex-syntax-attribute { color: var(--color-codex-syntax-attribute)= ; } .text-codex-syntax-error { color: var(--color-codex-syntax-error); } .text-codex-syntax-keyword { color: var(--color-codex-syntax-keyword); } .text-codex-syntax-literal { color: var(--color-codex-syntax-literal); } .text-codex-syntax-name { color: var(--color-codex-syntax-name); } .text-codex-syntax-string { color: var(--color-codex-syntax-string); } .text-codex-syntax-variable { color: var(--color-codex-syntax-variable); = } .text-codex-terminal-foreground { color: var(--color-codex-terminal-foreg= round); } .text-composer-primary { color: var(--color-text-composer-primary); } .text-content-blue, .text-content-blue\/30 { color: var(--color-content-b= lue); } @supports (color:color-mix(in lab, red, red)) { .text-content-blue\/30 { color: color-mix(in oklab, var(--color-content-b= lue) 30%, transparent); } } .text-content-cyan { color: var(--color-content-cyan); } .text-content-gray { color: var(--color-content-gray); } .text-content-green { color: var(--color-content-green); } .text-content-lime { color: var(--color-content-lime); } .text-content-magenta { color: var(--color-content-magenta); } .text-content-orange { color: var(--color-content-orange); } .text-content-pink { color: var(--color-content-pink); } .text-content-purple { color: var(--color-content-purple); } .text-content-red { color: var(--color-content-red); } .text-content-slate { color: var(--color-content-slate); } .text-content-yellow { color: var(--color-content-yellow); } .text-current { color: currentcolor; } .text-danger { color: var(--color-text-danger); } .text-danger-solid { color: var(--color-text-danger-solid); } .text-danger-surface { color: var(--color-text-danger-surface); } .text-default { color: var(--color-text); } .text-default\! { color: var(--color-text) !important; } .text-disabled { color: var(--color-text-disabled); } .text-discovery { color: var(--color-text-discovery); } .text-discovery-soft { color: var(--color-text-discovery-soft); } .text-emphasis { color: var(--color-text-emphasis); } .text-execution-output { color: var(--color-text-execution-output); } .text-execution-output-error { color: var(--color-text-execution-output-e= rror); } .text-execution-output-label { color: var(--color-text-execution-output-l= abel); } .text-execution-traceback { color: var(--color-text-execution-traceback);= } .text-file-audio { color: var(--color-file-audio); } .text-file-document { color: var(--color-file-document); } .text-file-image { color: var(--color-file-image); } .text-file-pdf { color: var(--color-file-pdf); } .text-file-presentation { color: var(--color-file-presentation); } .text-file-spreadsheet { color: var(--color-file-spreadsheet); } .text-file-three-d { color: var(--color-file-three-d); } .text-file-video { color: var(--color-file-video); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-1000 { color: var(--color-gray-1000); } .text-green { color: var(--color-green); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-900 { color: var(--color-green-900); } .text-image-generation-text { color: var(--color-image-generation-text); = } .text-info { color: var(--color-text-info); } .text-info\! { color: var(--color-text-info) !important; } .text-info-ghost { color: var(--color-text-info-ghost); } .text-info-solid { color: var(--color-text-info-solid); } .text-inherit { color: inherit; } .text-inherit\! { color: inherit !important; } .text-inverse { color: var(--color-text-inverse); } .text-inverse\! { color: var(--color-text-inverse) !important; } .text-media-background, .text-media-background\/50 { color: var(--color-m= edia-background); } @supports (color:color-mix(in lab, red, red)) { .text-media-background\/50 { color: color-mix(in oklab, var(--color-media= -background) 50%, transparent); } } .text-media-foreground, .text-media-foreground\/50 { color: var(--color-m= edia-foreground); } @supports (color:color-mix(in lab, red, red)) { .text-media-foreground\/50 { color: color-mix(in oklab, var(--color-media= -foreground) 50%, transparent); } } .text-media-foreground\/70 { color: var(--color-media-foreground); } @supports (color:color-mix(in lab, red, red)) { .text-media-foreground\/70 { color: color-mix(in oklab, var(--color-media= -foreground) 70%, transparent); } } .text-media-foreground\/90 { color: var(--color-media-foreground); } @supports (color:color-mix(in lab, red, red)) { .text-media-foreground\/90 { color: color-mix(in oklab, var(--color-media= -foreground) 90%, transparent); } } .text-mode-toggle-accent { color: var(--color-text-mode-toggle-accent); } .text-mode-toggle-inactive { color: var(--color-text-mode-toggle-inactive= ); } .text-mode-toggle-primary { color: var(--color-text-mode-toggle-primary);= } .text-orange { color: var(--color-orange); } .text-orange-700 { color: var(--color-orange-700); } .text-primary { color: var(--color-text-primary); } .text-primary-solid { color: var(--color-text-primary-solid); } .text-primary-solid\! { color: var(--color-text-primary-solid) !important= ; } .text-prose { color: var(--color-text-prose); } .text-purple { color: var(--color-purple); } .text-red { color: var(--color-red); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-ring { color: var(--color-ring); } .text-secondary { color: var(--color-text-secondary); } .text-secondary\! { color: var(--color-text-secondary) !important; } .text-secondary-solid { color: var(--color-text-secondary-solid); } .text-secondary-solid\! { color: var(--color-text-secondary-solid) !impor= tant; } .text-slate-600 { color: var(--color-slate-600); } .text-slate-700 { color: var(--color-slate-700); } .text-slate-950 { color: var(--color-slate-950); } .text-success { color: var(--color-text-success); } .text-success-soft { color: var(--color-text-success-soft); } .text-success-solid { color: var(--color-text-success-solid); } .text-surface { color: var(--color-surface); } .text-tertiary { color: var(--color-text-tertiary); } .text-text { color: var(--color-text); } .text-text-secondary\/90 { color: var(--color-text-secondary); } @supports (color:color-mix(in lab, red, red)) { .text-text-secondary\/90 { color: color-mix(in oklab, var(--color-text-se= condary) 90%, transparent); } } .text-text-tertiary\/70 { color: var(--color-text-tertiary); } @supports (color:color-mix(in lab, red, red)) { .text-text-tertiary\/70 { color: color-mix(in oklab, var(--color-text-ter= tiary) 70%, transparent); } } .text-text-tertiary\/90 { color: var(--color-text-tertiary); } @supports (color:color-mix(in lab, red, red)) { .text-text-tertiary\/90 { color: color-mix(in oklab, var(--color-text-ter= tiary) 90%, transparent); } } .text-text\/15 { color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .text-text\/15 { color: color-mix(in oklab, var(--color-text) 15%, transp= arent); } } .text-text\/20 { color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .text-text\/20 { color: color-mix(in oklab, var(--color-text) 20%, transp= arent); } } .text-text\/30 { color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .text-text\/30 { color: color-mix(in oklab, var(--color-text) 30%, transp= arent); } } .text-text\/40 { color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .text-text\/40 { color: color-mix(in oklab, var(--color-text) 40%, transp= arent); } } .text-text\/55 { color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .text-text\/55 { color: color-mix(in oklab, var(--color-text) 55%, transp= arent); } } .text-text\/60 { color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .text-text\/60 { color: color-mix(in oklab, var(--color-text) 60%, transp= arent); } } .text-text\/70 { color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .text-text\/70 { color: color-mix(in oklab, var(--color-text) 70%, transp= arent); } } .text-text\/75 { color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .text-text\/75 { color: color-mix(in oklab, var(--color-text) 75%, transp= arent); } } .text-text\/80 { color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .text-text\/80 { color: color-mix(in oklab, var(--color-text) 80%, transp= arent); } } .text-text\/85 { color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .text-text\/85 { color: color-mix(in oklab, var(--color-text) 85%, transp= arent); } } .text-tip { color: var(--color-text-tip); } .text-token-bg-primary { color: var(--color-token-bg-primary); } .text-token-dropdown-foreground { color: var(--color-token-dropdown-foreg= round); } .text-token-editor-warning-foreground { color: var(--color-token-editor-w= arning-foreground); } .text-token-foreground { color: var(--color-token-foreground); } .text-token-main-surface-primary { color: var(--color-token-main-surface-= primary); } .text-token-text-primary { color: var(--color-token-text-primary); } .text-token-text-primary\! { color: var(--color-token-text-primary) !impo= rtant; } .text-token-text-secondary { color: var(--color-token-text-secondary); } .text-token-text-secondary\! { color: var(--color-token-text-secondary) != important; } .text-token-text-tertiary { color: var(--color-token-text-tertiary); } .text-token-text-tertiary\/50 { color: color-mix(in srgb, var(--color-tok= en-text-tertiary) 50%, transparent); } @supports (color:color-mix(in lab, red, red)) { .text-token-text-tertiary\/50 { color: color-mix(in oklab, var(--color-to= ken-text-tertiary) 50%, transparent); } } .text-transparent { color: rgba(0, 0, 0, 0); } .text-user-message { color: var(--color-text-user-message); } .text-warning { color: var(--color-text-warning); } .text-warning-soft { color: var(--color-text-warning-soft); } .text-warning-solid { color: var(--color-text-warning-solid); } .text-warning-surface { color: var(--color-text-warning-surface); } .text-white { color: var(--color-white); } .text-white\! { color: var(--color-white) !important; } .text-white\/75 { color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .text-white\/75 { color: color-mix(in oklab, var(--color-white) 75%, tran= sparent); } } .text-white\/80 { color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .text-white\/80 { color: color-mix(in oklab, var(--color-white) 80%, tran= sparent); } } .text-yellow { color: var(--color-yellow); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .\[font-style\:inherit\] { font-style: inherit; } .italic { font-style: italic; } .not-italic { font-style: normal; } .\[font-stretch\:inherit\] { font-stretch: inherit; } .lining-nums { --tw-numeric-figure: lining-nums; font-variant-numeric: va= r(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(-= -tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal,= ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spa= cing, ) var(--tw-numeric-fraction, ); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric:= var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) va= r(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .\[text-decoration-line\:underline\] { text-decoration-line: underline; } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .no-underline\! { text-decoration-line: none !important; } .overline { text-decoration-line: overline; } .underline { text-decoration-line: underline; } .underline\! { text-decoration-line: underline !important; } .\[text-decoration-color\:var\(--oai-wb-danger\,var\(--text-status-error\= )\)\] { text-decoration-color: var(--oai-wb-danger,var(--text-status-error)= ); } .decoration-current { text-decoration-color: currentcolor; } .decoration-text-info { text-decoration-color: var(--color-text-info); } .decoration-text-tertiary { text-decoration-color: var(--color-text-terti= ary); } .\[text-decoration-style\:wavy\] { text-decoration-style: wavy; } .decoration-dotted { text-decoration-style: dotted; } .decoration-solid { text-decoration-style: solid; } .\[text-decoration-thickness\:1px\], .decoration-1 { text-decoration-thic= kness: 1px; } .decoration-\[0\.5px\] { text-decoration-thickness: 0.5px; } .decoration-\[1px\] { text-decoration-thickness: 1px; } .decoration-from-font { text-decoration-thickness: from-font; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-3 { text-underline-offset: 3px; } .underline-offset-4 { text-underline-offset: 4px; } .underline-offset-\[2px\] { text-underline-offset: 2px; } .antialiased { -webkit-font-smoothing: antialiased; } .caret-text { caret-color: var(--color-text); } .caret-token-text-primary { caret-color: var(--color-token-text-primary);= } .caret-transparent { caret-color: rgba(0, 0, 0, 0); } .accent-current { accent-color: currentcolor; } .accent-token-text-primary { accent-color: var(--color-token-text-primary= ); } .\[color-scheme\:light\] { --lightningcss-light: initial; --lightningcss-= dark: ; color-scheme: light; } .scheme-dark { --lightningcss-light: ; --lightningcss-dark: initial; colo= r-scheme: dark; } .scheme-light { --lightningcss-light: initial; --lightningcss-dark: ; col= or-scheme: light; } .menu-row-opacity { opacity: var(--opacity-menu-row,.75); } .opacity-0 { opacity: 0; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-35 { opacity: 0.35; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-50 { opacity: 0.5; } .opacity-50\! { opacity: 0.5 !important; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-65 { opacity: 0.65; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-95 { opacity: 0.95; } .opacity-100 { opacity: 1; } .opacity-100\! { opacity: 1 !important; } .opacity-\[var\(--composer-editor-placeholder-opacity\,0\.5\)\] { opacity= : var(--composer-editor-placeholder-opacity,.5); } .opacity-\[var\(--sidebar-row-action-opacity\,0\)\] { opacity: var(--side= bar-row-action-opacity,0); } .mix-blend-darken { mix-blend-mode: darken; } .mix-blend-multiply { mix-blend-mode: multiply; } .mix-blend-normal { mix-blend-mode: normal; } .mix-blend-screen { mix-blend-mode: screen; } .\!shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 = 1px 2px -1px var(--tw-shadow-color,#0000001a) !important; box-shadow: var(-= -tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow= ), var(--tw-ring-shadow), var(--tw-shadow) !important; } .\!shadow-\[0_8px_10px_-6px_rgba\(0\,0\,0\,0\.1\)\,0_20px_25px_-5px_rgba\= (0\,0\,0\,0\.1\)\] { --tw-shadow: 0 8px 10px -6px var(--tw-shadow-color,#00= 00001a), 0 20px 25px -5px var(--tw-shadow-color,#0000001a) !important; box-= shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-= offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .\!shadow-none { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-= inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), v= ar(--tw-ring-shadow), var(--tw-shadow) !important; } .\!shadow-xl { --tw-shadow: 0px 8px 16px -4px var(--tw-shadow-color,#0000= 001f) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-s= hadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shado= w) !important; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1p= x 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-sha= dow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-r= ing-shadow), var(--tw-shadow); } .shadow-\(--elevation-composer\) { --tw-shadow: var(--elevation-composer)= ; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw= -ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\(--shadow-tooltip\) { --tw-shadow: var(--shadow-tooltip); box-sh= adow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-of= fset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0px 16px 32px -8px var(--tw-shadow-color,#0000= 0030); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var= (--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[-8px_0_16px_-8px_rgb\(0_0_0\/0\.18\)\] { --tw-shadow: -8px 0 16= px -8px var(--tw-shadow-color,#0000002e); box-shadow: var(--tw-inset-shadow= ), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring= -shadow), var(--tw-shadow); } .shadow-\[-16px_0_32px_rgba\(0\,0\,0\,0\.28\)\] { --tw-shadow: -16px 0 32= px var(--tw-shadow-color,#00000047); box-shadow: var(--tw-inset-shadow), va= r(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shad= ow), var(--tw-shadow); } .shadow-\[0_0_0_0\.5px_rgba\(0\,0\,0\,0\.12\)\,0_12px_36px_rgba\(35\,37\,= 43\,0\.12\)\] { --tw-shadow: 0 0 0 .5px var(--tw-shadow-color,#0000001f), 0= 12px 36px var(--tw-shadow-color,#23252b1f); box-shadow: var(--tw-inset-sha= dow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-r= ing-shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px_hsla\(0\,0\%\,0\%\,0\.1\)\,0_4px_11px_hsla\(0\,0\%\,0= \%\,0\.1\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color,#0000001a), 0 4= px 11px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow= ), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring= -shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px_rgba\(141\,181\,255\,0\.18\)\,0_0_14px_rgba\(141\,181= \,255\,0\.38\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color,#8db5ff2e),= 0 0 14px var(--tw-shadow-color,#8db5ff61); box-shadow: var(--tw-inset-shad= ow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ri= ng-shadow), var(--tw-shadow); } .shadow-\[0_0_2px_0_rgb\(0_0_0\/5\%\)\,0_4px_6px_0_rgb\(0_0_0\/2\%\)\] { = --tw-shadow: 0 0 2px 0 var(--tw-shadow-color,#0000000d), 0 4px 6px 0 var(--= tw-shadow-color,#00000005); box-shadow: var(--tw-inset-shadow), var(--tw-in= set-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(= --tw-shadow); } .shadow-\[0_0_5px_rgba\(87\,76\,151\,0\.42\)\] { --tw-shadow: 0 0 5px var= (--tw-shadow-color,#574c976b); box-shadow: var(--tw-inset-shadow), var(--tw= -inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), v= ar(--tw-shadow); } .shadow-\[0_0_5px_rgba\(158\,189\,255\,0\.9\)\] { --tw-shadow: 0 0 5px va= r(--tw-shadow-color,#9ebdffe6); box-shadow: var(--tw-inset-shadow), var(--t= w-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), = var(--tw-shadow); } .shadow-\[0_0_9px_rgba\(91\,141\,235\,0\.72\)\] { --tw-shadow: 0 0 9px va= r(--tw-shadow-color,#5b8debb8); box-shadow: var(--tw-inset-shadow), var(--t= w-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), = var(--tw-shadow); } .shadow-\[0_0_9px_rgba\(125\,168\,255\,0\.92\)\] { --tw-shadow: 0 0 9px v= ar(--tw-shadow-color,#7da8ffeb); box-shadow: var(--tw-inset-shadow), var(--= tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),= var(--tw-shadow); } .shadow-\[0_1px_0_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 1px 0 var(--t= w-shadow-color,#00000014); box-shadow: var(--tw-inset-shadow), var(--tw-ins= et-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(-= -tw-shadow); } .shadow-\[0_1px_2px_rgba\(79\,72\,63\,0\.24\)\] { --tw-shadow: 0 1px 2px = var(--tw-shadow-color,#4f483f3d); box-shadow: var(--tw-inset-shadow), var(-= -tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow)= , var(--tw-shadow); } .shadow-\[0_1px_3px_0_rgba\(0\,0\,0\,0\.1\)\,0_1px_2px_-1px_rgba\(0\,0\,0= \,0\.1\)\] { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1= px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-sh= adow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-= ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_4px_rgba\(0\,0\,0\,\.03\)\,0_4px_24px_rgba\(0\,0\,0\,\.03= \)\] { --tw-shadow: 0 2px 4px var(--tw-shadow-color,#00000008), 0 4px 24px = var(--tw-shadow-color,#00000008); box-shadow: var(--tw-inset-shadow), var(-= -tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow)= , var(--tw-shadow); } .shadow-\[0_2px_5px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 2px 5px var= (--tw-shadow-color,#0000000f); box-shadow: var(--tw-inset-shadow), var(--tw= -inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), v= ar(--tw-shadow); } .shadow-\[0_2px_6px_-1px_rgba\(0\,0\,0\,0\.03\)\] { --tw-shadow: 0 2px 6p= x -1px var(--tw-shadow-color,#00000008); box-shadow: var(--tw-inset-shadow)= , var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-= shadow), var(--tw-shadow); } .shadow-\[0_4px_6px_-1px_rgba\(0\,0\,0\,0\.1\)\,0_2px_4px_-2px_rgba\(0\,0= \,0\,0\.1\)\] { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a= ), 0 2px 4px -2px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-in= set-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var= (--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_16px_0_rgba\(0\,0\,0\,0\.04\)\]\! { --tw-shadow: 0 4px 16= px 0 var(--tw-shadow-color,#0000000a) !important; box-shadow: var(--tw-inse= t-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(-= -tw-ring-shadow), var(--tw-shadow) !important; } .shadow-\[0_4px_16px_0_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 4px 16px= 0 var(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow), va= r(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shad= ow), var(--tw-shadow); } .shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 4px 16px v= ar(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow), var(--= tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),= var(--tw-shadow); } .shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.15\)\] { --tw-shadow: 0 4px 16px v= ar(--tw-shadow-color,#00000026); box-shadow: var(--tw-inset-shadow), var(--= tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),= var(--tw-shadow); } .shadow-\[0_4px_25px_-5px_rgba\(232\,235\,255\,0\.57\)\] { --tw-shadow: 0= 4px 25px -5px var(--tw-shadow-color,#e8ebff91); box-shadow: var(--tw-inset= -shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--= tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_5px_8px_3px_rgba\(0\,0\,0\,0\.025\)\,_0_0\.5px_1px_0px_rgba\(= 0\,0\,0\,0\.045\)\] { --tw-shadow: 0 5px 8px 3px var(--tw-shadow-color,#000= 00006), 0 .5px 1px 0px var(--tw-shadow-color,#0000000b); box-shadow: var(--= tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow)= , var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_6px_14px_rgba\(0\,0\,0\,0\.03\)\,inset_0_-1px_4px_rgba\(0\,0\= ,0\,0\.03\)\] { --tw-shadow: 0 6px 14px var(--tw-shadow-color,#00000008), i= nset 0 -1px 4px var(--tw-shadow-color,#00000008); box-shadow: var(--tw-inse= t-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(-= -tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_12px_0_rgba\(0\,0\,0\,0\.16\)\,0_0_1px_0_rgba\(0\,0\,0\,0= \.60\)\] { --tw-shadow: 0 8px 12px 0 var(--tw-shadow-color,#00000029), 0 0 = 1px 0 var(--tw-shadow-color,#0009); box-shadow: var(--tw-inset-shadow), var= (--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shado= w), var(--tw-shadow); } .shadow-\[0_8px_18px_-6px_rgba\(0\,0\,0\,0\.55\)\] { --tw-shadow: 0 8px 1= 8px -6px var(--tw-shadow-color,#0000008c); box-shadow: var(--tw-inset-shado= w), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-rin= g-shadow), var(--tw-shadow); } .shadow-\[0_8px_18px_rgba\(15\,23\,42\,0\.2\)\] { --tw-shadow: 0 8px 18px= var(--tw-shadow-color,#0f172a33); box-shadow: var(--tw-inset-shadow), var(= --tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow= ), var(--tw-shadow); } .shadow-\[0_10px_30px_rgba\(30\,88\,190\,0\.18\)\] { --tw-shadow: 0 10px = 30px var(--tw-shadow-color,#1e58be2e); box-shadow: var(--tw-inset-shadow), = var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-sh= adow), var(--tw-shadow); } .shadow-\[0_12px_36px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 12px 36px= var(--tw-shadow-color,#0000001f); box-shadow: var(--tw-inset-shadow), var(= --tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow= ), var(--tw-shadow); } .shadow-\[0_15px_42px_rgb\(0_0_0\/0\.08\)\] { --tw-shadow: 0 15px 42px va= r(--tw-shadow-color,#00000014); box-shadow: var(--tw-inset-shadow), var(--t= w-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), = var(--tw-shadow); } .shadow-\[0_18px_48px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0 18px 48px= var(--tw-shadow-color,#00000029); box-shadow: var(--tw-inset-shadow), var(= --tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow= ), var(--tw-shadow); } .shadow-\[0_18px_50px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 18px 50px= var(--tw-shadow-color,#0000001f); box-shadow: var(--tw-inset-shadow), var(= --tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow= ), var(--tw-shadow); } .shadow-\[0_25px_50px_-12px_rgba\(0\,0\,0\,0\.25\)\] { --tw-shadow: 0 25p= x 50px -12px var(--tw-shadow-color,#00000040); box-shadow: var(--tw-inset-s= hadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw= -ring-shadow), var(--tw-shadow); } .shadow-\[0px_8px_10px_-6px_rgba\(0\,0\,0\,0\.1\)\,0px_20px_25px_-5px_rgb= a\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0px 8px 10px -6px var(--tw-shadow-color= ,#0000001a), 0px 20px 25px -5px var(--tw-shadow-color,#0000001a); box-shado= w: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offse= t-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_8px_16px_-4px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0px 8= px 16px -4px var(--tw-shadow-color,#0000001f); box-shadow: var(--tw-inset-s= hadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw= -ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_-1px_2px_rgba\(92\,84\,72\,0\.16\)\,0_1px_2px_rgba\(89\= ,80\,67\,0\.18\)\] { --tw-shadow: inset 0 -1px 2px var(--tw-shadow-color,#5= c544829), 0 1px 2px var(--tw-shadow-color,#5950432e); box-shadow: var(--tw-= inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), v= ar(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_-1px_2px_rgba\(255\,255\,255\,0\.12\)\,0_1px_2px_rgba\(= 44\,40\,35\,0\.28\)\] { --tw-shadow: inset 0 -1px 2px var(--tw-shadow-color= ,#ffffff1f), 0 1px 2px var(--tw-shadow-color,#2c282347); box-shadow: var(--= tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow)= , var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.18\)\] { --tw-shadow: inset 0= 0 0 1px var(--tw-shadow-color,#0000002e); box-shadow: var(--tw-inset-shado= w), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-rin= g-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgba\(141\,181\,255\,0\.12\)\,0_0_14px_rgba\(91= \,141\,235\,0\.18\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color,= #8db5ff1f), 0 0 14px var(--tw-shadow-color,#5b8deb2e); box-shadow: var(--tw= -inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), = var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgba\(228\,228\,228\,0\.4\)\,inset_0_1px_2px_rg= ba\(255\,255\,255\,0\.5\)\,0_1px_2px_rgba\(79\,72\,63\,0\.16\)\] { --tw-sha= dow: inset 0 0 0 1px var(--tw-shadow-color,#e4e4e466), inset 0 1px 2px var(= --tw-shadow-color,#ffffff80), 0 1px 2px var(--tw-shadow-color,#4f483f29); b= ox-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ri= ng-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgba\(228\,228\,228\,0\.68\)\,0_1px_2px_rgba\(7= 9\,72\,63\,0\.18\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color,#= e4e4e4ad), 0 1px 2px var(--tw-shadow-color,#4f483f2e); box-shadow: var(--tw= -inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), = var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.52\)\,0_1px_2px_rgba\(8= 9\,80\,67\,0\.18\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color,#= ffffff85), 0 1px 2px var(--tw-shadow-color,#5950432e); box-shadow: var(--tw= -inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), = var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.72\)\,0_1px_0_rgba\(255= \,255\,255\,0\.65\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color,= #ffffffb8), 0 1px 0 var(--tw-shadow-color,#ffffffa6); box-shadow: var(--tw-= inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), v= ar(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.72\)\,0_14px_32px_rgba\= (25\,28\,38\,0\.18\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color= ,#ffffffb8), 0 14px 32px var(--tw-shadow-color,#191c262e); box-shadow: var(= --tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shado= w), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.92\)\,0_0_12px_rgba\(14= 1\,181\,255\,0\.26\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color= ,#ffffffeb), 0 0 12px var(--tw-shadow-color,#8db5ff42); box-shadow: var(--t= w-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),= var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_var\(--border-heavy\)\] { --tw-shadow: inset 0 = 0 0 1px var(--tw-shadow-color,var(--border-heavy)); box-shadow: var(--tw-in= set-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var= (--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_var\(--color-border\)\] { --tw-shadow: inset 0 = 0 0 1px var(--tw-shadow-color,var(--color-border)); box-shadow: var(--tw-in= set-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var= (--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_var\(--go-to-line-bg\)\,0_4px_8px_rgba\(0\,0\,0= \,0\.075\)\,0_6px_18px_rgba\(0\,0\,0\,0\.075\)\] { --tw-shadow: inset 0 0 0= 1px var(--tw-shadow-color,var(--go-to-line-bg)), 0 4px 8px var(--tw-shadow= -color,#00000013), 0 6px 18px var(--tw-shadow-color,#00000013); box-shadow:= var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-= shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_var\(--learning-block-accent\)\] { --tw-shadow:= inset 0 0 0 1px var(--tw-shadow-color,var(--learning-block-accent)); box-s= hadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-o= ffset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.03\)\] { --tw-shadow: ins= et 0 1px 0 var(--tw-shadow-color,#ffffff08); box-shadow: var(--tw-inset-sha= dow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-r= ing-shadow), var(--tw-shadow); } .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.12\)\] { --tw-shadow: ins= et 0 1px 0 var(--tw-shadow-color,#ffffff1f); box-shadow: var(--tw-inset-sha= dow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-r= ing-shadow), var(--tw-shadow); } .shadow-\[none\] { --tw-shadow: none; box-shadow: var(--tw-inset-shadow),= var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-s= hadow), var(--tw-shadow); } .shadow-application-menu { --tw-shadow: 0px 4px 12px var(--tw-shadow-colo= r,#0000006b); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shado= w), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); = } .shadow-card { --tw-shadow: var(--shadow-card); box-shadow: var(--tw-inse= t-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(-= -tw-ring-shadow), var(--tw-shadow); } .shadow-form-dialog { --tw-shadow: 0 8px 10px -6px var(--tw-shadow-color,= #0000001a), 0 20px 25px -5px var(--tw-shadow-color,#0000001a); box-shadow: = var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-s= hadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#000= 0000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), va= r(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0px 4px 8px -2px var(--tw-shadow-color,#0000001= a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--= tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg-stronger { --tw-shadow: 0px 4px 8px -2px var(--tw-shadow-color= ,#00000029); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow= ), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0px 2px 4px -1px var(--tw-shadow-color,#0000001= 4); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--= tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md-strong { --tw-shadow: 0px 2px 4px -1px var(--tw-shadow-color,#= 0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),= var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-mode-toggle-selected { --tw-shadow: var(--shadow-mode-toggle-sele= cted); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var= (--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow)= , var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-= shadow), var(--tw-shadow); } .shadow-sidebar-footer { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#= 00000008); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),= var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0px 1px 2px -1px var(--tw-shadow-color,#0000001= 4); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--= tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-viewer-surface { --tw-shadow: var(--shadow-viewer-surface); box-s= hadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-o= ffset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0px 8px 16px -4px var(--tw-shadow-color,#000000= 1f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(-= -tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl-spread { --tw-shadow: 0px 0px 0px .5px var(--tw-shadow-color,v= ar(--color-token-border)), var(--shadow-xl); box-shadow: var(--tw-inset-sha= dow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-r= ing-shadow), var(--tw-shadow); } .shadow-xl-stronger { --tw-shadow: 0px 8px 16px -4px var(--tw-shadow-colo= r,#00000030); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shado= w), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); = } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d); b= ox-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ri= ng-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .\!ring-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var= (--tw-ring-offset-width)) var(--tw-ring-color,currentcolor) !important; box= -shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring= -offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .ring { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--t= w-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--= tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow)= , var(--tw-ring-shadow), var(--tw-shadow); } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(-= -tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(= --tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shado= w), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(-= -tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(= --tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shado= w), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(-= -tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(= --tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shado= w), var(--tw-ring-shadow), var(--tw-shadow); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(-= -tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(= --tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shado= w), var(--tw-ring-shadow), var(--tw-shadow); } .ring-\[0\.5px\] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.5= px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-sh= adow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-of= fset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-\[1px\] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px += var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow= : var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset= -shadow), var(--tw-ring-shadow), var(--tw-shadow); } .inset-ring-1 { --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ri= ng-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-= ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw= -shadow); } .shadow-widget-inline { box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 4px, rgba= (0, 0, 0, 0.62) 0px 0px 1px; } .shadow-widget-inline:where([data-theme=3D"dark"]) { box-shadow: rgb(65, = 65, 65) 0px 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 4px 14px; } @container style(--theme-variant: dark) { .shadow-widget-inline:where(:not([data-theme])) { box-shadow: rgb(65, 65,= 65) 0px 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 4px 14px; } } .\[box-shadow\:0_4px_8px_rgba\(0\,0\,0\,0\.05\)\] { box-shadow: rgba(0, 0= , 0, 0.05) 0px 4px 8px; } .\[box-shadow\:0_8px_24px_rgba\(0\,0\,0\,0\.08\)\] { box-shadow: rgba(0, = 0, 0, 0.08) 0px 8px 24px; } .\[box-shadow\:inset_0_0_0_1px_var\(--oai-wb-border\)\] { box-shadow: ins= et 0 0 0 1px var(--oai-wb-border); } .\[box-shadow\:none\] { box-shadow: none; } .\[box-shadow\:rgba\(0\,0\,0\,0\.06\)_0px_4px_12px_-8px\,rgba\(0\,0\,0\,0= \.10\)_0px_9px_64px_-10px\,rgba\(0\,0\,0\,0\.05\)_0px_0px_0px_0\.5px\] { bo= x-shadow: rgba(0, 0, 0, 0.06) 0px 4px 12px -8px, rgba(0, 0, 0, 0.1) 0px 9px= 64px -10px, rgba(0, 0, 0, 0.05) 0px 0px 0px 0.5px; } .\[box-shadow\:var\(--oai-wb-shadow\)\] { box-shadow: var(--oai-wb-shadow= ); } .\[box-shadow\:var\(--oai-wb-shadow-lg\)\] { box-shadow: var(--oai-wb-sha= dow-lg); } .shadow-black\/20 { --tw-shadow-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .shadow-black\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in o= klab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transpar= ent); } } .shadow-text-info\/30 { --tw-shadow-color: var(--color-text-info); } @supports (color:color-mix(in lab, red, red)) { .shadow-text-info\/30 { --tw-shadow-color: color-mix(in oklab, color-mix(= in oklab, var(--color-text-info) 30%, transparent) var(--tw-shadow-alpha), = transparent); } } .ring-\(--color-surface\) { --tw-ring-color: var(--color-surface); } .ring-\(--learning-block-accent\) { --tw-ring-color: var(--learning-block= -accent); } .ring-\[\#2c67c5\] { --tw-ring-color: #2c67c5; } .ring-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_15\%\,t= ransparent\)\] { --tw-ring-color: var(--learning-block-color-primary); } @supports (color:color-mix(in lab, red, red)) { .ring-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_15\%\,t= ransparent\)\] { --tw-ring-color: color-mix(in srgb,var(--learning-block-co= lor-primary) 15%,transparent); } } .ring-\[var\(--learning-block-accent\)\] { --tw-ring-color: var(--learnin= g-block-accent); } .ring-\[var\(--learning-block-color-companion\)\] { --tw-ring-color: var(= --learning-block-color-companion); } .ring-\[var\(--learning-block-visualization-surface\,var\(--bg-primary\)\= )\] { --tw-ring-color: var(--learning-block-visualization-surface,var(--bg-= primary)); } .ring-black\/5 { --tw-ring-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .ring-black\/5 { --tw-ring-color: color-mix(in oklab, var(--color-black) = 5%, transparent); } } .ring-black\/10 { --tw-ring-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .ring-black\/10 { --tw-ring-color: color-mix(in oklab, var(--color-black)= 10%, transparent); } } .ring-border { --tw-ring-color: var(--color-border); } .ring-border-strong { --tw-ring-color: var(--color-border-strong); } .ring-border-subtle { --tw-ring-color: var(--color-border-subtle); } .ring-border\/50 { --tw-ring-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .ring-border\/50 { --tw-ring-color: color-mix(in oklab, var(--color-borde= r) 50%, transparent); } } .ring-border\/60 { --tw-ring-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .ring-border\/60 { --tw-ring-color: color-mix(in oklab, var(--color-borde= r) 60%, transparent); } } .ring-brand-logo-foreground\/10 { --tw-ring-color: var(--color-brand-logo= -foreground); } @supports (color:color-mix(in lab, red, red)) { .ring-brand-logo-foreground\/10 { --tw-ring-color: color-mix(in oklab, va= r(--color-brand-logo-foreground) 10%, transparent); } } .ring-chart-blue, .ring-chart-blue\/40 { --tw-ring-color: var(--color-cha= rt-blue); } @supports (color:color-mix(in lab, red, red)) { .ring-chart-blue\/40 { --tw-ring-color: color-mix(in oklab, var(--color-c= hart-blue) 40%, transparent); } } .ring-ring { --tw-ring-color: var(--color-ring); } .ring-surface { --tw-ring-color: var(--color-surface); } .ring-text { --tw-ring-color: var(--color-text); } .ring-text-danger\/20 { --tw-ring-color: var(--color-text-danger); } @supports (color:color-mix(in lab, red, red)) { .ring-text-danger\/20 { --tw-ring-color: color-mix(in oklab, var(--color-= text-danger) 20%, transparent); } } .ring-text-info, .ring-text-info\/30 { --tw-ring-color: var(--color-text-= info); } @supports (color:color-mix(in lab, red, red)) { .ring-text-info\/30 { --tw-ring-color: color-mix(in oklab, var(--color-te= xt-info) 30%, transparent); } } .ring-token-border-default { --tw-ring-color: var(--color-token-border-de= fault); } .ring-token-border-light { --tw-ring-color: var(--color-token-border-ligh= t); } .ring-token-border-light\/70 { --tw-ring-color: color-mix(in srgb, var(--= color-token-border-light) 70%, transparent); } @supports (color:color-mix(in lab, red, red)) { .ring-token-border-light\/70 { --tw-ring-color: color-mix(in oklab, var(-= -color-token-border-light) 70%, transparent); } } .ring-transparent { --tw-ring-color: transparent; } .ring-white\/55 { --tw-ring-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .ring-white\/55 { --tw-ring-color: color-mix(in oklab, var(--color-white)= 55%, transparent); } } .inset-ring-\(--color-border\) { --tw-inset-ring-color: var(--color-borde= r); } .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: va= r(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset= -color); } .ring-offset-\[\#212121\] { --tw-ring-offset-color: #212121; } .ring-offset-surface { --tw-ring-offset-color: var(--color-surface); } .ring-offset-surface-elevated-secondary { --tw-ring-offset-color: var(--c= olor-surface-elevated-secondary); } .ring-offset-white { --tw-ring-offset-color: var(--color-white); } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2p= x; } } .\[outline\:none\] { outline: none; } .outline, .outline-1 { outline-style: var(--tw-outline-style); outline-wi= dth: 1px; } .outline-2 { outline-style: var(--tw-outline-style); outline-width: 2px; = } .outline-3 { outline-style: var(--tw-outline-style); outline-width: 3px; = } .-outline-offset-2 { outline-offset: calc(-2px); } .outline-offset-1 { outline-offset: 1px; } .outline-offset-2 { outline-offset: 2px; } .outline-offset-\[-1px\] { outline-offset: -1px; } .outline-\[\#2c67c5\] { outline-color: rgb(44, 103, 197); } .outline-\[\#ff0000\] { outline-color: red; } .outline-\[var\(--learning-block-accent\)\] { outline-color: var(--learni= ng-block-accent); } .outline-border { outline-color: var(--color-border); } .outline-token-border-heavy { outline-color: var(--color-token-border-hea= vy); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur, ) var(--tw-brightnes= s, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(= --tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow,= ); } .blur-2xl { --tw-blur: blur(var(--blur-2xl)); filter: var(--tw-blur, ) va= r(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hu= e-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(-= -tw-drop-shadow, ); } .blur-3xl { --tw-blur: blur(var(--blur-3xl)); filter: var(--tw-blur, ) va= r(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hu= e-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(-= -tw-drop-shadow, ); } .blur-\[1px\] { --tw-blur: blur(1px); filter: var(--tw-blur, ) var(--tw-b= rightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate= , ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop= -shadow, ); } .blur-\[7px\] { --tw-blur: blur(7px); filter: var(--tw-blur, ) var(--tw-b= rightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate= , ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop= -shadow, ); } .blur-\[46px\] { --tw-blur: blur(46px); filter: var(--tw-blur, ) var(--tw= -brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rota= te, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-dr= op-shadow, ); } .blur-\[52px\] { --tw-blur: blur(52px); filter: var(--tw-blur, ) var(--tw= -brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rota= te, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-dr= op-shadow, ); } .blur-\[100px\] { --tw-blur: blur(100px); filter: var(--tw-blur, ) var(--= tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-ro= tate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-= drop-shadow, ); } .blur-md { --tw-blur: blur(var(--blur-md)); filter: var(--tw-blur, ) var(= --tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-= rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--t= w-drop-shadow, ); } .blur-sm { --tw-blur: blur(var(--blur-sm)); filter: var(--tw-blur, ) var(= --tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-= rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--t= w-drop-shadow, ); } .brightness-75 { --tw-brightness: brightness(75%); filter: var(--tw-blur,= ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--= tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) = var(--tw-drop-shadow, ); } .drop-shadow-\[0_2px_2px_rgba\(0\,0\,0\,0\.22\)\] { --tw-drop-shadow-size= : drop-shadow(0 2px 2px var(--tw-drop-shadow-color,#00000038)); --tw-drop-s= hadow: var(--tw-drop-shadow-size); filter: var(--tw-blur, ) var(--tw-bright= ness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) v= ar(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shad= ow, ); } .drop-shadow-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-d= rop-shadow-color,#0000001f)); --tw-drop-shadow: drop-shadow(var(--drop-shad= ow-md)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--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: var(--tw-blur, ) va= r(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hu= e-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(-= -tw-drop-shadow, ); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur, ) var(--tw-br= ightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate,= ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-= shadow, ); } .activity-glow { filter: drop-shadow(0px 0px 4px) drop-shadow(0px 0px 10p= x); } @supports (color:color-mix(in lab, red, red)) { .activity-glow { filter: drop-shadow(color-mix(in srgb, currentcolor 90%,= transparent 10%) 0px 0px 4px) drop-shadow(color-mix(in srgb, currentcolor = 48%, transparent 52%) 0px 0px 10px); } } @media (forced-colors: active) { .activity-glow { filter: none; } } .\[filter\:var\(--plus-onboarding-background-filter\)\] { filter: var(--p= lus-onboarding-background-filter); } .filter { filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contra= st, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(-= -tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .\!backdrop-blur-none { --tw-backdrop-blur: !important; backdrop-filter:= var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdro= p-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, = ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdro= p-saturate, ) var(--tw-backdrop-sepia, ) !important; } .backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw= -backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contras= t, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--t= w-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturat= e, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); backdrop-= filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-= backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-r= otate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-= backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); backdrop-filter: = var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop= -contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, )= var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop= -saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[12px\] { --tw-backdrop-blur: blur(12px); backdrop-filter= : var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdr= op-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate,= ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdr= op-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[16px\] { --tw-backdrop-blur: blur(16px); backdrop-filter= : var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdr= op-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate,= ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdr= op-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[18px\] { --tw-backdrop-blur: blur(18px); backdrop-filter= : var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdr= op-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate,= ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdr= op-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[24px\] { --tw-backdrop-blur: blur(24px); backdrop-filter= : var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdr= op-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate,= ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdr= op-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[30px\] { --tw-backdrop-blur: blur(30px); backdrop-filter= : var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdr= op-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate,= ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdr= op-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[60px\] { --tw-backdrop-blur: blur(60px); backdrop-filter= : var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdr= op-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate,= ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdr= op-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); backdrop-fi= lter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-ba= ckdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rot= ate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-ba= ckdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); backdrop-fi= lter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-ba= ckdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rot= ate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-ba= ckdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-none { --tw-backdrop-blur: ; backdrop-filter: var(--tw-bac= kdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, )= var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-ba= ckdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, )= var(--tw-backdrop-sepia, ); } .backdrop-blur-none\! { --tw-backdrop-blur: !important; backdrop-filter:= var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdro= p-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, = ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdro= p-saturate, ) var(--tw-backdrop-sepia, ) !important; } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); backdrop-fi= lter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-ba= ckdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rot= ate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-ba= ckdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); backdrop-fi= lter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-ba= ckdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rot= ate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-ba= ckdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-xs { --tw-backdrop-blur: blur(var(--blur-xs)); backdrop-fi= lter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-ba= ckdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rot= ate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-ba= ckdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-brightness-50 { --tw-backdrop-brightness: brightness(50%); back= drop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(= --tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-= hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(= --tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-filter { backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-ba= ckdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-graysc= ale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw= -backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia,= ); } .transition { transition-property: color, background-color, border-color,= outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --= tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translat= e, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display= , content-visibility, overlay, pointer-events; transition-timing-function: = var(--tw-ease,var(--default-transition-timing-function)); transition-durati= on: var(--tw-duration,var(--default-transition-duration)); } .transition-\[background-color\,border-color\,box-shadow\] { transition-p= roperty: background-color, border-color, box-shadow; transition-timing-func= tion: var(--tw-ease,var(--default-transition-timing-function)); transition-= duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[background-color\,border-color\,color\] { transition-proper= ty: background-color, border-color, color; transition-timing-function: var(= --tw-ease,var(--default-transition-timing-function)); transition-duration: = var(--tw-duration,var(--default-transition-duration)); } .transition-\[background-color\,box-shadow\,transform\] { transition-prop= erty: background-color, box-shadow, transform; transition-timing-function: = var(--tw-ease,var(--default-transition-timing-function)); transition-durati= on: var(--tw-duration,var(--default-transition-duration)); } .transition-\[background-color\,box-shadow\] { transition-property: backg= round-color, box-shadow; transition-timing-function: var(--tw-ease,var(--de= fault-transition-timing-function)); transition-duration: var(--tw-duration,= var(--default-transition-duration)); } .transition-\[background-color\,opacity\] { transition-property: backgrou= nd-color, opacity; transition-timing-function: var(--tw-ease,var(--default-= transition-timing-function)); transition-duration: var(--tw-duration,var(--= default-transition-duration)); } .transition-\[background-color\,transform\] { transition-property: backgr= ound-color, transform; transition-timing-function: var(--tw-ease,var(--defa= ult-transition-timing-function)); transition-duration: var(--tw-duration,va= r(--default-transition-duration)); } .transition-\[background-color\] { transition-property: background-color;= transition-timing-function: var(--tw-ease,var(--default-transition-timing-= function)); transition-duration: var(--tw-duration,var(--default-transition= -duration)); } .transition-\[border-color\,box-shadow\] { transition-property: border-co= lor, box-shadow; transition-timing-function: var(--tw-ease,var(--default-tr= ansition-timing-function)); transition-duration: var(--tw-duration,var(--de= fault-transition-duration)); } .transition-\[border-color\,opacity\,box-shadow\] { transition-property: = border-color, opacity, box-shadow; transition-timing-function: var(--tw-eas= e,var(--default-transition-timing-function)); transition-duration: var(--tw= -duration,var(--default-transition-duration)); } .transition-\[border-color\] { transition-property: border-color; transit= ion-timing-function: var(--tw-ease,var(--default-transition-timing-function= )); transition-duration: var(--tw-duration,var(--default-transition-duratio= n)); } .transition-\[border-radius\] { transition-property: border-radius; trans= ition-timing-function: var(--tw-ease,var(--default-transition-timing-functi= on)); transition-duration: var(--tw-duration,var(--default-transition-durat= ion)); } .transition-\[border-width\,max-height\,opacity\,padding\,translate\] { t= ransition-property: border-width, max-height, opacity, padding, translate; = transition-timing-function: var(--tw-ease,var(--default-transition-timing-f= unction)); transition-duration: var(--tw-duration,var(--default-transition-= duration)); } .transition-\[bottom\,width\] { transition-property: bottom, width; trans= ition-timing-function: var(--tw-ease,var(--default-transition-timing-functi= on)); transition-duration: var(--tw-duration,var(--default-transition-durat= ion)); } .transition-\[bottom\] { transition-property: bottom; transition-timing-f= unction: var(--tw-ease,var(--default-transition-timing-function)); transiti= on-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[box-shadow\,background-color\] { transition-property: box-s= hadow, background-color; transition-timing-function: var(--tw-ease,var(--de= fault-transition-timing-function)); transition-duration: var(--tw-duration,= var(--default-transition-duration)); } .transition-\[clip-path\] { transition-property: clip-path; transition-ti= ming-function: var(--tw-ease,var(--default-transition-timing-function)); tr= ansition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[color\,opacity\,rotate\] { transition-property: color, opac= ity, rotate; transition-timing-function: var(--tw-ease,var(--default-transi= tion-timing-function)); transition-duration: var(--tw-duration,var(--defaul= t-transition-duration)); } .transition-\[color\,rotate\] { transition-property: color, rotate; trans= ition-timing-function: var(--tw-ease,var(--default-transition-timing-functi= on)); transition-duration: var(--tw-duration,var(--default-transition-durat= ion)); } .transition-\[color\,scale\,translate\] { transition-property: color, sca= le, translate; transition-timing-function: var(--tw-ease,var(--default-tran= sition-timing-function)); transition-duration: var(--tw-duration,var(--defa= ult-transition-duration)); } .transition-\[cx\,cy\,r\,fill\] { transition-property: cx, cy, r, fill; t= ransition-timing-function: var(--tw-ease,var(--default-transition-timing-fu= nction)); transition-duration: var(--tw-duration,var(--default-transition-d= uration)); } .transition-\[fill-opacity\] { transition-property: fill-opacity; transit= ion-timing-function: var(--tw-ease,var(--default-transition-timing-function= )); transition-duration: var(--tw-duration,var(--default-transition-duratio= n)); } .transition-\[grid-template-columns\,background-color\] { transition-prop= erty: grid-template-columns, background-color; transition-timing-function: = var(--tw-ease,var(--default-transition-timing-function)); transition-durati= on: var(--tw-duration,var(--default-transition-duration)); } .transition-\[grid-template-columns\,opacity\] { transition-property: gri= d-template-columns, opacity; transition-timing-function: var(--tw-ease,var(= --default-transition-timing-function)); transition-duration: var(--tw-durat= ion,var(--default-transition-duration)); } .transition-\[grid-template-rows\,opacity\,margin\] { transition-property= : grid-template-rows, opacity, margin; transition-timing-function: var(--tw= -ease,var(--default-transition-timing-function)); transition-duration: var(= --tw-duration,var(--default-transition-duration)); } .transition-\[grid-template-rows\,opacity\] { transition-property: grid-t= emplate-rows, opacity; transition-timing-function: var(--tw-ease,var(--defa= ult-transition-timing-function)); transition-duration: var(--tw-duration,va= r(--default-transition-duration)); } .transition-\[height\,background-color\,border-color\] { transition-prope= rty: height, background-color, border-color; transition-timing-function: va= r(--tw-ease,var(--default-transition-timing-function)); transition-duration= : var(--tw-duration,var(--default-transition-duration)); } .transition-\[height\,min-height\,max-height\] { transition-property: hei= ght, min-height, max-height; transition-timing-function: var(--tw-ease,var(= --default-transition-timing-function)); transition-duration: var(--tw-durat= ion,var(--default-transition-duration)); } .transition-\[height\,scale\,translate\] { transition-property: height, s= cale, translate; transition-timing-function: var(--tw-ease,var(--default-tr= ansition-timing-function)); transition-duration: var(--tw-duration,var(--de= fault-transition-duration)); } .transition-\[height\,width\,opacity\] { transition-property: height, wid= th, opacity; transition-timing-function: var(--tw-ease,var(--default-transi= tion-timing-function)); transition-duration: var(--tw-duration,var(--defaul= t-transition-duration)); } .transition-\[height\] { transition-property: height; transition-timing-f= unction: var(--tw-ease,var(--default-transition-timing-function)); transiti= on-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[left\,top\] { transition-property: left, top; transition-ti= ming-function: var(--tw-ease,var(--default-transition-timing-function)); tr= ansition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[left\,width\,top\,bottom\] { transition-property: left, wid= th, top, bottom; transition-timing-function: var(--tw-ease,var(--default-tr= ansition-timing-function)); transition-duration: var(--tw-duration,var(--de= fault-transition-duration)); } .transition-\[left\] { transition-property: left; transition-timing-funct= ion: var(--tw-ease,var(--default-transition-timing-function)); transition-d= uration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[margin-inline-end\,opacity\,transform\,width\] { transition= -property: margin-inline-end, opacity, transform, width; transition-timing-= function: var(--tw-ease,var(--default-transition-timing-function)); transit= ion-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[margin\] { transition-property: margin; transition-timing-f= unction: var(--tw-ease,var(--default-transition-timing-function)); transiti= on-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[max-height\,opacity\,padding\,translate\] { transition-prop= erty: max-height, opacity, padding, translate; transition-timing-function: = var(--tw-ease,var(--default-transition-timing-function)); transition-durati= on: var(--tw-duration,var(--default-transition-duration)); } .transition-\[max-width\,margin-inline-end\,scale\,opacity\] { transition= -property: max-width, margin-inline-end, scale, opacity; transition-timing-= function: var(--tw-ease,var(--default-transition-timing-function)); transit= ion-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[max-width\,margin-inline-start\,opacity\,scale\] { transiti= on-property: max-width, margin-inline-start, opacity, scale; transition-tim= ing-function: var(--tw-ease,var(--default-transition-timing-function)); tra= nsition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[max-width\,opacity\,margin-inline-start\] { transition-prop= erty: max-width, opacity, margin-inline-start; transition-timing-function: = var(--tw-ease,var(--default-transition-timing-function)); transition-durati= on: var(--tw-duration,var(--default-transition-duration)); } .transition-\[max-width\,opacity\,transform\] { transition-property: max-= width, opacity, transform; transition-timing-function: var(--tw-ease,var(--= default-transition-timing-function)); transition-duration: var(--tw-duratio= n,var(--default-transition-duration)); } .transition-\[max-width\,opacity\] { transition-property: max-width, opac= ity; transition-timing-function: var(--tw-ease,var(--default-transition-tim= ing-function)); transition-duration: var(--tw-duration,var(--default-transi= tion-duration)); } .transition-\[max-width\,padding-inline\,background-color\,background-siz= e\,border-color\,color\] { transition-property: max-width, padding-inline, = background-color, background-size, border-color, color; transition-timing-f= unction: var(--tw-ease,var(--default-transition-timing-function)); transiti= on-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[min-height\] { transition-property: min-height; transition-= timing-function: var(--tw-ease,var(--default-transition-timing-function)); = transition-duration: var(--tw-duration,var(--default-transition-duration));= } .transition-\[opacity\,background-color\,box-shadow\] { transition-proper= ty: opacity, background-color, box-shadow; transition-timing-function: var(= --tw-ease,var(--default-transition-timing-function)); transition-duration: = var(--tw-duration,var(--default-transition-duration)); } .transition-\[opacity\,border-color\,outline-color\] { transition-propert= y: opacity, border-color, outline-color; transition-timing-function: var(--= tw-ease,var(--default-transition-timing-function)); transition-duration: va= r(--tw-duration,var(--default-transition-duration)); } .transition-\[opacity\,border-color\] { transition-property: opacity, bor= der-color; transition-timing-function: var(--tw-ease,var(--default-transiti= on-timing-function)); transition-duration: var(--tw-duration,var(--default-= transition-duration)); } .transition-\[opacity\,rotate\] { transition-property: opacity, rotate; t= ransition-timing-function: var(--tw-ease,var(--default-transition-timing-fu= nction)); transition-duration: var(--tw-duration,var(--default-transition-d= uration)); } .transition-\[opacity\,transform\] { transition-property: opacity, transf= orm; transition-timing-function: var(--tw-ease,var(--default-transition-tim= ing-function)); transition-duration: var(--tw-duration,var(--default-transi= tion-duration)); } .transition-\[opacity\,translate\] { transition-property: opacity, transl= ate; transition-timing-function: var(--tw-ease,var(--default-transition-tim= ing-function)); transition-duration: var(--tw-duration,var(--default-transi= tion-duration)); } .transition-\[opacity\] { transition-property: opacity; transition-timing= -function: var(--tw-ease,var(--default-transition-timing-function)); transi= tion-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[width\,background-color\,border-color\,box-shadow\,opacity\= ] { transition-property: width, background-color, border-color, box-shadow,= opacity; transition-timing-function: var(--tw-ease,var(--default-transitio= n-timing-function)); transition-duration: var(--tw-duration,var(--default-t= ransition-duration)); } .transition-\[width\,background-color\] { transition-property: width, bac= kground-color; transition-timing-function: var(--tw-ease,var(--default-tran= sition-timing-function)); transition-duration: var(--tw-duration,var(--defa= ult-transition-duration)); } .transition-\[width\,height\,border-radius\,background-color\] { transiti= on-property: width, height, border-radius, background-color; transition-tim= ing-function: var(--tw-ease,var(--default-transition-timing-function)); tra= nsition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[width\,margin\] { transition-property: width, margin; trans= ition-timing-function: var(--tw-ease,var(--default-transition-timing-functi= on)); transition-duration: var(--tw-duration,var(--default-transition-durat= ion)); } .transition-\[width\,top\,bottom\] { transition-property: width, top, bot= tom; transition-timing-function: var(--tw-ease,var(--default-transition-tim= ing-function)); transition-duration: var(--tw-duration,var(--default-transi= tion-duration)); } .transition-\[width\] { transition-property: width; transition-timing-fun= ction: var(--tw-ease,var(--default-transition-timing-function)); transition= -duration: var(--tw-duration,var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: v= ar(--tw-ease,var(--default-transition-timing-function)); transition-duratio= n: var(--tw-duration,var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border= -color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-f= rom, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(-= -tw-ease,var(--default-transition-timing-function)); transition-duration: v= ar(--tw-duration,var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-fun= ction: var(--tw-ease,var(--default-transition-timing-function)); transition= -duration: var(--tw-duration,var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-f= unction: var(--tw-ease,var(--default-transition-timing-function)); transiti= on-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale,= rotate; transition-timing-function: var(--tw-ease,var(--default-transition= -timing-function)); transition-duration: var(--tw-duration,var(--default-tr= ansition-duration)); } .transition-none { transition-property: none; } .delay-0 { transition-delay: 0s; } .delay-75 { transition-delay: 75ms; } .delay-\[140ms\] { transition-delay: 0.14s; } .delay-\[190ms\] { transition-delay: 0.19s; } .duration-0 { --tw-duration: 0s; transition-duration: 0s; } .duration-30 { --tw-duration: 30ms; transition-duration: 30ms; } .duration-75 { --tw-duration: 75ms; transition-duration: 75ms; } .duration-100 { --tw-duration: .1s; transition-duration: 0.1s; } .duration-150 { --tw-duration: .15s; transition-duration: 0.15s; } .duration-200 { --tw-duration: .2s; transition-duration: 0.2s; } .duration-250 { --tw-duration: .25s; transition-duration: 0.25s; } .duration-300 { --tw-duration: .3s; transition-duration: 0.3s; } .duration-500 { --tw-duration: .5s; transition-duration: 0.5s; } .duration-1000 { --tw-duration: 1s; transition-duration: 1s; } .duration-\[80ms\] { --tw-duration: 80ms; transition-duration: 80ms; } .duration-\[120ms\] { --tw-duration: .12s; transition-duration: 0.12s; } .duration-\[140ms\] { --tw-duration: .14s; transition-duration: 0.14s; } .duration-\[180ms\] { --tw-duration: .18s; transition-duration: 0.18s; } .duration-\[220ms\] { --tw-duration: .22s; transition-duration: 0.22s; } .duration-\[550ms\] { --tw-duration: .55s; transition-duration: 0.55s; } .duration-\[600ms\] { --tw-duration: .6s; transition-duration: 0.6s; } .duration-basic { --tw-duration: var(--transition-duration-basic); transi= tion-duration: var(--transition-duration-basic); } .duration-relaxed { --tw-duration: var(--transition-duration-relaxed); tr= ansition-duration: var(--transition-duration-relaxed); } .ease-\(--cubic-exit\) { --tw-ease: var(--cubic-exit); transition-timing-= function: var(--cubic-exit); } .ease-\[cubic-bezier\(0\.2\,0\,0\,1\)\] { --tw-ease: cubic-bezier(.2,0,0,= 1); transition-timing-function: cubic-bezier(0.2, 0, 0, 1); } .ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] { --tw-ease: cubic-bezier(.16= ,1,.3,1); transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); } .ease-\[cubic-bezier\(0\.25\,0\.46\,0\.45\,0\.94\)\] { --tw-ease: cubic-b= ezier(.25,.46,.45,.94); transition-timing-function: cubic-bezier(0.25, 0.46= , 0.45, 0.94); } .ease-basic { --tw-ease: var(--ease-basic); transition-timing-function: v= ar(--ease-basic); } .ease-enter { --tw-ease: var(--ease-enter); transition-timing-function: v= ar(--ease-enter); } .ease-enter-snappy { --tw-ease: var(--ease-enter-snappy); transition-timi= ng-function: var(--ease-enter-snappy); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function:= var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(-= -ease-out); } .\[transition-timing-function\:cubic-bezier\(0\.77\,0\,0\.175\,1\)\] { tr= ansition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); } .\[will-change\:background-color\,clip-path\] { will-change: background-c= olor, clip-path; } .\[will-change\:grid-template-columns\] { will-change: grid-template-colu= mns; } .\[will-change\:left\] { will-change: left; } .\[will-change\:max-width\,background-size\] { will-change: max-width, ba= ckground-size; } .\[will-change\:opacity\,transform\] { will-change: opacity, transform; } .\[will-change\:opacity\] { will-change: opacity; } .\[will-change\:transform\] { will-change: transform; } .\[will-change\:width\] { will-change: width; } .will-change-\[clip-path\] { will-change: clip-path; } .will-change-transform { will-change: transform; } .contain-inline-size { --tw-contain-size: inline-size; contain: var(--tw-= contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--= tw-contain-style, ); } .contain-layout { --tw-contain-layout: layout; contain: var(--tw-contain-= size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-conta= in-style, ); } .contain-paint { --tw-contain-paint: paint; contain: var(--tw-contain-siz= e, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-= style, ); } .contain-style { --tw-contain-style: style; contain: var(--tw-contain-siz= e, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-= style, ); } .\[contain\:content\] { contain: content; } .\[contain\:inline-size\] { contain: inline-size; } .\[contain\:inline-size_layout_paint\] { contain: inline-size layout pain= t; } .\[contain\:layout\] { contain: layout; } .\[contain\:layout_paint\] { contain: layout paint; } .\[contain\:layout_style\] { contain: layout style; } .\[contain\:paint\] { contain: paint; } .contain-\[paint_style_layout_inline-size\] { contain: inline-size layout= style paint; } .contain-content { contain: content; } .sidebar-navigation { --sidebar-navigation-header-gap: 0px; --sidebar-scr= oll-content-top-padding: var(--spacing); --sidebar-scroll-header-spacing: 0= px; --height-token-mode-switch: 32px; --height-token-nav-row: 30px; --heigh= t-token-row: var(--height-token-nav-row); --padding-row-cell-x: 8px; --padd= ing-row-x: 8px; --radius-token-row: 10px; } .sidebar-navigation:where([data-codex-window-type=3D"browser"] .sidebar-n= avigation) { --sidebar-navigation-header-gap: calc(var(--spacing) * 2); --h= eight-token-nav-row: 36px; --padding-row-cell-x: 10px; --padding-row-x: 6px= ; --padding-row-y: 6px; --text-base--line-height: var(--text-sm--line-heigh= t); --text-base: var(--text-sm); } .sidebar-row-focus { --sidebar-row-action-opacity: 0; --sidebar-row-icon-= opacity: 1; --sidebar-row-menu-width: 0px; --sidebar-row-action-width: auto= ; --sidebar-row-menu-overflow: hidden; --sidebar-row-indicator-visibility: = visible; } .sidebar-row-focus:has(:focus-visible) { --sidebar-row-action-opacity: 1;= --sidebar-row-icon-opacity: 0; --sidebar-row-menu-width: auto; --sidebar-r= ow-action-width: calc(var(--spacing) * 5); --sidebar-row-menu-overflow: vis= ible; --sidebar-row-indicator-visibility: hidden; } .\!draggable { app-region: drag !important; user-select: none !important;= } .\!draggable button { app-region: no-drag !important; } .draggable { app-region: drag; user-select: none; } .draggable button { app-region: no-drag; } .\!outline-none { --tw-outline-style: none !important; outline-style: non= e !important; } .image-transparency-backdrop { --image-transparency-backdrop-primary: var= (--color-token-main-surface-primary); --image-transparency-backdrop-seconda= ry: var(--color-token-diff-surface); } .outline-none { --tw-outline-style: none; outline-style: none; } .outline-solid { --tw-outline-style: solid; outline-style: solid; } .select-all { user-select: all; } .select-none { user-select: none; } .select-text { user-select: text; } .\!\[--markdown-font-size\:var\(--text-sm\)\] { --markdown-font-size: var= (--text-sm) !important; } .\!\[--markdown-line-height\:var\(--leading-5\)\] { --markdown-line-heigh= t: var(--leading-5) !important; } .\!\[--markdown-line-height\:var\(--leading-relaxed\)\] { --markdown-line= -height: var(--leading-relaxed) !important; } .\!\[corner-shape\:round\] { corner-shape: round !important; } .\[--alpha-05\:rgba\(127\,127\,127\,0\.08\)\] { --alpha-05: #7f7f7f14; } .\[--alpha-10\:rgba\(127\,127\,127\,0\.16\)\] { --alpha-10: #7f7f7f29; } .\[--app-menu-gutter\:0px\] { --app-menu-gutter: 0px; } .\[--app-shell-header-height\:var\(--app-shell-titlebar-height\)\] { --ap= p-shell-header-height: var(--app-shell-titlebar-height); } .\[--app-shell-panel-background\:transparent\] { --app-shell-panel-backgr= ound: transparent; } .\[--artwork-frame-height\:469\] { --artwork-frame-height: 469; } .\[--artwork-frame-width\:649\] { --artwork-frame-width: 649; } .\[--artwork-height\:517\.5\] { --artwork-height: 517.5; } .\[--artwork-height\:525\.5\] { --artwork-height: 525.5; } .\[--artwork-offset\:-99\.5\] { --artwork-offset: -99.5; } .\[--artwork-offset\:0\] { --artwork-offset: 0; } .\[--artwork-top\:-12\] { --artwork-top: -12; } .\[--artwork-top\:0\] { --artwork-top: 0; } .\[--artwork-unit\:min\(calc\(100cqw\/649\)\,calc\(100cqh\/469\)\)\] { --= artwork-unit: min(calc(100cqw / 649), calc(100cqh / 469)); } .\[--artwork-width\:681\.5\] { --artwork-width: 681.5; } .\[--artwork-width\:1005\] { --artwork-width: 1005; } .\[--bg-primary\:var\(--color-surface\)\] { --bg-primary: var(--color-sur= face); } .\[--blue-400\:var\(--color-background-info-solid\)\] { --blue-400: var(-= -color-background-info-solid); } .\[--border-default\:var\(--color-border\)\] { --border-default: var(--co= lor-border); } .\[--border-heavy\:var\(--color-border-strong\)\] { --border-heavy: var(-= -color-border-strong); } .\[--button-font-weight\:var\(--font-weight-normal\)\] { --button-font-we= ight: var(--font-weight-normal); } .\[--button-icon-size\:32px\] { --button-icon-size: 32px; } .\[--button-icon-size\:52px\] { --button-icon-size: 52px; } .\[--button-radius\:var\(--radius-xl\)\] { --button-radius: var(--radius-= xl); } .\[--button-ring-offset\:-2px\] { --button-ring-offset: -2px; } .\[--button-ring-offset\:0px\] { --button-ring-offset: 0px; } .\[--button-size\:64px\] { --button-size: 64px; } .\[--codex-chat-font-size\:16px\] { --codex-chat-font-size: 16px; } .\[--codex-chat-font-size\:var\(--font-text-sm-size\)\] { --codex-chat-fo= nt-size: var(--font-text-sm-size); } .\[--codex-chat-font-size\:var\(--text-xl\)\] { --codex-chat-font-size: v= ar(--text-xl); } .\[--codex-diffs-header-padding-x\:var\(--resource-card-row-padding-x\)\]= { --codex-diffs-header-padding-x: var(--resource-card-row-padding-x); } .\[--codex-diffs-header-padding-y\:var\(--turn-diff-row-padding-y\)\] { -= -codex-diffs-header-padding-y: var(--turn-diff-row-padding-y); } .\[--codex-diffs-surface-override\:color-mix\(in_oklab\,var\(--color-surf= ace-elevated-secondary\)_50\%\,transparent\)\] { --codex-diffs-surface-over= ride: var(--color-surface-elevated-secondary); } @supports (color:color-mix(in lab, red, red)) { .\[--codex-diffs-surface-override\:color-mix\(in_oklab\,var\(--color-surf= ace-elevated-secondary\)_50\%\,transparent\)\] { --codex-diffs-surface-over= ride: color-mix(in oklab,var(--color-surface-elevated-secondary) 50%,transp= arent); } } .\[--codex-diffs-surface\:var\(--color-surface\)\] { --codex-diffs-surfac= e: var(--color-surface); } .\[--codex-pet-width\:--spacing\(10\)\] { --codex-pet-width: calc(var(--s= pacing) * 10); } .\[--codex-pet-width\:100\%\] { --codex-pet-width: 100%; } .\[--codex-window-zoom\:1\.5\] { --codex-window-zoom: 1.5; } .\[--codex-window-zoom\:1\.25\] { --codex-window-zoom: 1.25; } .\[--codex-window-zoom\:1\] { --codex-window-zoom: 1; } .\[--color-background-control-opaque\:initial\] { --color-background-cont= rol-opaque: initial; } .\[--color-background-info-solid\:var\(--blue-400\)\] { --color-backgroun= d-info-solid: var(--blue-400); } .\[--color-border\:var\(--color-border-subtle\)\] { --color-border: var(-= -color-border-subtle); } .\[--color-surface-elevated-secondary\:theme\(--color-surface-elevated-se= condary\)\] { --color-surface-elevated-secondary: var(--color-surface-eleva= ted-secondary); } .\[--color-surface-elevated\:var\(--color-surface\)\] { --color-surface-e= levated: var(--color-surface); } .\[--color-surface-tertiary\:color-mix\(in_srgb\,var\(--color-surface-sec= ondary\)_92\%\,transparent\)\] { --color-surface-tertiary: var(--color-surf= ace-secondary); } @supports (color:color-mix(in lab, red, red)) { .\[--color-surface-tertiary\:color-mix\(in_srgb\,var\(--color-surface-sec= ondary\)_92\%\,transparent\)\] { --color-surface-tertiary: color-mix(in srg= b,var(--color-surface-secondary) 92%,transparent); } } .\[--color-text-prose\:var\(--color-text\)\] { --color-text-prose: var(--= color-text); } .\[--color-text-secondary-ghost\:var\(--color-text-tertiary\)\] { --color= -text-secondary-ghost: var(--color-text-tertiary); } .\[--composer-editor-line-height\:var\(--text-form-body--line-height\)\] = { --composer-editor-line-height: var(--text-form-body--line-height); } .\[--composer-editor-placeholder-opacity\:1\] { --composer-editor-placeho= lder-opacity: 1; } .\[--composer-overlay-placement\:bottom\] { --composer-overlay-placement:= bottom; } .\[--cursor-interaction\:pointer\] { --cursor-interaction: pointer; } .\[--detail-page-inline-inset\:var\(--padding-row-x\)\] { --detail-page-i= nline-inset: var(--padding-row-x); } .\[--detail-page-section-gap\:calc\(var\(--spacing\)\*6\)\] { --detail-pa= ge-section-gap: calc(var(--spacing) * 6); } .\[--detail-property-label-width\:theme\(spacing\.40\)\] { --detail-prope= rty-label-width: 10rem; } .\[--detail-row-font-size\:var\(--codex-chat-font-size\)\] { --detail-row= -font-size: var(--codex-chat-font-size); } .\[--diffs-dark\:currentColor\] { --diffs-dark: currentColor; } .\[--diffs-editor-selection-bg\:var\(--color-background-info-soft\)\] { -= -diffs-editor-selection-bg: var(--color-background-info-soft); } .\[--diffs-light\:currentColor\] { --diffs-light: currentColor; } .\[--diffs-min-number-column-width\:1ch\] { --diffs-min-number-column-wid= th: 1ch; } .\[--display-icon-compact\:contents\] { --display-icon-compact: contents;= } .\[--display-icon-compact\:none\] { --display-icon-compact: none; } .\[--display-icon-leading\:contents\] { --display-icon-leading: contents;= } .\[--display-icon-leading\:none\] { --display-icon-leading: none; } .\[--edge-fade-distance\:1\.5rem\] { --edge-fade-distance: 1.5rem; } .\[--edge-fade-distance\:1\.25rem\] { --edge-fade-distance: 1.25rem; } .\[--edge-fade-distance\:1rem\] { --edge-fade-distance: 1rem; } .\[--edge-fade-distance\:2\.5rem\] { --edge-fade-distance: 2.5rem; } .\[--edge-fade-distance\:2rem\] { --edge-fade-distance: 2rem; } .\[--fill-0\:var\(--color-surface-elevated\)\] { --fill-0: var(--color-su= rface-elevated); } .\[--flashcard-columns\:1\] { --flashcard-columns: 1; } .\[--flashcard-gap\:--spacing\(2\.5\)\] { --flashcard-gap: calc(var(--spa= cing) * 2.5); } .\[--font-heading-xs-line-height\:1\.25rem\] { --font-heading-xs-line-hei= ght: 1.25rem; } .\[--font-heading-xs-size\:0\.875rem\] { --font-heading-xs-size: .875rem;= } .\[--font-text-lg-line-height\:1\.75rem\] { --font-text-lg-line-height: 1= .75rem; } .\[--font-text-lg-size\:1\.125rem\] { --font-text-lg-size: 1.125rem; } .\[--font-text-md-line-height\:1\.5rem\] { --font-text-md-line-height: 1.= 5rem; } .\[--font-text-md-size\:1rem\] { --font-text-md-size: 1rem; } .\[--font-text-sm-line-height\:1\.125rem\] { --font-text-sm-line-height: = 1.125rem; } .\[--font-text-sm-size\:0\.875rem\] { --font-text-sm-size: .875rem; } .\[--font-text-xs-line-height\:1rem\] { --font-text-xs-line-height: 1rem;= } .\[--font-text-xs-size\:0\.75rem\] { --font-text-xs-size: .75rem; } .\[--font-weight-normal\:400\] { --font-weight-normal: 400; } .\[--height-token-nav-row\:30px\] { --height-token-nav-row: 30px; } .\[--height-token-nav-row\:36px\] { --height-token-nav-row: 36px; } .\[--height-token-row\:36px\] { --height-token-row: 36px; } .\[--height-token-row\:calc\(var\(--spacing\)\*10\)\] { --height-token-ro= w: calc(var(--spacing) * 10); } .\[--icon-leading-size\:calc\(var\(--spacing\)\*5\)\] { --icon-leading-si= ze: calc(var(--spacing) * 5); } .\[--markdown-wide-block-max-width\:100\%\] { --markdown-wide-block-max-w= idth: 100%; } .\[--masonry-columns\:1\] { --masonry-columns: 1; } .\[--nav-item-height\:var\(--height-token-row\)\] { --nav-item-height: va= r(--height-token-row); } .\[--padding-panel\:calc\(var\(--padding-panel-base\)\/2\)\] { --padding-= panel: calc(var(--padding-panel-base) / 2); } .\[--padding-row-cell-x\:8px\] { --padding-row-cell-x: 8px; } .\[--padding-row-cell-x\:calc\(var\(--spacing\)\*3\)\] { --padding-row-ce= ll-x: calc(var(--spacing) * 3); } .\[--padding-row-x\:8px\] { --padding-row-x: 8px; } .\[--padding-toolbar\:calc\(var\(--spacing\)\*2\)\] { --padding-toolbar: = calc(var(--spacing) * 2); } .\[--pane-overlay-header-height\:0px\] { --pane-overlay-header-height: 0p= x; } .\[--popover-min-width\:var\(--radix-popover-trigger-width\)\] { --popove= r-min-width: var(--radix-popover-trigger-width); } .\[--popover-width\:var\(--radix-popover-trigger-width\)\] { --popover-wi= dth: var(--radix-popover-trigger-width); } .\[--pr-status-dot-color\:var\(--color-chart-green\)\] { --pr-status-dot-= color: var(--color-chart-green); } .\[--pr-status-dot-color\:var\(--color-chart-red\)\] { --pr-status-dot-co= lor: var(--color-chart-red); } .\[--pr-status-dot-color\:var\(--color-chart-yellow\)\] { --pr-status-dot= -color: var(--color-chart-yellow); } .\[--radius-full\:9999px\] { --radius-full: 9999px; } .\[--radius-md\:0\.5rem\] { --radius-md: .5rem; } .\[--radius-sm\:0\.375rem\] { --radius-sm: .375rem; } .\[--radius-token-row\:10px\] { --radius-token-row: 10px; } .\[--radius-token-row\:var\(--radius-lg\)\] { --radius-token-row: var(--r= adius-lg); } .\[--resource-card-max-width\:var\(--container-sm\)\] { --resource-card-m= ax-width: var(--container-sm); } .\[--resource-card-row-padding-x\:0\.75rem\] { --resource-card-row-paddin= g-x: .75rem; } .\[--resource-card-row-padding-x\:1rem\] { --resource-card-row-padding-x:= 1rem; } .\[--right-panel-composer-overlay-reserve\:118px\] { --right-panel-compos= er-overlay-reserve: 118px; } .\[--rolling-number-y-offset\:0px\] { --rolling-number-y-offset: 0px; } .\[--sectioned-page-leading-inset\:0\.5rem\] { --sectioned-page-leading-i= nset: .5rem; } .\[--sectioned-page-leading-inset\:var\(--detail-page-inline-inset\,0px\)= \] { --sectioned-page-leading-inset: var(--detail-page-inline-inset,0px); } .\[--select-control-font-size\:var\(--text-base\)\] { --select-control-fo= nt-size: var(--text-base); } .\[--select-control-font-size\:var\(--text-form-body\)\] { --select-contr= ol-font-size: var(--text-form-body); } .\[--select-control-font-weight\:var\(--font-ui-weight\)\] { --select-con= trol-font-weight: var(--font-ui-weight); } .\[--shadow-hairline\:0_0_0_1px_var\(--color-border-subtle\)\] { --shadow= -hairline: 0 0 0 1px var(--color-border-subtle); } .\[--shadow\:none\] { --shadow: none; } .\[--shadow\:var\(--shadow-lg\)\] { --shadow: var(--shadow-lg); } .\[--shimmer-contrast\:rgba\(255\,255\,255\,0\.52\)\] { --shimmer-contras= t: #ffffff85; } .\[--side-tooltip\:bottom\] { --side-tooltip: bottom; } .\[--side-tooltip\:top\] { --side-tooltip: top; } .\[--sidebar-footer-height\:0px\] { --sidebar-footer-height: 0px; } .\[--sidebar-scroll-header-fade-distance\:calc\(var\(--spacing\)\*4\)\] {= --sidebar-scroll-header-fade-distance: calc(var(--spacing) * 4); } .\[--sidebar-scroll-header-fade-start\:0px\] { --sidebar-scroll-header-fa= de-start: 0px; } .\[--stroke-0\:var\(--color-text\)\] { --stroke-0: var(--color-text); } .\[--task-row-trailing-inset\:calc\(var\(--spacing\)\*1\.5\)\] { --task-r= ow-trailing-inset: calc(var(--spacing) * 1.5); } .\[--text-primary\:var\(--color-text\)\] { --text-primary: var(--color-te= xt); } .\[--text-secondary\:var\(--color-text-secondary\)\] { --text-secondary: = var(--color-text-secondary); } .\[--text-sm--letter-spacing\:var\(--text-form-body--letter-spacing\)\] {= --text-sm--letter-spacing: var(--text-form-body--letter-spacing); } .\[--text-sm\:var\(--font-text-sm-size\)\] { --text-sm: var(--font-text-s= m-size); } .\[--text-tracking\:0em\] { --text-tracking: 0em; } .\[--thread-body-max-width\:calc\(var\(--thread-content-max-width\)\+var\= (--thread-body-inline-padding\,0px\)\*2\)\] { --thread-body-max-width: calc= (var(--thread-content-max-width) + var(--thread-body-inline-padding,0px) * = 2); } .\[--thread-content-max-width\:42rem\] { --thread-content-max-width: 42re= m; } .\[--thread-content-max-width\:48rem\] { --thread-content-max-width: 48re= m; } .\[--thread-content-max-width\:100\%\] { --thread-content-max-width: 100%= ; } .\[--thread-content-max-width\:480px\] { --thread-content-max-width: 480p= x; } .\[--thread-content-max-width\:500px\] { --thread-content-max-width: 500p= x; } .\[--thread-content-max-width\:var\(--thread-content-responsive-max-width= \,inherit\)\] { --thread-content-max-width: var(--thread-content-responsive= -max-width,inherit); } .\[--thread-content-responsive-max-width\:var\(--thread-content-expanded-= max-width\,inherit\)\] { --thread-content-responsive-max-width: var(--threa= d-content-expanded-max-width,inherit); } .\[--thread-content-top-inset\:calc\(var\(--spacing\)\*8\)\] { --thread-c= ontent-top-inset: calc(var(--spacing) * 8); } .\[--thread-content-top-inset\:var\(--height-toolbar\)\] { --thread-conte= nt-top-inset: var(--height-toolbar); } .\[--thread-floating-content-bottom-inset\:16px\] { --thread-floating-con= tent-bottom-inset: 16px; } .\[--thread-floating-content-top-inset\:16px\] { --thread-floating-conten= t-top-inset: 16px; } .\[--thread-sticky-header-top\:calc\(var\(--spacing\)\*8\)\] { --thread-s= ticky-header-top: calc(var(--spacing) * 8); } .\[--thread-sticky-header-top\:var\(--thread-content-top-inset\)\] { --th= read-sticky-header-top: var(--thread-content-top-inset); } .\[--turn-diff-row-padding-y\:0\.25rem\] { --turn-diff-row-padding-y: .25= rem; } .\[--viewer-header-start-inset\:var\(--app-shell-titlebar-left-inset\,0px= \)\] { --viewer-header-start-inset: var(--app-shell-titlebar-left-inset,0px= ); } .\[--wb-accent\:var\(--codex-base-accent\,var\(--color-text-info\,var\(--= color-text\)\)\)\] { --wb-accent: var(--codex-base-accent,var(--color-text-= info,var(--color-text))); } .\[--wb-editor-page-bottom-inset\:calc\(var\(--spacing\)\*8\)\] { --wb-ed= itor-page-bottom-inset: calc(var(--spacing) * 8); } .\[--wb-editor-page-inline-inset\:var\(--padding-toolbar\)\] { --wb-edito= r-page-inline-inset: var(--padding-toolbar); } .\[--wb-editor-page-max-width\:min\(48rem\,calc\(100vw-2rem\)\)\] { --wb-= editor-page-max-width: min(48rem, calc(100vw - 2rem)); } .\[--wb-editor-page-top-inset\:calc\(var\(--spacing\)\*8\)\] { --wb-edito= r-page-top-inset: calc(var(--spacing) * 8); } .\[--wb-editor-page-top-inset\:calc\(var\(--spacing\)\*24\)\] { --wb-edit= or-page-top-inset: calc(var(--spacing) * 24); } .\[--wb-font-size\:var\(--codex-chat-font-size\,0\.875rem\)\] { --wb-font= -size: var(--codex-chat-font-size,.875rem); } .\[--wb-font-size\:var\(--text-sm\)\] { --wb-font-size: var(--text-sm); } .\[--wb-interactive-background\:var\(--color-background-primary-ghost-hov= er\)\] { --wb-interactive-background: var(--color-background-primary-ghost-= hover); } .\[--wb-on-accent\:var\(--color-text-info-solid\,var\(--color-text-invers= e\,\#fff\)\)\] { --wb-on-accent: var(--color-text-info-solid,var(--color-te= xt-inverse,#fff)); } .\[--wb-selection\:var\(--color-background-text-selection\)\] { --wb-sele= ction: var(--color-background-text-selection); } .\[--wb-surface-primary\:color-mix\(in_srgb\,var\(--color-surface-elevate= d-secondary\)_86\%\,var\(--color-surface\)\)\] { --wb-surface-primary: var(= --color-surface-elevated-secondary); } @supports (color:color-mix(in lab, red, red)) { .\[--wb-surface-primary\:color-mix\(in_srgb\,var\(--color-surface-elevate= d-secondary\)_86\%\,var\(--color-surface\)\)\] { --wb-surface-primary: colo= r-mix(in srgb,var(--color-surface-elevated-secondary) 86%,var(--color-surfa= ce)); } } .\[-webkit-app-region\:initial\] { app-region: initial; } .\[-webkit-appearance\:none\] { appearance: none; } .\[-webkit-mask-image\:linear-gradient\(to_bottom\,black_40\%\,transparen= t_100\%\)\] { mask-image: linear-gradient(rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0= ) 100%); } .\[-webkit-mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%_-_va= r\(--spacing\)\)\,transparent\)\] { mask-image: linear-gradient(to bottom,b= lack calc(100% - var(--spacing)),transparent); } .\[-webkit-mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_16p= x\)\,transparent\)\] { mask-image: linear-gradient(90deg, rgb(0, 0, 0) calc= (100% - 16px), rgba(0, 0, 0, 0)); } .\[animation-direction\:alternate-reverse\] { animation-direction: altern= ate-reverse; } .\[animation-direction\:reverse\] { animation-direction: reverse; } .\[background\:transparent\] { background: 0px 0px; } .\[background\:var\(--oai-wb-interactive-secondary-hover\)\] { background= : var(--oai-wb-interactive-secondary-hover); } .\[background\:var\(--oai-wb-surface-primary\)\] { background: var(--oai-= wb-surface-primary); } .\[background\:var\(--oai-wb-surface-secondary\)\] { background: var(--oa= i-wb-surface-secondary); } .\[border-bottom\:1px_solid_var\(--oai-wb-divider\)\] { border-bottom: 1p= x solid var(--oai-wb-divider); } .\[border-top\:1px_solid_var\(--oai-wb-divider\)\] { border-top: 1px soli= d var(--oai-wb-divider); } .\[border\:1px_solid_var\(--oai-wb-divider\)\] { border: 1px solid var(--= oai-wb-divider); } .\[contain-intrinsic-block-size\:auto_1lh\] { contain-intrinsic-block-siz= e: auto 1lh; } .\[contain-intrinsic-block-size\:auto_calc\(var\(--spacing\)\*8\)\] { con= tain-intrinsic-block-size: auto calc(var(--spacing) * 8); } .\[contain-intrinsic-block-size\:auto_var\(--height-token-row\)\] { conta= in-intrinsic-block-size: auto var(--height-token-row); } .\[contain-intrinsic-size\:auto_36px\] { contain-intrinsic-size: auto 36p= x; } .\[contain-intrinsic-size\:auto_64px\] { contain-intrinsic-size: auto 64p= x; } .\[contain-intrinsic-size\:auto_240px\] { contain-intrinsic-size: auto 24= 0px; } .\[container-name\:home-main-content\] { container-name: home-main-conten= t; } .\[container-name\:thread-content\] { container-name: thread-content; } .\[content-visibility\:auto\] { content-visibility: auto; } .\[corner-shape\:superellipse\(1\.1\)\] { corner-shape: superellipse(1.1)= ; } .\[direction\:ltr\] { direction: ltr; } .\[direction\:rtl\] { direction: rtl; } .\[font-synthesis-weight\:auto\] { font-synthesis-weight: auto; } .\[font-variant\:inherit\] { font-variant: inherit; } .\[font\:inherit\] { font: inherit; } .\[grid-area\:1\/1\] { grid-area: 1 / 1; } .\[overflow-anchor\:none\] { overflow-anchor: none; } .\[perspective\:1200px\] { perspective: 1200px; } .\[text-box-trim\:trim-both\] { text-box-trim: trim-both; } .\[text-decoration-skip-ink\:none\] { text-decoration-skip-ink: none; } .\[text-decoration\:none\] { text-decoration: none; } .\[text-underline-position\:from-font\] { text-underline-position: from-f= ont; } .\[transform-style\:preserve-3d\] { transform-style: preserve-3d; } .\[unicode-bidi\:plaintext\] { unicode-bidi: plaintext; } .\[writing-mode\:vertical-rl\] { writing-mode: vertical-rl; } .block-1 { block-size: var(--spacing); } .block-2 { block-size: calc(var(--spacing) * 2); } .home-composer-anchor { --home-composer-top: max(0px, calc(42svh / var(--= codex-window-zoom) - var(--app-shell-main-content-top-offset,var(--inset-to= olbar)))); } .no-drag { app-region: no-drag; } .ring-inset { --tw-ring-inset: inset; } :is(.\*\:pointer-events-auto > *) { pointer-events: auto; } :is(.\*\:pointer-events-none > *) { pointer-events: none; } :is(.\*\:box-border > *) { box-sizing: border-box; } :is(.\*\:h-full\! > *) { height: 100% !important; } :is(.\*\:min-h-0\! > *) { min-height: 0px !important; } :is(.\*\:min-h-\[var\(--composer-editor-min-height\,2\.5rem\)\] > *) { mi= n-height: var(--composer-editor-min-height,2.5rem); } :is(.\*\:w-\[calc\(\(100\%-\(var\(--flashcard-columns\)-1\)\*var\(--flash= card-gap\)\)\/var\(--flashcard-columns\)\)\] > *) { width: calc((100% - (va= r(--flashcard-columns) - 1) * var(--flashcard-gap)) / var(--flashcard-colum= ns)); } :is(.\*\:min-w-0 > *) { min-width: 0px; } :is(.\*\:min-w-36 > *) { min-width: calc(var(--spacing) * 36); } :is(.\*\:min-w-56 > *) { min-width: calc(var(--spacing) * 56); } :is(.\*\:flex-1 > *) { flex: 1 1 0%; } :is(.\*\:flex-\[0_0_calc\(\(100\%-1\.5rem\)\/3\)\] > *) { flex: 0 0 calc(= 33.3333% - 0.5rem); } :is(.\*\:flex-\[0_0_calc\(\(100\%-2\.25rem\)\/4\)\] > *) { flex: 0 0 calc= (25% - 0.5625rem); } :is(.\*\:overflow-hidden > *) { overflow: hidden; } :is(.\*\:py-\[calc\(\(var\(--composer-editor-single-line-height\,calc\(va= r\(--spacing\)\*9\)\)-1lh\)\/2\)\] > *) { padding-block: calc((var(--compos= er-editor-single-line-height,calc(var(--spacing) * 9)) - 1lh) / 2); } :is(.\*\:text-size-chat > *) { font-size: var(--codex-chat-font-size); } :is(.\*\:opacity-60 > *) { opacity: 0.6; } .not-first\:mt-1:not(:first-child) { margin-top: var(--spacing); } :is(.not-has-\[button\]\:hidden:not(:has(:is(button))), .not-has-\[\>\:no= t\(\[hidden\]\)\]\:hidden:not(:has(> :not([hidden])))) { display: none; } .group-not-focus-within\/symbol-grid\:opacity-100:is(:where(.group\/symbo= l-grid):not(:focus-within) :where(.group-not-focus-within\/symbol-grid\:opa= city-100)) { opacity: 1; } .group-last\/turn-diff-file-row\:rounded-b-lg:is(:where(.group\/turn-diff= -file-row):last-child :where(.group-last\/turn-diff-file-row\:rounded-b-lg)= ) { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius= : var(--radius-lg); } .group-only\/fallback-cue\:relative:is(:where(.group\/fallback-cue):only-= child :where(.group-only\/fallback-cue\:relative)) { position: relative; } .group-only\/fallback-cue\:py-3:is(:where(.group\/fallback-cue):only-chil= d :where(.group-only\/fallback-cue\:py-3)) { padding-block: calc(var(--spac= ing) * 3); } .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open)= :where(.group-open\:rotate-90)) { rotate: 90deg; } .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open= ) :where(.group-open\:rotate-180)), .group-open\/closed-tab\:rotate-180:is(= :where(.group\/closed-tab):is([open], :popover-open, :open) :where(.group-o= pen\/closed-tab\:rotate-180)) { rotate: 180deg; } .group-open\/code\:rotate-0:is(:where(.group\/code):is([open], :popover-o= pen, :open) :where(.group-open\/code\:rotate-0)) { rotate: 0deg; } .group-open\/command\:invisible:is(:where(.group\/command):is([open], :po= pover-open, :open) :where(.group-open\/command\:invisible)) { visibility: h= idden; } .group-open\/command\:inline:is(:where(.group\/command):is([open], :popov= er-open, :open) :where(.group-open\/command\:inline)) { display: inline; } .group-open\/command\:rotate-0:is(:where(.group\/command):is([open], :pop= over-open, :open) :where(.group-open\/command\:rotate-0)) { rotate: 0deg; } .group-open\/commits\:rotate-90:is(:where(.group\/commits):is([open], :po= pover-open, :open) :where(.group-open\/commits\:rotate-90)), .group-open\/d= escription\:rotate-90:is(:where(.group\/description):is([open], :popover-op= en, :open) :where(.group-open\/description\:rotate-90)) { rotate: 90deg; } .group-open\/hook\:rotate-0:is(:where(.group\/hook):is([open], :popover-o= pen, :open) :where(.group-open\/hook\:rotate-0)) { rotate: 0deg; } .group-open\/input-schema\:rotate-90:is(:where(.group\/input-schema):is([= open], :popover-open, :open) :where(.group-open\/input-schema\:rotate-90)) = { rotate: 90deg; } .group-open\/notebook-cell\:rotate-0:is(:where(.group\/notebook-cell):is(= [open], :popover-open, :open) :where(.group-open\/notebook-cell\:rotate-0))= { rotate: 0deg; } .group-open\/saved-tab\:rotate-180:is(:where(.group\/saved-tab):is([open]= , :popover-open, :open) :where(.group-open\/saved-tab\:rotate-180)) { rotat= e: 180deg; } .group-open\/section\:rotate-0:is(:where(.group\/section):is([open], :pop= over-open, :open) :where(.group-open\/section\:rotate-0)) { rotate: 0deg; } .group-open\/site-tool\:sticky:is(:where(.group\/site-tool):is([open], :p= opover-open, :open) :where(.group-open\/site-tool\:sticky)) { position: sti= cky; } .group-open\/site-tool\:top-0:is(:where(.group\/site-tool):is([open], :po= pover-open, :open) :where(.group-open\/site-tool\:top-0)) { top: 0px; } .group-open\/site-tool\:z-10:is(:where(.group\/site-tool):is([open], :pop= over-open, :open) :where(.group-open\/site-tool\:z-10)) { z-index: 10; } .group-open\/site-tool\:rotate-90:is(:where(.group\/site-tool):is([open],= :popover-open, :open) :where(.group-open\/site-tool\:rotate-90)) { rotate:= 90deg; } .group-open\/tab\:rotate-180:is(:where(.group\/tab):is([open], :popover-o= pen, :open) :where(.group-open\/tab\:rotate-180)) { rotate: 180deg; } .group-focus-within\:pointer-events-auto:is(:where(.group):focus-within := where(.group-focus-within\:pointer-events-auto)) { pointer-events: auto; } .group-focus-within\:visible:is(:where(.group):focus-within :where(.group= -focus-within\:visible)) { visibility: visible; } .group-focus-within\:border-ring:is(:where(.group):focus-within :where(.g= roup-focus-within\:border-ring)) { border-color: var(--color-ring); } .group-focus-within\:text-default:is(:where(.group):focus-within :where(.= group-focus-within\:text-default)) { color: var(--color-text); } .group-focus-within\:text-secondary:is(:where(.group):focus-within :where= (.group-focus-within\:text-secondary)) { color: var(--color-text-secondary)= ; } .group-focus-within\:opacity-0:is(:where(.group):focus-within :where(.gro= up-focus-within\:opacity-0)) { opacity: 0; } .group-focus-within\:opacity-100:is(:where(.group):focus-within :where(.g= roup-focus-within\:opacity-100)) { opacity: 1; } .group-focus-within\:ring-border-strong:is(:where(.group):focus-within :w= here(.group-focus-within\:ring-border-strong)) { --tw-ring-color: var(--col= or-border-strong); } .group-focus-within\/add\:opacity-0:is(:where(.group\/add):focus-within := where(.group-focus-within\/add\:opacity-0)) { opacity: 0; } .group-focus-within\/add\:opacity-100:is(:where(.group\/add):focus-within= :where(.group-focus-within\/add\:opacity-100)), .group-focus-within\/addre= ss-bar\:opacity-100:is(:where(.group\/address-bar):focus-within :where(.gro= up-focus-within\/address-bar\:opacity-100)) { opacity: 1; } .group-focus-within\/address-bar\:delay-0:is(:where(.group\/address-bar):= focus-within :where(.group-focus-within\/address-bar\:delay-0)) { transitio= n-delay: 0s; } .group-focus-within\/code-snippet\:opacity-100:is(:where(.group\/code-sni= ppet):focus-within :where(.group-focus-within\/code-snippet\:opacity-100)) = { opacity: 1; } .group-focus-within\/comment\:pointer-events-auto:is(:where(.group\/comme= nt):focus-within :where(.group-focus-within\/comment\:pointer-events-auto))= { pointer-events: auto; } .group-focus-within\/comment\:hidden:is(:where(.group\/comment):focus-wit= hin :where(.group-focus-within\/comment\:hidden)) { display: none; } .group-focus-within\/comment\:pe-20:is(:where(.group\/comment):focus-with= in :where(.group-focus-within\/comment\:pe-20)) { padding-inline-end: calc(= var(--spacing) * 20); } .group-focus-within\/comment\:opacity-100:is(:where(.group\/comment):focu= s-within :where(.group-focus-within\/comment\:opacity-100)), .group-focus-w= ithin\/commits\:opacity-100:is(:where(.group\/commits):focus-within :where(= .group-focus-within\/commits\:opacity-100)) { opacity: 1; } .group-focus-within\/composer-attachment\:pointer-events-auto:is(:where(.= group\/composer-attachment):focus-within :where(.group-focus-within\/compos= er-attachment\:pointer-events-auto)) { pointer-events: auto; } .group-focus-within\/composer-attachment\:opacity-100:is(:where(.group\/c= omposer-attachment):focus-within :where(.group-focus-within\/composer-attac= hment\:opacity-100)), .group-focus-within\/example\:opacity-100:is(:where(.= group\/example):focus-within :where(.group-focus-within\/example\:opacity-1= 00)) { opacity: 1; } .group-focus-within\/floating-composer\:pointer-events-auto:is(:where(.gr= oup\/floating-composer):focus-within :where(.group-focus-within\/floating-c= omposer\:pointer-events-auto)) { pointer-events: auto; } .group-focus-within\/floating-composer\:translate-y-0:is(:where(.group\/f= loating-composer):focus-within :where(.group-focus-within\/floating-compose= r\:translate-y-0)) { --tw-translate-y: 0px; translate: var(--tw-translate-x= ) var(--tw-translate-y); } .group-focus-within\/floating-composer\:delay-0:is(:where(.group\/floatin= g-composer):focus-within :where(.group-focus-within\/floating-composer\:del= ay-0)) { transition-delay: 0s; } .group-focus-within\/floating-composer-reveal-zone\:pointer-events-auto:i= s(:where(.group\/floating-composer-reveal-zone):focus-within :where(.group-= focus-within\/floating-composer-reveal-zone\:pointer-events-auto)) { pointe= r-events: auto; } .group-focus-within\/floating-composer-reveal-zone\:translate-y-0:is(:whe= re(.group\/floating-composer-reveal-zone):focus-within :where(.group-focus-= within\/floating-composer-reveal-zone\:translate-y-0)) { --tw-translate-y: = 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-focus-within\/generated-image-gallery-controls\:pointer-events-aut= o:is(:where(.group\/generated-image-gallery-controls):focus-within :where(.= group-focus-within\/generated-image-gallery-controls\:pointer-events-auto))= { pointer-events: auto; } .group-focus-within\/generated-image-gallery-controls\:opacity-0:is(:wher= e(.group\/generated-image-gallery-controls):focus-within :where(.group-focu= s-within\/generated-image-gallery-controls\:opacity-0)) { opacity: 0; } .group-focus-within\/generated-image-gallery-controls\:opacity-100:is(:wh= ere(.group\/generated-image-gallery-controls):focus-within :where(.group-fo= cus-within\/generated-image-gallery-controls\:opacity-100)) { opacity: 1; } .group-focus-within\/home-suggestion-list-item\:pointer-events-auto:is(:w= here(.group\/home-suggestion-list-item):focus-within :where(.group-focus-wi= thin\/home-suggestion-list-item\:pointer-events-auto)) { pointer-events: au= to; } .group-focus-within\/home-suggestion-list-item\:block:is(:where(.group\/h= ome-suggestion-list-item):focus-within :where(.group-focus-within\/home-sug= gestion-list-item\:block)) { display: block; } .group-focus-within\/home-suggestion-list-item\:bg-primary-ghost-hover:is= (:where(.group\/home-suggestion-list-item):focus-within :where(.group-focus= -within\/home-suggestion-list-item\:bg-primary-ghost-hover)) { background-c= olor: var(--color-background-primary-ghost-hover); } .group-focus-within\/home-suggestion-list-item\:opacity-100:is(:where(.gr= oup\/home-suggestion-list-item):focus-within :where(.group-focus-within\/ho= me-suggestion-list-item\:opacity-100)), .group-focus-within\/home-suggestio= ns\:opacity-100:is(:where(.group\/home-suggestions):focus-within :where(.gr= oup-focus-within\/home-suggestions\:opacity-100)) { opacity: 1; } .group-focus-within\/memory-source\:pointer-events-auto:is(:where(.group\= /memory-source):focus-within :where(.group-focus-within\/memory-source\:poi= nter-events-auto)) { pointer-events: auto; } .group-focus-within\/memory-source\:opacity-100:is(:where(.group\/memory-= source):focus-within :where(.group-focus-within\/memory-source\:opacity-100= )) { opacity: 1; } .group-focus-within\/nav-section-title\:pointer-events-auto:is(:where(.gr= oup\/nav-section-title):focus-within :where(.group-focus-within\/nav-sectio= n-title\:pointer-events-auto)) { pointer-events: auto; } .group-focus-within\/nav-section-title\:w-auto:is(:where(.group\/nav-sect= ion-title):focus-within :where(.group-focus-within\/nav-section-title\:w-au= to)) { width: auto; } .group-focus-within\/nav-section-title\:overflow-visible:is(:where(.group= \/nav-section-title):focus-within :where(.group-focus-within\/nav-section-t= itle\:overflow-visible)) { overflow: visible; } .group-focus-within\/nav-section-title\:opacity-100:is(:where(.group\/nav= -section-title):focus-within :where(.group-focus-within\/nav-section-title\= :opacity-100)) { opacity: 1; } .group-focus-within\/notebook-cell\:opacity-60:is(:where(.group\/notebook= -cell):focus-within :where(.group-focus-within\/notebook-cell\:opacity-60))= { opacity: 0.6; } .group-focus-within\/passage\:opacity-100:is(:where(.group\/passage):focu= s-within :where(.group-focus-within\/passage\:opacity-100)) { opacity: 1; } .group-focus-within\/pdf-preview\:pointer-events-auto:is(:where(.group\/p= df-preview):focus-within :where(.group-focus-within\/pdf-preview\:pointer-e= vents-auto)) { pointer-events: auto; } .group-focus-within\/pdf-preview\:opacity-100:is(:where(.group\/pdf-previ= ew):focus-within :where(.group-focus-within\/pdf-preview\:opacity-100)), .g= roup-focus-within\/permission\:opacity-100:is(:where(.group\/permission):fo= cus-within :where(.group-focus-within\/permission\:opacity-100)), .group-fo= cus-within\/profile-section\:opacity-100:is(:where(.group\/profile-section)= :focus-within :where(.group-focus-within\/profile-section\:opacity-100)) { = opacity: 1; } .group-focus-within\/project-chat\:pointer-events-auto:is(:where(.group\/= project-chat):focus-within :where(.group-focus-within\/project-chat\:pointe= r-events-auto)) { pointer-events: auto; } .group-focus-within\/project-chat\:opacity-0:is(:where(.group\/project-ch= at):focus-within :where(.group-focus-within\/project-chat\:opacity-0)) { op= acity: 0; } .group-focus-within\/project-chat\:opacity-100:is(:where(.group\/project-= chat):focus-within :where(.group-focus-within\/project-chat\:opacity-100)) = { opacity: 1; } .group-focus-within\/project-source\:opacity-0:is(:where(.group\/project-= source):focus-within :where(.group-focus-within\/project-source\:opacity-0)= ) { opacity: 0; } .group-focus-within\/project-source\:opacity-100:is(:where(.group\/projec= t-source):focus-within :where(.group-focus-within\/project-source\:opacity-= 100)) { opacity: 1; } .group-focus-within\/referral\:\!pointer-events-auto:is(:where(.group\/re= ferral):focus-within :where(.group-focus-within\/referral\:\!pointer-events= -auto)) { pointer-events: auto !important; } .group-focus-within\/referral\:\!opacity-0:is(:where(.group\/referral):fo= cus-within :where(.group-focus-within\/referral\:\!opacity-0)) { opacity: 0= !important; } .group-focus-within\/referral\:\!opacity-100:is(:where(.group\/referral):= focus-within :where(.group-focus-within\/referral\:\!opacity-100)) { opacit= y: 1 !important; } .group-focus-within\/resource-card\:hidden:is(:where(.group\/resource-car= d):focus-within :where(.group-focus-within\/resource-card\:hidden)) { displ= ay: none; } .group-focus-within\/resource-card\:inline:is(:where(.group\/resource-car= d):focus-within :where(.group-focus-within\/resource-card\:inline)) { displ= ay: inline; } .group-focus-within\/resource-row\:pointer-events-auto:is(:where(.group\/= resource-row):focus-within :where(.group-focus-within\/resource-row\:pointe= r-events-auto)) { pointer-events: auto; } .group-focus-within\/resource-row\:hidden:is(:where(.group\/resource-row)= :focus-within :where(.group-focus-within\/resource-row\:hidden)) { display:= none; } .group-focus-within\/resource-row\:inline:is(:where(.group\/resource-row)= :focus-within :where(.group-focus-within\/resource-row\:inline)) { display:= inline; } .group-focus-within\/resource-row\:opacity-100:is(:where(.group\/resource= -row):focus-within :where(.group-focus-within\/resource-row\:opacity-100)) = { opacity: 1; } .group-focus-within\/status-toggle\:opacity-0:is(:where(.group\/status-to= ggle):focus-within :where(.group-focus-within\/status-toggle\:opacity-0)) {= opacity: 0; } .group-focus-within\/status-toggle\:opacity-100:is(:where(.group\/status-= toggle):focus-within :where(.group-focus-within\/status-toggle\:opacity-100= )) { opacity: 1; } .group-focus-within\/summary-panel-item\:pointer-events-auto:is(:where(.g= roup\/summary-panel-item):focus-within :where(.group-focus-within\/summary-= panel-item\:pointer-events-auto)) { pointer-events: auto; } .group-focus-within\/summary-panel-item\:w-token-button-composer:is(:wher= e(.group\/summary-panel-item):focus-within :where(.group-focus-within\/summ= ary-panel-item\:w-token-button-composer)) { width: var(--spacing-token-butt= on-composer); } .group-focus-within\/summary-panel-item\:opacity-0:is(:where(.group\/summ= ary-panel-item):focus-within :where(.group-focus-within\/summary-panel-item= \:opacity-0)) { opacity: 0; } .group-focus-within\/summary-panel-item\:opacity-100:is(:where(.group\/su= mmary-panel-item):focus-within :where(.group-focus-within\/summary-panel-it= em\:opacity-100)) { opacity: 1; } .group-focus-within\/tab\:pointer-events-auto:is(:where(.group\/tab):focu= s-within :where(.group-focus-within\/tab\:pointer-events-auto)) { pointer-e= vents: auto; } .group-focus-within\/tab\:me-1\.75:is(:where(.group\/tab):focus-within :w= here(.group-focus-within\/tab\:me-1\.75)) { margin-inline-end: calc(var(--s= pacing) * 1.75); } .group-focus-within\/tab\:text-fade-truncate:is(:where(.group\/tab):focus= -within :where(.group-focus-within\/tab\:text-fade-truncate)) { width: 100%= ; min-width: 0px; mask-image: linear-gradient(to right, #000 calc(100% - va= r(--text-fade-truncate-distance,1rem)), transparent); text-overflow: clip; = white-space: nowrap; display: block; overflow: hidden; } .group-focus-within\/tab\:text-fade-truncate:is(:where(.group\/tab):focus= -within :where(.group-focus-within\/tab\:text-fade-truncate)):is(:lang(ae),= :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lan= g(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb)= , :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { mask-image: line= ar-gradient(to left, #000 calc(100% - var(--text-fade-truncate-distance,1re= m)), transparent); } .group-focus-within\/tab\:shrink:is(:where(.group\/tab):focus-within :whe= re(.group-focus-within\/tab\:shrink)) { flex-shrink: 1; } .group-focus-within\/tab\:pe-3\.5:is(:where(.group\/tab):focus-within :wh= ere(.group-focus-within\/tab\:pe-3\.5)) { padding-inline-end: calc(var(--sp= acing) * 3.5); } .group-focus-within\/tab\:pe-5:is(:where(.group\/tab):focus-within :where= (.group-focus-within\/tab\:pe-5)) { padding-inline-end: calc(var(--spacing)= * 5); } .group-focus-within\/tab\:opacity-100:is(:where(.group\/tab):focus-within= :where(.group-focus-within\/tab\:opacity-100)) { opacity: 1; } .group-focus-within\/tile\:invisible:is(:where(.group\/tile):focus-within= :where(.group-focus-within\/tile\:invisible)) { visibility: hidden; } .group-focus-within\/tile\:opacity-100:is(:where(.group\/tile):focus-with= in :where(.group-focus-within\/tile\:opacity-100)) { opacity: 1; } .group-focus-within\/tile\:shadow-card:is(:where(.group\/tile):focus-with= in :where(.group-focus-within\/tile\:shadow-card)) { --tw-shadow: var(--sha= dow-card); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),= var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-focus-within\/timeline\:opacity-100:is(:where(.group\/timeline):fo= cus-within :where(.group-focus-within\/timeline\:opacity-100)), .group-focu= s-within\/user-message\:opacity-100:is(:where(.group\/user-message):focus-w= ithin :where(.group-focus-within\/user-message\:opacity-100)) { opacity: 1;= } @media (hover: hover) { .group-hover\:pointer-events-auto:is(:where(.group):hover :where(.group-h= over\:pointer-events-auto)) { pointer-events: auto; } .group-hover\:invisible:is(:where(.group):hover :where(.group-hover\:invi= sible)) { visibility: hidden; } .group-hover\:visible:is(:where(.group):hover :where(.group-hover\:visibl= e)) { visibility: visible; } .group-hover\:ms-1\.5:is(:where(.group):hover :where(.group-hover\:ms-1\.= 5)) { margin-inline-start: calc(var(--spacing) * 1.5); } .group-hover\:block:is(:where(.group):hover :where(.group-hover\:block)) = { display: block; } .group-hover\:hidden:is(:where(.group):hover :where(.group-hover\:hidden)= ) { display: none; } .group-hover\:inline:is(:where(.group):hover :where(.group-hover\:inline)= ) { display: inline; } .group-hover\:inline-flex:is(:where(.group):hover :where(.group-hover\:in= line-flex)) { display: inline-flex; } .group-hover\:h-\[30px\]:is(:where(.group):hover :where(.group-hover\:h-\= [30px\])) { height: 30px; } .group-hover\:w-9:is(:where(.group):hover :where(.group-hover\:w-9)) { wi= dth: calc(var(--spacing) * 9); } .group-hover\:w-\[72px\]:is(:where(.group):hover :where(.group-hover\:w-\= [72px\])) { width: 72px; } .group-hover\:min-w-5:is(:where(.group):hover :where(.group-hover\:min-w-= 5)) { min-width: calc(var(--spacing) * 5); } .group-hover\:min-w-14:is(:where(.group):hover :where(.group-hover\:min-w= -14)) { min-width: calc(var(--spacing) * 14); } .group-hover\:min-w-20:is(:where(.group):hover :where(.group-hover\:min-w= -20)) { min-width: calc(var(--spacing) * 20); } .group-hover\:min-w-\[36px\]:is(:where(.group):hover :where(.group-hover\= :min-w-\[36px\])) { min-width: 36px; } .group-hover\:translate-x-0:is(:where(.group):hover :where(.group-hover\:= translate-x-0)) { --tw-translate-x: 0px; translate: var(--tw-translate-x) v= ar(--tw-translate-y); } .group-hover\:translate-x-0\.5:is(:where(.group):hover :where(.group-hove= r\:translate-x-0\.5)) { --tw-translate-x: calc(var(--spacing) * .5); transl= ate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-1\.5:is(:where(.group):hover :where(.group-hove= r\:translate-x-1\.5)) { --tw-translate-x: calc(var(--spacing) * 1.5); trans= late: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-1:is(:where(.group):hover :where(.group-hover\= :-translate-y-1)) { --tw-translate-y: calc(var(--spacing) * -1); translate:= var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:scale-90:is(:where(.group):hover :where(.group-hover\:scale= -90)) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var= (--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-100:is(:where(.group):hover :where(.group-hover\:scal= e-100)) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale= : var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-\[1\.02\]:is(:where(.group):hover :where(.group-hover= \:scale-\[1\.02\])) { scale: 1.02; } .group-hover\:rounded-full:is(:where(.group):hover :where(.group-hover\:r= ounded-full)) { border-radius: var(--radius-full); } .group-hover\:border-border\/80:is(:where(.group):hover :where(.group-hov= er\:border-border\/80)) { border-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .group-hover\:border-border\/80:is(:where(.group):hover :where(.group-hov= er\:border-border\/80)) { border-color: color-mix(in oklab, var(--color-bor= der) 80%, transparent); } } .group-hover\:border-strong:is(:where(.group):hover :where(.group-hover\:= border-strong)) { border-color: var(--color-border-strong); } .group-hover\:bg-media-background\/30:is(:where(.group):hover :where(.gro= up-hover\:bg-media-background\/30)) { background-color: var(--color-media-b= ackground); } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-media-background\/30:is(:where(.group):hover :where(.gro= up-hover\:bg-media-background\/30)) { background-color: color-mix(in oklab,= var(--color-media-background) 30%, transparent); } } .group-hover\:bg-text-tertiary\/20:is(:where(.group):hover :where(.group-= hover\:bg-text-tertiary\/20)) { background-color: var(--color-text-tertiary= ); } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-text-tertiary\/20:is(:where(.group):hover :where(.group-= hover\:bg-text-tertiary\/20)) { background-color: color-mix(in oklab, var(-= -color-text-tertiary) 20%, transparent); } } .group-hover\:bg-text\/10:is(:where(.group):hover :where(.group-hover\:bg= -text\/10)) { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-text\/10:is(:where(.group):hover :where(.group-hover\:bg= -text\/10)) { background-color: color-mix(in oklab, var(--color-text) 10%, = transparent); } } .group-hover\:bg-text\/15:is(:where(.group):hover :where(.group-hover\:bg= -text\/15)) { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-text\/15:is(:where(.group):hover :where(.group-hover\:bg= -text\/15)) { background-color: color-mix(in oklab, var(--color-text) 15%, = transparent); } } .group-hover\:bg-text\/20:is(:where(.group):hover :where(.group-hover\:bg= -text\/20)) { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-text\/20:is(:where(.group):hover :where(.group-hover\:bg= -text\/20)) { background-color: color-mix(in oklab, var(--color-text) 20%, = transparent); } } .group-hover\:bg-text\/25:is(:where(.group):hover :where(.group-hover\:bg= -text\/25)) { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-text\/25:is(:where(.group):hover :where(.group-hover\:bg= -text\/25)) { background-color: color-mix(in oklab, var(--color-text) 25%, = transparent); } } .group-hover\:pe-20:is(:where(.group):hover :where(.group-hover\:pe-20)) = { padding-inline-end: calc(var(--spacing) * 20); } .group-hover\:\!text-default:is(:where(.group):hover :where(.group-hover\= :\!text-default)) { color: var(--color-text) !important; } .group-hover\:text-default:is(:where(.group):hover :where(.group-hover\:t= ext-default)) { color: var(--color-text); } .group-hover\:text-info:is(:where(.group):hover :where(.group-hover\:text= -info)) { color: var(--color-text-info); } .group-hover\:text-secondary:is(:where(.group):hover :where(.group-hover\= :text-secondary)) { color: var(--color-text-secondary); } .group-hover\:text-white:is(:where(.group):hover :where(.group-hover\:tex= t-white)) { color: var(--color-white); } .group-hover\:decoration-inherit:is(:where(.group):hover :where(.group-ho= ver\:decoration-inherit)) { text-decoration-color: inherit; } .group-hover\:opacity-0:is(:where(.group):hover :where(.group-hover\:opac= ity-0)) { opacity: 0; } .group-hover\:opacity-10:is(:where(.group):hover :where(.group-hover\:opa= city-10)) { opacity: 0.1; } .group-hover\:opacity-70:is(:where(.group):hover :where(.group-hover\:opa= city-70)) { opacity: 0.7; } .group-hover\:opacity-85:is(:where(.group):hover :where(.group-hover\:opa= city-85)) { opacity: 0.85; } .group-hover\:opacity-100:is(:where(.group):hover :where(.group-hover\:op= acity-100)) { opacity: 1; } .group-hover\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.82\)\,0_0_= 12px_rgba\(141\,181\,255\,0\.2\)\]:is(:where(.group):hover :where(.group-ho= ver\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.82\)\,0_0_12px_rgba\(= 141\,181\,255\,0\.2\)\])) { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-co= lor,#ffffffd1), 0 0 12px var(--tw-shadow-color,#8db5ff33); box-shadow: var(= --tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shado= w), var(--tw-ring-shadow), var(--tw-shadow); } .group-hover\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.92\)\,0_0_= 12px_rgba\(141\,181\,255\,0\.18\)\]:is(:where(.group):hover :where(.group-h= over\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.92\)\,0_0_12px_rgba\= (141\,181\,255\,0\.18\)\])) { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-= color,#ffffffeb), 0 0 12px var(--tw-shadow-color,#8db5ff2e); box-shadow: va= r(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-sha= dow), var(--tw-ring-shadow), var(--tw-shadow); } .group-hover\:ring-border-subtle:is(:where(.group):hover :where(.group-ho= ver\:ring-border-subtle)) { --tw-ring-color: var(--color-border-subtle); } .group-hover\:delay-0:is(:where(.group):hover :where(.group-hover\:delay-= 0)) { transition-delay: 0s; } .group-hover\:delay-\[190ms\]:is(:where(.group):hover :where(.group-hover= \:delay-\[190ms\])) { transition-delay: 0.19s; } .group-hover\/activity-header\:\!text-default:is(:where(.group\/activity-= header):hover :where(.group-hover\/activity-header\:\!text-default)) { colo= r: var(--color-text) !important; } .group-hover\/activity-header\:text-default:is(:where(.group\/activity-he= ader):hover :where(.group-hover\/activity-header\:text-default)) { color: v= ar(--color-text); } .group-hover\/add\:opacity-0:is(:where(.group\/add):hover :where(.group-h= over\/add\:opacity-0)) { opacity: 0; } .group-hover\/add\:opacity-100:is(:where(.group\/add):hover :where(.group= -hover\/add\:opacity-100)), .group-hover\/address-bar\:opacity-100:is(:wher= e(.group\/address-bar):hover :where(.group-hover\/address-bar\:opacity-100)= ) { opacity: 1; } .group-hover\/app-widget\:pointer-events-auto:is(:where(.group\/app-widge= t):hover :where(.group-hover\/app-widget\:pointer-events-auto)) { pointer-e= vents: auto; } .group-hover\/app-widget\:opacity-100:is(:where(.group\/app-widget):hover= :where(.group-hover\/app-widget\:opacity-100)) { opacity: 1; } .group-hover\/appshot\:pointer-events-auto:is(:where(.group\/appshot):hov= er :where(.group-hover\/appshot\:pointer-events-auto)) { pointer-events: au= to; } .group-hover\/appshot\:opacity-100:is(:where(.group\/appshot):hover :wher= e(.group-hover\/appshot\:opacity-100)) { opacity: 1; } .group-hover\/automatic-approval-review\:text-default:is(:where(.group\/a= utomatic-approval-review):hover :where(.group-hover\/automatic-approval-rev= iew\:text-default)) { color: var(--color-text); } .group-hover\/automatic-approval-review\:opacity-100:is(:where(.group\/au= tomatic-approval-review):hover :where(.group-hover\/automatic-approval-revi= ew\:opacity-100)), .group-hover\/code-snippet\:opacity-100:is(:where(.group= \/code-snippet):hover :where(.group-hover\/code-snippet\:opacity-100)), .gr= oup-hover\/command\:opacity-100:is(:where(.group\/command):hover :where(.gr= oup-hover\/command\:opacity-100)) { opacity: 1; } .group-hover\/comment\:pointer-events-auto:is(:where(.group\/comment):hov= er :where(.group-hover\/comment\:pointer-events-auto)) { pointer-events: au= to; } .group-hover\/comment\:hidden:is(:where(.group\/comment):hover :where(.gr= oup-hover\/comment\:hidden)) { display: none; } .group-hover\/comment\:pe-20:is(:where(.group\/comment):hover :where(.gro= up-hover\/comment\:pe-20)) { padding-inline-end: calc(var(--spacing) * 20);= } .group-hover\/comment\:opacity-100:is(:where(.group\/comment):hover :wher= e(.group-hover\/comment\:opacity-100)) { opacity: 1; } .group-hover\/comment-marker\:scale-\[1\.08\]:is(:where(.group\/comment-m= arker):hover :where(.group-hover\/comment-marker\:scale-\[1\.08\])) { scale= : 1.08; } .group-hover\/commits\:opacity-100:is(:where(.group\/commits):hover :wher= e(.group-hover\/commits\:opacity-100)) { opacity: 1; } .group-hover\/composer-attachment\:pointer-events-auto:is(:where(.group\/= composer-attachment):hover :where(.group-hover\/composer-attachment\:pointe= r-events-auto)) { pointer-events: auto; } .group-hover\/composer-attachment\:bg-text\/5:is(:where(.group\/composer-= attachment):hover :where(.group-hover\/composer-attachment\:bg-text\/5)) { = background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .group-hover\/composer-attachment\:bg-text\/5:is(:where(.group\/composer-= attachment):hover :where(.group-hover\/composer-attachment\:bg-text\/5)) { = background-color: color-mix(in oklab, var(--color-text) 5%, transparent); } } .group-hover\/composer-attachment\:opacity-0:is(:where(.group\/composer-a= ttachment):hover :where(.group-hover\/composer-attachment\:opacity-0)) { op= acity: 0; } .group-hover\/composer-attachment\:opacity-100:is(:where(.group\/composer= -attachment):hover :where(.group-hover\/composer-attachment\:opacity-100)) = { opacity: 1; } .group-hover\/composer-attachment\:ring-border-strong:is(:where(.group\/c= omposer-attachment):hover :where(.group-hover\/composer-attachment\:ring-bo= rder-strong)) { --tw-ring-color: var(--color-border-strong); } .group-hover\/copy\:underline:is(:where(.group\/copy):hover :where(.group= -hover\/copy\:underline)) { text-decoration-line: underline; } .group-hover\/diff-header\:opacity-100:is(:where(.group\/diff-header):hov= er :where(.group-hover\/diff-header\:opacity-100)), .group-hover\/email\:op= acity-100:is(:where(.group\/email):hover :where(.group-hover\/email\:opacit= y-100)), .group-hover\/example\:opacity-100:is(:where(.group\/example):hove= r :where(.group-hover\/example\:opacity-100)) { opacity: 1; } .group-hover\/explore-row\:pointer-events-auto:is(:where(.group\/explore-= row):hover :where(.group-hover\/explore-row\:pointer-events-auto)) { pointe= r-events: auto; } .group-hover\/explore-row\:opacity-100:is(:where(.group\/explore-row):hov= er :where(.group-hover\/explore-row\:opacity-100)) { opacity: 1; } .group-hover\/file-diff\:pointer-events-auto:is(:where(.group\/file-diff)= :hover :where(.group-hover\/file-diff\:pointer-events-auto)) { pointer-even= ts: auto; } .group-hover\/file-diff\:opacity-100:is(:where(.group\/file-diff):hover := where(.group-hover\/file-diff\:opacity-100)) { opacity: 1; } .group-hover\/floating-composer\:pointer-events-auto:is(:where(.group\/fl= oating-composer):hover :where(.group-hover\/floating-composer\:pointer-even= ts-auto)) { pointer-events: auto; } .group-hover\/floating-composer\:translate-y-0:is(:where(.group\/floating= -composer):hover :where(.group-hover\/floating-composer\:translate-y-0)) { = --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-= y); } .group-hover\/floating-composer\:delay-75:is(:where(.group\/floating-comp= oser):hover :where(.group-hover\/floating-composer\:delay-75)) { transition= -delay: 75ms; } .group-hover\/floating-composer-reveal\:rotate-90:is(:where(.group\/float= ing-composer-reveal):hover :where(.group-hover\/floating-composer-reveal\:r= otate-90)) { rotate: 90deg; } .group-hover\/floating-composer-reveal\:text-secondary:is(:where(.group\/= floating-composer-reveal):hover :where(.group-hover\/floating-composer-reve= al\:text-secondary)) { color: var(--color-text-secondary); } .group-hover\/floating-composer-reveal\:opacity-100:is(:where(.group\/flo= ating-composer-reveal):hover :where(.group-hover\/floating-composer-reveal\= :opacity-100)) { opacity: 1; } .group-hover\/folder-row\:invisible:is(:where(.group\/folder-row):hover := where(.group-hover\/folder-row\:invisible)) { visibility: hidden; } .group-hover\/folder-row\:w-5:is(:where(.group\/folder-row):hover :where(= .group-hover\/folder-row\:w-5)) { width: calc(var(--spacing) * 5); } .group-hover\/folder-row\:w-auto:is(:where(.group\/folder-row):hover :whe= re(.group-hover\/folder-row\:w-auto)) { width: auto; } .group-hover\/folder-row\:overflow-visible:is(:where(.group\/folder-row):= hover :where(.group-hover\/folder-row\:overflow-visible)) { overflow: visib= le; } .group-hover\/folder-row\:opacity-0:is(:where(.group\/folder-row):hover := where(.group-hover\/folder-row\:opacity-0)) { opacity: 0; } .group-hover\/folder-row\:opacity-100:is(:where(.group\/folder-row):hover= :where(.group-hover\/folder-row\:opacity-100)) { opacity: 1; } .group-hover\/followup-citation\:translate-x-0\.5:is(:where(.group\/follo= wup-citation):hover :where(.group-hover\/followup-citation\:translate-x-0\.= 5)) { --tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-tran= slate-x) var(--tw-translate-y); } .group-hover\/followup-citation\:text-info:is(:where(.group\/followup-cit= ation):hover :where(.group-hover\/followup-citation\:text-info)) { color: v= ar(--color-text-info); } .group-hover\/followup-citation\:decoration-inherit:is(:where(.group\/fol= lowup-citation):hover :where(.group-hover\/followup-citation\:decoration-in= herit)) { text-decoration-color: inherit; } .group-hover\/generated-image-gallery-controls\:pointer-events-auto:is(:w= here(.group\/generated-image-gallery-controls):hover :where(.group-hover\/g= enerated-image-gallery-controls\:pointer-events-auto)) { pointer-events: au= to; } .group-hover\/generated-image-gallery-controls\:opacity-0:is(:where(.grou= p\/generated-image-gallery-controls):hover :where(.group-hover\/generated-i= mage-gallery-controls\:opacity-0)) { opacity: 0; } .group-hover\/generated-image-gallery-controls\:opacity-100:is(:where(.gr= oup\/generated-image-gallery-controls):hover :where(.group-hover\/generated= -image-gallery-controls\:opacity-100)) { opacity: 1; } .group-hover\/generated-image-preview\:pointer-events-auto:is(:where(.gro= up\/generated-image-preview):hover :where(.group-hover\/generated-image-pre= view\:pointer-events-auto)) { pointer-events: auto; } .group-hover\/generated-image-preview\:opacity-100:is(:where(.group\/gene= rated-image-preview):hover :where(.group-hover\/generated-image-preview\:op= acity-100)) { opacity: 1; } .group-hover\/home-suggestion-list-item\:pointer-events-auto:is(:where(.g= roup\/home-suggestion-list-item):hover :where(.group-hover\/home-suggestion= -list-item\:pointer-events-auto)) { pointer-events: auto; } .group-hover\/home-suggestion-list-item\:block:is(:where(.group\/home-sug= gestion-list-item):hover :where(.group-hover\/home-suggestion-list-item\:bl= ock)) { display: block; } .group-hover\/home-suggestion-list-item\:bg-primary-ghost-hover:is(:where= (.group\/home-suggestion-list-item):hover :where(.group-hover\/home-suggest= ion-list-item\:bg-primary-ghost-hover)) { background-color: var(--color-bac= kground-primary-ghost-hover); } .group-hover\/home-suggestion-list-item\:text-default:is(:where(.group\/h= ome-suggestion-list-item):hover :where(.group-hover\/home-suggestion-list-i= tem\:text-default)) { color: var(--color-text); } .group-hover\/home-suggestion-list-item\:opacity-100:is(:where(.group\/ho= me-suggestion-list-item):hover :where(.group-hover\/home-suggestion-list-it= em\:opacity-100)), .group-hover\/home-suggestions\:opacity-100:is(:where(.g= roup\/home-suggestions):hover :where(.group-hover\/home-suggestions\:opacit= y-100)) { opacity: 1; } .group-not-aria-selected\/labeled-icon\:group-not-disabled\/labeled-icon\= :group-not-aria-disabled\/labeled-icon\:group-hover\/labeled-icon\:bg-prima= ry-ghost-hover:is(:where(.group\/labeled-icon):not([aria-selected=3D"true"]= ) :where(.group-not-aria-selected\/labeled-icon\:group-not-disabled\/labele= d-icon\:group-not-aria-disabled\/labeled-icon\:group-hover\/labeled-icon\:b= g-primary-ghost-hover)):is(:where(.group\/labeled-icon):not(:disabled) :whe= re(.group-not-aria-selected\/labeled-icon\:group-not-disabled\/labeled-icon= \:group-not-aria-disabled\/labeled-icon\:group-hover\/labeled-icon\:bg-prim= ary-ghost-hover)):is(:where(.group\/labeled-icon):not([aria-disabled=3D"tru= e"]) :where(.group-not-aria-selected\/labeled-icon\:group-not-disabled\/lab= eled-icon\:group-not-aria-disabled\/labeled-icon\:group-hover\/labeled-icon= \:bg-primary-ghost-hover)):is(:where(.group\/labeled-icon):hover :where(.gr= oup-not-aria-selected\/labeled-icon\:group-not-disabled\/labeled-icon\:grou= p-not-aria-disabled\/labeled-icon\:group-hover\/labeled-icon\:bg-primary-gh= ost-hover)) { background-color: var(--color-background-primary-ghost-hover)= ; } .group-hover\/line-item\:opacity-100:is(:where(.group\/line-item):hover := where(.group-hover\/line-item\:opacity-100)) { opacity: 1; } .group-hover\/memory-source\:pointer-events-auto:is(:where(.group\/memory= -source):hover :where(.group-hover\/memory-source\:pointer-events-auto)) { = pointer-events: auto; } .group-hover\/memory-source\:opacity-100:is(:where(.group\/memory-source)= :hover :where(.group-hover\/memory-source\:opacity-100)), .group-hover\/nav= -section\:opacity-100:is(:where(.group\/nav-section):hover :where(.group-ho= ver\/nav-section\:opacity-100)) { opacity: 1; } .group-hover\/nav-section-title\:pointer-events-auto:is(:where(.group\/na= v-section-title):hover :where(.group-hover\/nav-section-title\:pointer-even= ts-auto)) { pointer-events: auto; } .group-hover\/nav-section-title\:w-auto:is(:where(.group\/nav-section-tit= le):hover :where(.group-hover\/nav-section-title\:w-auto)) { width: auto; } .group-hover\/nav-section-title\:overflow-visible:is(:where(.group\/nav-s= ection-title):hover :where(.group-hover\/nav-section-title\:overflow-visibl= e)) { overflow: visible; } .group-hover\/nav-section-title\:opacity-100:is(:where(.group\/nav-sectio= n-title):hover :where(.group-hover\/nav-section-title\:opacity-100)) { opac= ity: 1; } .group-hover\/notebook-cell\:opacity-60:is(:where(.group\/notebook-cell):= hover :where(.group-hover\/notebook-cell\:opacity-60)) { opacity: 0.6; } .group-hover\/offer\:opacity-100:is(:where(.group\/offer):hover :where(.g= roup-hover\/offer\:opacity-100)), .group-hover\/output\:opacity-100:is(:whe= re(.group\/output):hover :where(.group-hover\/output\:opacity-100)) { opaci= ty: 1; } .group-hover\/panel-resizer\:pointer-events-auto:is(:where(.group\/panel-= resizer):hover :where(.group-hover\/panel-resizer\:pointer-events-auto)) { = pointer-events: auto; } .group-hover\/panel-resizer\:opacity-100:is(:where(.group\/panel-resizer)= :hover :where(.group-hover\/panel-resizer\:opacity-100)), .group-hover\/pas= sage\:opacity-100:is(:where(.group\/passage):hover :where(.group-hover\/pas= sage\:opacity-100)) { opacity: 1; } .group-hover\/pdf-preview\:pointer-events-auto:is(:where(.group\/pdf-prev= iew):hover :where(.group-hover\/pdf-preview\:pointer-events-auto)) { pointe= r-events: auto; } .group-hover\/pdf-preview\:opacity-100:is(:where(.group\/pdf-preview):hov= er :where(.group-hover\/pdf-preview\:opacity-100)), .group-hover\/permissio= n\:opacity-100:is(:where(.group\/permission):hover :where(.group-hover\/per= mission\:opacity-100)) { opacity: 1; } .group-hover\/pip\:brightness-95:is(:where(.group\/pip):hover :where(.gro= up-hover\/pip\:brightness-95)) { --tw-brightness: brightness(95%); filter: = var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grays= cale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(= --tw-sepia, ) var(--tw-drop-shadow, ); } .group-hover\/product-card\:pointer-events-auto:is(:where(.group\/product= -card):hover :where(.group-hover\/product-card\:pointer-events-auto)) { poi= nter-events: auto; } .group-hover\/product-card\:scale-\[1\.02\]:is(:where(.group\/product-car= d):hover :where(.group-hover\/product-card\:scale-\[1\.02\])) { scale: 1.02= ; } .group-hover\/product-card\:opacity-100:is(:where(.group\/product-card):h= over :where(.group-hover\/product-card\:opacity-100)) { opacity: 1; } .group-hover\/product-gallery\:pointer-events-auto:is(:where(.group\/prod= uct-gallery):hover :where(.group-hover\/product-gallery\:pointer-events-aut= o)) { pointer-events: auto; } .group-hover\/product-gallery\:opacity-90:is(:where(.group\/product-galle= ry):hover :where(.group-hover\/product-gallery\:opacity-90)) { opacity: 0.9= ; } .group-hover\/profile-section\:opacity-100:is(:where(.group\/profile-sect= ion):hover :where(.group-hover\/profile-section\:opacity-100)) { opacity: 1= ; } .group-hover\/project-chat\:pointer-events-auto:is(:where(.group\/project= -chat):hover :where(.group-hover\/project-chat\:pointer-events-auto)) { poi= nter-events: auto; } .group-hover\/project-chat\:opacity-0:is(:where(.group\/project-chat):hov= er :where(.group-hover\/project-chat\:opacity-0)) { opacity: 0; } .group-hover\/project-chat\:opacity-100:is(:where(.group\/project-chat):h= over :where(.group-hover\/project-chat\:opacity-100)), .group-hover\/projec= t-hover-card-row\:opacity-100:is(:where(.group\/project-hover-card-row):hov= er :where(.group-hover\/project-hover-card-row\:opacity-100)), .group-hover= \/project-row\:opacity-100:is(:where(.group\/project-row):hover :where(.gro= up-hover\/project-row\:opacity-100)) { opacity: 1; } .group-hover\/project-source\:opacity-0:is(:where(.group\/project-source)= :hover :where(.group-hover\/project-source\:opacity-0)) { opacity: 0; } .group-hover\/project-source\:opacity-100:is(:where(.group\/project-sourc= e):hover :where(.group-hover\/project-source\:opacity-100)) { opacity: 1; } .group-hover\/referral\:\!pointer-events-auto:is(:where(.group\/referral)= :hover :where(.group-hover\/referral\:\!pointer-events-auto)) { pointer-eve= nts: auto !important; } .group-hover\/referral\:\!opacity-0:is(:where(.group\/referral):hover :wh= ere(.group-hover\/referral\:\!opacity-0)) { opacity: 0 !important; } .group-hover\/referral\:\!opacity-100:is(:where(.group\/referral):hover := where(.group-hover\/referral\:\!opacity-100)) { opacity: 1 !important; } .group-hover\/remove\:bg-\[color-mix\(in_srgb\,var\(--color-surface-eleva= ted\)_88\%\,var\(--color-text\)\)\]:is(:where(.group\/remove):hover :where(= .group-hover\/remove\:bg-\[color-mix\(in_srgb\,var\(--color-surface-elevate= d\)_88\%\,var\(--color-text\)\)\])) { background-color: var(--color-surface= -elevated); } @supports (color:color-mix(in lab, red, red)) { .group-hover\/remove\:bg-\[color-mix\(in_srgb\,var\(--color-surface-eleva= ted\)_88\%\,var\(--color-text\)\)\]:is(:where(.group\/remove):hover :where(= .group-hover\/remove\:bg-\[color-mix\(in_srgb\,var\(--color-surface-elevate= d\)_88\%\,var\(--color-text\)\)\])) { background-color: color-mix(in srgb,v= ar(--color-surface-elevated) 88%,var(--color-text)); } } .group-hover\/resource-card\:hidden:is(:where(.group\/resource-card):hove= r :where(.group-hover\/resource-card\:hidden)) { display: none; } .group-hover\/resource-card\:inline:is(:where(.group\/resource-card):hove= r :where(.group-hover\/resource-card\:inline)) { display: inline; } .group-hover\/resource-card\:bg-background-primary-ghost-hover\/30:is(:wh= ere(.group\/resource-card):hover :where(.group-hover\/resource-card\:bg-bac= kground-primary-ghost-hover\/30)) { background-color: color-mix(in oklab, v= ar(--color-background-primary-ghost-hover) 30%, transparent); } .group-hover\/resource-row\:pointer-events-auto:is(:where(.group\/resourc= e-row):hover :where(.group-hover\/resource-row\:pointer-events-auto)) { poi= nter-events: auto; } .group-hover\/resource-row\:hidden:is(:where(.group\/resource-row):hover = :where(.group-hover\/resource-row\:hidden)) { display: none; } .group-hover\/resource-row\:inline:is(:where(.group\/resource-row):hover = :where(.group-hover\/resource-row\:inline)) { display: inline; } .group-hover\/resource-row\:opacity-100:is(:where(.group\/resource-row):h= over :where(.group-hover\/resource-row\:opacity-100)) { opacity: 1; } .group-hover\/scroll-to-bottom\:block:is(:where(.group\/scroll-to-bottom)= :hover :where(.group-hover\/scroll-to-bottom\:block)) { display: block; } .group-hover\/scroll-to-bottom\:hidden:is(:where(.group\/scroll-to-bottom= ):hover :where(.group-hover\/scroll-to-bottom\:hidden)) { display: none; } .group-hover\/section-toggle\:opacity-100:is(:where(.group\/section-toggl= e):hover :where(.group-hover\/section-toggle\:opacity-100)) { opacity: 1; } .group-hover\/sidebar-rail\:opacity-0:is(:where(.group\/sidebar-rail):hov= er :where(.group-hover\/sidebar-rail\:opacity-0)) { opacity: 0; } .group-hover\/sidebar-rail\:opacity-100:is(:where(.group\/sidebar-rail):h= over :where(.group-hover\/sidebar-rail\:opacity-100)) { opacity: 1; } .group-hover\/sidebar-rail\:delay-150:is(:where(.group\/sidebar-rail):hov= er :where(.group-hover\/sidebar-rail\:delay-150)) { transition-delay: 0.15s= ; } .group-hover\/site-card\:bg-primary-ghost-hover:is(:where(.group\/site-ca= rd):hover :where(.group-hover\/site-card\:bg-primary-ghost-hover)) { backgr= ound-color: var(--color-background-primary-ghost-hover); } .group-hover\/site-url\:underline:is(:where(.group\/site-url):hover :wher= e(.group-hover\/site-url\:underline)) { text-decoration-line: underline; } .group-hover\/status\:hidden:is(:where(.group\/status):hover :where(.grou= p-hover\/status\:hidden)) { display: none; } .group-hover\/status\:opacity-0:is(:where(.group\/status):hover :where(.g= roup-hover\/status\:opacity-0)) { opacity: 0; } .group-hover\/status\:opacity-100:is(:where(.group\/status):hover :where(= .group-hover\/status\:opacity-100)) { opacity: 1; } .group-hover\/status-toggle\:opacity-0:is(:where(.group\/status-toggle):h= over :where(.group-hover\/status-toggle\:opacity-0)) { opacity: 0; } .group-hover\/status-toggle\:opacity-100:is(:where(.group\/status-toggle)= :hover :where(.group-hover\/status-toggle\:opacity-100)) { opacity: 1; } .group-hover\/suggested-site\:bg-primary-ghost-hover:is(:where(.group\/su= ggested-site):hover :where(.group-hover\/suggested-site\:bg-primary-ghost-h= over)) { background-color: var(--color-background-primary-ghost-hover); } .group-hover\/summary-panel-item\:pointer-events-auto:is(:where(.group\/s= ummary-panel-item):hover :where(.group-hover\/summary-panel-item\:pointer-e= vents-auto)) { pointer-events: auto; } .group-hover\/summary-panel-item\:w-token-button-composer:is(:where(.grou= p\/summary-panel-item):hover :where(.group-hover\/summary-panel-item\:w-tok= en-button-composer)) { width: var(--spacing-token-button-composer); } .group-hover\/summary-panel-item\:opacity-0:is(:where(.group\/summary-pan= el-item):hover :where(.group-hover\/summary-panel-item\:opacity-0)) { opaci= ty: 0; } .group-hover\/summary-panel-item\:opacity-100:is(:where(.group\/summary-p= anel-item):hover :where(.group-hover\/summary-panel-item\:opacity-100)) { o= pacity: 1; } .group-hover\/tab\:pointer-events-auto:is(:where(.group\/tab):hover :wher= e(.group-hover\/tab\:pointer-events-auto)) { pointer-events: auto; } .group-hover\/tab\:me-1\.75:is(:where(.group\/tab):hover :where(.group-ho= ver\/tab\:me-1\.75)) { margin-inline-end: calc(var(--spacing) * 1.75); } .group-hover\/tab\:text-fade-truncate:is(:where(.group\/tab):hover :where= (.group-hover\/tab\:text-fade-truncate)) { width: 100%; min-width: 0px; mas= k-image: linear-gradient(to right, #000 calc(100% - var(--text-fade-truncat= e-distance,1rem)), transparent); text-overflow: clip; white-space: nowrap; = display: block; overflow: hidden; } .group-hover\/tab\:text-fade-truncate:is(:where(.group\/tab):hover :where= (.group-hover\/tab\:text-fade-truncate)):is(:lang(ae), :lang(ar), :lang(arc= ), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :l= ang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd= ), :lang(ug), :lang(ur), :lang(yi)) { mask-image: linear-gradient(to left, = #000 calc(100% - var(--text-fade-truncate-distance,1rem)), transparent); } .group-hover\/tab\:shrink:is(:where(.group\/tab):hover :where(.group-hove= r\/tab\:shrink)) { flex-shrink: 1; } .group-hover\/tab\:bg-\[var\(--app-shell-tab-background\)\]:is(:where(.gr= oup\/tab):hover :where(.group-hover\/tab\:bg-\[var\(--app-shell-tab-backgro= und\)\])) { background-color: var(--app-shell-tab-background); } .group-hover\/tab\:bg-primary-ghost-hover:is(:where(.group\/tab):hover :w= here(.group-hover\/tab\:bg-primary-ghost-hover)) { background-color: var(--= color-background-primary-ghost-hover); } .group-hover\/tab\:to-\[var\(--app-shell-tab-background\)\]:is(:where(.gr= oup\/tab):hover :where(.group-hover\/tab\:to-\[var\(--app-shell-tab-backgro= und\)\])) { --tw-gradient-to: var(--app-shell-tab-background); --tw-gradien= t-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-= gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(= --tw-gradient-to-position)); } .group-hover\/tab\:pe-3\.5:is(:where(.group\/tab):hover :where(.group-hov= er\/tab\:pe-3\.5)) { padding-inline-end: calc(var(--spacing) * 3.5); } .group-hover\/tab\:pe-5:is(:where(.group\/tab):hover :where(.group-hover\= /tab\:pe-5)) { padding-inline-end: calc(var(--spacing) * 5); } .group-hover\/tab\:opacity-100:is(:where(.group\/tab):hover :where(.group= -hover\/tab\:opacity-100)), .group-hover\/thread-row\:opacity-100:is(:where= (.group\/thread-row):hover :where(.group-hover\/thread-row\:opacity-100)) {= opacity: 1; } .group-hover\/tile\:invisible:is(:where(.group\/tile):hover :where(.group= -hover\/tile\:invisible)) { visibility: hidden; } .group-hover\/tile\:opacity-100:is(:where(.group\/tile):hover :where(.gro= up-hover\/tile\:opacity-100)) { opacity: 1; } .group-hover\/tile\:shadow-card:is(:where(.group\/tile):hover :where(.gro= up-hover\/tile\:shadow-card)) { --tw-shadow: var(--shadow-card); box-shadow= : var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset= -shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-hover\/timeline\:opacity-100:is(:where(.group\/timeline):hover :wh= ere(.group-hover\/timeline\:opacity-100)) { opacity: 1; } .group-hover\/turn-diff-header\:bg-background-primary-ghost-hover\/30:is(= :where(.group\/turn-diff-header):hover :where(.group-hover\/turn-diff-heade= r\:bg-background-primary-ghost-hover\/30)) { background-color: color-mix(in= oklab, var(--color-background-primary-ghost-hover) 30%, transparent); } .group-hover\/use\:text-default:is(:where(.group\/use):hover :where(.grou= p-hover\/use\:text-default)) { color: var(--color-text); } .group-hover\/user-message\:opacity-100:is(:where(.group\/user-message):h= over :where(.group-hover\/user-message\:opacity-100)), .group-hover\/writin= g-block-surface\:opacity-100:is(:where(.group\/writing-block-surface):hover= :where(.group-hover\/writing-block-surface\:opacity-100)) { opacity: 1; } .group-hover\/writing-block-surface\:\[box-shadow\:inset_0_0_0_1px_var\(-= -oai-wb-border-hover\)\]:is(:where(.group\/writing-block-surface):hover :wh= ere(.group-hover\/writing-block-surface\:\[box-shadow\:inset_0_0_0_1px_var\= (--oai-wb-border-hover\)\])) { box-shadow: inset 0 0 0 1px var(--oai-wb-bor= der-hover); } } .group-focus\:bg-media-background\/30:is(:where(.group):focus :where(.gro= up-focus\:bg-media-background\/30)) { background-color: var(--color-media-b= ackground); } @supports (color:color-mix(in lab, red, red)) { .group-focus\:bg-media-background\/30:is(:where(.group):focus :where(.gro= up-focus\:bg-media-background\/30)) { background-color: color-mix(in oklab,= var(--color-media-background) 30%, transparent); } } .group-focus\:text-default:is(:where(.group):focus :where(.group-focus\:t= ext-default)) { color: var(--color-text); } .group-focus\:opacity-100:is(:where(.group):focus :where(.group-focus\:op= acity-100)) { opacity: 1; } .group-focus-visible\:pointer-events-auto:is(:where(.group):focus-visible= :where(.group-focus-visible\:pointer-events-auto)) { pointer-events: auto;= } .group-focus-visible\:ms-1\.5:is(:where(.group):focus-visible :where(.gro= up-focus-visible\:ms-1\.5)) { margin-inline-start: calc(var(--spacing) * 1.= 5); } .group-focus-visible\:block:is(:where(.group):focus-visible :where(.group= -focus-visible\:block)) { display: block; } .group-focus-visible\:hidden:is(:where(.group):focus-visible :where(.grou= p-focus-visible\:hidden)) { display: none; } .group-focus-visible\:inline-flex:is(:where(.group):focus-visible :where(= .group-focus-visible\:inline-flex)) { display: inline-flex; } .group-focus-visible\:w-9:is(:where(.group):focus-visible :where(.group-f= ocus-visible\:w-9)) { width: calc(var(--spacing) * 9); } .group-focus-visible\:min-w-5:is(:where(.group):focus-visible :where(.gro= up-focus-visible\:min-w-5)) { min-width: calc(var(--spacing) * 5); } .group-focus-visible\:min-w-14:is(:where(.group):focus-visible :where(.gr= oup-focus-visible\:min-w-14)) { min-width: calc(var(--spacing) * 14); } .group-focus-visible\:min-w-20:is(:where(.group):focus-visible :where(.gr= oup-focus-visible\:min-w-20)) { min-width: calc(var(--spacing) * 20); } .group-focus-visible\:min-w-\[36px\]:is(:where(.group):focus-visible :whe= re(.group-focus-visible\:min-w-\[36px\])) { min-width: 36px; } .group-focus-visible\:translate-x-0:is(:where(.group):focus-visible :wher= e(.group-focus-visible\:translate-x-0)) { --tw-translate-x: 0px; translate:= var(--tw-translate-x) var(--tw-translate-y); } .group-focus-visible\:translate-x-0\.5:is(:where(.group):focus-visible :w= here(.group-focus-visible\:translate-x-0\.5)) { --tw-translate-x: calc(var(= --spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-focus-visible\:translate-y-0:is(:where(.group):focus-visible :wher= e(.group-focus-visible\:translate-y-0)) { --tw-translate-y: 0px; translate:= var(--tw-translate-x) var(--tw-translate-y); } .group-focus-visible\:scale-90:is(:where(.group):focus-visible :where(.gr= oup-focus-visible\:scale-90)) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-= scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-focus-visible\:bg-text\/25:is(:where(.group):focus-visible :where(= .group-focus-visible\:bg-text\/25)) { background-color: var(--color-text); = } @supports (color:color-mix(in lab, red, red)) { .group-focus-visible\:bg-text\/25:is(:where(.group):focus-visible :where(= .group-focus-visible\:bg-text\/25)) { background-color: color-mix(in oklab,= var(--color-text) 25%, transparent); } } .group-focus-visible\:pe-20:is(:where(.group):focus-visible :where(.group= -focus-visible\:pe-20)) { padding-inline-end: calc(var(--spacing) * 20); } .group-focus-visible\:opacity-0:is(:where(.group):focus-visible :where(.g= roup-focus-visible\:opacity-0)) { opacity: 0; } .group-focus-visible\:opacity-100:is(:where(.group):focus-visible :where(= .group-focus-visible\:opacity-100)) { opacity: 1; } .group-focus-visible\:ring-ring:is(:where(.group):focus-visible :where(.g= roup-focus-visible\:ring-ring)) { --tw-ring-color: var(--color-ring); } .group-focus-visible\:outline-2:is(:where(.group):focus-visible :where(.g= roup-focus-visible\:outline-2)) { outline-style: var(--tw-outline-style); o= utline-width: 2px; } .group-focus-visible\:outline-offset-2:is(:where(.group):focus-visible :w= here(.group-focus-visible\:outline-offset-2)) { outline-offset: 2px; } .group-focus-visible\:outline-ring:is(:where(.group):focus-visible :where= (.group-focus-visible\:outline-ring)) { outline-color: var(--color-ring); } .group-focus-visible\:transition-none:is(:where(.group):focus-visible :wh= ere(.group-focus-visible\:transition-none)) { transition-property: none; } .group-focus-visible\:delay-0:is(:where(.group):focus-visible :where(.gro= up-focus-visible\:delay-0)) { transition-delay: 0s; } .group-focus-visible\/activity-header\:text-default:is(:where(.group\/act= ivity-header):focus-visible :where(.group-focus-visible\/activity-header\:t= ext-default)) { color: var(--color-text); } .group-focus-visible\/activity-header\:opacity-100:is(:where(.group\/acti= vity-header):focus-visible :where(.group-focus-visible\/activity-header\:op= acity-100)) { opacity: 1; } .group-focus-visible\/composer-attachment\:pointer-events-auto:is(:where(= .group\/composer-attachment):focus-visible :where(.group-focus-visible\/com= poser-attachment\:pointer-events-auto)) { pointer-events: auto; } .group-focus-visible\/composer-attachment\:opacity-100:is(:where(.group\/= composer-attachment):focus-visible :where(.group-focus-visible\/composer-at= tachment\:opacity-100)) { opacity: 1; } .group-focus-visible\/floating-composer-reveal\:rotate-90:is(:where(.grou= p\/floating-composer-reveal):focus-visible :where(.group-focus-visible\/flo= ating-composer-reveal\:rotate-90)) { rotate: 90deg; } .group-focus-visible\/floating-composer-reveal\:text-secondary:is(:where(= .group\/floating-composer-reveal):focus-visible :where(.group-focus-visible= \/floating-composer-reveal\:text-secondary)) { color: var(--color-text-seco= ndary); } .group-focus-visible\/floating-composer-reveal\:opacity-100:is(:where(.gr= oup\/floating-composer-reveal):focus-visible :where(.group-focus-visible\/f= loating-composer-reveal\:opacity-100)) { opacity: 1; } .group-focus-visible\/folder-row\:invisible:is(:where(.group\/folder-row)= :focus-visible :where(.group-focus-visible\/folder-row\:invisible)) { visib= ility: hidden; } .group-focus-visible\/folder-row\:w-5:is(:where(.group\/folder-row):focus= -visible :where(.group-focus-visible\/folder-row\:w-5)) { width: calc(var(-= -spacing) * 5); } .group-focus-visible\/folder-row\:w-auto:is(:where(.group\/folder-row):fo= cus-visible :where(.group-focus-visible\/folder-row\:w-auto)) { width: auto= ; } .group-focus-visible\/folder-row\:overflow-visible:is(:where(.group\/fold= er-row):focus-visible :where(.group-focus-visible\/folder-row\:overflow-vis= ible)) { overflow: visible; } .group-focus-visible\/folder-row\:opacity-100:is(:where(.group\/folder-ro= w):focus-visible :where(.group-focus-visible\/folder-row\:opacity-100)) { o= pacity: 1; } .group-focus-visible\/home-suggestion-list-item\:text-default:is(:where(.= group\/home-suggestion-list-item):focus-visible :where(.group-focus-visible= \/home-suggestion-list-item\:text-default)) { color: var(--color-text); } .group-focus-visible\/labeled-icon\:ring-2:is(:where(.group\/labeled-icon= ):focus-visible :where(.group-focus-visible\/labeled-icon\:ring-2)) { --tw-= ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-w= idth)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow= ), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring= -shadow), var(--tw-shadow); } .group-focus-visible\/labeled-icon\:ring-ring:is(:where(.group\/labeled-i= con):focus-visible :where(.group-focus-visible\/labeled-icon\:ring-ring)) {= --tw-ring-color: var(--color-ring); } .group-focus-visible\/offer\:opacity-100:is(:where(.group\/offer):focus-v= isible :where(.group-focus-visible\/offer\:opacity-100)) { opacity: 1; } .group-focus-visible\/pip\:brightness-95:is(:where(.group\/pip):focus-vis= ible :where(.group-focus-visible\/pip\:brightness-95)) { --tw-brightness: b= rightness(95%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-co= ntrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) v= ar(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .group-focus-visible\/plugin\:ring-2:is(:where(.group\/plugin):focus-visi= ble :where(.group-focus-visible\/plugin\:ring-2)) { --tw-ring-shadow: var(-= -tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ri= ng-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-= ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw= -shadow); } .group-focus-visible\/plugin\:ring-ring:is(:where(.group\/plugin):focus-v= isible :where(.group-focus-visible\/plugin\:ring-ring)) { --tw-ring-color: = var(--color-ring); } .group-focus-visible\/product-card\:pointer-events-auto:is(:where(.group\= /product-card):focus-visible :where(.group-focus-visible\/product-card\:poi= nter-events-auto)) { pointer-events: auto; } .group-focus-visible\/product-card\:opacity-100:is(:where(.group\/product= -card):focus-visible :where(.group-focus-visible\/product-card\:opacity-100= )), .group-focus-visible\/project-hover-card-row\:opacity-100:is(:where(.gr= oup\/project-hover-card-row):focus-visible :where(.group-focus-visible\/pro= ject-hover-card-row\:opacity-100)), .group-focus-visible\/project-toggle\:o= pacity-100:is(:where(.group\/project-toggle):focus-visible :where(.group-fo= cus-visible\/project-toggle\:opacity-100)) { opacity: 1; } .group-focus-visible\/quick-chat-frame\:ring-2:is(:where(.group\/quick-ch= at-frame):focus-visible :where(.group-focus-visible\/quick-chat-frame\:ring= -2)) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-r= ing-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-= inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), v= ar(--tw-ring-shadow), var(--tw-shadow); } .group-focus-visible\/quick-chat-frame\:ring-ring:is(:where(.group\/quick= -chat-frame):focus-visible :where(.group-focus-visible\/quick-chat-frame\:r= ing-ring)) { --tw-ring-color: var(--color-ring); } .group-focus-visible\/quick-chat-frame\:ring-offset-0:is(:where(.group\/q= uick-chat-frame):focus-visible :where(.group-focus-visible\/quick-chat-fram= e\:ring-offset-0)) { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: = var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offs= et-color); } .group-focus-visible\/remove\:bg-\[color-mix\(in_srgb\,var\(--color-surfa= ce-elevated\)_88\%\,var\(--color-text\)\)\]:is(:where(.group\/remove):focus= -visible :where(.group-focus-visible\/remove\:bg-\[color-mix\(in_srgb\,var\= (--color-surface-elevated\)_88\%\,var\(--color-text\)\)\])) { background-co= lor: var(--color-surface-elevated); } @supports (color:color-mix(in lab, red, red)) { .group-focus-visible\/remove\:bg-\[color-mix\(in_srgb\,var\(--color-surfa= ce-elevated\)_88\%\,var\(--color-text\)\)\]:is(:where(.group\/remove):focus= -visible :where(.group-focus-visible\/remove\:bg-\[color-mix\(in_srgb\,var\= (--color-surface-elevated\)_88\%\,var\(--color-text\)\)\])) { background-co= lor: color-mix(in srgb,var(--color-surface-elevated) 88%,var(--color-text))= ; } } .group-focus-visible\/scroll-to-bottom\:block:is(:where(.group\/scroll-to= -bottom):focus-visible :where(.group-focus-visible\/scroll-to-bottom\:block= )) { display: block; } .group-focus-visible\/scroll-to-bottom\:hidden:is(:where(.group\/scroll-t= o-bottom):focus-visible :where(.group-focus-visible\/scroll-to-bottom\:hidd= en)) { display: none; } .group-focus-visible\/section-toggle\:opacity-100:is(:where(.group\/secti= on-toggle):focus-visible :where(.group-focus-visible\/section-toggle\:opaci= ty-100)) { opacity: 1; } .group-focus-visible\/sidebar-trigger\:opacity-0:is(:where(.group\/sideba= r-trigger):focus-visible :where(.group-focus-visible\/sidebar-trigger\:opac= ity-0)) { opacity: 0; } .group-focus-visible\/sidebar-trigger\:opacity-100:is(:where(.group\/side= bar-trigger):focus-visible :where(.group-focus-visible\/sidebar-trigger\:op= acity-100)) { opacity: 1; } .group-focus-visible\/sidebar-trigger\:delay-0:is(:where(.group\/sidebar-= trigger):focus-visible :where(.group-focus-visible\/sidebar-trigger\:delay-= 0)) { transition-delay: 0s; } .group-focus-visible\/site-url\:underline:is(:where(.group\/site-url):foc= us-visible :where(.group-focus-visible\/site-url\:underline)) { text-decora= tion-line: underline; } .group-focus-visible\/status\:hidden:is(:where(.group\/status):focus-visi= ble :where(.group-focus-visible\/status\:hidden)) { display: none; } .group-focus-visible\/status\:opacity-0:is(:where(.group\/status):focus-v= isible :where(.group-focus-visible\/status\:opacity-0)) { opacity: 0; } .group-focus-visible\/status\:opacity-100:is(:where(.group\/status):focus= -visible :where(.group-focus-visible\/status\:opacity-100)) { opacity: 1; } .group-focus-visible\/status-pill\:invisible:is(:where(.group\/status-pil= l):focus-visible :where(.group-focus-visible\/status-pill\:invisible)) { vi= sibility: hidden; } .group-focus-visible\/status-pill\:visible:is(:where(.group\/status-pill)= :focus-visible :where(.group-focus-visible\/status-pill\:visible)) { visibi= lity: visible; } .group-focus-visible\/status-pill\:bg-text\/20:is(:where(.group\/status-p= ill):focus-visible :where(.group-focus-visible\/status-pill\:bg-text\/20)) = { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .group-focus-visible\/status-pill\:bg-text\/20:is(:where(.group\/status-p= ill):focus-visible :where(.group-focus-visible\/status-pill\:bg-text\/20)) = { background-color: color-mix(in oklab, var(--color-text) 20%, transparent)= ; } } .group-focus-visible\/summary-panel-item\:opacity-100:is(:where(.group\/s= ummary-panel-item):focus-visible :where(.group-focus-visible\/summary-panel= -item\:opacity-100)), .group-focus-visible\/symbol\:opacity-100:is(:where(.= group\/symbol):focus-visible :where(.group-focus-visible\/symbol\:opacity-1= 00)) { opacity: 1; } .group-active\:bg-text\/25:is(:where(.group):active :where(.group-active\= :bg-text\/25)) { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .group-active\:bg-text\/25:is(:where(.group):active :where(.group-active\= :bg-text\/25)) { background-color: color-mix(in oklab, var(--color-text) 25= %, transparent); } } .group-active\:opacity-100:is(:where(.group):active :where(.group-active\= :opacity-100)), .group-active\/panel-resizer\:opacity-100:is(:where(.group\= /panel-resizer):active :where(.group-active\/panel-resizer\:opacity-100)), = .group-active\/symbol\:opacity-100:is(:where(.group\/symbol):active :where(= .group-active\/symbol\:opacity-100)) { opacity: 1; } @media (hover: hover) { .group-enabled\/add-source-row\:group-hover\/add-source-row\:bg-primary-g= host-hover:is(:where(.group\/add-source-row):enabled :where(.group-enabled\= /add-source-row\:group-hover\/add-source-row\:bg-primary-ghost-hover)):is(:= where(.group\/add-source-row):hover :where(.group-enabled\/add-source-row\:= group-hover\/add-source-row\:bg-primary-ghost-hover)) { background-color: v= ar(--color-background-primary-ghost-hover); } } .group-has-focus-visible\/composer-attachment\:pointer-events-auto:is(:wh= ere(.group\/composer-attachment):has(:focus-visible) :where(.group-has-focu= s-visible\/composer-attachment\:pointer-events-auto)) { pointer-events: aut= o; } .group-has-focus-visible\/composer-attachment\:opacity-0:is(:where(.group= \/composer-attachment):has(:focus-visible) :where(.group-has-focus-visible\= /composer-attachment\:opacity-0)) { opacity: 0; } .group-has-focus-visible\/composer-attachment\:opacity-100:is(:where(.gro= up\/composer-attachment):has(:focus-visible) :where(.group-has-focus-visibl= e\/composer-attachment\:opacity-100)) { opacity: 1; } .group-has-focus-visible\/composer-attachment\:ring-border-strong:is(:whe= re(.group\/composer-attachment):has(:focus-visible) :where(.group-has-focus= -visible\/composer-attachment\:ring-border-strong)) { --tw-ring-color: var(= --color-border-strong); } .group-has-focus-visible\/generated-image-preview\:pointer-events-auto:is= (:where(.group\/generated-image-preview):has(:focus-visible) :where(.group-= has-focus-visible\/generated-image-preview\:pointer-events-auto)) { pointer= -events: auto; } .group-has-focus-visible\/generated-image-preview\:opacity-100:is(:where(= .group\/generated-image-preview):has(:focus-visible) :where(.group-has-focu= s-visible\/generated-image-preview\:opacity-100)) { opacity: 1; } .group-has-focus-visible\/panel-resizer\:pointer-events-auto:is(:where(.g= roup\/panel-resizer):has(:focus-visible) :where(.group-has-focus-visible\/p= anel-resizer\:pointer-events-auto)) { pointer-events: auto; } .group-has-focus-visible\/panel-resizer\:opacity-100:is(:where(.group\/pa= nel-resizer):has(:focus-visible) :where(.group-has-focus-visible\/panel-res= izer\:opacity-100)) { opacity: 1; } .group-has-focus-visible\/product-card\:pointer-events-auto:is(:where(.gr= oup\/product-card):has(:focus-visible) :where(.group-has-focus-visible\/pro= duct-card\:pointer-events-auto)) { pointer-events: auto; } .group-has-focus-visible\/product-card\:opacity-100:is(:where(.group\/pro= duct-card):has(:focus-visible) :where(.group-has-focus-visible\/product-car= d\:opacity-100)) { opacity: 1; } .group-has-\[\:disabled\]\:cursor-not-allowed:is(:where(.group):has(:disa= bled) :where(.group-has-\[\:disabled\]\:cursor-not-allowed)) { cursor: not-= allowed; } .group-has-\[\:disabled\]\:opacity-40:is(:where(.group):has(:disabled) :w= here(.group-has-\[\:disabled\]\:opacity-40)) { opacity: 0.4; } .group-has-\[\:focus-visible\]\:pointer-events-auto:is(:where(.group):has= (:focus-visible) :where(.group-has-\[\:focus-visible\]\:pointer-events-auto= )) { pointer-events: auto; } .group-has-\[\:focus-visible\]\:hidden:is(:where(.group):has(:focus-visib= le) :where(.group-has-\[\:focus-visible\]\:hidden)) { display: none; } .group-has-\[\:focus-visible\]\:inline-flex:is(:where(.group):has(:focus-= visible) :where(.group-has-\[\:focus-visible\]\:inline-flex)) { display: in= line-flex; } .group-has-\[\:focus-visible\]\:min-w-5:is(:where(.group):has(:focus-visi= ble) :where(.group-has-\[\:focus-visible\]\:min-w-5)) { min-width: calc(var= (--spacing) * 5); } .group-has-\[\:focus-visible\]\:min-w-14:is(:where(.group):has(:focus-vis= ible) :where(.group-has-\[\:focus-visible\]\:min-w-14)) { min-width: calc(v= ar(--spacing) * 14); } .group-has-\[\:focus-visible\]\:min-w-20:is(:where(.group):has(:focus-vis= ible) :where(.group-has-\[\:focus-visible\]\:min-w-20)) { min-width: calc(v= ar(--spacing) * 20); } .group-has-\[\:focus-visible\]\:min-w-\[36px\]:is(:where(.group):has(:foc= us-visible) :where(.group-has-\[\:focus-visible\]\:min-w-\[36px\])) { min-w= idth: 36px; } .group-has-\[\:focus-visible\]\:pe-20:is(:where(.group):has(:focus-visibl= e) :where(.group-has-\[\:focus-visible\]\:pe-20)) { padding-inline-end: cal= c(var(--spacing) * 20); } .group-has-\[\:focus-visible\]\:opacity-0:is(:where(.group):has(:focus-vi= sible) :where(.group-has-\[\:focus-visible\]\:opacity-0)) { opacity: 0; } .group-has-\[\:focus-visible\]\:opacity-100:is(:where(.group):has(:focus-= visible) :where(.group-has-\[\:focus-visible\]\:opacity-100)) { opacity: 1;= } .group-has-\[\:focus-visible\]\:ring-ring:is(:where(.group):has(:focus-vi= sible) :where(.group-has-\[\:focus-visible\]\:ring-ring)) { --tw-ring-color= : var(--color-ring); } .group-has-\[\:focus-visible\]\/activity-header\:text-default:is(:where(.= group\/activity-header):has(:focus-visible) :where(.group-has-\[\:focus-vis= ible\]\/activity-header\:text-default)) { color: var(--color-text); } .group-has-\[\:focus-visible\]\/activity-header\:opacity-100:is(:where(.g= roup\/activity-header):has(:focus-visible) :where(.group-has-\[\:focus-visi= ble\]\/activity-header\:opacity-100)), .group-has-\[\:focus-visible\]\/diff= -header\:opacity-100:is(:where(.group\/diff-header):has(:focus-visible) :wh= ere(.group-has-\[\:focus-visible\]\/diff-header\:opacity-100)) { opacity: 1= ; } .group-has-\[\:focus-visible\]\/explore-row\:pointer-events-auto:is(:wher= e(.group\/explore-row):has(:focus-visible) :where(.group-has-\[\:focus-visi= ble\]\/explore-row\:pointer-events-auto)) { pointer-events: auto; } .group-has-\[\:focus-visible\]\/explore-row\:opacity-100:is(:where(.group= \/explore-row):has(:focus-visible) :where(.group-has-\[\:focus-visible\]\/e= xplore-row\:opacity-100)) { opacity: 1; } .group-has-\[\:focus-visible\]\/plugin-row\:translate-y-1:is(:where(.grou= p\/plugin-row):has(:focus-visible) :where(.group-has-\[\:focus-visible\]\/p= lugin-row\:translate-y-1)) { --tw-translate-y: var(--spacing); translate: v= ar(--tw-translate-x) var(--tw-translate-y); } .group-has-\[\:focus-visible\]\/plugin-row\:duration-0:is(:where(.group\/= plugin-row):has(:focus-visible) :where(.group-has-\[\:focus-visible\]\/plug= in-row\:duration-0)) { --tw-duration: 0s; transition-duration: 0s; } .group-has-\[\:focus-visible\]\/product-card\:pointer-events-auto:is(:whe= re(.group\/product-card):has(:focus-visible) :where(.group-has-\[\:focus-vi= sible\]\/product-card\:pointer-events-auto)) { pointer-events: auto; } .group-has-\[\:focus-visible\]\/product-card\:opacity-100:is(:where(.grou= p\/product-card):has(:focus-visible) :where(.group-has-\[\:focus-visible\]\= /product-card\:opacity-100)) { opacity: 1; } .group-has-\[\[aria-expanded\=3Dtrue\]\]\:opacity-0:is(:where(.group):has= ([aria-expanded=3D"true"]) :where(.group-has-\[\[aria-expanded\=3Dtrue\]\]\= :opacity-0)) { opacity: 0; } .group-has-\[\[aria-expanded\=3Dtrue\]\]\/summary-panel-item\:w-token-but= ton-composer:is(:where(.group\/summary-panel-item):has([aria-expanded=3D"tr= ue"]) :where(.group-has-\[\[aria-expanded\=3Dtrue\]\]\/summary-panel-item\:= w-token-button-composer)) { width: var(--spacing-token-button-composer); } .group-has-\[\[aria-expanded\=3Dtrue\]\]\/summary-panel-item\:opacity-0:i= s(:where(.group\/summary-panel-item):has([aria-expanded=3D"true"]) :where(.= group-has-\[\[aria-expanded\=3Dtrue\]\]\/summary-panel-item\:opacity-0)) { = opacity: 0; } .group-has-\[\[data-app-shell-titlebar-content\]\]\/titlebar\:block:is(:w= here(.group\/titlebar):has([data-app-shell-titlebar-content]) :where(.group= -has-\[\[data-app-shell-titlebar-content\]\]\/titlebar\:block)), .group-has= -\[\[data-browser-comment-editor-tray-surface\]\]\/annotation-editor\:block= :is(:where(.group\/annotation-editor):has([data-browser-comment-editor-tray= -surface]) :where(.group-has-\[\[data-browser-comment-editor-tray-surface\]= \]\/annotation-editor\:block)) { display: block; } .group-has-\[\[data-conversation-followup-reserved-hidden\=3Dtrue\]\]\/th= read-scroll-layout\:top-6:is(:where(.group\/thread-scroll-layout):has([data= -conversation-followup-reserved-hidden=3D"true"]) :where(.group-has-\[\[dat= a-conversation-followup-reserved-hidden\=3Dtrue\]\]\/thread-scroll-layout\:= top-6)) { top: calc(var(--spacing) * 6); } .group-has-\[\[data-expanded-composer\]\]\/home-composer-layout\:hidden:i= s(:where(.group\/home-composer-layout):has([data-expanded-composer]) :where= (.group-has-\[\[data-expanded-composer\]\]\/home-composer-layout\:hidden)) = { display: none; } .group-has-\[\[data-expanded-composer\]\]\/home-composer-layout\:flex-non= e:is(:where(.group\/home-composer-layout):has([data-expanded-composer]) :wh= ere(.group-has-\[\[data-expanded-composer\]\]\/home-composer-layout\:flex-n= one)) { flex: 0 0 auto; } .group-has-\[\[data-expanded-composer\]\]\/thread-scroll-layout\:overflow= -y-hidden:is(:where(.group\/thread-scroll-layout):has([data-expanded-compos= er]) :where(.group-has-\[\[data-expanded-composer\]\]\/thread-scroll-layout= \:overflow-y-hidden)) { overflow-y: hidden; } .group-has-\[\[data-home-inline-preview\]\]\/home-composer-layout\:invisi= ble:is(:where(.group\/home-composer-layout):has([data-home-inline-preview])= :where(.group-has-\[\[data-home-inline-preview\]\]\/home-composer-layout\:= invisible)) { visibility: hidden; } .group-has-\[\[data-homepage-takeover\]\]\/home-composer-layout\:hidden:i= s(:where(.group\/home-composer-layout):has([data-homepage-takeover]) :where= (.group-has-\[\[data-homepage-takeover\]\]\/home-composer-layout\:hidden)) = { display: none; } .group-has-\[\[data-homepage-takeover\]\]\/home-composer-layout\:flex-non= e:is(:where(.group\/home-composer-layout):has([data-homepage-takeover]) :wh= ere(.group-has-\[\[data-homepage-takeover\]\]\/home-composer-layout\:flex-n= one)) { flex: 0 0 auto; } .group-has-\[\[data-homepage-takeover\]\]\/work-home-content\:hidden:is(:= where(.group\/work-home-content):has([data-homepage-takeover]) :where(.grou= p-has-\[\[data-homepage-takeover\]\]\/work-home-content\:hidden)) { display= : none; } .group-has-\[\[data-homepage-takeover\]\]\/work-home-content\:flex-none:i= s(:where(.group\/work-home-content):has([data-homepage-takeover]) :where(.g= roup-has-\[\[data-homepage-takeover\]\]\/work-home-content\:flex-none)) { f= lex: 0 0 auto; } .group-has-\[\[data-in-progress-fixed-content\]\]\/realtime-voice-thread\= :bottom-12:is(:where(.group\/realtime-voice-thread):has([data-in-progress-f= ixed-content]) :where(.group-has-\[\[data-in-progress-fixed-content\]\]\/re= altime-voice-thread\:bottom-12)) { bottom: calc(var(--spacing) * 12); } .group-has-\[\[data-in-progress-fixed-content\]\]\/thread-scroll-layout\:= top-0:is(:where(.group\/thread-scroll-layout):has([data-in-progress-fixed-c= ontent]) :where(.group-has-\[\[data-in-progress-fixed-content\]\]\/thread-s= croll-layout\:top-0)) { top: 0px; } .group-has-\[\[data-in-progress-fixed-content\]\]\/thread-scroll-layout\:= group-has-\[\[data-conversation-followup-reserved-hidden\=3Dtrue\]\]\/threa= d-scroll-layout\:top-6:is(:where(.group\/thread-scroll-layout):has([data-in= -progress-fixed-content]) :where(.group-has-\[\[data-in-progress-fixed-cont= ent\]\]\/thread-scroll-layout\:group-has-\[\[data-conversation-followup-res= erved-hidden\=3Dtrue\]\]\/thread-scroll-layout\:top-6)):is(:where(.group\/t= hread-scroll-layout):has([data-conversation-followup-reserved-hidden=3D"tru= e"]) :where(.group-has-\[\[data-in-progress-fixed-content\]\]\/thread-scrol= l-layout\:group-has-\[\[data-conversation-followup-reserved-hidden\=3Dtrue\= ]\]\/thread-scroll-layout\:top-6)) { top: calc(var(--spacing) * 6); } .group-has-\[\[data-plugin-share-loading\]\]\/plugin-menu\:hidden:is(:whe= re(.group\/plugin-menu):has([data-plugin-share-loading]) :where(.group-has-= \[\[data-plugin-share-loading\]\]\/plugin-menu\:hidden)) { display: none; } .group-has-\[\[data-plugin-share-loading\]\]\/plugin-menu\:inline:is(:whe= re(.group\/plugin-menu):has([data-plugin-share-loading]) :where(.group-has-= \[\[data-plugin-share-loading\]\]\/plugin-menu\:inline)) { display: inline;= } .group-has-\[\[data-realtime-voice-reasoning-notice\]\]\/realtime-voice-t= hread\:bottom-16:is(:where(.group\/realtime-voice-thread):has([data-realtim= e-voice-reasoning-notice]) :where(.group-has-\[\[data-realtime-voice-reason= ing-notice\]\]\/realtime-voice-thread\:bottom-16)) { bottom: calc(var(--spa= cing) * 16); } .group-has-\[\[data-in-progress-fixed-content\]\]\/realtime-voice-thread\= :group-has-\[\[data-realtime-voice-reasoning-notice\]\]\/realtime-voice-thr= ead\:bottom-28:is(:where(.group\/realtime-voice-thread):has([data-in-progre= ss-fixed-content]) :where(.group-has-\[\[data-in-progress-fixed-content\]\]= \/realtime-voice-thread\:group-has-\[\[data-realtime-voice-reasoning-notice= \]\]\/realtime-voice-thread\:bottom-28)):is(:where(.group\/realtime-voice-t= hread):has([data-realtime-voice-reasoning-notice]) :where(.group-has-\[\[da= ta-in-progress-fixed-content\]\]\/realtime-voice-thread\:group-has-\[\[data= -realtime-voice-reasoning-notice\]\]\/realtime-voice-thread\:bottom-28)) { = bottom: calc(var(--spacing) * 28); } .group-has-\[\[data-state\=3Dopen\]\]\:opacity-0:is(:where(.group):has([d= ata-state=3D"open"]) :where(.group-has-\[\[data-state\=3Dopen\]\]\:opacity-= 0)), .group-has-\[\[data-state\=3Dopen\]\]\/project-source\:opacity-0:is(:w= here(.group\/project-source):has([data-state=3D"open"]) :where(.group-has-\= [\[data-state\=3Dopen\]\]\/project-source\:opacity-0)) { opacity: 0; } .group-has-\[\[data-vto-product-action\=3Ddetail\]\]\/product-details\:pb= -30:is(:where(.group\/product-details):has([data-vto-product-action=3D"deta= il"]) :where(.group-has-\[\[data-vto-product-action\=3Ddetail\]\]\/product-= details\:pb-30)) { padding-bottom: calc(var(--spacing) * 30); } .group-has-\[\[data-vto-product-action\]\]\/product-card\:top-auto:is(:wh= ere(.group\/product-card):has([data-vto-product-action]) :where(.group-has-= \[\[data-vto-product-action\]\]\/product-card\:top-auto)) { top: auto; } .group-has-\[\[data-vto-product-action\]\]\/product-card\:bottom-2:is(:wh= ere(.group\/product-card):has([data-vto-product-action]) :where(.group-has-= \[\[data-vto-product-action\]\]\/product-card\:bottom-2)) { bottom: calc(va= r(--spacing) * 2); } .group-has-\[\[data-widget-share-button\]\]\/app-widget\:pe-24:is(:where(= .group\/app-widget):has([data-widget-share-button]) :where(.group-has-\[\[d= ata-widget-share-button\]\]\/app-widget\:pe-24)) { padding-inline-end: calc= (var(--spacing) * 24); } .group-has-\[\[role\=3Dmenuitem\]\]\/plugin-menu\:hidden:is(:where(.group= \/plugin-menu):has([role=3D"menuitem"]) :where(.group-has-\[\[role\=3Dmenui= tem\]\]\/plugin-menu\:hidden)) { display: none; } .group-aria-expanded\/comment-marker\:scale-\[1\.08\]:is(:where(.group\/c= omment-marker)[aria-expanded=3D"true"] :where(.group-aria-expanded\/comment= -marker\:scale-\[1\.08\])) { scale: 1.08; } .group-aria-expanded\/summary-panel-item\:opacity-100:is(:where(.group\/s= ummary-panel-item)[aria-expanded=3D"true"] :where(.group-aria-expanded\/sum= mary-panel-item\:opacity-100)) { opacity: 1; } .group-aria-selected\/labeled-icon\:border-transparent:is(:where(.group\/= labeled-icon)[aria-selected=3D"true"] :where(.group-aria-selected\/labeled-= icon\:border-transparent)) { border-color: rgba(0, 0, 0, 0); } .group-aria-selected\/labeled-icon\:bg-info-solid:is(:where(.group\/label= ed-icon)[aria-selected=3D"true"] :where(.group-aria-selected\/labeled-icon\= :bg-info-solid)) { background-color: var(--color-background-info-solid); } .group-aria-selected\/labeled-icon\:text-inverse:is(:where(.group\/labele= d-icon)[aria-selected=3D"true"] :where(.group-aria-selected\/labeled-icon\:= text-inverse)) { color: var(--color-text-inverse); } .group-aria-\[selected\=3Dtrue\]\:visible:is(:where(.group)[aria-selected= =3D"true"] :where(.group-aria-\[selected\=3Dtrue\]\:visible)) { visibility:= visible; } .group-aria-\[selected\=3Dtrue\]\:opacity-100:is(:where(.group)[aria-sele= cted=3D"true"] :where(.group-aria-\[selected\=3Dtrue\]\:opacity-100)) { opa= city: 1; } .group-data-\[animate\=3Dfalse\]\/timeline\:transition-none:is(:where(.gr= oup\/timeline)[data-animate=3D"false"] :where(.group-data-\[animate\=3Dfals= e\]\/timeline\:transition-none)) { transition-property: none; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:h-4\.5:is(:where(.group\= /nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appearance\=3D= grouped\]\/nav-list\:h-4\.5)) { height: calc(var(--spacing) * 4.5); } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:h-auto:is(:where(.group\= /nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appearance\=3D= grouped\]\/nav-list\:h-auto)) { height: auto; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:min-h-5:is(:where(.group= \/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appearance\= =3Dgrouped\]\/nav-list\:min-h-5)) { min-height: calc(var(--spacing) * 5); } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:gap-0:is(:where(.group\/= nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appearance\=3Dg= rouped\]\/nav-list\:gap-0)) { gap: 0px; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:self-auto:is(:where(.gro= up\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appearance\= =3Dgrouped\]\/nav-list\:self-auto)) { align-self: auto; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:rounded-none:is(:where(.= group\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appearan= ce\=3Dgrouped\]\/nav-list\:rounded-none)) { border-radius: 0px; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:py-1\.25:is(:where(.grou= p\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appearance\= =3Dgrouped\]\/nav-list\:py-1\.25)) { padding-block: calc(var(--spacing) * 1= .25); } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:pb-0:is(:where(.group\/n= av-list)[data-appearance=3D"grouped"] :where(.group-data-\[appearance\=3Dgr= ouped\]\/nav-list\:pb-0)) { padding-bottom: 0px; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:text-\[12px\]:is(:where(= .group\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appeara= nce\=3Dgrouped\]\/nav-list\:text-\[12px\])) { font-size: 12px; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:leading-4\.5:is(:where(.= group\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appearan= ce\=3Dgrouped\]\/nav-list\:leading-4\.5)) { --tw-leading: calc(var(--spacin= g) * 4.5); line-height: calc(var(--spacing) * 4.5); } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:leading-5:is(:where(.gro= up\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appearance\= =3Dgrouped\]\/nav-list\:leading-5)) { --tw-leading: calc(var(--spacing) * 5= ); line-height: calc(var(--spacing) * 5); } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:font-normal:is(:where(.g= roup\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appearanc= e\=3Dgrouped\]\/nav-list\:font-normal)) { --tw-font-weight: var(--font-weig= ht-normal); font-weight: var(--font-weight-normal); } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:tracking-\[-0\.14px\]:is= (:where(.group\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\= [appearance\=3Dgrouped\]\/nav-list\:tracking-\[-0\.14px\])) { --tw-tracking= : -.14px; letter-spacing: -0.14px; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:tracking-\[-0\.18px\]:is= (:where(.group\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\= [appearance\=3Dgrouped\]\/nav-list\:tracking-\[-0\.18px\])) { --tw-tracking= : -.18px; letter-spacing: -0.18px; } .group-data-\[can-scroll-down\=3Dtrue\]\:block:is(:where(.group)[data-can= -scroll-down=3D"true"] :where(.group-data-\[can-scroll-down\=3Dtrue\]\:bloc= k)) { display: block; } .group-data-\[can-scroll-down\=3Dtrue\]\:pb-3:is(:where(.group)[data-can-= scroll-down=3D"true"] :where(.group-data-\[can-scroll-down\=3Dtrue\]\:pb-3)= ) { padding-bottom: calc(var(--spacing) * 3); } .group-data-\[can-scroll-down\=3Dtrue\]\:pb-6:is(:where(.group)[data-can-= scroll-down=3D"true"] :where(.group-data-\[can-scroll-down\=3Dtrue\]\:pb-6)= ) { padding-bottom: calc(var(--spacing) * 6); } .group-data-\[can-scroll-down\=3Dtrue\]\:pb-7:is(:where(.group)[data-can-= scroll-down=3D"true"] :where(.group-data-\[can-scroll-down\=3Dtrue\]\:pb-7)= ) { padding-bottom: calc(var(--spacing) * 7); } .group-data-\[can-scroll-up\=3Dtrue\]\:block:is(:where(.group)[data-can-s= croll-up=3D"true"] :where(.group-data-\[can-scroll-up\=3Dtrue\]\:block)) { = display: block; } .group-data-\[density\=3Dcompact\]\/settings\:min-h-0:is(:where(.group\/s= ettings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompact\= ]\/settings\:min-h-0)) { min-height: 0px; } .group-data-\[density\=3Dcompact\]\/settings\:gap-0\.5:is(:where(.group\/= settings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompact= \]\/settings\:gap-0\.5)) { gap: calc(var(--spacing) * .5); } .group-data-\[density\=3Dcompact\]\/settings\:gap-0\.75:is(:where(.group\= /settings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompac= t\]\/settings\:gap-0\.75)) { gap: calc(var(--spacing) * .75); } .group-data-\[density\=3Dcompact\]\/settings\:border-0:is(:where(.group\/= settings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompact= \]\/settings\:border-0)) { border-style: var(--tw-border-style); border-wid= th: 0px; } .group-data-\[density\=3Dcompact\]\/settings\:py-1:is(:where(.group\/sett= ings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompact\]\/= settings\:py-1)) { padding-block: var(--spacing); } .group-data-\[density\=3Dcompact\]\/settings\:py-2\.5:is(:where(.group\/s= ettings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompact\= ]\/settings\:py-2\.5)) { padding-block: calc(var(--spacing) * 2.5); } .group-data-\[density\=3Dcompact\]\/settings\:pb-3:is(:where(.group\/sett= ings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompact\]\/= settings\:pb-3)) { padding-bottom: calc(var(--spacing) * 3); } .group-data-\[density\=3Dcompact\]\/settings\:text-lg:is(:where(.group\/s= ettings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompact\= ]\/settings\:text-lg)) { font-size: var(--text-lg); line-height: var(--tw-l= eading,var(--text-lg--line-height)); } .group-data-\[density\=3Dcompact\]\/settings\:leading-4\.5:is(:where(.gro= up\/settings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcom= pact\]\/settings\:leading-4\.5)) { --tw-leading: calc(var(--spacing) * 4.5)= ; line-height: calc(var(--spacing) * 4.5); } .group-data-\[density\=3Dcompact\]\/settings\:leading-5:is(:where(.group\= /settings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompac= t\]\/settings\:leading-5)) { --tw-leading: calc(var(--spacing) * 5); line-h= eight: calc(var(--spacing) * 5); } .group-data-\[density\=3Dcompact\]\/settings\:text-wrap:is(:where(.group\= /settings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompac= t\]\/settings\:text-wrap)) { text-wrap: wrap; } .group-data-\[density\=3Dcompact\]\/settings\:ring-1:is(:where(.group\/se= ttings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompact\]= \/settings\:ring-1)) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(= 1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-s= hadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-o= ffset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-data-\[density\=3Dcompact\]\/settings\:ring-border:is(:where(.grou= p\/settings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcomp= act\]\/settings\:ring-border)) { --tw-ring-color: var(--color-border); } .group-data-\[density\=3Dcompact\]\/settings\:ring-inset:is(:where(.group= \/settings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompa= ct\]\/settings\:ring-inset)) { --tw-ring-inset: inset; } .group-data-\[density\=3Dform\]\/settings\:min-h-12:is(:where(.group\/set= tings)[data-density=3D"form"] :where(.group-data-\[density\=3Dform\]\/setti= ngs\:min-h-12)) { min-height: calc(var(--spacing) * 12); } .group-data-\[density\=3Dform\]\/settings\:border-default:is(:where(.grou= p\/settings)[data-density=3D"form"] :where(.group-data-\[density\=3Dform\]\= /settings\:border-default)) { border-color: var(--color-border); } .group-data-\[density\=3Dform\]\/settings\:bg-transparent:is(:where(.grou= p\/settings)[data-density=3D"form"] :where(.group-data-\[density\=3Dform\]\= /settings\:bg-transparent)) { background-color: rgba(0, 0, 0, 0); } .group-data-\[density\=3Dform\]\/settings\:px-5:is(:where(.group\/setting= s)[data-density=3D"form"] :where(.group-data-\[density\=3Dform\]\/settings\= :px-5)) { padding-inline: calc(var(--spacing) * 5); } .group-data-\[highlighted\]\:opacity-100:is(:where(.group)[data-highlight= ed] :where(.group-data-\[highlighted\]\:opacity-100)) { opacity: 1; } .group-data-\[includes-composer\=3Dfalse\]\/realtime-voice-thread\:h-28:i= s(:where(.group\/realtime-voice-thread)[data-includes-composer=3D"false"] := where(.group-data-\[includes-composer\=3Dfalse\]\/realtime-voice-thread\:h-= 28)) { height: calc(var(--spacing) * 28); } .group-data-\[menu-open\=3Dtrue\]\/tile\:invisible:is(:where(.group\/tile= )[data-menu-open=3D"true"] :where(.group-data-\[menu-open\=3Dtrue\]\/tile\:= invisible)) { visibility: hidden; } .group-data-\[menu-open\=3Dtrue\]\/tile\:opacity-100:is(:where(.group\/ti= le)[data-menu-open=3D"true"] :where(.group-data-\[menu-open\=3Dtrue\]\/tile= \:opacity-100)) { opacity: 1; } .group-data-\[menu-open\=3Dtrue\]\/tile\:shadow-card:is(:where(.group\/ti= le)[data-menu-open=3D"true"] :where(.group-data-\[menu-open\=3Dtrue\]\/tile= \:shadow-card)) { --tw-shadow: var(--shadow-card); box-shadow: var(--tw-ins= et-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(= --tw-ring-shadow), var(--tw-shadow); } .group-data-\[placement\=3Dbelow-composer\]\/home-takeover\:min-h-0:is(:w= here(.group\/home-takeover)[data-placement=3D"below-composer"] :where(.grou= p-data-\[placement\=3Dbelow-composer\]\/home-takeover\:min-h-0)) { min-heig= ht: 0px; } .group-data-\[selected\=3Dtrue\]\:visible:is(:where(.group)[data-selected= =3D"true"] :where(.group-data-\[selected\=3Dtrue\]\:visible)) { visibility:= visible; } .group-data-\[show-rail\=3Dfalse\]\/version-history\:hidden:is(:where(.gr= oup\/version-history)[data-show-rail=3D"false"] :where(.group-data-\[show-r= ail\=3Dfalse\]\/version-history\:hidden)) { display: none; } .group-data-\[side\=3Dbottom\]\:bottom-full:is(:where(.group)[data-side= =3D"bottom"] :where(.group-data-\[side\=3Dbottom\]\:bottom-full)) { bottom:= 100%; } .group-data-\[side\=3Dbottom\]\:block:is(:where(.group)[data-side=3D"bott= om"] :where(.group-data-\[side\=3Dbottom\]\:block)) { display: block; } .group-data-\[side\=3Dbottom\]\:-scale-y-100:is(:where(.group)[data-side= =3D"bottom"] :where(.group-data-\[side\=3Dbottom\]\:-scale-y-100)) { --tw-s= cale-y: calc(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } .group-data-\[side\=3Dbottom\]\/diff-preview\:self-start:is(:where(.group= \/diff-preview)[data-side=3D"bottom"] :where(.group-data-\[side\=3Dbottom\]= \/diff-preview\:self-start)) { align-self: flex-start; } .group-data-\[side\=3Dleft\]\:left-full:is(:where(.group)[data-side=3D"le= ft"] :where(.group-data-\[side\=3Dleft\]\:left-full)) { left: 100%; } .group-data-\[side\=3Dleft\]\:block:is(:where(.group)[data-side=3D"left"]= :where(.group-data-\[side\=3Dleft\]\:block)) { display: block; } .group-data-\[side\=3Dright\]\:right-full:is(:where(.group)[data-side=3D"= right"] :where(.group-data-\[side\=3Dright\]\:right-full)) { right: 100%; } .group-data-\[side\=3Dright\]\:block:is(:where(.group)[data-side=3D"right= "] :where(.group-data-\[side\=3Dright\]\:block)) { display: block; } .group-data-\[side\=3Dright\]\:-scale-x-100:is(:where(.group)[data-side= =3D"right"] :where(.group-data-\[side\=3Dright\]\:-scale-x-100)) { --tw-sca= le-x: calc(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } .group-data-\[side\=3Dtop\]\:top-full:is(:where(.group)[data-side=3D"top"= ] :where(.group-data-\[side\=3Dtop\]\:top-full)) { top: 100%; } .group-data-\[side\=3Dtop\]\:block:is(:where(.group)[data-side=3D"top"] := where(.group-data-\[side\=3Dtop\]\:block)) { display: block; } .group-data-\[spacing\=3Dgrouped\]\/agent-activity\:shrink-0:is(:where(.g= roup\/agent-activity)[data-spacing=3D"grouped"] :where(.group-data-\[spacin= g\=3Dgrouped\]\/agent-activity\:shrink-0)) { flex-shrink: 0; } .group-data-\[spacing\=3Dgrouped\]\/agent-activity\:align-top:is(:where(.= group\/agent-activity)[data-spacing=3D"grouped"] :where(.group-data-\[spaci= ng\=3Dgrouped\]\/agent-activity\:align-top)) { vertical-align: top; } .group-data-\[state\=3Dchecked\]\:border-token-text-primary:is(:where(.gr= oup)[data-state=3D"checked"] :where(.group-data-\[state\=3Dchecked\]\:borde= r-token-text-primary)) { border-color: var(--color-token-text-primary); } .group-data-\[state\=3Dchecked\]\:bg-token-text-primary:is(:where(.group)= [data-state=3D"checked"] :where(.group-data-\[state\=3Dchecked\]\:bg-token-= text-primary)) { background-color: var(--color-token-text-primary); } .group-data-\[state\=3Dchecked\]\:text-token-text-secondary:is(:where(.gr= oup)[data-state=3D"checked"] :where(.group-data-\[state\=3Dchecked\]\:text-= token-text-secondary)) { color: var(--color-token-text-secondary); } .group-data-\[state\=3Dchecked\]\:opacity-100:is(:where(.group)[data-stat= e=3D"checked"] :where(.group-data-\[state\=3Dchecked\]\:opacity-100)) { opa= city: 1; } .group-data-\[state\=3Ddelayed-open\]\:h-\[30px\]:is(:where(.group)[data-= state=3D"delayed-open"] :where(.group-data-\[state\=3Ddelayed-open\]\:h-\[3= 0px\])) { height: 30px; } .group-data-\[state\=3Ddelayed-open\]\:w-\[72px\]:is(:where(.group)[data-= state=3D"delayed-open"] :where(.group-data-\[state\=3Ddelayed-open\]\:w-\[7= 2px\])) { width: 72px; } .group-data-\[state\=3Ddelayed-open\]\:scale-100:is(:where(.group)[data-s= tate=3D"delayed-open"] :where(.group-data-\[state\=3Ddelayed-open\]\:scale-= 100)) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: = var(--tw-scale-x) var(--tw-scale-y); } .group-data-\[state\=3Ddelayed-open\]\:rounded-full:is(:where(.group)[dat= a-state=3D"delayed-open"] :where(.group-data-\[state\=3Ddelayed-open\]\:rou= nded-full)) { border-radius: var(--radius-full); } .group-data-\[state\=3Ddelayed-open\]\:border-border\/80:is(:where(.group= )[data-state=3D"delayed-open"] :where(.group-data-\[state\=3Ddelayed-open\]= \:border-border\/80)) { border-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .group-data-\[state\=3Ddelayed-open\]\:border-border\/80:is(:where(.group= )[data-state=3D"delayed-open"] :where(.group-data-\[state\=3Ddelayed-open\]= \:border-border\/80)) { border-color: color-mix(in oklab, var(--color-borde= r) 80%, transparent); } } .group-data-\[state\=3Ddelayed-open\]\:opacity-100:is(:where(.group)[data= -state=3D"delayed-open"] :where(.group-data-\[state\=3Ddelayed-open\]\:opac= ity-100)), .group-data-\[state\=3Dindeterminate\]\:opacity-100:is(:where(.g= roup)[data-state=3D"indeterminate"] :where(.group-data-\[state\=3Dindetermi= nate\]\:opacity-100)) { opacity: 1; } .group-data-\[state\=3Dunchecked\]\:block:is(:where(.group)[data-state=3D= "unchecked"] :where(.group-data-\[state\=3Dunchecked\]\:block)) { display: = block; } .group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-panel\:h-6= :is(:where(.group\/summary-panel)[data-summary-panel-variant=3D"dynamic-isl= e"] :where(.group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-p= anel\:h-6)) { height: calc(var(--spacing) * 6); } .group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-panel\:min= -h-0:is(:where(.group\/summary-panel)[data-summary-panel-variant=3D"dynamic= -isle"] :where(.group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summa= ry-panel\:min-h-0)) { min-height: 0px; } .group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-panel\:w-4= :is(:where(.group\/summary-panel)[data-summary-panel-variant=3D"dynamic-isl= e"] :where(.group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-p= anel\:w-4)) { width: calc(var(--spacing) * 4); } .group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-panel\:gap= -0:is(:where(.group\/summary-panel)[data-summary-panel-variant=3D"dynamic-i= sle"] :where(.group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary= -panel\:gap-0)) { gap: 0px; } .group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-panel\:py-= 4:is(:where(.group\/summary-panel)[data-summary-panel-variant=3D"dynamic-is= le"] :where(.group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-= panel\:py-4)) { padding-block: calc(var(--spacing) * 4); } .group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-panel\:pb-= 0:is(:where(.group\/summary-panel)[data-summary-panel-variant=3D"dynamic-is= le"] :where(.group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-= panel\:pb-0)) { padding-bottom: 0px; } .group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-panel\:tex= t-dynamic-isle-row:is(:where(.group\/summary-panel)[data-summary-panel-vari= ant=3D"dynamic-isle"] :where(.group-data-\[summary-panel-variant\=3Ddynamic= -isle\]\/summary-panel\:text-dynamic-isle-row)) { font-size: var(--text-dyn= amic-isle-row); line-height: var(--tw-leading,var(--text-dynamic-isle-row--= line-height)); } .group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-panel\:lea= ding-5:is(:where(.group\/summary-panel)[data-summary-panel-variant=3D"dynam= ic-isle"] :where(.group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/sum= mary-panel\:leading-5)) { --tw-leading: calc(var(--spacing) * 5); line-heig= ht: calc(var(--spacing) * 5); } .group-data-\[title-aligned-trailing-rail\=3Dtrue\]\:relative:is(:where(.= group)[data-title-aligned-trailing-rail=3D"true"] :where(.group-data-\[titl= e-aligned-trailing-rail\=3Dtrue\]\:relative)) { position: relative; } .group-data-\[title-aligned-trailing-rail\=3Dtrue\]\:me-0:is(:where(.grou= p)[data-title-aligned-trailing-rail=3D"true"] :where(.group-data-\[title-al= igned-trailing-rail\=3Dtrue\]\:me-0)) { margin-inline-end: 0px; } .group-data-\[title-aligned-trailing-rail\=3Dtrue\]\:h-5:is(:where(.group= )[data-title-aligned-trailing-rail=3D"true"] :where(.group-data-\[title-ali= gned-trailing-rail\=3Dtrue\]\:h-5)) { height: calc(var(--spacing) * 5); } .group-data-\[title-aligned-trailing-rail\=3Dtrue\]\:min-w-0:is(:where(.g= roup)[data-title-aligned-trailing-rail=3D"true"] :where(.group-data-\[title= -aligned-trailing-rail\=3Dtrue\]\:min-w-0)) { min-width: 0px; } .group-data-\[title-aligned-trailing-rail\=3Dtrue\]\:pe-0:is(:where(.grou= p)[data-title-aligned-trailing-rail=3D"true"] :where(.group-data-\[title-al= igned-trailing-rail\=3Dtrue\]\:pe-0)) { padding-inline-end: 0px; } .group-data-\[title-aligned-trailing-rail\=3Dtrue\]\:pe-row-y:is(:where(.= group)[data-title-aligned-trailing-rail=3D"true"] :where(.group-data-\[titl= e-aligned-trailing-rail\=3Dtrue\]\:pe-row-y)) { padding-inline-end: var(--p= adding-row-y); } .group-data-\[variant\=3Dcard\]\/summary-card\:mx-0:is(:where(.group\/sum= mary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dcard\]\/s= ummary-card\:mx-0)) { margin-inline: 0px; } .group-data-\[variant\=3Dcard\]\/summary-card\:me-0:is(:where(.group\/sum= mary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dcard\]\/s= ummary-card\:me-0)) { margin-inline-end: 0px; } .group-data-\[variant\=3Dcard\]\/summary-card\:block:is(:where(.group\/su= mmary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dcard\]\/= summary-card\:block)) { display: block; } .group-data-\[variant\=3Dcard\]\/summary-card\:min-h-10:is(:where(.group\= /summary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dcard\= ]\/summary-card\:min-h-10)) { min-height: calc(var(--spacing) * 10); } .group-data-\[variant\=3Dcard\]\/summary-card\:w-4:is(:where(.group\/summ= ary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dcard\]\/su= mmary-card\:w-4)) { width: calc(var(--spacing) * 4); } .group-data-\[variant\=3Dcard\]\/summary-card\:gap-0:is(:where(.group\/su= mmary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dcard\]\/= summary-card\:gap-0)) { gap: 0px; } .group-data-\[variant\=3Dcard\]\/summary-card\:gap-3:is(:where(.group\/su= mmary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dcard\]\/= summary-card\:gap-3)) { gap: calc(var(--spacing) * 3); } .group-data-\[variant\=3Dcard\]\/summary-card\:rounded-none:is(:where(.gr= oup\/summary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dc= ard\]\/summary-card\:rounded-none)) { border-radius: 0px; } .group-data-\[variant\=3Dcard\]\/summary-card\:px-0:is(:where(.group\/sum= mary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dcard\]\/s= ummary-card\:px-0)) { padding-inline: 0px; } .group-data-\[variant\=3Dcard\]\/summary-card\:px-3:is(:where(.group\/sum= mary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dcard\]\/s= ummary-card\:px-3)) { padding-inline: calc(var(--spacing) * 3); } .group-data-\[variant\=3Dcard\]\/summary-card\:py-2:is(:where(.group\/sum= mary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dcard\]\/s= ummary-card\:py-2)) { padding-block: calc(var(--spacing) * 2); } .group-data-\[variant\=3Dcarousel\]\/card\:h-34:is(:where(.group\/card)[d= ata-variant=3D"carousel"] :where(.group-data-\[variant\=3Dcarousel\]\/card\= :h-34)) { height: calc(var(--spacing) * 34); } .group-data-\[variant\=3Dcarousel\]\/card\:px-0:is(:where(.group\/card)[d= ata-variant=3D"carousel"] :where(.group-data-\[variant\=3Dcarousel\]\/card\= :px-0)) { padding-inline: 0px; } .group-data-\[variant\=3Dcompact\]\/card\:text-\[0\.75rem\]:is(:where(.gr= oup\/card)[data-variant=3D"compact"] :where(.group-data-\[variant\=3Dcompac= t\]\/card\:text-\[0\.75rem\])) { font-size: 0.75rem; } .peer-checked\:border-text:is(:where(.peer):checked ~ *) { border-color: = var(--color-text); } .peer-checked\:ring-1:is(:where(.peer):checked ~ *) { --tw-ring-shadow: v= ar(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--t= w-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-in= set-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(= --tw-shadow); } .peer-checked\:ring-text:is(:where(.peer):checked ~ *) { --tw-ring-color:= var(--color-text); } .peer-checked\:ring-inset:is(:where(.peer):checked ~ *) { --tw-ring-inset= : inset; } .peer-empty\:contents:is(:where(.peer):empty ~ *) { display: contents; } @media (hover: hover) { .peer-hover\:bg-primary-ghost-hover:is(:where(.peer):hover ~ *) { backgro= und-color: var(--color-background-primary-ghost-hover); } } .peer-focus-visible\:bg-primary-ghost-hover:is(:where(.peer):focus-visibl= e ~ *) { background-color: var(--color-background-primary-ghost-hover); } .peer-focus-visible\:ring-2:is(:where(.peer):focus-visible ~ *) { --tw-ri= ng-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-wid= th)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),= var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-s= hadow), var(--tw-shadow); } .peer-focus-visible\:ring-black\/70:is(:where(.peer):focus-visible ~ *) {= --tw-ring-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .peer-focus-visible\:ring-black\/70:is(:where(.peer):focus-visible ~ *) {= --tw-ring-color: color-mix(in oklab, var(--color-black) 70%, transparent);= } } .peer-focus-visible\:ring-offset-2:is(:where(.peer):focus-visible ~ *) { = --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, = ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .peer-focus-visible\:outline:is(:where(.peer):focus-visible ~ *) { outlin= e-style: var(--tw-outline-style); outline-width: 1px; } .peer-focus-visible\:outline-2:is(:where(.peer):focus-visible ~ *) { outl= ine-style: var(--tw-outline-style); outline-width: 2px; } .peer-focus-visible\:outline-offset-0:is(:where(.peer):focus-visible ~ *)= { outline-offset: 0px; } .peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible ~ *)= { outline-offset: 2px; } .peer-focus-visible\:outline-\(--text-primary\):is(:where(.peer):focus-vi= sible ~ *) { outline-color: var(--text-primary); } .peer-focus-visible\:outline-\[\#2c67c5\]:is(:where(.peer):focus-visible = ~ *) { outline-color: rgb(44, 103, 197); } .peer-focus-visible\:outline-ring:is(:where(.peer):focus-visible ~ *) { o= utline-color: var(--color-ring); } .peer-focus-visible\:outline-text\/12:is(:where(.peer):focus-visible ~ *)= { outline-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .peer-focus-visible\:outline-text\/12:is(:where(.peer):focus-visible ~ *)= { outline-color: color-mix(in oklab, var(--color-text) 12%, transparent); = } } @media (hover: hover) { .peer-enabled\:peer-hover\:scale-105:is(:where(.peer):enabled ~ *):is(:wh= ere(.peer):hover ~ *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-= z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .peer-enabled\:peer-hover\:ring-2:is(:where(.peer):enabled ~ *):is(:where= (.peer):hover ~ *) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2p= x + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-sha= dow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-off= set-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .peer-enabled\:peer-hover\:ring-black\/15:is(:where(.peer):enabled ~ *):i= s(:where(.peer):hover ~ *) { --tw-ring-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .peer-enabled\:peer-hover\:ring-black\/15:is(:where(.peer):enabled ~ *):i= s(:where(.peer):hover ~ *) { --tw-ring-color: color-mix(in oklab, var(--col= or-black) 15%, transparent); } } } .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { curso= r: not-allowed; } .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) { opacity: 0.5;= } .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) { opacity: 0.7;= } .peer-has-\[button\]\:px-7:is(:where(.peer):has(:is(button)) ~ *) { paddi= ng-inline: calc(var(--spacing) * 7); } .peer-data-\[engine\]\:hidden:is(:where(.peer)[data-engine] ~ *) { displa= y: none; } .peer-data-\[variant\=3Dcarousel\]\/card\:h-34:is(:where(.peer\/card)[dat= a-variant=3D"carousel"] ~ *) { height: calc(var(--spacing) * 34); } .first-letter\:uppercase::first-letter { text-transform: uppercase; } .marker\:hidden ::marker { display: none; } .marker\:hidden::marker { display: none; } .marker\:hidden ::-webkit-details-marker { display: none; } .marker\:hidden::-webkit-details-marker { display: none; } .marker\:text-default ::marker { color: var(--color-text); } .marker\:text-default::marker { color: var(--color-text); } .marker\:text-default ::-webkit-details-marker { color: var(--color-text)= ; } .marker\:text-default::-webkit-details-marker { color: var(--color-text);= } .marker\:text-tertiary ::marker { color: var(--color-text-tertiary); } .marker\:text-tertiary::marker { color: var(--color-text-tertiary); } .marker\:text-tertiary ::-webkit-details-marker { color: var(--color-text= -tertiary); } .marker\:text-tertiary::-webkit-details-marker { color: var(--color-text-= tertiary); } .marker\:content-none ::marker { --tw-content: none; content: none; } .marker\:content-none::marker { --tw-content: none; content: none; } .marker\:content-none ::-webkit-details-marker { --tw-content: none; cont= ent: none; } .marker\:content-none::-webkit-details-marker { --tw-content: none; conte= nt: none; } .selection\:bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_8\%\,var\(--go= -to-line-bg\)\)\] ::selection { background-color: var(--go-to-line-fg); } @supports (color:color-mix(in lab, red, red)) { .selection\:bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_8\%\,var\(--go= -to-line-bg\)\)\] ::selection { background-color: color-mix(in lab,var(--go= -to-line-fg) 8%,var(--go-to-line-bg)); } } .selection\:bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_8\%\,var\(--go= -to-line-bg\)\)\]::selection { background-color: var(--go-to-line-fg); } @supports (color:color-mix(in lab, red, red)) { .selection\:bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_8\%\,var\(--go= -to-line-bg\)\)\]::selection { background-color: color-mix(in lab,var(--go-= to-line-fg) 8%,var(--go-to-line-bg)); } } .file\:me-3::file-selector-button { margin-inline-end: calc(var(--spacing= ) * 3); } .file\:me-4::file-selector-button { margin-inline-end: calc(var(--spacing= ) * 4); } .file\:cursor-interaction::file-selector-button { cursor: var(--cursor-in= teraction); } .file\:rounded-md::file-selector-button { border-radius: var(--radius-md)= ; } .file\:border-0::file-selector-button { border-style: var(--tw-border-sty= le); border-width: 0px; } .file\:bg-secondary-soft::file-selector-button { background-color: var(--= color-background-secondary-soft); } .file\:bg-surface-secondary::file-selector-button { background-color: var= (--color-surface-secondary); } .file\:px-3::file-selector-button { padding-inline: calc(var(--spacing) *= 3); } .file\:py-1\.5::file-selector-button { padding-block: calc(var(--spacing)= * 1.5); } .file\:py-2::file-selector-button { padding-block: calc(var(--spacing) * = 2); } .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-he= ight: var(--tw-leading,var(--text-sm--line-height)); } .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-w= eight-medium); font-weight: var(--font-weight-medium); } .file\:text-default::file-selector-button { color: var(--color-text); } .placeholder\:ps-px::placeholder { padding-inline-start: 1px; } .placeholder\:text-center::placeholder { text-align: center; } .placeholder\:\[color\:var\(--oai-wb-text-tertiary\)\]::placeholder { col= or: var(--oai-wb-text-tertiary); } .placeholder\:text-\(--checkout-text-tertiary\)::placeholder { color: var= (--checkout-text-tertiary); } .placeholder\:text-codex-description::placeholder { color: var(--color-co= dex-description); } .placeholder\:text-secondary::placeholder { color: var(--color-text-secon= dary); } .placeholder\:text-tertiary::placeholder { color: var(--color-text-tertia= ry); } .placeholder\:text-token-description-foreground::placeholder { color: var= (--color-token-description-foreground); } .placeholder\:text-token-text-secondary::placeholder { color: var(--color= -token-text-secondary); } .placeholder\:text-token-text-tertiary::placeholder { color: var(--color-= token-text-tertiary); } .placeholder\:opacity-50::placeholder { opacity: 0.5; } .backdrop\:bg-black\/25::backdrop { background-color: var(--color-black);= } @supports (color:color-mix(in lab, red, red)) { .backdrop\:bg-black\/25::backdrop { background-color: color-mix(in oklab,= var(--color-black) 25%, transparent); } } .before\:pointer-events-auto::before { content: var(--tw-content); pointe= r-events: auto; } .before\:pointer-events-none::before { content: var(--tw-content); pointe= r-events: none; } .before\:absolute::before { content: var(--tw-content); position: absolut= e; } .before\:-inset-1::before { content: var(--tw-content); inset: calc(var(-= -spacing) * -1); } .before\:inset-0::before { content: var(--tw-content); inset: 0px; } .before\:-inset-x-2::before { content: var(--tw-content); inset-inline: c= alc(var(--spacing) * -2); } .before\:-inset-x-3::before { content: var(--tw-content); inset-inline: c= alc(var(--spacing) * -3); } .before\:inset-x-0::before { content: var(--tw-content); inset-inline: 0p= x; } .before\:inset-x-0\.5::before { content: var(--tw-content); inset-inline:= calc(var(--spacing) * .5); } .before\:-inset-y-0\.5::before { content: var(--tw-content); inset-block:= calc(var(--spacing) * -.5); } .before\:inset-y-0::before { content: var(--tw-content); inset-block: 0px= ; } .before\:inset-y-1::before { content: var(--tw-content); inset-block: var= (--spacing); } .before\:inset-y-2::before { content: var(--tw-content); inset-block: cal= c(var(--spacing) * 2); } .before\:start-0::before { content: var(--tw-content); inset-inline-start= : calc(var(--spacing) * 0); } .before\:end-px::before { content: var(--tw-content); inset-inline-end: 1= px; } .before\:-top-1::before { content: var(--tw-content); top: calc(var(--spa= cing) * -1); } .before\:-top-2::before { content: var(--tw-content); top: calc(var(--spa= cing) * -2); } .before\:top-0::before { content: var(--tw-content); top: 0px; } .before\:top-\[-1px\]::before { content: var(--tw-content); top: -1px; } .before\:right-0::before { content: var(--tw-content); right: 0px; } .before\:right-2::before { content: var(--tw-content); right: calc(var(--= spacing) * 2); } .before\:-left-4::before { content: var(--tw-content); left: calc(var(--s= pacing) * -4); } .before\:-left-8::before { content: var(--tw-content); left: calc(var(--s= pacing) * -8); } .before\:left-1\/2::before { content: var(--tw-content); left: 50%; } .before\:left-2::before { content: var(--tw-content); left: calc(var(--sp= acing) * 2); } .before\:left-8::before { content: var(--tw-content); left: calc(var(--sp= acing) * 8); } .before\:-z-10::before { content: var(--tw-content); z-index: calc(-10); = } .before\:mx-4::before { content: var(--tw-content); margin-inline: calc(v= ar(--spacing) * 4); } .before\:my-1::before { content: var(--tw-content); margin-block: var(--s= pacing); } .before\:block::before { content: var(--tw-content); display: block; } .before\:hidden::before { content: var(--tw-content); display: none; } .before\:h-0\.5::before { content: var(--tw-content); height: calc(var(--= spacing) * .5); } .before\:h-1::before { content: var(--tw-content); height: var(--spacing)= ; } .before\:h-2::before { content: var(--tw-content); height: calc(var(--spa= cing) * 2); } .before\:h-8::before { content: var(--tw-content); height: calc(var(--spa= cing) * 8); } .before\:h-px::before { content: var(--tw-content); height: 1px; } .before\:w-0\.5::before { content: var(--tw-content); width: calc(var(--s= pacing) * .5); } .before\:w-1::before { content: var(--tw-content); width: var(--spacing);= } .before\:w-4::before { content: var(--tw-content); width: calc(var(--spac= ing) * 4); } .before\:w-5::before { content: var(--tw-content); width: calc(var(--spac= ing) * 5); } .before\:w-11::before { content: var(--tw-content); width: calc(var(--spa= cing) * 11); } .before\:w-px::before { content: var(--tw-content); width: 1px; } .before\:-translate-x-1\/2::before { content: var(--tw-content); --tw-tra= nslate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) v= ar(--tw-translate-y); } .before\:rounded-3xl::before { content: var(--tw-content); border-radius:= var(--radius-3xl); } .before\:rounded-\[inherit\]::before { content: var(--tw-content); border= -radius: inherit; } .before\:rounded-full::before { content: var(--tw-content); border-radius= : var(--radius-full); } .before\:rounded-lg::before { content: var(--tw-content); border-radius: = var(--radius-lg); } .before\:rounded-md::before { content: var(--tw-content); border-radius: = var(--radius-md); } .before\:rounded-sm::before { content: var(--tw-content); border-radius: = var(--radius-sm); } .before\:border::before { content: var(--tw-content); border-style: var(-= -tw-border-style); border-width: 1px; } .before\:border-default::before { content: var(--tw-content); border-colo= r: var(--color-border); } .before\:bg-\[var\(--app-shell-panel-background\,var\(--color-surface\)\)= \]::before { content: var(--tw-content); background-color: var(--app-shell-= panel-background,var(--color-surface)); } .before\:bg-border::before { content: var(--tw-content); background-color= : var(--color-border); } .before\:bg-current\/25::before { content: var(--tw-content); background-= color: currentcolor; } @supports (color:color-mix(in lab, red, red)) { .before\:bg-current\/25::before { background-color: color-mix(currentcolo= r 25%, transparent 75%); } } .before\:bg-primary-ghost-hover::before { content: var(--tw-content); bac= kground-color: var(--color-background-primary-ghost-hover); } .before\:bg-surface-elevated-secondary::before { content: var(--tw-conten= t); background-color: var(--color-surface-elevated-secondary); } .before\:bg-text-info::before, .before\:bg-text-info\/10::before { conten= t: var(--tw-content); background-color: var(--color-text-info); } @supports (color:color-mix(in lab, red, red)) { .before\:bg-text-info\/10::before { background-color: color-mix(in oklab,= var(--color-text-info) 10%, transparent); } } .before\:bg-text-warning\/60::before { content: var(--tw-content); backgr= ound-color: var(--color-text-warning); } @supports (color:color-mix(in lab, red, red)) { .before\:bg-text-warning\/60::before { background-color: color-mix(in okl= ab, var(--color-text-warning) 60%, transparent); } } .before\:bg-text\/5::before { content: var(--tw-content); background-colo= r: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .before\:bg-text\/5::before { background-color: color-mix(in oklab, var(-= -color-text) 5%, transparent); } } .before\:bg-white\/50::before { content: var(--tw-content); background-co= lor: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .before\:bg-white\/50::before { background-color: color-mix(in oklab, var= (--color-white) 50%, transparent); } } .before\:bg-linear-to-r::before { content: var(--tw-content); --tw-gradie= nt-position: to right; } @supports (background-image:linear-gradient(in lab, red, red)) { .before\:bg-linear-to-r::before { --tw-gradient-position: to right in okl= ab; } } .before\:bg-linear-to-r::before { background-image: linear-gradient(var(-= -tw-gradient-stops)); } .before\:from-transparent::before { content: var(--tw-content); --tw-grad= ient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,va= r(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-p= osition), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .before\:via-surface-elevated-secondary::before { content: var(--tw-conte= nt); --tw-gradient-via: var(--color-surface-elevated-secondary); --tw-gradi= ent-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--t= w-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-pos= ition), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient= -stops: var(--tw-gradient-via-stops); } .before\:to-surface-elevated-secondary::before { content: var(--tw-conten= t); --tw-gradient-to: var(--color-surface-elevated-secondary); --tw-gradien= t-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-= gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(= --tw-gradient-to-position)); } .before\:opacity-0::before { content: var(--tw-content); opacity: 0; } .before\:mix-blend-overlay::before { content: var(--tw-content); mix-blen= d-mode: overlay; } .before\:transition-\[background-color\]::before { content: var(--tw-cont= ent); transition-property: background-color; transition-timing-function: va= r(--tw-ease,var(--default-transition-timing-function)); transition-duration= : var(--tw-duration,var(--default-transition-duration)); } .before\:content-\[\'\'\]::before { --tw-content: ""; content: var(--tw-c= ontent); } .before\:content-\[\'=C2=B7\'\]::before { --tw-content: "=C2=B7"; content= : var(--tw-content); } .before\:content-\[\'=E2=80=94\'\]::before { --tw-content: "=E2=80=94"; c= ontent: var(--tw-content); } @media (hover: hover) { .group-hover\:before\:via-surface-elevated:is(:where(.group):hover :where= (.group-hover\:before\:via-surface-elevated))::before { content: var(--tw-c= ontent); --tw-gradient-via: var(--color-surface-elevated); --tw-gradient-vi= a-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-grad= ient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position)= , var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops= : var(--tw-gradient-via-stops); } .group-hover\:before\:to-surface-elevated:is(:where(.group):hover :where(= .group-hover\:before\:to-surface-elevated))::before { content: var(--tw-con= tent); --tw-gradient-to: var(--color-surface-elevated); --tw-gradient-stops= : var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradien= t-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gr= adient-to-position)); } } .group-data-\[variant\=3Dcard\]\/summary-card\:before\:inset-x-0:is(:wher= e(.group\/summary-card)[data-variant=3D"card"] :where(.group-data-\[variant= \=3Dcard\]\/summary-card\:before\:inset-x-0))::before { content: var(--tw-c= ontent); inset-inline: 0px; } .group-data-\[variant\=3Dcard\]\/summary-card\:before\:rounded-none:is(:w= here(.group\/summary-card)[data-variant=3D"card"] :where(.group-data-\[vari= ant\=3Dcard\]\/summary-card\:before\:rounded-none))::before { content: var(= --tw-content); border-radius: 0px; } .after\:pointer-events-auto::after { content: var(--tw-content); pointer-= events: auto; } .after\:pointer-events-none::after { content: var(--tw-content); pointer-= events: none; } .after\:invisible::after { content: var(--tw-content); visibility: hidden= ; } .after\:absolute::after { content: var(--tw-content); position: absolute;= } .after\:-inset-1::after { content: var(--tw-content); inset: calc(var(--s= pacing) * -1); } .after\:inset-0::after { content: var(--tw-content); inset: 0px; } .after\:-inset-x-2::after { content: var(--tw-content); inset-inline: cal= c(var(--spacing) * -2); } .after\:-inset-x-3::after { content: var(--tw-content); inset-inline: cal= c(var(--spacing) * -3); } .after\:inset-x-0::after { content: var(--tw-content); inset-inline: 0px;= } .after\:inset-x-2::after { content: var(--tw-content); inset-inline: calc= (var(--spacing) * 2); } .after\:inset-x-3::after { content: var(--tw-content); inset-inline: calc= (var(--spacing) * 3); } .after\:inset-x-5::after { content: var(--tw-content); inset-inline: calc= (var(--spacing) * 5); } .after\:inset-y-0::after { content: var(--tw-content); inset-block: 0px; = } .after\:-start-1::after { content: var(--tw-content); inset-inline-start:= calc(var(--spacing) * -1); } .after\:-end-1::after { content: var(--tw-content); inset-inline-end: cal= c(var(--spacing) * -1); } .after\:-top-px::after { content: var(--tw-content); top: -1px; } .after\:top-0::after { content: var(--tw-content); top: 0px; } .after\:top-1\/2::after { content: var(--tw-content); top: 50%; } .after\:top-\[-4px\]::after { content: var(--tw-content); top: -4px; } .after\:top-full::after { content: var(--tw-content); top: 100%; } .after\:right-0::after { content: var(--tw-content); right: 0px; } .after\:right-1\/2::after { content: var(--tw-content); right: 50%; } .after\:bottom-0::after { content: var(--tw-content); bottom: 0px; } .after\:bottom-1\/2::after { content: var(--tw-content); bottom: 50%; } .after\:left-0::after { content: var(--tw-content); left: 0px; } .after\:left-1::after { content: var(--tw-content); left: var(--spacing);= } .after\:left-1\/2::after { content: var(--tw-content); left: 50%; } .after\:left-7::after { content: var(--tw-content); left: calc(var(--spac= ing) * 7); } .after\:-z-10::after { content: var(--tw-content); z-index: calc(-10); } .after\:z-0::after { content: var(--tw-content); z-index: 0; } .after\:z-10::after { content: var(--tw-content); z-index: 10; } .after\:-m-px::after { content: var(--tw-content); margin: -1px; } .after\:ms-7::after { content: var(--tw-content); margin-inline-start: ca= lc(var(--spacing) * 7); } .after\:\!hidden::after { content: var(--tw-content); display: none !impo= rtant; } .after\:block::after { content: var(--tw-content); display: block; } .after\:hidden::after { content: var(--tw-content); display: none; } .after\:size-2::after { content: var(--tw-content); width: calc(var(--spa= cing) * 2); height: calc(var(--spacing) * 2); } .after\:h-2::after { content: var(--tw-content); height: calc(var(--spaci= ng) * 2); } .after\:h-6::after { content: var(--tw-content); height: calc(var(--spaci= ng) * 6); } .after\:h-8::after { content: var(--tw-content); height: calc(var(--spaci= ng) * 8); } .after\:h-\[0\.5px\]::after { content: var(--tw-content); height: 0.5px; = } .after\:h-full::after { content: var(--tw-content); height: 100%; } .after\:h-px::after { content: var(--tw-content); height: 1px; } .after\:min-h-8::after { content: var(--tw-content); min-height: calc(var= (--spacing) * 8); } .after\:-translate-y-1\/2::after { content: var(--tw-content); --tw-trans= late-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var= (--tw-translate-y); } .after\:rounded-2xl::after { content: var(--tw-content); border-radius: v= ar(--radius-2xl); } .after\:rounded-\[inherit\]::after { content: var(--tw-content); border-r= adius: inherit; } .after\:rounded-full::after { content: var(--tw-content); border-radius: = var(--radius-full); } .after\:border::after { content: var(--tw-content); border-style: var(--t= w-border-style); border-width: 1px; } .after\:border-2::after { content: var(--tw-content); border-style: var(-= -tw-border-style); border-width: 2px; } .after\:border-b::after { content: var(--tw-content); border-bottom-style= : var(--tw-border-style); border-bottom-width: 1px; } .after\:border-default::after { content: var(--tw-content); border-color:= var(--color-border); } .after\:border-text-info::after { content: var(--tw-content); border-colo= r: var(--color-text-info); } .after\:bg-border::after { content: var(--tw-content); background-color: = var(--color-border); } .after\:bg-border-subtle::after { content: var(--tw-content); background-= color: var(--color-border-subtle); } .after\:bg-primary-soft-alpha::after { content: var(--tw-content); backgr= ound-color: var(--color-background-primary-soft-alpha); } .after\:bg-surface::after { content: var(--tw-content); background-color:= var(--color-surface); } .after\:bg-surface-secondary::after { content: var(--tw-content); backgro= und-color: var(--color-surface-secondary); } .after\:bg-text\/10::after { content: var(--tw-content); background-color= : var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .after\:bg-text\/10::after { background-color: color-mix(in oklab, var(--= color-text) 10%, transparent); } } .after\:bg-linear-to-b::after { content: var(--tw-content); --tw-gradient= -position: to bottom; } @supports (background-image:linear-gradient(in lab, red, red)) { .after\:bg-linear-to-b::after { --tw-gradient-position: to bottom in okla= b; } } .after\:bg-linear-to-b::after { background-image: linear-gradient(var(--t= w-gradient-stops)); } .after\:bg-gradient-to-b::after { content: var(--tw-content); --tw-gradie= nt-position: to bottom in oklab; background-image: linear-gradient(var(--tw= -gradient-stops)); } .after\:from-surface::after { content: var(--tw-content); --tw-gradient-f= rom: var(--color-surface); --tw-gradient-stops: var(--tw-gradient-via-stops= ,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-fro= m-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .after\:from-transparent::after { content: var(--tw-content); --tw-gradie= nt-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(= --tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-pos= ition), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .after\:to-background-primary-soft::after { content: var(--tw-content); -= -tw-gradient-to: var(--color-background-primary-soft); --tw-gradient-stops:= var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient= -from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gra= dient-to-position)); } .after\:to-transparent::after { content: var(--tw-content); --tw-gradient= -to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw= -gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-positio= n), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .after\:font-mono::after { content: var(--tw-content); font-family: var(-= -font-mono); } .after\:whitespace-pre::after { content: var(--tw-content); white-space: = pre; } .after\:opacity-0::after { content: var(--tw-content); opacity: 0; } .after\:shadow-\[inset_0_0_0_0\.5px_rgba\(0\,0\,0\,0\.10\)\]::after { con= tent: var(--tw-content); --tw-shadow: inset 0 0 0 .5px var(--tw-shadow-colo= r,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shado= w), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); = } .after\:content-\[\'\'\]::after { --tw-content: ""; content: var(--tw-con= tent); } .after\:content-\[\'\:\'\]::after { --tw-content: ":"; content: var(--tw-= content); } .after\:content-\[attr\(data-value\)\]::after { --tw-content: attr(data-v= alue); content: var(--tw-content); } .after\:\[grid-area\:1\/1\]::after { content: var(--tw-content); grid-are= a: 1 / 1; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:after\:pointer-events-no= ne:is(:where(.group\/nav-list)[data-appearance=3D"grouped"] :where(.group-d= ata-\[appearance\=3Dgrouped\]\/nav-list\:after\:pointer-events-none))::afte= r { content: var(--tw-content); pointer-events: none; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:after\:absolute:is(:wher= e(.group\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appea= rance\=3Dgrouped\]\/nav-list\:after\:absolute))::after { content: var(--tw-= content); position: absolute; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:after\:inset-x-0:is(:whe= re(.group\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appe= arance\=3Dgrouped\]\/nav-list\:after\:inset-x-0))::after { content: var(--t= w-content); inset-inline: 0px; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:after\:bottom-0:is(:wher= e(.group\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\[appea= rance\=3Dgrouped\]\/nav-list\:after\:bottom-0))::after { content: var(--tw-= content); bottom: 0px; } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:after\:ms-\[calc\(var\(-= -padding-row-cell-x\,var\(--padding-row-x\)\)\+var\(--icon-leading-size\)\+= var\(--spacing-nav-row-content\)\)\]:is(:where(.group\/nav-list)[data-appea= rance=3D"grouped"] :where(.group-data-\[appearance\=3Dgrouped\]\/nav-list\:= after\:ms-\[calc\(var\(--padding-row-cell-x\,var\(--padding-row-x\)\)\+var\= (--icon-leading-size\)\+var\(--spacing-nav-row-content\)\)\]))::after { con= tent: var(--tw-content); margin-inline-start: calc(var(--padding-row-cell-x= ,var(--padding-row-x)) + var(--icon-leading-size) + var(--spacing-nav-row-c= ontent)); } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:after\:border-b-hairline= :is(:where(.group\/nav-list)[data-appearance=3D"grouped"] :where(.group-dat= a-\[appearance\=3Dgrouped\]\/nav-list\:after\:border-b-hairline))::after { = content: var(--tw-content); border-bottom-style: var(--tw-border-style); bo= rder-bottom-width: var(--border-width-hairline); } .group-data-\[appearance\=3Dgrouped\]\/nav-list\:after\:border-default:is= (:where(.group\/nav-list)[data-appearance=3D"grouped"] :where(.group-data-\= [appearance\=3Dgrouped\]\/nav-list\:after\:border-default))::after { conten= t: var(--tw-content); border-color: var(--color-border); } .group-data-\[variant\=3Dcard\]\/summary-card\:after\:pointer-events-none= :is(:where(.group\/summary-card)[data-variant=3D"card"] :where(.group-data-= \[variant\=3Dcard\]\/summary-card\:after\:pointer-events-none))::after { co= ntent: var(--tw-content); pointer-events: none; } .group-data-\[variant\=3Dcard\]\/summary-card\:after\:absolute:is(:where(= .group\/summary-card)[data-variant=3D"card"] :where(.group-data-\[variant\= =3Dcard\]\/summary-card\:after\:absolute))::after { content: var(--tw-conte= nt); position: absolute; } .group-data-\[variant\=3Dcard\]\/summary-card\:after\:inset-x-0:is(:where= (.group\/summary-card)[data-variant=3D"card"] :where(.group-data-\[variant\= =3Dcard\]\/summary-card\:after\:inset-x-0))::after { content: var(--tw-cont= ent); inset-inline: 0px; } .group-data-\[variant\=3Dcard\]\/summary-card\:after\:start-10:is(:where(= .group\/summary-card)[data-variant=3D"card"] :where(.group-data-\[variant\= =3Dcard\]\/summary-card\:after\:start-10))::after { content: var(--tw-conte= nt); inset-inline-start: calc(var(--spacing) * 10); } .group-data-\[variant\=3Dcard\]\/summary-card\:after\:end-0:is(:where(.gr= oup\/summary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dc= ard\]\/summary-card\:after\:end-0))::after { content: var(--tw-content); in= set-inline-end: calc(var(--spacing) * 0); } .group-data-\[variant\=3Dcard\]\/summary-card\:after\:top-full:is(:where(= .group\/summary-card)[data-variant=3D"card"] :where(.group-data-\[variant\= =3Dcard\]\/summary-card\:after\:top-full))::after { content: var(--tw-conte= nt); top: 100%; } .group-data-\[variant\=3Dcard\]\/summary-card\:after\:h-px:is(:where(.gro= up\/summary-card)[data-variant=3D"card"] :where(.group-data-\[variant\=3Dca= rd\]\/summary-card\:after\:h-px))::after { content: var(--tw-content); heig= ht: 1px; } .group-data-\[variant\=3Dcard\]\/summary-card\:after\:bg-border:is(:where= (.group\/summary-card)[data-variant=3D"card"] :where(.group-data-\[variant\= =3Dcard\]\/summary-card\:after\:bg-border))::after { content: var(--tw-cont= ent); background-color: var(--color-border); } .first\:ms-0:first-child { margin-inline-start: 0px; } .first\:ms-auto:first-child { margin-inline-start: auto; } .first\:mt-0:first-child { margin-top: 0px; } .first\:snap-start:first-child { scroll-snap-align: start; } .first\:rounded-s-lg:first-child { border-start-start-radius: var(--radiu= s-lg); border-end-start-radius: var(--radius-lg); } .first\:rounded-t-2xl:first-child { border-top-left-radius: var(--radius-= 2xl); border-top-right-radius: var(--radius-2xl); } .first\:border-0:first-child { border-style: var(--tw-border-style); bord= er-width: 0px; } .first\:border-t-0:first-child { border-top-style: var(--tw-border-style)= ; border-top-width: 0px; } .first\:border-l-0:first-child { border-left-style: var(--tw-border-style= ); border-left-width: 0px; } .first\:border-none:first-child { --tw-border-style: none; border-style: = none; } .first\:ps-0:first-child { padding-inline-start: 0px; } .first\:pt-0:first-child { padding-top: 0px; } .first\:pt-3:first-child { padding-top: calc(var(--spacing) * 3); } :is(.\*\:first\:fill-none > *):first-child { fill: none; } .group-data-\[density\=3Dcompact\]\/settings\:first\:pt-3\.5:is(:where(.g= roup\/settings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dc= ompact\]\/settings\:first\:pt-3\.5)):first-child { padding-top: calc(var(--= spacing) * 3.5); } .first\:before\:hidden:first-child::before { content: var(--tw-content); = display: none; } .last\:mb-0:last-child { margin-bottom: 0px; } .last\:hidden:last-child { display: none; } .last\:snap-end:last-child { scroll-snap-align: end; } .last\:rounded-e-lg:last-child { border-start-end-radius: var(--radius-lg= ); border-end-end-radius: var(--radius-lg); } .last\:rounded-b-2xl:last-child { border-bottom-right-radius: var(--radiu= s-2xl); border-bottom-left-radius: var(--radius-2xl); } .last\:border-e-0:last-child { border-inline-end-style: var(--tw-border-s= tyle); border-inline-end-width: 0px; } .last\:border-r-0:last-child { border-right-style: var(--tw-border-style)= ; border-right-width: 0px; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style= ); border-bottom-width: 0px; } .last\:border-none:last-child { --tw-border-style: none; border-style: no= ne; } .last\:pb-0:last-child { padding-bottom: 0px; } .last\:pb-0\.5:last-child { padding-bottom: calc(var(--spacing) * .5); } .group-data-\[density\=3Dcompact\]\/settings\:last\:pb-4:is(:where(.group= \/settings)[data-density=3D"compact"] :where(.group-data-\[density\=3Dcompa= ct\]\/settings\:last\:pb-4)):last-child, .group-data-\[summary-panel-varian= t\=3Ddynamic-isle\]\/summary-panel\:last\:pb-4:is(:where(.group\/summary-pa= nel)[data-summary-panel-variant=3D"dynamic-isle"] :where(.group-data-\[summ= ary-panel-variant\=3Ddynamic-isle\]\/summary-panel\:last\:pb-4)):last-child= { padding-bottom: calc(var(--spacing) * 4); } .last\:after\:hidden:last-child::after, .group-data-\[appearance\=3Dgroup= ed\]\/nav-list\:last\:after\:hidden:is(:where(.group\/nav-list)[data-appear= ance=3D"grouped"] :where(.group-data-\[appearance\=3Dgrouped\]\/nav-list\:l= ast\:after\:hidden)):last-child::after { content: var(--tw-content); displa= y: none; } .only\:relative:only-child { position: relative; } .visited\:\!text-default:visited { color: var(--color-text) !important; } .visited\:\!text-secondary:visited { color: var(--color-text-secondary) != important; } .open\:mb-0\.5:is([open], :popover-open, :open) { margin-bottom: calc(var= (--spacing) * .5); } .open\:gap-1:is([open], :popover-open, :open) { gap: var(--spacing); } .placeholder-shown\:px-2:placeholder-shown { padding-inline: calc(var(--s= pacing) * 2); } .empty\:contents:empty { display: contents; } .empty\:hidden:empty { display: none; } .empty\:min-w-0:empty { min-width: 0px; } .empty\:ps-0:empty { padding-inline-start: 0px; } .focus-within\:pointer-events-auto:focus-within { pointer-events: auto; } .focus-within\:not-sr-only:focus-within { clip-path: none; white-space: n= ormal; width: auto; height: auto; margin: 0px; padding: 0px; position: stat= ic; overflow: visible; } .focus-within\:absolute:focus-within { position: absolute; } .focus-within\:w-auto:focus-within { width: auto; } .focus-within\:overflow-visible:focus-within { overflow: visible; } .focus-within\:border-\(--checkout-text-primary\):focus-within { border-c= olor: var(--checkout-text-primary); } .focus-within\:border-chart-blue:focus-within { border-color: var(--color= -chart-blue); } .focus-within\:border-ring:focus-within { border-color: var(--color-ring)= ; } .focus-within\:border-strong:focus-within { border-color: var(--color-bor= der-strong); } .focus-within\:border-text:focus-within { border-color: var(--color-text)= ; } .focus-within\:border-text-secondary:focus-within { border-color: var(--c= olor-text-secondary); } .focus-within\:bg-black\/7:focus-within { background-color: var(--color-b= lack); } @supports (color:color-mix(in lab, red, red)) { .focus-within\:bg-black\/7:focus-within { background-color: color-mix(in = oklab, var(--color-black) 7%, transparent); } } .focus-within\:bg-primary-ghost-hover:focus-within { background-color: va= r(--color-background-primary-ghost-hover); } .focus-within\:bg-token-list-hover-background:focus-within { background-c= olor: var(--color-token-list-hover-background); } .focus-within\:text-default:focus-within { color: var(--color-text); } .focus-within\:opacity-100:focus-within { opacity: 1; } .focus-within\:shadow-sm:focus-within { --tw-shadow: 0px 1px 2px -1px var= (--tw-shadow-color,#00000014); box-shadow: var(--tw-inset-shadow), var(--tw= -inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), v= ar(--tw-shadow); } .focus-within\:ring-1:focus-within { --tw-ring-shadow: var(--tw-ring-inse= t, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,curr= entcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),= var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-2:focus-within { --tw-ring-shadow: var(--tw-ring-inse= t, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,curr= entcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),= var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-\(--checkout-text-secondary\):focus-within { --tw-rin= g-color: var(--checkout-text-secondary); } .focus-within\:ring-border:focus-within { --tw-ring-color: var(--color-bo= rder); } .focus-within\:ring-ring:focus-within { --tw-ring-color: var(--color-ring= ); } .focus-within\:ring-token-text-primary\!:focus-within { --tw-ring-color: = var(--color-token-text-primary) !important; } .focus-within\:outline:focus-within { outline-style: var(--tw-outline-sty= le); outline-width: 1px; } .focus-within\:outline-2:focus-within { outline-style: var(--tw-outline-s= tyle); outline-width: 2px; } .focus-within\:outline-offset-2:focus-within { outline-offset: 2px; } .focus-within\:outline-\[var\(--learning-block-accent\)\]:focus-within { = outline-color: var(--learning-block-accent); } .focus-within\:outline-\[var\(--learning-block-color-accent\)\]:focus-wit= hin { outline-color: var(--learning-block-color-accent); } .focus-within\:outline-token-border-heavy:focus-within { outline-color: v= ar(--color-token-border-heavy); } .focus-within\:outline-none:focus-within { --tw-outline-style: none; outl= ine-style: none; } .focus-within\:\[content-visibility\:visible\]:focus-within { content-vis= ibility: visible; } .focus-within\:ring-inset:focus-within { --tw-ring-inset: inset; } .focus-within\:before\:border-\[1\.5px\]:focus-within::before { content: = var(--tw-content); border-style: var(--tw-border-style); border-width: 1.5p= x; } .focus-within\:before\:border-ring:focus-within::before { content: var(--= tw-content); border-color: var(--color-ring); } @media (hover: hover) { .hover\:h-8:hover { height: calc(var(--spacing) * 8); } .hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-sc= ale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:cursor-ns-resize:hover { cursor: ns-resize; } .hover\:grid-cols-\[1fr\]:hover { grid-template-columns: 1fr; } .hover\:border-\[\#0088FF\]:hover { border-color: rgb(0, 136, 255); } .hover\:border-default:hover { border-color: var(--color-border); } .hover\:border-gray-350:hover { border-color: var(--color-gray-350); } .hover\:border-primary-outline:hover { border-color: var(--color-border-p= rimary-outline); } .hover\:border-strong:hover { border-color: var(--color-border-strong); } .hover\:border-token-border-heavy:hover { border-color: var(--color-token= -border-heavy); } .hover\:border-token-text-primary:hover { border-color: var(--color-token= -text-primary); } .hover\:border-transparent:hover { border-color: rgba(0, 0, 0, 0); } .hover\:\!bg-black\/80:hover { background-color: var(--color-black) !impo= rtant; } @supports (color:color-mix(in lab, red, red)) { .hover\:\!bg-black\/80:hover { background-color: color-mix(in oklab, var(= --color-black) 80%, transparent) !important; } } .hover\:\!bg-primary-ghost-hover:hover { background-color: var(--color-ba= ckground-primary-ghost-hover) !important; } .hover\:\!bg-transparent:hover { background-color: rgba(0, 0, 0, 0) !impo= rtant; } .hover\:\!bg-white\/80:hover { background-color: var(--color-white) !impo= rtant; } @supports (color:color-mix(in lab, red, red)) { .hover\:\!bg-white\/80:hover { background-color: color-mix(in oklab, var(= --color-white) 80%, transparent) !important; } } .hover\:bg-\(--color-background-primary-ghost-hover\):hover { background-= color: var(--color-background-primary-ghost-hover); } .hover\:bg-\[\#0088FF\]:hover { background-color: rgb(0, 136, 255); } .hover\:bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_10= \%\,transparent\)\]:hover { background-color: var(--learning-block-color-pr= imary); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_10= \%\,transparent\)\]:hover { background-color: color-mix(in srgb,var(--learn= ing-block-color-primary) 10%,transparent); } } .hover\:bg-\[var\(--app-shell-tab-background\)\]:hover { background-color= : var(--app-shell-tab-background); } .hover\:bg-\[var\(--go-to-line-fg\)\]:hover { background-color: var(--go-= to-line-fg); } .hover\:bg-background-primary-ghost-hover:hover { background-color: var(-= -color-background-primary-ghost-hover); } .hover\:bg-background-primary-ghost-hover\/5:hover { background-color: co= lor-mix(in oklab, var(--color-background-primary-ghost-hover) 5%, transpare= nt); } .hover\:bg-background-primary-ghost-hover\/30:hover { background-color: c= olor-mix(in oklab, var(--color-background-primary-ghost-hover) 30%, transpa= rent); } .hover\:bg-background-primary-ghost-hover\/50:hover { background-color: c= olor-mix(in oklab, var(--color-background-primary-ghost-hover) 50%, transpa= rent); } .hover\:bg-background-primary-ghost-hover\/60:hover { background-color: c= olor-mix(in oklab, var(--color-background-primary-ghost-hover) 60%, transpa= rent); } .hover\:bg-black\/5:hover { background-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-black\/5:hover { background-color: color-mix(in oklab, var(--c= olor-black) 5%, transparent); } } .hover\:bg-black\/7:hover { background-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-black\/7:hover { background-color: color-mix(in oklab, var(--c= olor-black) 7%, transparent); } } .hover\:bg-black\/\[0\.02\]:hover { background-color: var(--color-black);= } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-black\/\[0\.02\]:hover { background-color: color-mix(in oklab,= var(--color-black) 2%, transparent); } } .hover\:bg-black\/\[0\.03\]:hover { background-color: var(--color-black);= } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-black\/\[0\.03\]:hover { background-color: color-mix(in oklab,= var(--color-black) 3%, transparent); } } .hover\:bg-chart-blue\/15:hover { background-color: var(--color-chart-blu= e); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-chart-blue\/15:hover { background-color: color-mix(in oklab, v= ar(--color-chart-blue) 15%, transparent); } } .hover\:bg-danger-soft-alpha:hover { background-color: var(--color-backgr= ound-danger-soft-alpha); } .hover\:bg-device-handle-hover:hover { background-color: var(--color-devi= ce-handle-hover); } .hover\:bg-primary-ghost-hover:hover { background-color: var(--color-back= ground-primary-ghost-hover); } .hover\:bg-primary-solid:hover { background-color: var(--color-background= -primary-solid); } .hover\:bg-surface-elevated:hover, .hover\:bg-surface-elevated\/60:hover = { background-color: var(--color-surface-elevated); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-surface-elevated\/60:hover { background-color: color-mix(in ok= lab, var(--color-surface-elevated) 60%, transparent); } } .hover\:bg-surface-secondary:hover, .hover\:bg-surface-secondary\/75:hove= r { background-color: var(--color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-surface-secondary\/75:hover { background-color: color-mix(in o= klab, var(--color-surface-secondary) 75%, transparent); } } .hover\:bg-surface-secondary\/92:hover { background-color: var(--color-su= rface-secondary); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-surface-secondary\/92:hover { background-color: color-mix(in o= klab, var(--color-surface-secondary) 92%, transparent); } } .hover\:bg-surface-tertiary:hover, .hover\:bg-surface-tertiary\/40:hover = { background-color: var(--color-surface-tertiary); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-surface-tertiary\/40:hover { background-color: color-mix(in ok= lab, var(--color-surface-tertiary) 40%, transparent); } } .hover\:bg-surface\/30:hover { background-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-surface\/30:hover { background-color: color-mix(in oklab, var(= --color-surface) 30%, transparent); } } .hover\:bg-text-emphasis\/5:hover { background-color: var(--color-text-em= phasis); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-text-emphasis\/5:hover { background-color: color-mix(in oklab,= var(--color-text-emphasis) 5%, transparent); } } .hover\:bg-text-info\/15:hover { background-color: var(--color-text-info)= ; } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-text-info\/15:hover { background-color: color-mix(in oklab, va= r(--color-text-info) 15%, transparent); } } .hover\:bg-text\/3:hover { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-text\/3:hover { background-color: color-mix(in oklab, var(--co= lor-text) 3%, transparent); } } .hover\:bg-text\/5:hover { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-text\/5:hover { background-color: color-mix(in oklab, var(--co= lor-text) 5%, transparent); } } .hover\:bg-text\/10:hover { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-text\/10:hover { background-color: color-mix(in oklab, var(--c= olor-text) 10%, transparent); } } .hover\:bg-text\/80:hover { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-text\/80:hover { background-color: color-mix(in oklab, var(--c= olor-text) 80%, transparent); } } .hover\:bg-text\/\[0\.03\]:hover { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-text\/\[0\.03\]:hover { background-color: color-mix(in oklab, = var(--color-text) 3%, transparent); } } .hover\:bg-token-bg-primary:hover { background-color: var(--color-token-b= g-primary); } .hover\:bg-token-bg-primary\/80\!:hover { background-color: var(--color-t= oken-bg-primary) !important; } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-token-bg-primary\/80\!:hover { background-color: color-mix(in = oklab, var(--color-token-bg-primary) 80%, transparent) !important; } } .hover\:bg-token-bg-secondary:hover { background-color: var(--color-token= -bg-secondary); } .hover\:bg-token-bg-tertiary:hover { background-color: var(--color-token-= bg-tertiary); } .hover\:bg-token-interactive-bg-secondary-hover:hover { background-color:= var(--color-token-interactive-bg-secondary-hover); } .hover\:bg-token-list-hover-background:hover { background-color: var(--co= lor-token-list-hover-background); } .hover\:bg-transparent:hover { background-color: rgba(0, 0, 0, 0); } .hover\:bg-white\/10:hover { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-white\/10:hover { background-color: color-mix(in oklab, var(--= color-white) 10%, transparent); } } .hover\:\!text-black\/80:hover { color: var(--color-black) !important; } @supports (color:color-mix(in lab, red, red)) { .hover\:\!text-black\/80:hover { color: color-mix(in oklab, var(--color-b= lack) 80%, transparent) !important; } } .hover\:\!text-default:hover { color: var(--color-text) !important; } .hover\:\!text-secondary:hover { color: var(--color-text-secondary) !impo= rtant; } .hover\:\[color\:var\(--oai-wb-text-primary\)\]:hover { color: var(--oai-= wb-text-primary); } .hover\:text-codex-description:hover { color: var(--color-codex-descripti= on); } .hover\:text-default:hover { color: var(--color-text); } .hover\:text-default\!:hover { color: var(--color-text) !important; } .hover\:text-info:hover { color: var(--color-text-info); } .hover\:text-inverse\!:hover { color: var(--color-text-inverse) !importan= t; } .hover\:text-mode-toggle-primary:hover { color: var(--color-text-mode-tog= gle-primary); } .hover\:text-primary-solid\!:hover { color: var(--color-text-primary-soli= d) !important; } .hover\:text-secondary:hover { color: var(--color-text-secondary); } .hover\:text-text\/80:hover { color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .hover\:text-text\/80:hover { color: color-mix(in oklab, var(--color-text= ) 80%, transparent); } } .hover\:text-token-text-primary:hover { color: var(--color-token-text-pri= mary); } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:no-underline\!:hover { text-decoration-line: none !important; } .hover\:underline:hover { text-decoration-line: underline; } .hover\:decoration-inherit:hover { text-decoration-color: inherit; } .hover\:decoration-text:hover { text-decoration-color: var(--color-text);= } .hover\:decoration-dashed:hover { text-decoration-style: dashed; } .hover\:decoration-\[0\.5px\]:hover { text-decoration-thickness: 0.5px; } .hover\:opacity-70:hover { opacity: 0.7; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:opacity-90:hover { opacity: 0.9; } .hover\:opacity-100:hover { opacity: 1; } .hover\:ring-2:hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 cal= c(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box= -shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring= -offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:ring-border:hover { --tw-ring-color: var(--color-border); } .hover\:ring-ring:hover { --tw-ring-color: var(--color-ring); } .hover\:ring-token-border-light:hover { --tw-ring-color: var(--color-toke= n-border-light); } .hover\:\[outline\:none\]:hover { outline: none; } .hover\:brightness-95:hover { --tw-brightness: brightness(95%); filter: v= ar(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-graysc= ale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(-= -tw-sepia, ) var(--tw-drop-shadow, ); } .hover\:\[background\:var\(--oai-wb-interactive-secondary-hover\)\]:hover= { background: var(--oai-wb-interactive-secondary-hover); } .hover\:\[background\:var\(--oai-wb-surface-secondary\)\]:hover { backgro= und: var(--oai-wb-surface-secondary); } .not-disabled\:hover\:bg-primary-ghost-hover:not(:disabled):hover { backg= round-color: var(--color-background-primary-ghost-hover); } .not-disabled\:not-aria-disabled\:hover\:border-default:not(:disabled):no= t([aria-disabled=3D"true"]):hover { border-color: var(--color-border); } .not-disabled\:not-aria-disabled\:hover\:border-transparent:not(:disabled= ):not([aria-disabled=3D"true"]):hover { border-color: rgba(0, 0, 0, 0); } .not-disabled\:not-aria-disabled\:hover\:bg-\[light-dark\(--alpha\(var\(-= -blue-400\)\/9\%\)\,--alpha\(var\(--blue-100\)\/20\%\)\)\]:not(:disabled):n= ot([aria-disabled=3D"true"]):hover { background-color: var(--lightningcss-l= ight,var(--blue-400)) var(--lightningcss-dark,var(--blue-100)); } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:hover\:bg-\[light-dark\(--alpha\(var\(-= -blue-400\)\/9\%\)\,--alpha\(var\(--blue-100\)\/20\%\)\)\]:not(:disabled):n= ot([aria-disabled=3D"true"]):hover { background-color: var(--lightningcss-l= ight,color-mix(in oklab, var(--blue-400) 9%, transparent)) var(--lightningc= ss-dark,color-mix(in oklab, var(--blue-100) 20%, transparent)); } } .not-disabled\:not-aria-disabled\:hover\:bg-\[light-dark\(var\(--green-30= 0\)\,var\(--green-500\)\)\]:not(:disabled):not([aria-disabled=3D"true"]):ho= ver { background-color: var(--lightningcss-light,var(--green-300)) var(--li= ghtningcss-dark,var(--green-500)); } .not-disabled\:not-aria-disabled\:hover\:bg-\[var\(--conversation-accent\= ,var\(--color-text-info\)\)\]\/15:not(:disabled):not([aria-disabled=3D"true= "]):hover { background-color: var(--conversation-accent,var(--color-text-in= fo)); } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:hover\:bg-\[var\(--conversation-accent\= ,var\(--color-text-info\)\)\]\/15:not(:disabled):not([aria-disabled=3D"true= "]):hover { background-color: color-mix(in oklab, var(--conversation-accent= ,var(--color-text-info)) 15%, transparent); } } .not-disabled\:not-aria-disabled\:hover\:bg-activity-control-hover:not(:d= isabled):not([aria-disabled=3D"true"]):hover { background-color: var(--colo= r-background-activity-control-hover); } .not-disabled\:not-aria-disabled\:hover\:bg-activity-stop-hover:not(:disa= bled):not([aria-disabled=3D"true"]):hover { background-color: var(--color-b= ackground-activity-stop-hover); } .not-disabled\:not-aria-disabled\:hover\:bg-button-outline-hover:not(:dis= abled):not([aria-disabled=3D"true"]):hover { background-color: var(--color-= background-button-outline-hover); } .not-disabled\:not-aria-disabled\:hover\:bg-chart-red\/20:not(:disabled):= not([aria-disabled=3D"true"]):hover { background-color: var(--color-chart-r= ed); } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:hover\:bg-chart-red\/20:not(:disabled):= not([aria-disabled=3D"true"]):hover { background-color: color-mix(in oklab,= var(--color-chart-red) 20%, transparent); } } .not-disabled\:not-aria-disabled\:hover\:bg-current\/15:not(:disabled):no= t([aria-disabled=3D"true"]):hover { background-color: currentcolor; } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:hover\:bg-current\/15:not(:disabled):no= t([aria-disabled=3D"true"]):hover { background-color: color-mix(currentcolo= r 15%, transparent 85%); } } .not-disabled\:not-aria-disabled\:hover\:bg-info-ghost-hover:not(:disable= d):not([aria-disabled=3D"true"]):hover { background-color: var(--color-back= ground-info-ghost-hover); } .not-disabled\:not-aria-disabled\:hover\:bg-media-background\/30:not(:dis= abled):not([aria-disabled=3D"true"]):hover { background-color: var(--color-= media-background); } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:hover\:bg-media-background\/30:not(:dis= abled):not([aria-disabled=3D"true"]):hover { background-color: color-mix(in= oklab, var(--color-media-background) 30%, transparent); } } .not-disabled\:not-aria-disabled\:hover\:bg-media-control-hover:not(:disa= bled):not([aria-disabled=3D"true"]):hover { background-color: var(--color-m= edia-control-hover); } .not-disabled\:not-aria-disabled\:hover\:bg-media-foreground\/90:not(:dis= abled):not([aria-disabled=3D"true"]):hover { background-color: var(--color-= media-foreground); } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:hover\:bg-media-foreground\/90:not(:dis= abled):not([aria-disabled=3D"true"]):hover { background-color: color-mix(in= oklab, var(--color-media-foreground) 90%, transparent); } } .not-disabled\:not-aria-disabled\:hover\:bg-primary-ghost-hover:not(:disa= bled):not([aria-disabled=3D"true"]):hover { background-color: var(--color-b= ackground-primary-ghost-hover); } .not-disabled\:not-aria-disabled\:hover\:bg-primary-soft-alpha:not(:disab= led):not([aria-disabled=3D"true"]):hover { background-color: var(--color-ba= ckground-primary-soft-alpha); } .not-disabled\:not-aria-disabled\:hover\:bg-primary-solid-hover:not(:disa= bled):not([aria-disabled=3D"true"]):hover { background-color: var(--color-b= ackground-primary-solid-hover); } .not-disabled\:not-aria-disabled\:hover\:bg-secondary-soft:not(:disabled)= :not([aria-disabled=3D"true"]):hover { background-color: var(--color-backgr= ound-secondary-soft); } .not-disabled\:not-aria-disabled\:hover\:bg-segmented-selected-hover:not(= :disabled):not([aria-disabled=3D"true"]):hover { background-color: var(--co= lor-background-segmented-selected-hover); } .not-disabled\:not-aria-disabled\:hover\:bg-success-solid-hover:not(:disa= bled):not([aria-disabled=3D"true"]):hover { background-color: var(--color-b= ackground-success-solid-hover); } .not-disabled\:not-aria-disabled\:hover\:bg-surface:not(:disabled):not([a= ria-disabled=3D"true"]):hover { background-color: var(--color-surface); } .not-disabled\:not-aria-disabled\:hover\:bg-text-info\/15:not(:disabled):= not([aria-disabled=3D"true"]):hover { background-color: var(--color-text-in= fo); } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:hover\:bg-text-info\/15:not(:disabled):= not([aria-disabled=3D"true"]):hover { background-color: color-mix(in oklab,= var(--color-text-info) 15%, transparent); } } .not-disabled\:not-aria-disabled\:hover\:bg-text-success-solid\/10:not(:d= isabled):not([aria-disabled=3D"true"]):hover { background-color: var(--colo= r-text-success-solid); } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:hover\:bg-text-success-solid\/10:not(:d= isabled):not([aria-disabled=3D"true"]):hover { background-color: color-mix(= in oklab, var(--color-text-success-solid) 10%, transparent); } } .not-disabled\:not-aria-disabled\:hover\:bg-text\/10:not(:disabled):not([= aria-disabled=3D"true"]):hover { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:hover\:bg-text\/10:not(:disabled):not([= aria-disabled=3D"true"]):hover { background-color: color-mix(in oklab, var(= --color-text) 10%, transparent); } } .not-disabled\:not-aria-disabled\:hover\:bg-text\/15:not(:disabled):not([= aria-disabled=3D"true"]):hover { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:hover\:bg-text\/15:not(:disabled):not([= aria-disabled=3D"true"]):hover { background-color: color-mix(in oklab, var(= --color-text) 15%, transparent); } } .not-disabled\:not-aria-disabled\:hover\:bg-text\/80:not(:disabled):not([= aria-disabled=3D"true"]):hover { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:hover\:bg-text\/80:not(:disabled):not([= aria-disabled=3D"true"]):hover { background-color: color-mix(in oklab, var(= --color-text) 80%, transparent); } } .not-disabled\:not-aria-disabled\:hover\:bg-transparent:not(:disabled):no= t([aria-disabled=3D"true"]):hover { background-color: rgba(0, 0, 0, 0); } .not-disabled\:not-aria-disabled\:hover\:text-activity-control-active:not= (:disabled):not([aria-disabled=3D"true"]):hover { color: var(--color-text-a= ctivity-control-active); } .not-disabled\:not-aria-disabled\:hover\:text-danger:not(:disabled):not([= aria-disabled=3D"true"]):hover { color: var(--color-text-danger); } .not-disabled\:not-aria-disabled\:hover\:text-default:not(:disabled):not(= [aria-disabled=3D"true"]):hover { color: var(--color-text); } .not-disabled\:not-aria-disabled\:hover\:text-white:not(:disabled):not([a= ria-disabled=3D"true"]):hover { color: var(--color-white); } .not-disabled\:not-aria-disabled\:hover\:shadow-sm:not(:disabled):not([ar= ia-disabled=3D"true"]):hover { --tw-shadow: 0px 1px 2px -1px var(--tw-shado= w-color,#00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring= -shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha= dow); } .not-disabled\:not-aria-disabled\:not-aria-pressed\:hover\:bg-secondary-s= oft:not(:disabled):not([aria-disabled=3D"true"]):not([aria-pressed=3D"true"= ]):hover { background-color: var(--color-background-secondary-soft); } .hover\:before\:bg-primary-ghost-hover:hover::before { content: var(--tw-= content); background-color: var(--color-background-primary-ghost-hover); } .hover\:before\:bg-text-info\/15:hover::before { content: var(--tw-conten= t); background-color: var(--color-text-info); } @supports (color:color-mix(in lab, red, red)) { .hover\:before\:bg-text-info\/15:hover::before { background-color: color-= mix(in oklab, var(--color-text-info) 15%, transparent); } } .hover\:before\:bg-text\/5:hover::before { content: var(--tw-content); ba= ckground-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .hover\:before\:bg-text\/5:hover::before { background-color: color-mix(in= oklab, var(--color-text) 5%, transparent); } } .hover\:before\:opacity-100:hover::before { content: var(--tw-content); o= pacity: 1; } .hover\:after\:bg-media-background\/5:hover::after { content: var(--tw-co= ntent); background-color: var(--color-media-background); } @supports (color:color-mix(in lab, red, red)) { .hover\:after\:bg-media-background\/5:hover::after { background-color: co= lor-mix(in oklab, var(--color-media-background) 5%, transparent); } } .hover\:after\:opacity-100:hover::after { content: var(--tw-content); opa= city: 1; } .not-last\:hover\:after\:opacity-0:not(:last-child):hover::after { conten= t: var(--tw-content); opacity: 0; } .not-disabled\:not-aria-disabled\:hover\:after\:bg-primary-ghost-hover:no= t(:disabled):not([aria-disabled=3D"true"]):hover::after { content: var(--tw= -content); background-color: var(--color-background-primary-ghost-hover); } } .focus\:pointer-events-auto:focus { pointer-events: auto; } .focus\:not-sr-only:focus { clip-path: none; white-space: normal; width: = auto; height: auto; margin: 0px; padding: 0px; position: static; overflow: = visible; } .focus\:border-0:focus { border-style: var(--tw-border-style); border-wid= th: 0px; } .focus\:border-none:focus { --tw-border-style: none; border-style: none; = } .focus\:border-\(--checkout-icon-accent\):focus { border-color: var(--che= ckout-icon-accent); } .focus\:border-\[\#0d0d0d\]\!:focus { border-color: rgb(13, 13, 13) !impo= rtant; } .focus\:border-black:focus { border-color: var(--color-black); } .focus\:border-primary-outline:focus { border-color: var(--color-border-p= rimary-outline); } .focus\:border-ring:focus { border-color: var(--color-ring); } .focus\:border-text\/30:focus { border-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .focus\:border-text\/30:focus { border-color: color-mix(in oklab, var(--c= olor-text) 30%, transparent); } } .focus\:border-transparent:focus { border-color: rgba(0, 0, 0, 0); } .focus\:\!bg-media-background\/30:focus { background-color: var(--color-m= edia-background) !important; } @supports (color:color-mix(in lab, red, red)) { .focus\:\!bg-media-background\/30:focus { background-color: color-mix(in = oklab, var(--color-media-background) 30%, transparent) !important; } } .focus\:bg-danger-soft-alpha:focus { background-color: var(--color-backgr= ound-danger-soft-alpha); } .focus\:bg-media-background\/30:focus { background-color: var(--color-med= ia-background); } @supports (color:color-mix(in lab, red, red)) { .focus\:bg-media-background\/30:focus { background-color: color-mix(in ok= lab, var(--color-media-background) 30%, transparent); } } .focus\:bg-primary-ghost-hover:focus { background-color: var(--color-back= ground-primary-ghost-hover); } .focus\:bg-surface-secondary:focus { background-color: var(--color-surfac= e-secondary); } .focus\:ps-2:focus { padding-inline-start: calc(var(--spacing) * 2); } .focus\:text-start:focus { text-align: start; } .focus\:\!text-default:focus { color: var(--color-text) !important; } .focus\:text-default:focus { color: var(--color-text); } .focus\:opacity-100:focus { opacity: 1; } .focus\:shadow-none:focus { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-= inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), v= ar(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 cal= c(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box= -shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring= -offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-1:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 cal= c(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box= -shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring= -offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 cal= c(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box= -shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring= -offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-\(--text-primary\):focus { --tw-ring-color: var(--text-prima= ry); } .focus\:ring-\[\#0d0d0d\]\!:focus { --tw-ring-color: #0d0d0d !important; = } .focus\:ring-black:focus { --tw-ring-color: var(--color-black); } .focus\:ring-ring:focus { --tw-ring-color: var(--color-ring); } .focus\:ring-token-focus-border:focus { --tw-ring-color: var(--color-toke= n-focus-border); } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: n= one; } @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: rgba(0, 0, 0= , 0) solid 2px; } } .focus\:outline:focus { outline-style: var(--tw-outline-style); outline-w= idth: 1px; } .focus\:outline-2:focus { outline-style: var(--tw-outline-style); outline= -width: 2px; } .focus\:outline-text:focus { outline-color: var(--color-text); } .focus\:\!outline-none:focus { --tw-outline-style: none !important; outli= ne-style: none !important; } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: non= e; } .focus-visible\:pointer-events-auto:focus-visible { pointer-events: auto;= } .focus-visible\:relative:focus-visible { position: relative; } .focus-visible\:z-10:focus-visible { z-index: 10; } .focus-visible\:z-20:focus-visible { z-index: 20; } .focus-visible\:h-8:focus-visible { height: calc(var(--spacing) * 8); } .focus-visible\:translate-y-0:focus-visible { --tw-translate-y: 0px; tran= slate: var(--tw-translate-x) var(--tw-translate-y); } .focus-visible\:scale-100:focus-visible { --tw-scale-x: 100%; --tw-scale-= y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .focus-visible\:grid-cols-\[1fr\]:focus-visible { grid-template-columns: = 1fr; } .focus-visible\:rounded-full:focus-visible { border-radius: var(--radius-= full); } .focus-visible\:rounded-md:focus-visible { border-radius: var(--radius-md= ); } .focus-visible\:border-0:focus-visible { border-style: var(--tw-border-st= yle); border-width: 0px; } .focus-visible\:\!border-strong:focus-visible { border-color: var(--color= -border-strong) !important; } .focus-visible\:border-ring:focus-visible { border-color: var(--color-rin= g); } .focus-visible\:border-transparent:focus-visible { border-color: rgba(0, = 0, 0, 0); } .focus-visible\:\!bg-media-foreground\/10:focus-visible { background-colo= r: var(--color-media-foreground) !important; } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:\!bg-media-foreground\/10:focus-visible { background-colo= r: color-mix(in oklab, var(--color-media-foreground) 10%, transparent) !imp= ortant; } } .focus-visible\:bg-black\/7:focus-visible { background-color: var(--color= -black); } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:bg-black\/7:focus-visible { background-color: color-mix(i= n oklab, var(--color-black) 7%, transparent); } } .focus-visible\:bg-info-ghost-hover:focus-visible { background-color: var= (--color-background-info-ghost-hover); } .focus-visible\:bg-primary-ghost-hover:focus-visible { background-color: = var(--color-background-primary-ghost-hover); } .focus-visible\:bg-surface:focus-visible { background-color: var(--color-= surface); } .focus-visible\:bg-surface-secondary:focus-visible, .focus-visible\:bg-su= rface-secondary\/92:focus-visible { background-color: var(--color-surface-s= econdary); } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:bg-surface-secondary\/92:focus-visible { background-color= : color-mix(in oklab, var(--color-surface-secondary) 92%, transparent); } } .focus-visible\:bg-text\/5:focus-visible { background-color: var(--color-= text); } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:bg-text\/5:focus-visible { background-color: color-mix(in= oklab, var(--color-text) 5%, transparent); } } .focus-visible\:bg-text\/10:focus-visible { background-color: var(--color= -text); } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:bg-text\/10:focus-visible { background-color: color-mix(i= n oklab, var(--color-text) 10%, transparent); } } .focus-visible\:\[color\:var\(--oai-wb-text-primary\)\]:focus-visible { c= olor: var(--oai-wb-text-primary); } .focus-visible\:text-codex-description:focus-visible { color: var(--color= -codex-description); } .focus-visible\:text-danger:focus-visible { color: var(--color-text-dange= r); } .focus-visible\:text-default:focus-visible { color: var(--color-text); } .focus-visible\:text-default\!:focus-visible { color: var(--color-text) != important; } .focus-visible\:text-mode-toggle-primary:focus-visible { color: var(--col= or-text-mode-toggle-primary); } .focus-visible\:text-token-text-primary:focus-visible { color: var(--colo= r-token-text-primary); } .focus-visible\:underline:focus-visible { text-decoration-line: underline= ; } .focus-visible\:opacity-70:focus-visible { opacity: 0.7; } .focus-visible\:opacity-100:focus-visible { opacity: 1; } .focus-visible\:shadow-none:focus-visible { --tw-shadow: 0 0 #0000; box-s= hadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-o= ffset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-0:focus-visible { --tw-ring-shadow: var(--tw-ring-in= set, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,cu= rrentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow= ), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-in= set, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,cu= rrentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow= ), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-in= set, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,cu= rrentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow= ), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-\[var\(--learning-block-accent\)\]:focus-visible { -= -tw-ring-color: var(--learning-block-accent); } .focus-visible\:ring-blue-300:focus-visible { --tw-ring-color: var(--colo= r-blue-300); } .focus-visible\:ring-ring:focus-visible { --tw-ring-color: var(--color-ri= ng); } .focus-visible\:ring-token-border-default:focus-visible { --tw-ring-color= : var(--color-token-border-default); } .focus-visible\:ring-token-focus-border:focus-visible { --tw-ring-color: = var(--color-token-focus-border); } .focus-visible\:ring-token-text-primary:focus-visible, .focus-visible\:ri= ng-token-text-primary\/20:focus-visible { --tw-ring-color: var(--color-toke= n-text-primary); } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:ring-token-text-primary\/20:focus-visible { --tw-ring-col= or: color-mix(in oklab, var(--color-token-text-primary) 20%, transparent); = } } .focus-visible\:ring-offset-0:focus-visible { --tw-ring-offset-width: 0px= ; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offse= t-width) var(--tw-ring-offset-color); } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px= ; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offse= t-width) var(--tw-ring-offset-color); } .focus-visible\:ring-offset-surface:focus-visible { --tw-ring-offset-colo= r: var(--color-surface); } .focus-visible\:outline-hidden:focus-visible { --tw-outline-style: none; = outline-style: none; } @media (forced-colors: active) { .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outli= ne: rgba(0, 0, 0, 0) solid 2px; } } .focus-visible\:\[outline\:2px_solid_var\(--oai-wb-focus\)\]:focus-visibl= e { outline: 2px solid var(--oai-wb-focus); } .focus-visible\:\[outline\:none\]:focus-visible { outline: none; } .focus-visible\:outline:focus-visible, .focus-visible\:outline-1:focus-vi= sible { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline= -style); outline-width: 2px; } .focus-visible\:-outline-offset-2:focus-visible { outline-offset: calc(-2= px); } .focus-visible\:\[outline-offset\:1px\]:focus-visible { outline-offset: 1= px; } .focus-visible\:outline-offset-0:focus-visible { outline-offset: 0px; } .focus-visible\:outline-offset-1:focus-visible { outline-offset: 1px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-offset-\[-1px\]:focus-visible { outline-offset: -= 1px; } .focus-visible\:outline-offset-\[-2px\]:focus-visible { outline-offset: -= 2px; } .focus-visible\:\[outline-color\:var\(--oai-wb-accent\)\]:focus-visible {= outline-color: var(--oai-wb-accent); } .focus-visible\:outline-\[\#2c67c5\]:focus-visible { outline-color: rgb(4= 4, 103, 197); } .focus-visible\:outline-\[\#0088FF\]:focus-visible { outline-color: rgb(0= , 136, 255); } .focus-visible\:outline-\[var\(--go-to-line-modified-base\)\]:focus-visib= le { outline-color: var(--go-to-line-modified-base); } .focus-visible\:outline-\[var\(--learning-block-accent\)\]:focus-visible = { outline-color: var(--learning-block-accent); } .focus-visible\:outline-\[var\(--learning-block-color-primary\)\]:focus-v= isible { outline-color: var(--learning-block-color-primary); } .focus-visible\:outline-\[var\(--text-primary\)\]:focus-visible { outline= -color: var(--text-primary); } .focus-visible\:outline-background-composer-primary:focus-visible { outli= ne-color: var(--color-background-composer-primary); } .focus-visible\:outline-background-primary-solid:focus-visible { outline-= color: var(--color-background-primary-solid); } .focus-visible\:outline-border:focus-visible { outline-color: var(--color= -border); } .focus-visible\:outline-border-strong:focus-visible { outline-color: var(= --color-border-strong); } .focus-visible\:outline-codex-icon:focus-visible { outline-color: var(--c= olor-codex-icon); } .focus-visible\:outline-current:focus-visible { outline-color: currentcol= or; } .focus-visible\:outline-ring:focus-visible { outline-color: var(--color-r= ing); } .focus-visible\:outline-text:focus-visible { outline-color: var(--color-t= ext); } .focus-visible\:outline-text-tertiary:focus-visible { outline-color: var(= --color-text-tertiary); } .focus-visible\:outline-token-border-heavy:focus-visible { outline-color:= var(--color-token-border-heavy); } .focus-visible\:outline-token-text-primary:focus-visible { outline-color:= var(--color-token-text-primary); } .focus-visible\:transition-none:focus-visible { transition-property: none= ; } .focus-visible\:delay-0:focus-visible { transition-delay: 0s; } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; ou= tline-style: none; } .focus-visible\:outline-solid:focus-visible { --tw-outline-style: solid; = outline-style: solid; } .focus-visible\:\[background\:var\(--oai-wb-surface-secondary\)\]:focus-v= isible { background: var(--oai-wb-surface-secondary); } .focus-visible\:ring-inset:focus-visible { --tw-ring-inset: inset; } .focus-visible\:before\:bg-text\/5:focus-visible::before { content: var(-= -tw-content); background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:before\:bg-text\/5:focus-visible::before { background-col= or: color-mix(in oklab, var(--color-text) 5%, transparent); } } .focus-visible\:before\:ring-1:focus-visible::before { content: var(--tw-= content); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--t= w-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--= tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow)= , var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:before\:ring-2:focus-visible::before { content: var(--tw-= content); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--t= w-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--= tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow)= , var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:before\:ring-ring:focus-visible::before { content: var(--= tw-content); --tw-ring-color: var(--color-ring); } .focus-visible\:before\:outline:focus-visible::before { content: var(--tw= -content); outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-visible\:before\:outline-2:focus-visible::before { content: var(--= tw-content); outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:before\:outline-offset-\[-2px\]:focus-visible::before { c= ontent: var(--tw-content); outline-offset: -2px; } .focus-visible\:before\:outline-ring:focus-visible::before { content: var= (--tw-content); outline-color: var(--color-ring); } .focus-visible\:before\:ring-inset:focus-visible::before { content: var(-= -tw-content); --tw-ring-inset: inset; } .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-sca= le-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-110:active { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-= scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-\[0\.97\]:active { scale: 0.97; } .active\:scale-\[0\.98\]:active { scale: 0.98; } .active\:scale-\[0\.99\]:active { scale: 0.99; } .active\:scale-\[0\.995\]:active { scale: 0.995; } .active\:cursor-col-resize:active { cursor: col-resize; } .active\:cursor-grabbing:active { cursor: grabbing; } .active\:cursor-ns-resize:active { cursor: ns-resize; } .active\:cursor-row-resize:active { cursor: row-resize; } .active\:bg-chart-blue\/80:active { background-color: var(--color-chart-b= lue); } @supports (color:color-mix(in lab, red, red)) { .active\:bg-chart-blue\/80:active { background-color: color-mix(in oklab,= var(--color-chart-blue) 80%, transparent); } } .active\:bg-primary-ghost-active:active { background-color: var(--color-b= ackground-primary-ghost-active); } .active\:bg-primary-ghost-hover:active { background-color: var(--color-ba= ckground-primary-ghost-hover); } .active\:bg-surface\/80:active { background-color: var(--color-surface); = } @supports (color:color-mix(in lab, red, red)) { .active\:bg-surface\/80:active { background-color: color-mix(in oklab, va= r(--color-surface) 80%, transparent); } } .active\:bg-text-info\/15:active { background-color: var(--color-text-inf= o); } @supports (color:color-mix(in lab, red, red)) { .active\:bg-text-info\/15:active { background-color: color-mix(in oklab, = var(--color-text-info) 15%, transparent); } } .active\:bg-text\/10:active { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .active\:bg-text\/10:active { background-color: color-mix(in oklab, var(-= -color-text) 10%, transparent); } } .active\:opacity-80:active { opacity: 0.8; } .not-disabled\:not-aria-disabled\:active\:bg-surface:not(:disabled):not([= aria-disabled=3D"true"]):active { background-color: var(--color-surface); } .not-disabled\:not-aria-disabled\:active\:opacity-80:not(:disabled):not([= aria-disabled=3D"true"]):active { opacity: 0.8; } @media (hover: hover) { .enabled\:hover\:scale-105:enabled:hover { --tw-scale-x: 105%; --tw-scale= -y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .enabled\:hover\:\!bg-\[\#636363\]:enabled:hover { background-color: rgb(= 99, 99, 99) !important; } .enabled\:hover\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_80\%\,= var\(--color-text-info\)_20\%\)\]:enabled:hover { background-color: var(--c= olor-surface) !important; } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_80\%\,= var\(--color-text-info\)_20\%\)\]:enabled:hover { background-color: color-m= ix(in srgb,var(--color-surface) 80%,var(--color-text-info) 20%) !important;= } } .enabled\:hover\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_92\%\,= var\(--color-text\)\)\]:enabled:hover { background-color: var(--color-surfa= ce) !important; } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_92\%\,= var\(--color-text\)\)\]:enabled:hover { background-color: color-mix(in srgb= ,var(--color-surface) 92%,var(--color-text)) !important; } } .enabled\:hover\:\!bg-\[var\(--referral-rate-limit-tracking-hover-backgro= und\)\]:enabled:hover { background-color: var(--referral-rate-limit-trackin= g-hover-background) !important; } .enabled\:hover\:\!bg-black\/60:enabled:hover { background-color: var(--c= olor-black) !important; } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:\!bg-black\/60:enabled:hover { background-color: color-m= ix(in oklab, var(--color-black) 60%, transparent) !important; } } .enabled\:hover\:\!bg-chart-blue\/90:enabled:hover { background-color: va= r(--color-chart-blue) !important; } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:\!bg-chart-blue\/90:enabled:hover { background-color: co= lor-mix(in oklab, var(--color-chart-blue) 90%, transparent) !important; } } .enabled\:hover\:\!bg-media-background\/30:enabled:hover { background-col= or: var(--color-media-background) !important; } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:\!bg-media-background\/30:enabled:hover { background-col= or: color-mix(in oklab, var(--color-media-background) 30%, transparent) !im= portant; } } .enabled\:hover\:\!bg-media-background\/60:enabled:hover { background-col= or: var(--color-media-background) !important; } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:\!bg-media-background\/60:enabled:hover { background-col= or: color-mix(in oklab, var(--color-media-background) 60%, transparent) !im= portant; } } .enabled\:hover\:\!bg-media-foreground\/10:enabled:hover { background-col= or: var(--color-media-foreground) !important; } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:\!bg-media-foreground\/10:enabled:hover { background-col= or: color-mix(in oklab, var(--color-media-foreground) 10%, transparent) !im= portant; } } .enabled\:hover\:\!bg-primary-soft-alpha:enabled:hover { background-color= : var(--color-background-primary-soft-alpha) !important; } .enabled\:hover\:\!bg-transparent:enabled:hover { background-color: rgba(= 0, 0, 0, 0) !important; } .enabled\:hover\:\[background-color\:var\(--oai-wb-surface-secondary\)\]:= enabled:hover { background-color: var(--oai-wb-surface-secondary); } .enabled\:hover\:bg-\(--color-background-primary-ghost-hover\):enabled:ho= ver { background-color: var(--color-background-primary-ghost-hover); } .enabled\:hover\:bg-\[color-mix\(in_srgb\,var\(--color-chart-blue\)_92\%\= ,black_8\%\)\]:enabled:hover { background-color: var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:bg-\[color-mix\(in_srgb\,var\(--color-chart-blue\)_92\%\= ,black_8\%\)\]:enabled:hover { background-color: color-mix(in srgb,var(--co= lor-chart-blue) 92%,black 8%); } } .enabled\:hover\:bg-button-outline-hover:enabled:hover { background-color= : var(--color-background-button-outline-hover); } .enabled\:hover\:bg-chart-blue\/90:enabled:hover { background-color: var(= --color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:bg-chart-blue\/90:enabled:hover { background-color: colo= r-mix(in oklab, var(--color-chart-blue) 90%, transparent); } } .enabled\:hover\:bg-chart-red\/10:enabled:hover { background-color: var(-= -color-chart-red); } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:bg-chart-red\/10:enabled:hover { background-color: color= -mix(in oklab, var(--color-chart-red) 10%, transparent); } } .enabled\:hover\:bg-media-control-hover:enabled:hover { background-color:= var(--color-media-control-hover); } .enabled\:hover\:bg-media-foreground\/90:enabled:hover { background-color= : var(--color-media-foreground); } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:bg-media-foreground\/90:enabled:hover { background-color= : color-mix(in oklab, var(--color-media-foreground) 90%, transparent); } } .enabled\:hover\:bg-primary-ghost-focus:enabled:hover { background-color:= var(--color-background-primary-ghost-focus); } .enabled\:hover\:bg-primary-ghost-hover:enabled:hover { background-color:= var(--color-background-primary-ghost-hover); } .enabled\:hover\:bg-surface-elevated-secondary:enabled:hover { background= -color: var(--color-surface-elevated-secondary); } .enabled\:hover\:bg-text-info\/15:enabled:hover { background-color: var(-= -color-text-info); } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:bg-text-info\/15:enabled:hover { background-color: color= -mix(in oklab, var(--color-text-info) 15%, transparent); } } .enabled\:hover\:bg-text\/5:enabled:hover { background-color: var(--color= -text); } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:bg-text\/5:enabled:hover { background-color: color-mix(i= n oklab, var(--color-text) 5%, transparent); } } .enabled\:hover\:bg-text\/80:enabled:hover { background-color: var(--colo= r-text); } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:bg-text\/80:enabled:hover { background-color: color-mix(= in oklab, var(--color-text) 80%, transparent); } } .enabled\:hover\:bg-token-list-hover-background:enabled:hover { backgroun= d-color: var(--color-token-list-hover-background); } .enabled\:hover\:\!text-default:enabled:hover { color: var(--color-text) = !important; } .enabled\:hover\:text-default:enabled:hover { color: var(--color-text); } .enabled\:hover\:text-token-text-primary:enabled:hover { color: var(--col= or-token-text-primary); } .enabled\:hover\:opacity-90:enabled:hover { opacity: 0.9; } .enabled\:hover\:ring-2:enabled:hover { --tw-ring-shadow: var(--tw-ring-i= nset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,c= urrentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shado= w), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); = } .enabled\:hover\:ring-black\/15:enabled:hover { --tw-ring-color: var(--co= lor-black); } @supports (color:color-mix(in lab, red, red)) { .enabled\:hover\:ring-black\/15:enabled:hover { --tw-ring-color: color-mi= x(in oklab, var(--color-black) 15%, transparent); } } } .enabled\:active\:scale-95:enabled:active { --tw-scale-x: 95%; --tw-scale= -y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .enabled\:active\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_76\%\= ,var\(--color-text-info\)_24\%\)\]:enabled:active { background-color: var(-= -color-surface) !important; } @supports (color:color-mix(in lab, red, red)) { .enabled\:active\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_76\%\= ,var\(--color-text-info\)_24\%\)\]:enabled:active { background-color: color= -mix(in srgb,var(--color-surface) 76%,var(--color-text-info) 24%) !importan= t; } } .enabled\:active\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_88\%\= ,var\(--color-text\)_12\%\)\]:enabled:active { background-color: var(--colo= r-surface) !important; } @supports (color:color-mix(in lab, red, red)) { .enabled\:active\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_88\%\= ,var\(--color-text\)_12\%\)\]:enabled:active { background-color: color-mix(= in srgb,var(--color-surface) 88%,var(--color-text) 12%) !important; } } .enabled\:active\:bg-border:enabled:active { background-color: var(--colo= r-border); } .enabled\:active\:bg-chart-blue\/80:enabled:active { background-color: va= r(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .enabled\:active\:bg-chart-blue\/80:enabled:active { background-color: co= lor-mix(in oklab, var(--color-chart-blue) 80%, transparent); } } .enabled\:active\:bg-primary-ghost-active:enabled:active { background-col= or: var(--color-background-primary-ghost-active); } .enabled\:active\:bg-text-info\/15:enabled:active { background-color: var= (--color-text-info); } @supports (color:color-mix(in lab, red, red)) { .enabled\:active\:bg-text-info\/15:enabled:active { background-color: col= or-mix(in oklab, var(--color-text-info) 15%, transparent); } } .enabled\:active\:bg-text\/12:enabled:active { background-color: var(--co= lor-text); } @supports (color:color-mix(in lab, red, red)) { .enabled\:active\:bg-text\/12:enabled:active { background-color: color-mi= x(in oklab, var(--color-text) 12%, transparent); } } .enabled\:active\:\!text-default:enabled:active { color: var(--color-text= ) !important; } .enabled\:active\:opacity-80:enabled:active { opacity: 0.8; } .enabled\:active\:before\:bg-text\/12:enabled:active::before { content: v= ar(--tw-content); background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .enabled\:active\:before\:bg-text\/12:enabled:active::before { background= -color: color-mix(in oklab, var(--color-text) 12%, transparent); } } @media (hover: hover) { .enabled\:active\:hover\:opacity-80:enabled:active:hover { opacity: 0.8; = } } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-default:disabled { cursor: default; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:cursor-wait:disabled { cursor: wait; } .disabled\:\!bg-black\/45:disabled { background-color: var(--color-black)= !important; } @supports (color:color-mix(in lab, red, red)) { .disabled\:\!bg-black\/45:disabled { background-color: color-mix(in oklab= , var(--color-black) 45%, transparent) !important; } } .disabled\:bg-surface-secondary:disabled { background-color: var(--color-= surface-secondary); } .disabled\:bg-text\/5:disabled { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .disabled\:bg-text\/5:disabled { background-color: color-mix(in oklab, va= r(--color-text) 5%, transparent); } } .disabled\:\!text-white\/45:disabled { color: var(--color-white) !importa= nt; } @supports (color:color-mix(in lab, red, red)) { .disabled\:\!text-white\/45:disabled { color: color-mix(in oklab, var(--c= olor-white) 45%, transparent) !important; } } .disabled\:text-codex-description:disabled { color: var(--color-codex-des= cription); } .disabled\:text-disabled:disabled { color: var(--color-text-disabled); } .disabled\:text-secondary:disabled { color: var(--color-text-secondary); = } .disabled\:text-tertiary:disabled { color: var(--color-text-tertiary); } .disabled\:text-token-text-tertiary:disabled { color: var(--color-token-t= ext-tertiary); } .disabled\:no-underline:disabled { text-decoration-line: none; } .disabled\:opacity-30:disabled { opacity: 0.3; } .disabled\:opacity-35:disabled { opacity: 0.35; } .disabled\:opacity-40:disabled { opacity: 0.4; } .disabled\:opacity-50:disabled { opacity: 0.5; } .disabled\:opacity-60:disabled { opacity: 0.6; } .disabled\:opacity-70:disabled { opacity: 0.7; } .disabled\:opacity-100:disabled { opacity: 1; } .disabled\:opacity-100\!:disabled { opacity: 1 !important; } @media (hover: hover) { .disabled\:hover\:bg-transparent:disabled:hover { background-color: rgba(= 0, 0, 0, 0); } .disabled\:hover\:\[color\:var\(--oai-wb-text-secondary\)\]:disabled:hove= r { color: var(--oai-wb-text-secondary); } .disabled\:hover\:no-underline:disabled:hover { text-decoration-line: non= e; } } .disabled\:focus\:border-gray-200:disabled:focus { border-color: var(--co= lor-gray-200); } .disabled\:focus\:ring-transparent:disabled:focus { --tw-ring-color: tran= sparent; } .disabled\:active\:scale-100:disabled:active { --tw-scale-x: 100%; --tw-s= cale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y= ); } .disabled\:active\:bg-transparent:disabled:active { background-color: rgb= a(0, 0, 0, 0); } :where(:has([data-app-shell-titlebar])) .in-has-\[\[data-app-shell-titleb= ar\]\]\:hidden, :where([data-composer-placement=3D"home"]) .in-data-\[compo= ser-placement\=3Dhome\]\:hidden { display: none; } :where([data-composer-placement=3D"home"]) .in-data-\[composer-placement\= =3Dhome\]\:inline { display: inline; } :where([data-composer-rail-placement=3D"above"]) .in-data-\[composer-rail= -placement\=3Dabove\]\:py-row-y { padding-block: var(--padding-row-y); } :where([data-slate-sidebar-peeking=3D"true"]) .in-data-\[slate-sidebar-pe= eking\=3Dtrue\]\:overflow-visible { overflow: visible; } :where([data-slate-sidebar-peeking=3D"true"]) .in-data-\[slate-sidebar-pe= eking\=3Dtrue\]\:\[contain\:layout\] { contain: layout; } :where([data-composer-body]:has([data-composer-expand-toggle])) .in-\[\[d= ata-composer-body\]\:has\(\[data-composer-expand-toggle\]\)\]\:pe-10 { padd= ing-inline-end: calc(var(--spacing) * 10); } :where([data-composer-body]:has([data-expanded-composer])) .in-\[\[data-c= omposer-body\]\:has\(\[data-expanded-composer\]\)\]\:box-border { box-sizin= g: border-box; } :where([data-composer-body]:has([data-expanded-composer])) .in-\[\[data-c= omposer-body\]\:has\(\[data-expanded-composer\]\)\]\:h-full { height: 100%;= } :where([data-composer-body]:has([data-expanded-composer])) .in-\[\[data-c= omposer-body\]\:has\(\[data-expanded-composer\]\)\]\:max-h-none { max-heigh= t: none; } .has-data-\[state\=3Dopen\]\:pointer-events-auto:has([data-state=3D"open"= ]) { pointer-events: auto; } .has-data-\[state\=3Dopen\]\:opacity-100:has([data-state=3D"open"]) { opa= city: 1; } .has-\[\.inline-markdown\]\:py-0\.5:has(.inline-markdown) { padding-block= : calc(var(--spacing) * .5); } .has-\[\:focus-visible\]\:bg-primary-ghost-hover:has(:focus-visible) { ba= ckground-color: var(--color-background-primary-ghost-hover); } .has-\[\:focus-visible\]\:outline-2:has(:focus-visible) { outline-style: = var(--tw-outline-style); outline-width: 2px; } .has-\[\:focus-visible\]\:outline-offset-\[-2px\]:has(:focus-visible) { o= utline-offset: -2px; } .has-\[\:focus-visible\]\:outline-ring:has(:focus-visible) { outline-colo= r: var(--color-ring); } .has-\[\[aria-expanded\=3Dtrue\]\]\:pointer-events-auto:has([aria-expande= d=3D"true"]) { pointer-events: auto; } .has-\[\[aria-expanded\=3Dtrue\]\]\:opacity-100:has([aria-expanded=3D"tru= e"]) { opacity: 1; } .has-\[\[aria-haspopup\=3Dmenu\]\[aria-expanded\=3Dtrue\]\]\:bg-primary-g= host-hover:has([aria-haspopup=3D"menu"][aria-expanded=3D"true"]) { backgrou= nd-color: var(--color-background-primary-ghost-hover); } .has-\[\[data-ambient-usage-label\]\]\:h-auto:has([data-ambient-usage-lab= el]) { height: auto; } .has-\[\[data-ambient-usage-label\]\]\:min-h-8:has([data-ambient-usage-la= bel]) { min-height: calc(var(--spacing) * 8); } .has-\[\[data-ambient-usage-label\]\]\:min-h-toolbar:has([data-ambient-us= age-label]) { min-height: var(--height-toolbar); } .has-\[\[data-compact-status-slot-clearance\]\]\:pb-0:has([data-compact-s= tatus-slot-clearance]) { padding-bottom: 0px; } .has-\[\[data-composer-expand-toggle\]\]\:\[container-type\:size\]:has([d= ata-composer-expand-toggle]) { container-type: size; } .has-\[\[data-conversation-followup-reserved-hidden\=3Dtrue\]\]\:pointer-= events-none:has([data-conversation-followup-reserved-hidden=3D"true"]) { po= inter-events: none; } .has-\[\[data-expanded-composer\]\]\:justify-center:has([data-expanded-co= mposer]) { justify-content: center; } .has-\[\[data-expanded-composer\]\]\:overflow-y-hidden:has([data-expanded= -composer]) { overflow-y: hidden; } .has-\[\[data-home-beacon-banner\]\]\:px-0:has([data-home-beacon-banner])= { padding-inline: 0px; } .has-\[\[data-homepage-takeover\]\]\:flex-1:has([data-homepage-takeover])= { flex: 1 1 0%; } .has-\[\[data-homepage-takeover\]\]\:overflow-y-hidden:has([data-homepage= -takeover]) { overflow-y: hidden; } .has-\[\[data-markdown-text-style\=3Dassistant-message\]\:empty\:last-chi= ld\]\:hidden:has([data-markdown-text-style=3D"assistant-message"]:empty:las= t-child) { display: none; } .has-\[\[data-mini-reactions-open\=3Dtrue\]\]\:overflow-y-hidden:has([dat= a-mini-reactions-open=3D"true"]) { overflow-y: hidden; } .has-\[\[data-popcorn-header-surface\]\]\:overflow-visible:has([data-popc= orn-header-surface]) { overflow: visible; } .has-\[\[data-state\=3Dopen\]\]\:pointer-events-auto:has([data-state=3D"o= pen"]) { pointer-events: auto; } .has-\[\[data-state\=3Dopen\]\]\:w-auto:has([data-state=3D"open"]) { widt= h: auto; } .has-\[\[data-state\=3Dopen\]\]\:overflow-visible:has([data-state=3D"open= "]) { overflow: visible; } .has-\[\[data-state\=3Dopen\]\]\:bg-primary-ghost-hover:has([data-state= =3D"open"]) { background-color: var(--color-background-primary-ghost-hover)= ; } .has-\[\[data-state\=3Dopen\]\]\:opacity-100:has([data-state=3D"open"]) {= opacity: 1; } .has-\[\[data-thread-focus-mode\]\]\:bg-surface:has([data-thread-focus-mo= de]) { background-color: var(--color-surface); } .has-\[\[data-work-onboarding-carousel\]\]\:overflow-x-hidden:has([data-w= ork-onboarding-carousel]) { overflow-x: hidden; } .has-\[\+button\:hover\]\:after\:opacity-0:has(+ button:hover)::after { c= ontent: var(--tw-content); opacity: 0; } .has-\[\+div\>\[data-app-shell-tab-strip-controller\]\]\:-me-0\.75:has(+ = div > [data-app-shell-tab-strip-controller]) { margin-inline-end: calc(var(= --spacing) * -.75); } .has-\[\>\:focus-visible\]\:ring-2:has(> :focus-visible) { --tw-ring-shad= ow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) va= r(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--= tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),= var(--tw-shadow); } .has-\[\>\:focus-visible\]\:ring-text:has(> :focus-visible) { --tw-ring-c= olor: var(--color-text); } .has-\[\>\:focus-visible\]\:ring-offset-2:has(> :focus-visible) { --tw-ri= ng-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0= var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .has-\[\>\:focus-visible\]\:ring-offset-surface:has(> :focus-visible) { -= -tw-ring-offset-color: var(--color-surface); } .has-\[\>\[aria-hidden\=3Dtrue\]\]\:hidden:has(> [aria-hidden=3D"true"]) = { display: none; } .has-\[\>svg\:last-child\]\:pe-2:has(> svg:last-child) { padding-inline-e= nd: calc(var(--spacing) * 2); } .aria-disabled\:cursor-default[aria-disabled=3D"true"] { cursor: default;= } .aria-disabled\:cursor-not-allowed[aria-disabled=3D"true"] { cursor: not-= allowed; } .aria-disabled\:text-disabled[aria-disabled=3D"true"] { color: var(--colo= r-text-disabled); } .aria-disabled\:\!opacity-100[aria-disabled=3D"true"] { opacity: 1 !impor= tant; } .aria-disabled\:opacity-40[aria-disabled=3D"true"] { opacity: 0.4; } .aria-disabled\:opacity-50[aria-disabled=3D"true"] { opacity: 0.5; } .aria-disabled\:opacity-60[aria-disabled=3D"true"] { opacity: 0.6; } .aria-disabled\:opacity-100[aria-disabled=3D"true"] { opacity: 1; } .aria-disabled\:opacity-100\![aria-disabled=3D"true"] { opacity: 1 !impor= tant; } .aria-expanded\:min-h-10\.5[aria-expanded=3D"true"] { min-height: calc(va= r(--spacing) * 10.5); } .aria-expanded\:bg-text\/5[aria-expanded=3D"true"] { background-color: va= r(--color-text); } @supports (color:color-mix(in lab, red, red)) { .aria-expanded\:bg-text\/5[aria-expanded=3D"true"] { background-color: co= lor-mix(in oklab, var(--color-text) 5%, transparent); } } .aria-hidden\:pointer-events-none[aria-hidden=3D"true"] { pointer-events:= none; } .aria-hidden\:opacity-0[aria-hidden=3D"true"] { opacity: 0; } .aria-invalid\:border-text-danger[aria-invalid=3D"true"] { border-color: = var(--color-text-danger); } .aria-invalid\:ring-2[aria-invalid=3D"true"] { --tw-ring-shadow: var(--tw= -ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-= color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-rin= g-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sh= adow); } .aria-invalid\:ring-text-danger\/20[aria-invalid=3D"true"] { --tw-ring-co= lor: var(--color-text-danger); } @supports (color:color-mix(in lab, red, red)) { .aria-invalid\:ring-text-danger\/20[aria-invalid=3D"true"] { --tw-ring-co= lor: color-mix(in oklab, var(--color-text-danger) 20%, transparent); } } .aria-pressed\:bg-activity-control-hover[aria-pressed=3D"true"] { backgro= und-color: var(--color-background-activity-control-hover); } .aria-pressed\:bg-primary-ghost-hover[aria-pressed=3D"true"] { background= -color: var(--color-background-primary-ghost-hover); } .aria-pressed\:bg-primary-solid[aria-pressed=3D"true"] { background-color= : var(--color-background-primary-solid); } .aria-pressed\:bg-surface-tertiary[aria-pressed=3D"true"] { background-co= lor: var(--color-surface-tertiary); } .aria-pressed\:text-activity-control-active[aria-pressed=3D"true"] { colo= r: var(--color-text-activity-control-active); } .aria-pressed\:text-primary-solid[aria-pressed=3D"true"] { color: var(--c= olor-text-primary-solid); } @media (hover: hover) { .not-disabled\:not-aria-disabled\:aria-pressed\:hover\:after\:bg-current\= /10:not(:disabled):not([aria-disabled=3D"true"])[aria-pressed=3D"true"]:hov= er::after { content: var(--tw-content); background-color: currentcolor; } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:aria-pressed\:hover\:after\:bg-current\= /10:not(:disabled):not([aria-disabled=3D"true"])[aria-pressed=3D"true"]:hov= er::after { background-color: color-mix(currentcolor 10%, transparent 90%);= } } } .aria-selected\:bg-\(--color-background-primary-ghost-hover\)[aria-select= ed=3D"true"] { background-color: var(--color-background-primary-ghost-hover= ); } .aria-\[current\=3Dpage\]\:bg-text-info\/10[aria-current=3D"page"] { back= ground-color: var(--color-text-info); } @supports (color:color-mix(in lab, red, red)) { .aria-\[current\=3Dpage\]\:bg-text-info\/10[aria-current=3D"page"] { back= ground-color: color-mix(in oklab, var(--color-text-info) 10%, transparent);= } } .aria-\[current\=3Dpage\]\:text-info[aria-current=3D"page"] { color: var(= --color-text-info); } .aria-\[selected\=3Dtrue\]\:bg-primary-ghost-hover[aria-selected=3D"true"= ] { background-color: var(--color-background-primary-ghost-hover); } .data-changing\:opacity-0[data-changing] { opacity: 0; } .data-highlighted\:bg-primary-ghost-hover[data-highlighted] { background-= color: var(--color-background-primary-ghost-hover); } .data-\[active\]\:bg-chart-orange[data-active] { background-color: var(--= color-chart-orange); } .data-\[app-action-sidebar-thread-selected\=3Dtrue\]\:bg-primary-ghost-ho= ver[data-app-action-sidebar-thread-selected=3D"true"] { background-color: v= ar(--color-background-primary-ghost-hover); } .data-\[color\=3DghostActive\]\:bg-transparent\![data-color=3D"ghostActiv= e"] { background-color: rgba(0, 0, 0, 0) !important; } .data-\[color\=3DghostActive\]\:text-\(--color-text\)\![data-color=3D"gho= stActive"] { color: var(--color-text) !important; } .data-\[color\=3Dprimary\]\:bg-\(--color-background-primary-solid\)\![dat= a-color=3D"primary"] { background-color: var(--color-background-primary-sol= id) !important; } .data-\[color\=3Dprimary\]\:text-\(--color-text-primary-solid\)\![data-co= lor=3D"primary"] { color: var(--color-text-primary-solid) !important; } .data-\[color\=3Dsecondary\]\:border-\(--color-border\)\![data-color=3D"s= econdary"] { border-color: var(--color-border) !important; } .data-\[color\=3Dsecondary\]\:bg-\(--color-background-secondary-soft\)\![= data-color=3D"secondary"] { background-color: var(--color-background-second= ary-soft) !important; } .data-\[color\=3Dsecondary\]\:text-\(--color-text-secondary-soft\)\![data= -color=3D"secondary"] { color: var(--color-text-secondary-soft) !important;= } .data-\[composer-mode\=3Dwork\]\:gap-3\.25[data-composer-mode=3D"work"] {= gap: calc(var(--spacing) * 3.25); } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: = none; } .data-\[disabled\]\:cursor-default[data-disabled] { cursor: default; } .data-\[disabled\]\:cursor-not-allowed[data-disabled] { cursor: not-allow= ed; } .data-\[disabled\]\:opacity-40[data-disabled] { opacity: 0.4; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; } .data-\[disabled\]\:opacity-60[data-disabled] { opacity: 0.6; } @media (hover: hover) { .data-\[disabled\]\:hover\:bg-transparent[data-disabled]:hover { backgrou= nd-color: rgba(0, 0, 0, 0); } } .data-\[dismissible\]\:pe-\[calc\(var\(--spacing-token-button-composer\)\= +var\(--spacing\)\*2\)\][data-dismissible] { padding-inline-end: calc(var(-= -spacing-token-button-composer) + var(--spacing) * 2); } .data-\[error\]\:text-danger[data-error] { color: var(--color-text-danger= ); } .data-\[file-drop-active\=3Dtrue\]\:bg-primary-ghost-hover[data-file-drop= -active=3D"true"] { background-color: var(--color-background-primary-ghost-= hover); } .data-\[has-menu\=3Dtrue\]\:pe-8[data-has-menu=3D"true"] { padding-inline= -end: calc(var(--spacing) * 8); } .data-\[highlighted\]\:bg-primary-ghost-hover[data-highlighted] { backgro= und-color: var(--color-background-primary-ghost-hover); } .data-\[highlighted\]\:bg-token-bg-secondary[data-highlighted] { backgrou= nd-color: var(--color-token-bg-secondary); } .not-disabled\:not-aria-disabled\:data-\[native-hovered\=3Dtrue\]\:bg-\[l= ight-dark\(var\(--green-300\)\,var\(--green-500\)\)\]:not(:disabled):not([a= ria-disabled=3D"true"])[data-native-hovered=3D"true"] { background-color: v= ar(--lightningcss-light,var(--green-300)) var(--lightningcss-dark,var(--gre= en-500)); } .not-disabled\:not-aria-disabled\:data-\[native-hovered\=3Dtrue\]\:bg-act= ivity-control-hover:not(:disabled):not([aria-disabled=3D"true"])[data-nativ= e-hovered=3D"true"] { background-color: var(--color-background-activity-con= trol-hover); } .not-disabled\:not-aria-disabled\:data-\[native-hovered\=3Dtrue\]\:bg-act= ivity-stop-hover:not(:disabled):not([aria-disabled=3D"true"])[data-native-h= overed=3D"true"] { background-color: var(--color-background-activity-stop-h= over); } .not-disabled\:not-aria-disabled\:data-\[native-hovered\=3Dtrue\]\:text-a= ctivity-control-active:not(:disabled):not([aria-disabled=3D"true"])[data-na= tive-hovered=3D"true"] { color: var(--color-text-activity-control-active); = } .not-disabled\:not-aria-disabled\:data-\[native-hovered\=3Dtrue\]\:text-w= hite:not(:disabled):not([aria-disabled=3D"true"])[data-native-hovered=3D"tr= ue"] { color: var(--color-white); } .data-\[portrait\=3Dtrue\]\:aspect-179\/204[data-portrait=3D"true"] { asp= ect-ratio: 179 / 204; } .data-\[portrait\=3Dtrue\]\:w-\[calc\(8\.5rem\*179\/204\)\][data-portrait= =3D"true"] { width: 7.45833rem; } .data-\[renderer-status\=3Dready\]\:opacity-100[data-renderer-status=3D"r= eady"], .data-\[scrolled\=3Dtrue\]\:opacity-100[data-scrolled=3D"true"] { o= pacity: 1; } .data-\[selected\=3Dtrue\]\:ring-4[data-selected=3D"true"] { --tw-ring-sh= adow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) = var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(= --tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow= ), var(--tw-shadow); } .data-\[selected\=3Dtrue\]\:ring-\(--color-border\)[data-selected=3D"true= "] { --tw-ring-color: var(--color-border); } .data-\[side\]\:w-\[clamp\(0px\,calc\(var\(--radix-tooltip-trigger-width\= ,0px\)-64px\)\,var\(--radix-tooltip-content-available-width\,100vw\)\)\][da= ta-side] { width: clamp(0px, calc(var(--radix-tooltip-trigger-width,0px) - = 64px), var(--radix-tooltip-content-available-width,100vw)); } .data-\[side\=3Dbottom\]\:justify-start[data-side=3D"bottom"] { justify-c= ontent: flex-start; } .data-\[state\=3Dactive\]\:border-text[data-state=3D"active"] { border-co= lor: var(--color-text); } .data-\[state\=3Dchecked\]\:translate-x-\[14px\][data-state=3D"checked"] = { --tw-translate-x: 14px; translate: var(--tw-translate-x) var(--tw-transla= te-y); } .data-\[state\=3Dchecked\]\:translate-x-\[calc\(var\(--to-end-unit\,1\)\*= 100\%\*\(7\/4-1\)\)\][data-state=3D"checked"] { --tw-translate-x: calc(var(= --to-end-unit,1) * 100% * (7 / 4 - 1)); translate: var(--tw-translate-x) va= r(--tw-translate-y); } .data-\[state\=3Dchecked\]\:border[data-state=3D"checked"] { border-style= : var(--tw-border-style); border-width: 1px; } .data-\[state\=3Dchecked\]\:border-2[data-state=3D"checked"] { border-sty= le: var(--tw-border-style); border-width: 2px; } .data-\[state\=3Dchecked\]\:\!border-chart-blue[data-state=3D"checked"] {= border-color: var(--color-chart-blue) !important; } .data-\[state\=3Dchecked\]\:\!border-text[data-state=3D"checked"] { borde= r-color: var(--color-text) !important; } .data-\[state\=3Dchecked\]\:border-\[\#8f8f8f\][data-state=3D"checked"] {= border-color: rgb(143, 143, 143); } .data-\[state\=3Dchecked\]\:border-token-border-default[data-state=3D"che= cked"] { border-color: var(--color-token-border-default); } .data-\[state\=3Dchecked\]\:border-token-interactive-border-focus[data-st= ate=3D"checked"] { border-color: var(--color-token-interactive-border-focus= ); } .data-\[state\=3Dchecked\]\:border-token-text-tertiary[data-state=3D"chec= ked"] { border-color: var(--color-token-text-tertiary); } .data-\[state\=3Dchecked\]\:border-transparent[data-state=3D"checked"] { = border-color: rgba(0, 0, 0, 0); } .data-\[state\=3Dchecked\]\:\!bg-chart-blue[data-state=3D"checked"] { bac= kground-color: var(--color-chart-blue) !important; } .data-\[state\=3Dchecked\]\:\!bg-primary-solid[data-state=3D"checked"] { = background-color: var(--color-background-primary-solid) !important; } .data-\[state\=3Dchecked\]\:bg-info-solid[data-state=3D"checked"] { backg= round-color: var(--color-background-info-solid); } .data-\[state\=3Dchecked\]\:bg-primary-ghost-hover[data-state=3D"checked"= ] { background-color: var(--color-background-primary-ghost-hover); } .data-\[state\=3Dchecked\]\:bg-primary-soft[data-state=3D"checked"] { bac= kground-color: var(--color-background-primary-soft); } .data-\[state\=3Dchecked\]\:bg-primary-solid[data-state=3D"checked"] { ba= ckground-color: var(--color-background-primary-solid); } .data-\[state\=3Dchecked\]\:bg-token-bg-primary[data-state=3D"checked"] {= background-color: var(--color-token-bg-primary); } .data-\[state\=3Dchecked\]\:\!text-primary-solid[data-state=3D"checked"] = { color: var(--color-text-primary-solid) !important; } .data-\[state\=3Dchecked\]\:\!text-white[data-state=3D"checked"] { color:= var(--color-white) !important; } .data-\[state\=3Dchecked\]\:text-control-thumb-on-accent[data-state=3D"ch= ecked"] { color: var(--color-control-thumb-on-accent); } .data-\[state\=3Dchecked\]\:text-default[data-state=3D"checked"] { color:= var(--color-text); } .data-\[state\=3Dchecked\]\:text-primary-solid[data-state=3D"checked"] { = color: var(--color-text-primary-solid); } .data-\[state\=3Dchecked\]\:text-token-text-primary[data-state=3D"checked= "] { color: var(--color-token-text-primary); } .data-\[state\=3Dchecked\]\:shadow-\[0_4px_8px_0_rgba\(0\,0\,0\,0\.05\)\]= [data-state=3D"checked"] { --tw-shadow: 0 4px 8px 0 var(--tw-shadow-color,#= 0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),= var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .data-\[state\=3Dchecked\]\:shadow-\[0_4px_16px_0_rgba\(0\,0\,0\,0\.05\)\= ][data-state=3D"checked"] { --tw-shadow: 0 4px 16px 0 var(--tw-shadow-color= ,#0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow= ), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .data-\[state\=3Dchecked\]\:ring-1[data-state=3D"checked"] { --tw-ring-sh= adow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) = var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(= --tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow= ), var(--tw-shadow); } .data-\[state\=3Dchecked\]\:ring-border[data-state=3D"checked"] { --tw-ri= ng-color: var(--color-border); } .data-\[state\=3Dclosed\]\:-translate-x-full[data-state=3D"closed"] { --t= w-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y= ); } .data-\[state\=3Dindeterminate\]\:\!border-chart-blue[data-state=3D"indet= erminate"] { border-color: var(--color-chart-blue) !important; } .data-\[state\=3Dindeterminate\]\:border-transparent[data-state=3D"indete= rminate"] { border-color: rgba(0, 0, 0, 0); } .data-\[state\=3Dindeterminate\]\:\!bg-chart-blue[data-state=3D"indetermi= nate"] { background-color: var(--color-chart-blue) !important; } .data-\[state\=3Dindeterminate\]\:bg-info-solid[data-state=3D"indetermina= te"] { background-color: var(--color-background-info-solid); } .data-\[state\=3Dindeterminate\]\:bg-primary-soft[data-state=3D"indetermi= nate"] { background-color: var(--color-background-primary-soft); } .data-\[state\=3Dindeterminate\]\:\!text-white[data-state=3D"indeterminat= e"] { color: var(--color-white) !important; } .data-\[state\=3Dindeterminate\]\:text-control-thumb-on-accent[data-state= =3D"indeterminate"] { color: var(--color-control-thumb-on-accent); } .data-\[state\=3Dindeterminate\]\:text-default[data-state=3D"indeterminat= e"] { color: var(--color-text); } .data-\[state\=3Dopen\]\:scale-100[data-state=3D"open"] { --tw-scale-x: 1= 00%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(-= -tw-scale-y); } .data-\[state\=3Dopen\]\:rounded-t-2xl[data-state=3D"open"] { border-top-= left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl);= } .data-\[state\=3Dopen\]\:rounded-b-none[data-state=3D"open"] { border-bot= tom-right-radius: 0px; border-bottom-left-radius: 0px; } .data-\[state\=3Dopen\]\:border-default[data-state=3D"open"] { border-col= or: var(--color-border); } .data-\[state\=3Dopen\]\:border-transparent[data-state=3D"open"] { border= -color: rgba(0, 0, 0, 0); } .data-\[state\=3Dopen\]\:border-b-transparent[data-state=3D"open"] { bord= er-bottom-color: rgba(0, 0, 0, 0); } .data-\[state\=3Dopen\]\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\= )_80\%\,var\(--color-text-info\)_20\%\)\][data-state=3D"open"] { background= -color: var(--color-surface) !important; } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dopen\]\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\= )_80\%\,var\(--color-text-info\)_20\%\)\][data-state=3D"open"] { background= -color: color-mix(in srgb,var(--color-surface) 80%,var(--color-text-info) 2= 0%) !important; } } .data-\[state\=3Dopen\]\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\= )_92\%\,var\(--color-text\)\)\][data-state=3D"open"] { background-color: va= r(--color-surface) !important; } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dopen\]\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\= )_92\%\,var\(--color-text\)\)\][data-state=3D"open"] { background-color: co= lor-mix(in srgb,var(--color-surface) 92%,var(--color-text)) !important; } } .data-\[state\=3Dopen\]\:\!bg-chart-blue\/90[data-state=3D"open"] { backg= round-color: var(--color-chart-blue) !important; } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dopen\]\:\!bg-chart-blue\/90[data-state=3D"open"] { backg= round-color: color-mix(in oklab, var(--color-chart-blue) 90%, transparent) = !important; } } .data-\[state\=3Dopen\]\:\!bg-primary-ghost-hover[data-state=3D"open"] { = background-color: var(--color-background-primary-ghost-hover) !important; } .data-\[state\=3Dopen\]\:bg-\[light-dark\(--alpha\(var\(--blue-400\)\/9\%= \)\,--alpha\(var\(--blue-100\)\/20\%\)\)\][data-state=3D"open"] { backgroun= d-color: var(--lightningcss-light,var(--blue-400)) var(--lightningcss-dark,= var(--blue-100)); } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dopen\]\:bg-\[light-dark\(--alpha\(var\(--blue-400\)\/9\%= \)\,--alpha\(var\(--blue-100\)\/20\%\)\)\][data-state=3D"open"] { backgroun= d-color: var(--lightningcss-light,color-mix(in oklab, var(--blue-400) 9%, t= ransparent)) var(--lightningcss-dark,color-mix(in oklab, var(--blue-100) 20= %, transparent)); } } .data-\[state\=3Dopen\]\:bg-\[var\(--conversation-accent\,var\(--color-te= xt-info\)\)\]\/15[data-state=3D"open"] { background-color: var(--conversati= on-accent,var(--color-text-info)); } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dopen\]\:bg-\[var\(--conversation-accent\,var\(--color-te= xt-info\)\)\]\/15[data-state=3D"open"] { background-color: color-mix(in okl= ab, var(--conversation-accent,var(--color-text-info)) 15%, transparent); } } .data-\[state\=3Dopen\]\:bg-button-outline-hover[data-state=3D"open"] { b= ackground-color: var(--color-background-button-outline-hover); } .data-\[state\=3Dopen\]\:bg-current\/15[data-state=3D"open"] { background= -color: currentcolor; } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dopen\]\:bg-current\/15[data-state=3D"open"] { background= -color: color-mix(currentcolor 15%, transparent 85%); } } .data-\[state\=3Dopen\]\:bg-info-ghost-hover[data-state=3D"open"] { backg= round-color: var(--color-background-info-ghost-hover); } .data-\[state\=3Dopen\]\:bg-media-background\/30[data-state=3D"open"] { b= ackground-color: var(--color-media-background); } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dopen\]\:bg-media-background\/30[data-state=3D"open"] { b= ackground-color: color-mix(in oklab, var(--color-media-background) 30%, tra= nsparent); } } .data-\[state\=3Dopen\]\:bg-media-control-hover[data-state=3D"open"] { ba= ckground-color: var(--color-media-control-hover); } .data-\[state\=3Dopen\]\:bg-media-foreground\/90[data-state=3D"open"] { b= ackground-color: var(--color-media-foreground); } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dopen\]\:bg-media-foreground\/90[data-state=3D"open"] { b= ackground-color: color-mix(in oklab, var(--color-media-foreground) 90%, tra= nsparent); } } .data-\[state\=3Dopen\]\:bg-primary-ghost-hover[data-state=3D"open"] { ba= ckground-color: var(--color-background-primary-ghost-hover); } .data-\[state\=3Dopen\]\:bg-primary-soft-alpha[data-state=3D"open"] { bac= kground-color: var(--color-background-primary-soft-alpha); } .data-\[state\=3Dopen\]\:bg-secondary-soft[data-state=3D"open"] { backgro= und-color: var(--color-background-secondary-soft); } .data-\[state\=3Dopen\]\:bg-segmented-selected-hover[data-state=3D"open"]= { background-color: var(--color-background-segmented-selected-hover); } .data-\[state\=3Dopen\]\:bg-success-solid-hover[data-state=3D"open"] { ba= ckground-color: var(--color-background-success-solid-hover); } .data-\[state\=3Dopen\]\:bg-surface[data-state=3D"open"] { background-col= or: var(--color-surface); } .data-\[state\=3Dopen\]\:bg-surface-elevated-secondary[data-state=3D"open= "] { background-color: var(--color-surface-elevated-secondary); } .data-\[state\=3Dopen\]\:bg-text-info\/15[data-state=3D"open"] { backgrou= nd-color: var(--color-text-info); } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dopen\]\:bg-text-info\/15[data-state=3D"open"] { backgrou= nd-color: color-mix(in oklab, var(--color-text-info) 15%, transparent); } } .data-\[state\=3Dopen\]\:bg-text\/10[data-state=3D"open"] { background-co= lor: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dopen\]\:bg-text\/10[data-state=3D"open"] { background-co= lor: color-mix(in oklab, var(--color-text) 10%, transparent); } } .data-\[state\=3Dopen\]\:bg-text\/15[data-state=3D"open"] { background-co= lor: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dopen\]\:bg-text\/15[data-state=3D"open"] { background-co= lor: color-mix(in oklab, var(--color-text) 15%, transparent); } } .data-\[state\=3Dopen\]\:bg-text\/80[data-state=3D"open"] { background-co= lor: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dopen\]\:bg-text\/80[data-state=3D"open"] { background-co= lor: color-mix(in oklab, var(--color-text) 80%, transparent); } } .data-\[state\=3Dopen\]\:bg-transparent[data-state=3D"open"] { background= -color: rgba(0, 0, 0, 0); } .data-\[state\=3Dopen\]\:\!text-default[data-state=3D"open"] { color: var= (--color-text) !important; } .data-\[state\=3Dopen\]\:text-default[data-state=3D"open"] { color: var(-= -color-text); } .data-\[state\=3Dopen\]\:opacity-100[data-state=3D"open"] { opacity: 1; } .data-\[state\=3Dopen\]\:shadow-sm[data-state=3D"open"] { --tw-shadow: 0p= x 1px 2px -1px var(--tw-shadow-color,#00000014); box-shadow: var(--tw-inset= -shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--= tw-ring-shadow), var(--tw-shadow); } .data-\[state\=3Dopen\]\:\[background\:var\(--oai-wb-divider\)\][data-sta= te=3D"open"] { background: var(--oai-wb-divider); } .data-\[state\=3Dopen\]\:before\:bg-primary-ghost-hover[data-state=3D"ope= n"]::before, .data-\[state\=3Dopen\]\:after\:bg-primary-ghost-hover[data-st= ate=3D"open"]::after { content: var(--tw-content); background-color: var(--= color-background-primary-ghost-hover); } .data-\[state\=3Dunchecked\]\:translate-x-0[data-state=3D"unchecked"] { -= -tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y= ); } .data-\[state\=3Dunchecked\]\:translate-x-\[2px\][data-state=3D"unchecked= "] { --tw-translate-x: 2px; translate: var(--tw-translate-x) var(--tw-trans= late-y); } .data-\[state\=3Dunchecked\]\:border[data-state=3D"unchecked"] { border-s= tyle: var(--tw-border-style); border-width: 1px; } .data-\[state\=3Dunchecked\]\:border-strong[data-state=3D"unchecked"] { b= order-color: var(--color-border-strong); } .data-\[state\=3Dunchecked\]\:bg-\[\#c4c4c4\][data-state=3D"unchecked"] {= background-color: rgb(196, 196, 196); } .data-\[state\=3Dunchecked\]\:bg-text\/5[data-state=3D"unchecked"] { back= ground-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=3Dunchecked\]\:bg-text\/5[data-state=3D"unchecked"] { back= ground-color: color-mix(in oklab, var(--color-text) 5%, transparent); } } @media (hover: hover) { .data-\[state\=3Dunchecked\]\:hover\:bg-surface-tertiary[data-state=3D"un= checked"]:hover { background-color: var(--color-surface-tertiary); } } .data-\[variant\=3Dcarousel\]\:gap-2[data-variant=3D"carousel"], .data-\[= variant\=3Dcompact\]\:gap-2[data-variant=3D"compact"] { gap: calc(var(--spa= cing) * 2); } .data-\[visible\=3Dtrue\]\:pointer-events-auto[data-visible=3D"true"] { p= ointer-events: auto; } .data-\[visible\=3Dtrue\]\:opacity-100[data-visible=3D"true"] { opacity: = 1; } .motion-safe\:animate-\[tortilla-shimmer_2s_infinite_ease-in-out\]:where(= :root[data-reduced-motion=3D"false"] .motion-safe\:animate-\[tortilla-shimm= er_2s_infinite_ease-in-out\]) { animation: 2s ease-in-out 0s infinite norma= l none running tortilla-shimmer; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:animate-\[tortilla-shimmer_2s_infinite_ease-in-out\]:where(= :root:not([data-reduced-motion]) .motion-safe\:animate-\[tortilla-shimmer_2= s_infinite_ease-in-out\]) { animation: 2s ease-in-out 0s infinite normal no= ne running tortilla-shimmer; } } .motion-safe\:animate-ping:where(:root[data-reduced-motion=3D"false"] .mo= tion-safe\:animate-ping) { animation: var(--animate-ping); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:animate-ping:where(:root:not([data-reduced-motion]) .motion= -safe\:animate-ping) { animation: var(--animate-ping); } } .motion-safe\:animate-pulse:where(:root[data-reduced-motion=3D"false"] .m= otion-safe\:animate-pulse) { animation: var(--animate-pulse); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:animate-pulse:where(:root:not([data-reduced-motion]) .motio= n-safe\:animate-pulse) { animation: var(--animate-pulse); } } .motion-safe\:animate-spin:where(:root[data-reduced-motion=3D"false"] .mo= tion-safe\:animate-spin) { animation: var(--animate-spin); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:animate-spin:where(:root:not([data-reduced-motion]) .motion= -safe\:animate-spin) { animation: var(--animate-spin); } } .motion-safe\:scroll-smooth:where(:root[data-reduced-motion=3D"false"] .m= otion-safe\:scroll-smooth) { scroll-behavior: smooth; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:scroll-smooth:where(:root:not([data-reduced-motion]) .motio= n-safe\:scroll-smooth) { scroll-behavior: smooth; } } .motion-safe\:transition-\[background-color\,color\,padding\]:where(:root= [data-reduced-motion=3D"false"] .motion-safe\:transition-\[background-color= \,color\,padding\]) { transition-property: background-color, color, padding= ; transition-timing-function: var(--tw-ease,var(--default-transition-timing= -function)); transition-duration: var(--tw-duration,var(--default-transitio= n-duration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-\[background-color\,color\,padding\]:where(:root= :not([data-reduced-motion]) .motion-safe\:transition-\[background-color\,co= lor\,padding\]) { transition-property: background-color, color, padding; tr= ansition-timing-function: var(--tw-ease,var(--default-transition-timing-fun= ction)); transition-duration: var(--tw-duration,var(--default-transition-du= ration)); } } .motion-safe\:transition-\[d\]:where(:root[data-reduced-motion=3D"false"]= .motion-safe\:transition-\[d\]) { transition-property: d; transition-timin= g-function: var(--tw-ease,var(--default-transition-timing-function)); trans= ition-duration: var(--tw-duration,var(--default-transition-duration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-\[d\]:where(:root:not([data-reduced-motion]) .mo= tion-safe\:transition-\[d\]) { transition-property: d; transition-timing-fu= nction: var(--tw-ease,var(--default-transition-timing-function)); transitio= n-duration: var(--tw-duration,var(--default-transition-duration)); } } .motion-safe\:transition-\[filter\]:where(:root[data-reduced-motion=3D"fa= lse"] .motion-safe\:transition-\[filter\]) { transition-property: filter; t= ransition-timing-function: var(--tw-ease,var(--default-transition-timing-fu= nction)); transition-duration: var(--tw-duration,var(--default-transition-d= uration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-\[filter\]:where(:root:not([data-reduced-motion]= ) .motion-safe\:transition-\[filter\]) { transition-property: filter; trans= ition-timing-function: var(--tw-ease,var(--default-transition-timing-functi= on)); transition-duration: var(--tw-duration,var(--default-transition-durat= ion)); } } .motion-safe\:transition-\[grid-template-rows\,opacity\]:where(:root[data= -reduced-motion=3D"false"] .motion-safe\:transition-\[grid-template-rows\,o= pacity\]) { transition-property: grid-template-rows, opacity; transition-ti= ming-function: var(--tw-ease,var(--default-transition-timing-function)); tr= ansition-duration: var(--tw-duration,var(--default-transition-duration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-\[grid-template-rows\,opacity\]:where(:root:not(= [data-reduced-motion]) .motion-safe\:transition-\[grid-template-rows\,opaci= ty\]) { transition-property: grid-template-rows, opacity; transition-timing= -function: var(--tw-ease,var(--default-transition-timing-function)); transi= tion-duration: var(--tw-duration,var(--default-transition-duration)); } } .motion-safe\:transition-\[height\]:where(:root[data-reduced-motion=3D"fa= lse"] .motion-safe\:transition-\[height\]) { transition-property: height; t= ransition-timing-function: var(--tw-ease,var(--default-transition-timing-fu= nction)); transition-duration: var(--tw-duration,var(--default-transition-d= uration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-\[height\]:where(:root:not([data-reduced-motion]= ) .motion-safe\:transition-\[height\]) { transition-property: height; trans= ition-timing-function: var(--tw-ease,var(--default-transition-timing-functi= on)); transition-duration: var(--tw-duration,var(--default-transition-durat= ion)); } } .motion-safe\:transition-\[left\,right\,top\]:where(:root[data-reduced-mo= tion=3D"false"] .motion-safe\:transition-\[left\,right\,top\]) { transition= -property: left, right, top; transition-timing-function: var(--tw-ease,var(= --default-transition-timing-function)); transition-duration: var(--tw-durat= ion,var(--default-transition-duration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-\[left\,right\,top\]:where(:root:not([data-reduc= ed-motion]) .motion-safe\:transition-\[left\,right\,top\]) { transition-pro= perty: left, right, top; transition-timing-function: var(--tw-ease,var(--de= fault-transition-timing-function)); transition-duration: var(--tw-duration,= var(--default-transition-duration)); } } .motion-safe\:transition-\[left\,top\]:where(:root[data-reduced-motion=3D= "false"] .motion-safe\:transition-\[left\,top\]) { transition-property: lef= t, top; transition-timing-function: var(--tw-ease,var(--default-transition-= timing-function)); transition-duration: var(--tw-duration,var(--default-tra= nsition-duration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-\[left\,top\]:where(:root:not([data-reduced-moti= on]) .motion-safe\:transition-\[left\,top\]) { transition-property: left, t= op; transition-timing-function: var(--tw-ease,var(--default-transition-timi= ng-function)); transition-duration: var(--tw-duration,var(--default-transit= ion-duration)); } } .motion-safe\:transition-\[max-height\,opacity\]:where(:root[data-reduced= -motion=3D"false"] .motion-safe\:transition-\[max-height\,opacity\]) { tran= sition-property: max-height, opacity; transition-timing-function: var(--tw-= ease,var(--default-transition-timing-function)); transition-duration: var(-= -tw-duration,var(--default-transition-duration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-\[max-height\,opacity\]:where(:root:not([data-re= duced-motion]) .motion-safe\:transition-\[max-height\,opacity\]) { transiti= on-property: max-height, opacity; transition-timing-function: var(--tw-ease= ,var(--default-transition-timing-function)); transition-duration: var(--tw-= duration,var(--default-transition-duration)); } } .motion-safe\:transition-\[min-height\]:where(:root[data-reduced-motion= =3D"false"] .motion-safe\:transition-\[min-height\]) { transition-property:= min-height; transition-timing-function: var(--tw-ease,var(--default-transi= tion-timing-function)); transition-duration: var(--tw-duration,var(--defaul= t-transition-duration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-\[min-height\]:where(:root:not([data-reduced-mot= ion]) .motion-safe\:transition-\[min-height\]) { transition-property: min-h= eight; transition-timing-function: var(--tw-ease,var(--default-transition-t= iming-function)); transition-duration: var(--tw-duration,var(--default-tran= sition-duration)); } } .motion-safe\:transition-\[opacity\,transform\]:where(:root[data-reduced-= motion=3D"false"] .motion-safe\:transition-\[opacity\,transform\]) { transi= tion-property: opacity, transform; transition-timing-function: var(--tw-eas= e,var(--default-transition-timing-function)); transition-duration: var(--tw= -duration,var(--default-transition-duration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-\[opacity\,transform\]:where(:root:not([data-red= uced-motion]) .motion-safe\:transition-\[opacity\,transform\]) { transition= -property: opacity, transform; transition-timing-function: var(--tw-ease,va= r(--default-transition-timing-function)); transition-duration: var(--tw-dur= ation,var(--default-transition-duration)); } } .motion-safe\:transition-\[width\,height\,x\,y\,fill\]:where(:root[data-r= educed-motion=3D"false"] .motion-safe\:transition-\[width\,height\,x\,y\,fi= ll\]) { transition-property: width, height, x, y, fill; transition-timing-f= unction: var(--tw-ease,var(--default-transition-timing-function)); transiti= on-duration: var(--tw-duration,var(--default-transition-duration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-\[width\,height\,x\,y\,fill\]:where(:root:not([d= ata-reduced-motion]) .motion-safe\:transition-\[width\,height\,x\,y\,fill\]= ) { transition-property: width, height, x, y, fill; transition-timing-funct= ion: var(--tw-ease,var(--default-transition-timing-function)); transition-d= uration: var(--tw-duration,var(--default-transition-duration)); } } .motion-safe\:transition-colors:where(:root[data-reduced-motion=3D"false"= ] .motion-safe\:transition-colors) { transition-property: color, background= -color, border-color, outline-color, text-decoration-color, fill, stroke, -= -tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-f= unction: var(--tw-ease,var(--default-transition-timing-function)); transiti= on-duration: var(--tw-duration,var(--default-transition-duration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-colors:where(:root:not([data-reduced-motion]) .m= otion-safe\:transition-colors) { transition-property: color, background-col= or, border-color, outline-color, text-decoration-color, fill, stroke, --tw-= gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-funct= ion: var(--tw-ease,var(--default-transition-timing-function)); transition-d= uration: var(--tw-duration,var(--default-transition-duration)); } } .motion-safe\:transition-opacity:where(:root[data-reduced-motion=3D"false= "] .motion-safe\:transition-opacity) { transition-property: opacity; transi= tion-timing-function: var(--tw-ease,var(--default-transition-timing-functio= n)); transition-duration: var(--tw-duration,var(--default-transition-durati= on)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-opacity:where(:root:not([data-reduced-motion]) .= motion-safe\:transition-opacity) { transition-property: opacity; transition= -timing-function: var(--tw-ease,var(--default-transition-timing-function));= transition-duration: var(--tw-duration,var(--default-transition-duration))= ; } } .motion-safe\:transition-transform:where(:root[data-reduced-motion=3D"fal= se"] .motion-safe\:transition-transform) { transition-property: transform, = translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--d= efault-transition-timing-function)); transition-duration: var(--tw-duration= ,var(--default-transition-duration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-transform:where(:root:not([data-reduced-motion])= .motion-safe\:transition-transform) { transition-property: transform, tran= slate, scale, rotate; transition-timing-function: var(--tw-ease,var(--defau= lt-transition-timing-function)); transition-duration: var(--tw-duration,var= (--default-transition-duration)); } } .motion-safe\:delay-300:where(:root[data-reduced-motion=3D"false"] .motio= n-safe\:delay-300) { transition-delay: 0.3s; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:delay-300:where(:root:not([data-reduced-motion]) .motion-sa= fe\:delay-300) { transition-delay: 0.3s; } } .motion-safe\:delay-\[800ms\]:where(:root[data-reduced-motion=3D"false"] = .motion-safe\:delay-\[800ms\]) { transition-delay: 0.8s; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:delay-\[800ms\]:where(:root:not([data-reduced-motion]) .mot= ion-safe\:delay-\[800ms\]) { transition-delay: 0.8s; } } .motion-safe\:delay-\[3000ms\]:where(:root[data-reduced-motion=3D"false"]= .motion-safe\:delay-\[3000ms\]) { transition-delay: 3s; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:delay-\[3000ms\]:where(:root:not([data-reduced-motion]) .mo= tion-safe\:delay-\[3000ms\]) { transition-delay: 3s; } } .motion-safe\:duration-150:where(:root[data-reduced-motion=3D"false"] .mo= tion-safe\:duration-150) { --tw-duration: .15s; transition-duration: 0.15s;= } @media (prefers-reduced-motion: no-preference) { .motion-safe\:duration-150:where(:root:not([data-reduced-motion]) .motion= -safe\:duration-150) { --tw-duration: .15s; transition-duration: 0.15s; } } .motion-safe\:duration-200:where(:root[data-reduced-motion=3D"false"] .mo= tion-safe\:duration-200) { --tw-duration: .2s; transition-duration: 0.2s; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:duration-200:where(:root:not([data-reduced-motion]) .motion= -safe\:duration-200) { --tw-duration: .2s; transition-duration: 0.2s; } } .motion-safe\:duration-300:where(:root[data-reduced-motion=3D"false"] .mo= tion-safe\:duration-300) { --tw-duration: .3s; transition-duration: 0.3s; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:duration-300:where(:root:not([data-reduced-motion]) .motion= -safe\:duration-300) { --tw-duration: .3s; transition-duration: 0.3s; } } .motion-safe\:duration-500:where(:root[data-reduced-motion=3D"false"] .mo= tion-safe\:duration-500) { --tw-duration: .5s; transition-duration: 0.5s; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:duration-500:where(:root:not([data-reduced-motion]) .motion= -safe\:duration-500) { --tw-duration: .5s; transition-duration: 0.5s; } } .motion-safe\:duration-\[1100ms\]:where(:root[data-reduced-motion=3D"fals= e"] .motion-safe\:duration-\[1100ms\]) { --tw-duration: 1.1s; transition-du= ration: 1.1s; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:duration-\[1100ms\]:where(:root:not([data-reduced-motion]) = .motion-safe\:duration-\[1100ms\]) { --tw-duration: 1.1s; transition-durati= on: 1.1s; } } .motion-safe\:duration-basic:where(:root[data-reduced-motion=3D"false"] .= motion-safe\:duration-basic) { --tw-duration: var(--transition-duration-bas= ic); transition-duration: var(--transition-duration-basic); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:duration-basic:where(:root:not([data-reduced-motion]) .moti= on-safe\:duration-basic) { --tw-duration: var(--transition-duration-basic);= transition-duration: var(--transition-duration-basic); } } .motion-safe\:duration-relaxed:where(:root[data-reduced-motion=3D"false"]= .motion-safe\:duration-relaxed) { --tw-duration: var(--transition-duration= -relaxed); transition-duration: var(--transition-duration-relaxed); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:duration-relaxed:where(:root:not([data-reduced-motion]) .mo= tion-safe\:duration-relaxed) { --tw-duration: var(--transition-duration-rel= axed); transition-duration: var(--transition-duration-relaxed); } } .motion-safe\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]:where(:root[dat= a-reduced-motion=3D"false"] .motion-safe\:ease-\[cubic-bezier\(0\.22\,1\,0\= .36\,1\)\]) { --tw-ease: cubic-bezier(.22,1,.36,1); transition-timing-funct= ion: cubic-bezier(0.22, 1, 0.36, 1); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]:where(:root:not= ([data-reduced-motion]) .motion-safe\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\= ,1\)\]) { --tw-ease: cubic-bezier(.22,1,.36,1); transition-timing-function:= cubic-bezier(0.22, 1, 0.36, 1); } } .motion-safe\:ease-\[steps\(1\,end\)\]:where(:root[data-reduced-motion=3D= "false"] .motion-safe\:ease-\[steps\(1\,end\)\]) { --tw-ease: steps(1,end);= transition-timing-function: step-end; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:ease-\[steps\(1\,end\)\]:where(:root:not([data-reduced-moti= on]) .motion-safe\:ease-\[steps\(1\,end\)\]) { --tw-ease: steps(1,end); tra= nsition-timing-function: step-end; } } .motion-safe\:ease-\[steps\(1\,start\)\]:where(:root[data-reduced-motion= =3D"false"] .motion-safe\:ease-\[steps\(1\,start\)\]) { --tw-ease: steps(1,= start); transition-timing-function: step-start; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:ease-\[steps\(1\,start\)\]:where(:root:not([data-reduced-mo= tion]) .motion-safe\:ease-\[steps\(1\,start\)\]) { --tw-ease: steps(1,start= ); transition-timing-function: step-start; } } .motion-safe\:ease-enter-snappy:where(:root[data-reduced-motion=3D"false"= ] .motion-safe\:ease-enter-snappy) { --tw-ease: var(--ease-enter-snappy); t= ransition-timing-function: var(--ease-enter-snappy); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:ease-enter-snappy:where(:root:not([data-reduced-motion]) .m= otion-safe\:ease-enter-snappy) { --tw-ease: var(--ease-enter-snappy); trans= ition-timing-function: var(--ease-enter-snappy); } } .motion-safe\:ease-in-out:where(:root[data-reduced-motion=3D"false"] .mot= ion-safe\:ease-in-out) { --tw-ease: var(--ease-in-out); transition-timing-f= unction: var(--ease-in-out); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:ease-in-out:where(:root:not([data-reduced-motion]) .motion-= safe\:ease-in-out) { --tw-ease: var(--ease-in-out); transition-timing-funct= ion: var(--ease-in-out); } } .motion-safe\:ease-linear:where(:root[data-reduced-motion=3D"false"] .mot= ion-safe\:ease-linear) { --tw-ease: linear; transition-timing-function: lin= ear; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:ease-linear:where(:root:not([data-reduced-motion]) .motion-= safe\:ease-linear) { --tw-ease: linear; transition-timing-function: linear;= } } .motion-safe\:ease-out:where(:root[data-reduced-motion=3D"false"] .motion= -safe\:ease-out) { --tw-ease: var(--ease-out); transition-timing-function: = var(--ease-out); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:ease-out:where(:root:not([data-reduced-motion]) .motion-saf= e\:ease-out) { --tw-ease: var(--ease-out); transition-timing-function: var(= --ease-out); } } .motion-safe\:\[animation-duration\:1\.25s\]:where(:root[data-reduced-mot= ion=3D"false"] .motion-safe\:\[animation-duration\:1\.25s\]) { animation-du= ration: 1.25s; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:\[animation-duration\:1\.25s\]:where(:root:not([data-reduce= d-motion]) .motion-safe\:\[animation-duration\:1\.25s\]) { animation-durati= on: 1.25s; } } @media (hover: hover) { .motion-safe\:group-hover\/category\:translate-x-0\.5:where(:root[data-re= duced-motion=3D"false"] .motion-safe\:group-hover\/category\:translate-x-0\= .5):is(:where(.group\/category):hover :where(.motion-safe\:group-hover\/cat= egory\:translate-x-0\.5)) { --tw-translate-x: calc(var(--spacing) * .5); tr= anslate: var(--tw-translate-x) var(--tw-translate-y); } } @media (prefers-reduced-motion: no-preference) { @media (hover: hover) { .motion-safe\:group-hover\/category\:translate-x-0\.5:where(:root:not([da= ta-reduced-motion]) .motion-safe\:group-hover\/category\:translate-x-0\.5):= is(:where(.group\/category):hover :where(.motion-safe\:group-hover\/categor= y\:translate-x-0\.5)) { --tw-translate-x: calc(var(--spacing) * .5); transl= ate: var(--tw-translate-x) var(--tw-translate-y); } } } @media (hover: hover) { .motion-safe\:group-hover\/followup-citation\:translate-x-0\.5:where(:roo= t[data-reduced-motion=3D"false"] .motion-safe\:group-hover\/followup-citati= on\:translate-x-0\.5):is(:where(.group\/followup-citation):hover :where(.mo= tion-safe\:group-hover\/followup-citation\:translate-x-0\.5)) { --tw-transl= ate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw= -translate-y); } } @media (prefers-reduced-motion: no-preference) { @media (hover: hover) { .motion-safe\:group-hover\/followup-citation\:translate-x-0\.5:where(:roo= t:not([data-reduced-motion]) .motion-safe\:group-hover\/followup-citation\:= translate-x-0\.5):is(:where(.group\/followup-citation):hover :where(.motion= -safe\:group-hover\/followup-citation\:translate-x-0\.5)) { --tw-translate-= x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-tra= nslate-y); } } } @media (hover: hover) { .motion-safe\:group-hover\/plugin\:-translate-y-1\.5:where(:root[data-red= uced-motion=3D"false"] .motion-safe\:group-hover\/plugin\:-translate-y-1\.5= ):is(:where(.group\/plugin):hover :where(.motion-safe\:group-hover\/plugin\= :-translate-y-1\.5)) { --tw-translate-y: calc(var(--spacing) * -1.5); trans= late: var(--tw-translate-x) var(--tw-translate-y); } } @media (prefers-reduced-motion: no-preference) { @media (hover: hover) { .motion-safe\:group-hover\/plugin\:-translate-y-1\.5:where(:root:not([dat= a-reduced-motion]) .motion-safe\:group-hover\/plugin\:-translate-y-1\.5):is= (:where(.group\/plugin):hover :where(.motion-safe\:group-hover\/plugin\:-tr= anslate-y-1\.5)) { --tw-translate-y: calc(var(--spacing) * -1.5); translate= : var(--tw-translate-x) var(--tw-translate-y); } } } @media (hover: hover) { .motion-safe\:group-hover\/suggested-followup\:translate-x-0\.5:where(:ro= ot[data-reduced-motion=3D"false"] .motion-safe\:group-hover\/suggested-foll= owup\:translate-x-0\.5):is(:where(.group\/suggested-followup):hover :where(= .motion-safe\:group-hover\/suggested-followup\:translate-x-0\.5)) { --tw-tr= anslate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(= --tw-translate-y); } } @media (prefers-reduced-motion: no-preference) { @media (hover: hover) { .motion-safe\:group-hover\/suggested-followup\:translate-x-0\.5:where(:ro= ot:not([data-reduced-motion]) .motion-safe\:group-hover\/suggested-followup= \:translate-x-0\.5):is(:where(.group\/suggested-followup):hover :where(.mot= ion-safe\:group-hover\/suggested-followup\:translate-x-0\.5)) { --tw-transl= ate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw= -translate-y); } } } .motion-safe\:group-focus-visible\/plugin\:-translate-y-1\.5:where(:root[= data-reduced-motion=3D"false"] .motion-safe\:group-focus-visible\/plugin\:-= translate-y-1\.5):is(:where(.group\/plugin):focus-visible :where(.motion-sa= fe\:group-focus-visible\/plugin\:-translate-y-1\.5)) { --tw-translate-y: ca= lc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-transl= ate-y); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:group-focus-visible\/plugin\:-translate-y-1\.5:where(:root:= not([data-reduced-motion]) .motion-safe\:group-focus-visible\/plugin\:-tran= slate-y-1\.5):is(:where(.group\/plugin):focus-visible :where(.motion-safe\:= group-focus-visible\/plugin\:-translate-y-1\.5)) { --tw-translate-y: calc(v= ar(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-= y); } } .motion-reduce\:hidden:where(:root[data-reduced-motion=3D"true"] .motion-= reduce\:hidden) { display: none; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:hidden:where(:root:not([data-reduced-motion]) .motion-red= uce\:hidden) { display: none; } } .motion-reduce\:h-auto\!:where(:root[data-reduced-motion=3D"true"] .motio= n-reduce\:h-auto\!) { height: auto !important; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:h-auto\!:where(:root:not([data-reduced-motion]) .motion-r= educe\:h-auto\!) { height: auto !important; } } .motion-reduce\:max-h-\(--disclosure-max-height\)\!:where(:root[data-redu= ced-motion=3D"true"] .motion-reduce\:max-h-\(--disclosure-max-height\)\!) {= max-height: var(--disclosure-max-height) !important; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:max-h-\(--disclosure-max-height\)\!:where(:root:not([data= -reduced-motion]) .motion-reduce\:max-h-\(--disclosure-max-height\)\!) { ma= x-height: var(--disclosure-max-height) !important; } } .motion-reduce\:translate-y-0:where(:root[data-reduced-motion=3D"true"] .= motion-reduce\:translate-y-0) { --tw-translate-y: 0px; translate: var(--tw-= translate-x) var(--tw-translate-y); } @media (prefers-reduced-motion: reduce) { .motion-reduce\:translate-y-0:where(:root:not([data-reduced-motion]) .mot= ion-reduce\:translate-y-0) { --tw-translate-y: 0px; translate: var(--tw-tra= nslate-x) var(--tw-translate-y); } } .motion-reduce\:transform-none:where(:root[data-reduced-motion=3D"true"] = .motion-reduce\:transform-none) { transform: none; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:transform-none:where(:root:not([data-reduced-motion]) .mo= tion-reduce\:transform-none) { transform: none; } } .motion-reduce\:animate-none:where(:root[data-reduced-motion=3D"true"] .m= otion-reduce\:animate-none) { animation: auto ease 0s 1 normal none running= none; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:animate-none:where(:root:not([data-reduced-motion]) .moti= on-reduce\:animate-none) { animation: auto ease 0s 1 normal none running no= ne; } } .motion-reduce\:scroll-auto:where(:root[data-reduced-motion=3D"true"] .mo= tion-reduce\:scroll-auto) { scroll-behavior: auto; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:scroll-auto:where(:root:not([data-reduced-motion]) .motio= n-reduce\:scroll-auto) { scroll-behavior: auto; } } .motion-reduce\:opacity-100\!:where(:root[data-reduced-motion=3D"true"] .= motion-reduce\:opacity-100\!) { opacity: 1 !important; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:opacity-100\!:where(:root:not([data-reduced-motion]) .mot= ion-reduce\:opacity-100\!) { opacity: 1 !important; } } .motion-reduce\:transition-colors:where(:root[data-reduced-motion=3D"true= "] .motion-reduce\:transition-colors) { transition-property: color, backgro= und-color, border-color, outline-color, text-decoration-color, fill, stroke= , --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timin= g-function: var(--tw-ease,var(--default-transition-timing-function)); trans= ition-duration: var(--tw-duration,var(--default-transition-duration)); } @media (prefers-reduced-motion: reduce) { .motion-reduce\:transition-colors:where(:root:not([data-reduced-motion]) = .motion-reduce\:transition-colors) { transition-property: color, background= -color, border-color, outline-color, text-decoration-color, fill, stroke, -= -tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-f= unction: var(--tw-ease,var(--default-transition-timing-function)); transiti= on-duration: var(--tw-duration,var(--default-transition-duration)); } } .motion-reduce\:transition-opacity:where(:root[data-reduced-motion=3D"tru= e"] .motion-reduce\:transition-opacity) { transition-property: opacity; tra= nsition-timing-function: var(--tw-ease,var(--default-transition-timing-func= tion)); transition-duration: var(--tw-duration,var(--default-transition-dur= ation)); } @media (prefers-reduced-motion: reduce) { .motion-reduce\:transition-opacity:where(:root:not([data-reduced-motion])= .motion-reduce\:transition-opacity) { transition-property: opacity; transi= tion-timing-function: var(--tw-ease,var(--default-transition-timing-functio= n)); transition-duration: var(--tw-duration,var(--default-transition-durati= on)); } } .motion-reduce\:transition-none:where(:root[data-reduced-motion=3D"true"]= .motion-reduce\:transition-none) { transition-property: none; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:transition-none:where(:root:not([data-reduced-motion]) .m= otion-reduce\:transition-none) { transition-property: none; } } .motion-reduce\:before\:transition-none:where(:root[data-reduced-motion= =3D"true"] .motion-reduce\:before\:transition-none)::before { content: var(= --tw-content); transition-property: none; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:before\:transition-none:where(:root:not([data-reduced-mot= ion]) .motion-reduce\:before\:transition-none)::before { content: var(--tw-= content); transition-property: none; } } .motion-reduce\:active\:scale-100:where(:root[data-reduced-motion=3D"true= "] .motion-reduce\:active\:scale-100):active { --tw-scale-x: 100%; --tw-sca= le-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y);= } @media (prefers-reduced-motion: reduce) { .motion-reduce\:active\:scale-100:where(:root:not([data-reduced-motion]) = .motion-reduce\:active\:scale-100):active { --tw-scale-x: 100%; --tw-scale-= y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .motion-reduce\:aria-hidden\:h-0\!:where(:root[data-reduced-motion=3D"tru= e"] .motion-reduce\:aria-hidden\:h-0\!)[aria-hidden=3D"true"] { height: 0px= !important; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:aria-hidden\:h-0\!:where(:root:not([data-reduced-motion])= .motion-reduce\:aria-hidden\:h-0\!)[aria-hidden=3D"true"] { height: 0px !i= mportant; } } .motion-reduce\:aria-hidden\:max-h-0\!:where(:root[data-reduced-motion=3D= "true"] .motion-reduce\:aria-hidden\:max-h-0\!)[aria-hidden=3D"true"] { max= -height: 0px !important; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:aria-hidden\:max-h-0\!:where(:root:not([data-reduced-moti= on]) .motion-reduce\:aria-hidden\:max-h-0\!)[aria-hidden=3D"true"] { max-he= ight: 0px !important; } } .motion-reduce\:aria-hidden\:opacity-0\!:where(:root[data-reduced-motion= =3D"true"] .motion-reduce\:aria-hidden\:opacity-0\!)[aria-hidden=3D"true"] = { opacity: 0 !important; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:aria-hidden\:opacity-0\!:where(:root:not([data-reduced-mo= tion]) .motion-reduce\:aria-hidden\:opacity-0\!)[aria-hidden=3D"true"] { op= acity: 0 !important; } } @media not all and (min-width: 720px) { .max-\[720px\]\:hidden { display: none; } } @media not all and (min-width: 680px) { .max-\[680px\]\:hidden { display: none; } .max-\[680px\]\:grid-cols-\[minmax\(0\,1fr\)_8rem\] { grid-template-colum= ns: minmax(0px, 1fr) 8rem; } } @media not all and (min-width: 640px) { .max-\[640px\]\:hidden { display: none; } } @media not all and (min-width: 540px) { .max-\[540px\]\:whitespace-normal { white-space: normal; } } @media not all and (min-width: 520px) { .max-\[520px\]\:block { display: block; } .max-\[520px\]\:hidden { display: none; } .max-\[520px\]\:gap-2 { gap: calc(var(--spacing) * 2); } .max-\[520px\]\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media not all and (min-width: 440px) { .max-\[440px\]\:hidden { display: none; } } @media not all and (min-width: 420px) { .max-\[420px\]\:ms-auto { margin-inline-start: auto; } .max-\[420px\]\:flex-wrap { flex-wrap: wrap; } } @media not all and (min-width: 400px) { .max-\[400px\]\:hidden { display: none; } .max-\[400px\]\:grid-cols-\[minmax\(0\,1fr\)_64px\] { grid-template-colum= ns: minmax(0px, 1fr) 64px; } } @media not all and (min-width: 280px) { .max-\[280px\]\:hidden { display: none; } } @media not all and (min-width: 260px) { .max-\[260px\]\:hidden { display: none; } } @media not all and (min-width: 220px) { .max-\[220px\]\:hidden { display: none; } } @media not all and (min-width: 64rem) { .max-lg\:mt-1 { margin-top: var(--spacing); } .max-lg\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spa= cing) * 8); } .max-lg\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leadi= ng,var(--text-lg--line-height)); } .max-lg\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leadi= ng,var(--text-xs--line-height)); } .max-lg\:leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height:= calc(var(--spacing) * 4); } .max-lg\:leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height:= calc(var(--spacing) * 6); } } @media not all and (min-width: 48rem) { .max-md\:inset-x-0 { inset-inline: 0px; } .max-md\:top-\(--thread-content-top-inset\) { top: var(--thread-content-t= op-inset); } .max-md\:top-auto { top: auto; } .max-md\:bottom-0 { bottom: 0px; } .max-md\:-ms-2 { margin-inline-start: calc(var(--spacing) * -2); } .max-md\:hidden { display: none; } .max-md\:h-\[136px\] { height: 136px; } .max-md\:h-\[calc\(100dvh\/var\(--codex-window-zoom\)\)\] { height: calc(= 100dvh / var(--codex-window-zoom)); } .max-md\:w-\[calc\(100vw\/var\(--codex-window-zoom\)\)\] { width: calc(10= 0vw / var(--codex-window-zoom)); } .max-md\:max-w-none { max-width: none; } .max-md\:translate-x-0 { --tw-translate-x: 0px; translate: var(--tw-trans= late-x) var(--tw-translate-y); } .max-md\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-trans= late-x) var(--tw-translate-y); } .max-md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr))= ; } .max-md\:flex-col { flex-direction: column; } .max-md\:items-start { align-items: flex-start; } .max-md\:items-stretch { align-items: stretch; } .max-md\:gap-1 { gap: var(--spacing); } .max-md\:justify-self-start { justify-self: flex-start; } .max-md\:rounded-none { border-radius: 0px; } .max-md\:py-2 { padding-block: calc(var(--spacing) * 2); } .max-md\:shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset= -shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--= tw-ring-shadow), var(--tw-shadow); } } @media not all and (min-width: 40rem) { .max-sm\:sr-only { clip-path: inset(50%); white-space: nowrap; border-wid= th: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: abs= olute; overflow: hidden; } .max-sm\:sticky { position: sticky; } .max-sm\:inset-0 { inset: 0px; } .max-sm\:inset-x-\[2px\] { inset-inline: 2px; } .max-sm\:end-5 { inset-inline-end: calc(var(--spacing) * 5); } .max-sm\:top-5 { top: calc(var(--spacing) * 5); } .max-sm\:top-7 { top: calc(var(--spacing) * 7); } .max-sm\:top-8 { top: calc(var(--spacing) * 8); } .max-sm\:top-20 { top: calc(var(--spacing) * 20); } .max-sm\:top-24 { top: calc(var(--spacing) * 24); } .max-sm\:top-\[-0\.39px\] { top: -0.39px; } .max-sm\:top-\[-147\.39px\] { top: -147.39px; } .max-sm\:top-\[23px\] { top: 23px; } .max-sm\:top-\[27px\] { top: 27px; } .max-sm\:top-\[33px\] { top: 33px; } .max-sm\:top-\[46px\] { top: 46px; } .max-sm\:top-\[73\.63\%\] { top: 73.63%; } .max-sm\:top-\[85\.16\%\] { top: 85.16%; } .max-sm\:top-auto { top: auto; } .max-sm\:bottom-0 { bottom: 0px; } .max-sm\:bottom-full { bottom: 100%; } .max-sm\:order-none { order: 0; } .max-sm\:col-span-full { grid-column: 1 / -1; } .max-sm\:col-start-1 { grid-column-start: 1; } .max-sm\:col-start-3 { grid-column-start: 3; } .max-sm\:row-start-1 { grid-row-start: 1; } .max-sm\:row-start-2 { grid-row-start: 2; } .max-sm\:-mx-2 { margin-inline: calc(var(--spacing) * -2); } .max-sm\:-mx-4 { margin-inline: calc(var(--spacing) * -4); } .max-sm\:mx-0 { margin-inline: 0px; } .max-sm\:mx-auto { margin-inline: auto; } .max-sm\:-ms-10 { margin-inline-start: calc(var(--spacing) * -10); } .max-sm\:-me-0\.5 { margin-inline-end: calc(var(--spacing) * -.5); } .max-sm\:-mt-3 { margin-top: calc(var(--spacing) * -3); } .max-sm\:mt-8 { margin-top: calc(var(--spacing) * 8); } .max-sm\:mb-1 { margin-bottom: var(--spacing); } .max-sm\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } .max-sm\:block { display: block; } .max-sm\:hidden { display: none; } .max-sm\:inline { display: inline; } .max-sm\:aspect-\[377\/182\] { aspect-ratio: 377 / 182; } .max-sm\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spa= cing) * 7); } .max-sm\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--s= pacing) * 20); } .max-sm\:size-24 { width: calc(var(--spacing) * 24); height: calc(var(--s= pacing) * 24); } .max-sm\:size-28 { width: calc(var(--spacing) * 28); height: calc(var(--s= pacing) * 28); } .max-sm\:size-32 { width: calc(var(--spacing) * 32); height: calc(var(--s= pacing) * 32); } .max-sm\:size-36 { width: calc(var(--spacing) * 36); height: calc(var(--s= pacing) * 36); } .max-sm\:size-full { width: 100%; height: 100%; } .max-sm\:h-\[30\.22\%\] { height: 30.22%; } .max-sm\:h-\[35\.71\%\] { height: 35.71%; } .max-sm\:h-\[50px\] { height: 50px; } .max-sm\:h-\[62px\] { height: 62px; } .max-sm\:h-\[224px\] { height: 224px; } .max-sm\:h-\[250px\] { height: 250px; } .max-sm\:h-\[266px\] { height: 266px; } .max-sm\:h-\[270px\] { height: 270px; } .max-sm\:h-\[280px\] { height: 280px; } .max-sm\:h-\[290px\] { height: 290px; } .max-sm\:h-\[330px\] { height: 330px; } .max-sm\:h-\[340px\] { height: 340px; } .max-sm\:h-\[390px\] { height: 390px; } .max-sm\:h-\[min\(440px\,calc\(100dvh-16px\)\)\] { height: min(440px, 100= dvh - 16px); } .max-sm\:h-full { height: 100%; } .max-sm\:max-h-40 { max-height: calc(var(--spacing) * 40); } .max-sm\:min-h-0 { min-height: 0px; } .max-sm\:min-h-16\! { min-height: calc(var(--spacing) * 16) !important; } .max-sm\:min-h-full { min-height: 100%; } .max-sm\:min-h-min { min-height: min-content; } .max-sm\:w-32 { width: calc(var(--spacing) * 32); } .max-sm\:w-48 { width: calc(var(--spacing) * 48); } .max-sm\:w-56 { width: calc(var(--spacing) * 56); } .max-sm\:w-60 { width: calc(var(--spacing) * 60); } .max-sm\:w-64 { width: calc(var(--spacing) * 64); } .max-sm\:w-\[112px\] { width: 112px; } .max-sm\:w-\[148\.5px\] { width: 148.5px; } .max-sm\:w-\[148px\] { width: 148px; } .max-sm\:w-\[178px\] { width: 178px; } .max-sm\:w-\[calc\(100\%\+32px\)\] { width: calc(100% + 32px); } .max-sm\:w-full { width: 100%; } .max-sm\:max-w-64 { max-width: calc(var(--spacing) * 64); } .max-sm\:max-w-80 { max-width: calc(var(--spacing) * 80); } .max-sm\:max-w-none { max-width: none; } .max-sm\:min-w-0 { min-width: 0px; } .max-sm\:flex-1 { flex: 1 1 0%; } .max-sm\:flex-auto { flex: 1 1 auto; } .max-sm\:flex-none { flex: 0 0 auto; } .max-sm\:shrink-0 { flex-shrink: 0; } .max-sm\:translate-y-5 { --tw-translate-y: calc(var(--spacing) * 5); tran= slate: var(--tw-translate-x) var(--tw-translate-y); } .max-sm\:touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x, )= var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .max-sm\:\[scrollbar-gutter\:stable\] { scrollbar-gutter: stable; } .max-sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr))= ; } .max-sm\:flex-col { flex-direction: column; } .max-sm\:flex-wrap { flex-wrap: wrap; } .max-sm\:items-center { align-items: center; } .max-sm\:items-start { align-items: flex-start; } .max-sm\:items-stretch { align-items: stretch; } .max-sm\:justify-between { justify-content: space-between; } .max-sm\:justify-end { justify-content: flex-end; } .max-sm\:justify-stretch { justify-content: stretch; } .max-sm\:gap-2 { gap: calc(var(--spacing) * 2); } .max-sm\:gap-x-0\.5 { column-gap: calc(var(--spacing) * .5); } .max-sm\:overflow-hidden { overflow: hidden; } .max-sm\:overflow-y-auto { overflow-y: auto; } .max-sm\:border-r-0 { border-right-style: var(--tw-border-style); border-= right-width: 0px; } .max-sm\:border-b { border-bottom-style: var(--tw-border-style); border-b= ottom-width: 1px; } .max-sm\:bg-surface { background-color: var(--color-surface); } .max-sm\:bg-token-bg-tertiary { background-color: var(--color-token-bg-te= rtiary); } .max-sm\:bg-transparent { background-color: rgba(0, 0, 0, 0); } .max-sm\:bg-white\/50\! { background-color: var(--color-white) !important= ; } @supports (color:color-mix(in lab, red, red)) { .max-sm\:bg-white\/50\! { background-color: color-mix(in oklab, var(--col= or-white) 50%, transparent) !important; } } .max-sm\:px-0 { padding-inline: 0px; } .max-sm\:px-2 { padding-inline: calc(var(--spacing) * 2); } .max-sm\:px-4 { padding-inline: calc(var(--spacing) * 4); } .max-sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .max-sm\:ps-4 { padding-inline-start: calc(var(--spacing) * 4); } .max-sm\:pe-3 { padding-inline-end: calc(var(--spacing) * 3); } .max-sm\:pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .max-sm\:pt-4 { padding-top: calc(var(--spacing) * 4); } .max-sm\:pt-6 { padding-top: calc(var(--spacing) * 6); } .max-sm\:pt-10 { padding-top: calc(var(--spacing) * 10); } .max-sm\:pb-0 { padding-bottom: 0px; } .max-sm\:pb-3 { padding-bottom: calc(var(--spacing) * 3); } .max-sm\:pb-5 { padding-bottom: calc(var(--spacing) * 5); } .max-sm\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } .max-sm\:pb-7 { padding-bottom: calc(var(--spacing) * 7); } .max-sm\:pb-8 { padding-bottom: calc(var(--spacing) * 8); } .max-sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leadi= ng,var(--text-sm--line-height)); } .max-sm\:text-\[24px\] { font-size: 24px; } .max-sm\:text-black\! { color: var(--color-black) !important; } .max-sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px= + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shad= ow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offs= et-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .max-sm\:ring-white\/55 { --tw-ring-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .max-sm\:ring-white\/55 { --tw-ring-color: color-mix(in oklab, var(--colo= r-white) 55%, transparent); } } .max-sm\:blur-\[40px\] { --tw-blur: blur(40px); filter: var(--tw-blur, ) = var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-= hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var= (--tw-drop-shadow, ); } .max-sm\:\[filter\:none\] { filter: none; } .max-sm\:backdrop-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); bac= kdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var= (--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop= -hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var= (--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .max-sm\:\[--composer-overlay-placement\:top\] { --composer-overlay-place= ment: top; } .max-sm\:ring-inset { --tw-ring-inset: inset; } .max-sm\:group-has-\[\[data-has-text\=3Dtrue\]\]\/pending-composer\:hidde= n:is(:where(.group\/pending-composer):has([data-has-text=3D"true"]) :where(= .max-sm\:group-has-\[\[data-has-text\=3Dtrue\]\]\/pending-composer\:hidden)= ) { display: none; } @media (hover: hover) { .max-sm\:hover\:bg-white\/70\!:hover { background-color: var(--color-whit= e) !important; } @supports (color:color-mix(in lab, red, red)) { .max-sm\:hover\:bg-white\/70\!:hover { background-color: color-mix(in okl= ab, var(--color-white) 70%, transparent) !important; } } } } @media not all and (min-width: 30rem) { .max-\[30rem\]\:hidden { display: none; } } @media (min-width: 280px) { .min-\[280px\]\:justify-between { justify-content: space-between; } } @media (min-width: 540px) { .min-\[540px\]\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px= , 1fr)); } } @media (min-width: 641px) { .min-\[641px\]\:hidden { display: none; } } @media (min-width: 760px) { .min-\[760px\]\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px= , 1fr)); } } @media (min-width: 768px) { .min-\[768px\]\:hidden { display: none; } } @media (min-width: 20rem) { .xs\:basis-\[calc\(\(100\%_-_2rem\)\/3\)\] { flex-basis: calc(33.3333% - = 0.666667rem); } } @media (min-width: 40rem) { .sm\:not-sr-only { clip-path: none; white-space: normal; width: auto; hei= ght: auto; margin: 0px; padding: 0px; position: static; overflow: visible; = } .sm\:relative { position: relative; } .sm\:inset-x-6 { inset-inline: calc(var(--spacing) * 6); } .sm\:inset-x-24 { inset-inline: calc(var(--spacing) * 24); } .sm\:end-2 { inset-inline-end: calc(var(--spacing) * 2); } .sm\:top-3 { top: calc(var(--spacing) * 3); } .sm\:top-4 { top: calc(var(--spacing) * 4); } .sm\:top-12 { top: calc(var(--spacing) * 12); } .sm\:top-\[5px\] { top: 5px; } .sm\:top-\[62px\] { top: 62px; } .sm\:bottom-2 { bottom: calc(var(--spacing) * 2); } .sm\:bottom-6 { bottom: calc(var(--spacing) * 6); } .sm\:left-auto { left: auto; } .sm\:order-1 { order: 1; } .sm\:order-2 { order: 2; } .sm\:col-span-1 { grid-column: span 1 / span 1; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:col-span-3 { grid-column: span 3 / span 3; } .sm\:col-start-2 { grid-column-start: 2; } .sm\:col-start-3 { grid-column-start: 3; } .sm\:row-start-1 { grid-row-start: 1; } .sm\:ms-2 { margin-inline-start: calc(var(--spacing) * 2); } .sm\:ms-6 { margin-inline-start: calc(var(--spacing) * 6); } .sm\:ms-auto { margin-inline-start: auto; } .sm\:-mt-4 { margin-top: calc(var(--spacing) * -4); } .sm\:mt-0 { margin-top: 0px; } .sm\:mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .sm\:mt-1 { margin-top: var(--spacing); } .sm\:mt-2 { margin-top: calc(var(--spacing) * 2); } .sm\:mt-3 { margin-top: calc(var(--spacing) * 3); } .sm\:mt-4 { margin-top: calc(var(--spacing) * 4); } .sm\:mt-14 { margin-top: calc(var(--spacing) * 14); } .sm\:mb-0 { margin-bottom: 0px; } .sm\:mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .sm\:mb-2 { margin-bottom: calc(var(--spacing) * 2); } .sm\:mb-12 { margin-bottom: calc(var(--spacing) * 12); } .sm\:line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; = display: -webkit-box; overflow: hidden; } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:hidden { display: none; } .sm\:inline { display: inline; } .sm\:inline-block { display: inline-block; } .sm\:aspect-\[16\/10\] { aspect-ratio: 16 / 10; } .sm\:aspect-auto { aspect-ratio: auto; } .sm\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing= ) * 7); } .sm\:size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing= ) * 9); } .sm\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spaci= ng) * 10); } .sm\:size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spaci= ng) * 11); } .sm\:size-20\.5 { width: calc(var(--spacing) * 20.5); height: calc(var(--= spacing) * 20.5); } .sm\:size-56 { width: calc(var(--spacing) * 56); height: calc(var(--spaci= ng) * 56); } .sm\:size-\[18px\] { width: 18px; height: 18px; } .sm\:h-2 { height: calc(var(--spacing) * 2); } .sm\:h-4 { height: calc(var(--spacing) * 4); } .sm\:h-7 { height: calc(var(--spacing) * 7); } .sm\:h-8 { height: calc(var(--spacing) * 8); } .sm\:h-9 { height: calc(var(--spacing) * 9); } .sm\:h-10 { height: calc(var(--spacing) * 10); } .sm\:h-11 { height: calc(var(--spacing) * 11); } .sm\:h-12 { height: calc(var(--spacing) * 12); } .sm\:h-14 { height: calc(var(--spacing) * 14); } .sm\:h-44 { height: calc(var(--spacing) * 44); } .sm\:h-64 { height: calc(var(--spacing) * 64); } .sm\:h-80 { height: calc(var(--spacing) * 80); } .sm\:h-120 { height: calc(var(--spacing) * 120); } .sm\:h-\[52px\] { height: 52px; } .sm\:h-\[58px\] { height: 58px; } .sm\:h-\[64px\] { height: 64px; } .sm\:h-\[72px\] { height: 72px; } .sm\:h-\[74px\] { height: 74px; } .sm\:h-\[76px\] { height: 76px; } .sm\:h-\[82px\] { height: 82px; } .sm\:h-\[86px\] { height: 86px; } .sm\:h-\[88px\] { height: 88px; } .sm\:h-\[96px\] { height: 96px; } .sm\:h-\[104px\] { height: 104px; } .sm\:h-\[138px\] { height: 138px; } .sm\:h-\[144px\] { height: 144px; } .sm\:h-\[150px\] { height: 150px; } .sm\:h-\[156px\] { height: 156px; } .sm\:h-\[196px\] { height: 196px; } .sm\:h-\[204px\] { height: 204px; } .sm\:h-\[214px\] { height: 214px; } .sm\:h-\[236px\] { height: 236px; } .sm\:h-\[238px\] { height: 238px; } .sm\:h-\[248px\] { height: 248px; } .sm\:h-\[250px\] { height: 250px; } .sm\:h-\[252px\] { height: 252px; } .sm\:h-\[254px\] { height: 254px; } .sm\:h-\[256px\] { height: 256px; } .sm\:h-\[264px\] { height: 264px; } .sm\:h-\[270px\] { height: 270px; } .sm\:h-\[276px\] { height: 276px; } .sm\:h-\[280px\] { height: 280px; } .sm\:h-\[284px\] { height: 284px; } .sm\:h-\[292px\] { height: 292px; } .sm\:h-\[300px\] { height: 300px; } .sm\:h-\[320px\] { height: 320px; } .sm\:h-\[330px\] { height: 330px; } .sm\:h-\[340px\] { height: 340px; } .sm\:h-\[352px\] { height: 352px; } .sm\:h-\[380px\] { height: 380px; } .sm\:h-auto { height: auto; } .sm\:h-full { height: 100%; } .sm\:max-h-80 { max-height: calc(var(--spacing) * 80); } .sm\:max-h-\[calc\(100dvh-32px\)\]\! { max-height: calc(100dvh - 32px) !i= mportant; } .sm\:max-h-none { max-height: none; } .sm\:min-h-0 { min-height: 0px; } .sm\:min-h-0\! { min-height: 0px !important; } .sm\:min-h-5 { min-height: calc(var(--spacing) * 5); } .sm\:min-h-6 { min-height: calc(var(--spacing) * 6); } .sm\:min-h-8 { min-height: calc(var(--spacing) * 8); } .sm\:min-h-10 { min-height: calc(var(--spacing) * 10); } .sm\:min-h-12 { min-height: calc(var(--spacing) * 12); } .sm\:min-h-14 { min-height: calc(var(--spacing) * 14); } .sm\:min-h-17 { min-height: calc(var(--spacing) * 17); } .sm\:min-h-68 { min-height: calc(var(--spacing) * 68); } .sm\:min-h-\[272px\] { min-height: 272px; } .sm\:min-h-\[300px\] { min-height: 300px; } .sm\:w-1\/2 { width: 50%; } .sm\:w-1\/4 { width: 25%; } .sm\:w-1\/5 { width: 20%; } .sm\:w-2 { width: calc(var(--spacing) * 2); } .sm\:w-2\/3 { width: 66.6667%; } .sm\:w-2\/5 { width: 40%; } .sm\:w-3 { width: calc(var(--spacing) * 3); } .sm\:w-4 { width: calc(var(--spacing) * 4); } .sm\:w-5 { width: calc(var(--spacing) * 5); } .sm\:w-6 { width: calc(var(--spacing) * 6); } .sm\:w-7 { width: calc(var(--spacing) * 7); } .sm\:w-9 { width: calc(var(--spacing) * 9); } .sm\:w-10 { width: calc(var(--spacing) * 10); } .sm\:w-11 { width: calc(var(--spacing) * 11); } .sm\:w-12 { width: calc(var(--spacing) * 12); } .sm\:w-14 { width: calc(var(--spacing) * 14); } .sm\:w-16 { width: calc(var(--spacing) * 16); } .sm\:w-20 { width: calc(var(--spacing) * 20); } .sm\:w-24 { width: calc(var(--spacing) * 24); } .sm\:w-28 { width: calc(var(--spacing) * 28); } .sm\:w-32 { width: calc(var(--spacing) * 32); } .sm\:w-44 { width: calc(var(--spacing) * 44); } .sm\:w-48 { width: calc(var(--spacing) * 48); } .sm\:w-60 { width: calc(var(--spacing) * 60); } .sm\:w-64 { width: calc(var(--spacing) * 64); } .sm\:w-72 { width: calc(var(--spacing) * 72); } .sm\:w-80 { width: calc(var(--spacing) * 80); } .sm\:w-96 { width: calc(var(--spacing) * 96); } .sm\:w-128 { width: calc(var(--spacing) * 128); } .sm\:w-140 { width: calc(var(--spacing) * 140); } .sm\:w-\[23\%\] { width: 23%; } .sm\:w-\[78px\] { width: 78px; } .sm\:w-\[88px\] { width: 88px; } .sm\:w-\[112px\] { width: 112px; } .sm\:w-\[142px\] { width: 142px; } .sm\:w-\[144px\] { width: 144px; } .sm\:w-\[190px\] { width: 190px; } .sm\:w-\[420px\] { width: 420px; } .sm\:w-\[486px\] { width: 486px; } .sm\:w-\[527px\] { width: 527px; } .sm\:w-\[min\(848px\,calc\(100vw-32px\)\)\]\! { width: min(848px, -32px += 100vw) !important; } .sm\:w-auto { width: auto; } .sm\:w-fit { width: fit-content; } .sm\:w-max { width: max-content; } .sm\:max-w-72 { max-width: calc(var(--spacing) * 72); } .sm\:max-w-175 { max-width: calc(var(--spacing) * 175); } .sm\:max-w-\[100\%\] { max-width: 100%; } .sm\:max-w-\[244px\] { max-width: 244px; } .sm\:max-w-\[320px\] { max-width: 320px; } .sm\:max-w-\[360px\] { max-width: 360px; } .sm\:max-w-\[calc\(100vw-380px\)\] { max-width: calc(-380px + 100vw); } .sm\:max-w-full { max-width: 100%; } .sm\:max-w-none { max-width: none; } .sm\:max-w-xl { max-width: var(--container-xl); } .sm\:min-w-0 { min-width: 0px; } .sm\:min-w-9 { min-width: calc(var(--spacing) * 9); } .sm\:min-w-80 { min-width: calc(var(--spacing) * 80); } .sm\:min-w-\[64px\] { min-width: 64px; } .sm\:min-w-\[360px\] { min-width: 360px; } .sm\:flex-1 { flex: 1 1 0%; } .sm\:flex-none { flex: 0 0 auto; } .sm\:shrink-0 { flex-shrink: 0; } .sm\:grow { flex-grow: 1; } .sm\:basis-0 { flex-basis: 0px; } .sm\:basis-\[calc\(\(100\%-1rem\)\/2\)\] { flex-basis: calc(50% - 0.5rem)= ; } .sm\:basis-\[calc\(\(100\%-2rem\)\/3\)\] { flex-basis: calc(33.3333% - 0.= 666667rem); } .sm\:basis-auto { flex-basis: auto; } .sm\:auto-cols-fr { grid-auto-columns: minmax(0px, 1fr); } .sm\:grid-flow-col { grid-auto-flow: column; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); } .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .sm\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); } .sm\:grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; } .sm\:grid-cols-\[160px_minmax\(0\,1fr\)\] { grid-template-columns: 160px = minmax(0px, 1fr); } .sm\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1\.3fr\)_10rem_auto\] { g= rid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1.3fr) 10rem auto; } .sm\:grid-cols-\[minmax\(0\,1fr\)_12rem\] { grid-template-columns: minmax= (0px, 1fr) 12rem; } .sm\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\] { grid-template-columns: mi= nmax(0px, 1fr) auto auto; } .sm\:grid-cols-\[minmax\(0\,6rem\)_minmax\(0\,1fr\)\] { grid-template-col= umns: minmax(0px, 6rem) minmax(0px, 1fr); } .sm\:grid-cols-none { grid-template-columns: none; } .sm\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0px, 1fr)); } .sm\:flex-col { flex-direction: column; } .sm\:flex-row { flex-direction: row; } .sm\:flex-nowrap { flex-wrap: nowrap; } .sm\:flex-wrap { flex-wrap: wrap; } .sm\:items-center { align-items: center; } .sm\:items-end { align-items: flex-end; } .sm\:items-start { align-items: flex-start; } .sm\:justify-between { justify-content: space-between; } .sm\:justify-center { justify-content: center; } .sm\:justify-end { justify-content: flex-end; } .sm\:justify-start { justify-content: flex-start; } .sm\:gap-1 { gap: var(--spacing); } .sm\:gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .sm\:gap-2 { gap: calc(var(--spacing) * 2); } .sm\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .sm\:gap-3 { gap: calc(var(--spacing) * 3); } .sm\:gap-4 { gap: calc(var(--spacing) * 4); } .sm\:gap-5 { gap: calc(var(--spacing) * 5); } .sm\:gap-6 { gap: calc(var(--spacing) * 6); } .sm\:gap-7 { gap: calc(var(--spacing) * 7); } .sm\:gap-8 { gap: calc(var(--spacing) * 8); } .sm\:gap-10 { gap: calc(var(--spacing) * 10); } .sm\:gap-16 { gap: calc(var(--spacing) * 16); } :where(.sm\:space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; = margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-rever= se)); margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-= space-y-reverse))); } :where(.sm\:space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; mar= gin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse))= ; margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space= -y-reverse))); } .sm\:gap-x-1 { column-gap: var(--spacing); } .sm\:gap-x-1\.5 { column-gap: calc(var(--spacing) * 1.5); } .sm\:gap-x-2 { column-gap: calc(var(--spacing) * 2); } .sm\:gap-x-3 { column-gap: calc(var(--spacing) * 3); } .sm\:gap-x-4 { column-gap: calc(var(--spacing) * 4); } .sm\:gap-x-5 { column-gap: calc(var(--spacing) * 5); } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .sm\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .sm\:gap-y-0 { row-gap: 0px; } .sm\:gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); } .sm\:gap-y-12 { row-gap: calc(var(--spacing) * 12); } .sm\:self-stretch { align-self: stretch; } .sm\:truncate { text-overflow: ellipsis; white-space: nowrap; overflow: h= idden; } .sm\:overflow-hidden { overflow: hidden; } .sm\:overflow-visible { overflow: visible; } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:rounded-3xl\! { border-radius: var(--radius-3xl) !important; } .sm\:rounded-t-3xl { border-top-left-radius: var(--radius-3xl); border-to= p-right-radius: var(--radius-3xl); } .sm\:rounded-b-3xl { border-bottom-right-radius: var(--radius-3xl); borde= r-bottom-left-radius: var(--radius-3xl); } .sm\:border-s { border-inline-start-style: var(--tw-border-style); border= -inline-start-width: 1px; } .sm\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bot= tom-width: 0px; } .sm\:bg-secondary-soft-alpha { background-color: var(--color-background-s= econdary-soft-alpha); } .sm\:p-4 { padding: calc(var(--spacing) * 4); } .sm\:p-6 { padding: calc(var(--spacing) * 6); } .sm\:p-8 { padding: calc(var(--spacing) * 8); } .sm\:p-10 { padding: calc(var(--spacing) * 10); } .sm\:p-12 { padding: calc(var(--spacing) * 12); } .sm\:p-16 { padding: calc(var(--spacing) * 16); } .sm\:px-0 { padding-inline: 0px; } .sm\:px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .sm\:px-2 { padding-inline: calc(var(--spacing) * 2); } .sm\:px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .sm\:px-3 { padding-inline: calc(var(--spacing) * 3); } .sm\:px-4 { padding-inline: calc(var(--spacing) * 4); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-6\! { padding-inline: calc(var(--spacing) * 6) !important; } .sm\:px-7 { padding-inline: calc(var(--spacing) * 7); } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } .sm\:px-10 { padding-inline: calc(var(--spacing) * 10); } .sm\:px-12 { padding-inline: calc(var(--spacing) * 12); } .sm\:px-20 { padding-inline: calc(var(--spacing) * 20); } .sm\:py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .sm\:py-2 { padding-block: calc(var(--spacing) * 2); } .sm\:py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .sm\:py-4 { padding-block: calc(var(--spacing) * 4); } .sm\:py-4\! { padding-block: calc(var(--spacing) * 4) !important; } .sm\:py-6 { padding-block: calc(var(--spacing) * 6); } .sm\:py-8 { padding-block: calc(var(--spacing) * 8); } .sm\:ps-4 { padding-inline-start: calc(var(--spacing) * 4); } .sm\:ps-5 { padding-inline-start: calc(var(--spacing) * 5); } .sm\:pe-0 { padding-inline-end: 0px; } .sm\:pe-2 { padding-inline-end: calc(var(--spacing) * 2); } .sm\:pe-3 { padding-inline-end: calc(var(--spacing) * 3); } .sm\:pe-16 { padding-inline-end: calc(var(--spacing) * 16); } .sm\:pt-0 { padding-top: 0px; } .sm\:pt-2 { padding-top: calc(var(--spacing) * 2); } .sm\:pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .sm\:pt-3 { padding-top: calc(var(--spacing) * 3); } .sm\:pt-4 { padding-top: calc(var(--spacing) * 4); } .sm\:pt-5 { padding-top: calc(var(--spacing) * 5); } .sm\:pt-6 { padding-top: calc(var(--spacing) * 6); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pr-16 { padding-right: calc(var(--spacing) * 16); } .sm\:pb-0 { padding-bottom: 0px; } .sm\:pb-1 { padding-bottom: var(--spacing); } .sm\:pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .sm\:pb-2 { padding-bottom: calc(var(--spacing) * 2); } .sm\:pb-3 { padding-bottom: calc(var(--spacing) * 3); } .sm\:pb-4 { padding-bottom: calc(var(--spacing) * 4); } .sm\:pb-5 { padding-bottom: calc(var(--spacing) * 5); } .sm\:pb-5\.5 { padding-bottom: calc(var(--spacing) * 5.5); } .sm\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } .sm\:pb-15 { padding-bottom: calc(var(--spacing) * 15); } .sm\:pb-24 { padding-bottom: calc(var(--spacing) * 24); } .sm\:text-center { text-align: center; } .sm\:text-end { text-align: end; } .sm\:text-right { text-align: right; } .sm\:text-start { text-align: start; } .sm\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading= ,var(--text-3xl--line-height)); } .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leadi= ng,var(--text-base--line-height)); } .sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,v= ar(--text-lg--line-height)); } .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,v= ar(--text-sm--line-height)); } .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,v= ar(--text-xl--line-height)); } .sm\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,v= ar(--text-xs--line-height)); } .sm\:text-\[1\.5625rem\] { font-size: 1.5625rem; } .sm\:leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: cal= c(var(--spacing) * 7); } .sm\:leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: cal= c(var(--spacing) * 8); } .sm\:leading-10 { --tw-leading: calc(var(--spacing) * 10); line-height: c= alc(var(--spacing) * 10); } .sm\:whitespace-nowrap { white-space: nowrap; } .sm\:text-white\! { color: var(--color-white) !important; } .sm\:opacity-0 { opacity: 0; } .sm\:\[--flashcard-gap\:--spacing\(3\)\] { --flashcard-gap: calc(var(--sp= acing) * 3); } .sm\:group-focus-within\:opacity-100:is(:where(.group):focus-within :wher= e(.sm\:group-focus-within\:opacity-100)) { opacity: 1; } @media (hover: hover) { .sm\:group-hover\:opacity-100:is(:where(.group):hover :where(.sm\:group-h= over\:opacity-100)) { opacity: 1; } } .sm\:group-data-\[density\=3Dform\]\/settings\:py-0:is(:where(.group\/set= tings)[data-density=3D"form"] :where(.sm\:group-data-\[density\=3Dform\]\/s= ettings\:py-0)) { padding-block: 0px; } } @media (min-width: 48rem) { .md\:pointer-events-none { pointer-events: none; } .md\:fixed { position: fixed; } .md\:static { position: static; } .md\:sticky { position: sticky; } .md\:start-4 { inset-inline-start: calc(var(--spacing) * 4); } .md\:top-4 { top: calc(var(--spacing) * 4); } .md\:top-6 { top: calc(var(--spacing) * 6); } .md\:bottom-8 { bottom: calc(var(--spacing) * 8); } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:mx-0 { margin-inline: 0px; } .md\:mx-4 { margin-inline: calc(var(--spacing) * 4); } .md\:mx-5 { margin-inline: calc(var(--spacing) * 5); } .md\:mx-auto { margin-inline: auto; } .md\:ms-8 { margin-inline-start: calc(var(--spacing) * 8); } .md\:-mt-4 { margin-top: calc(var(--spacing) * -4); } .md\:mt-0 { margin-top: 0px; } .md\:mt-0\! { margin-top: 0px !important; } .md\:mt-8 { margin-top: calc(var(--spacing) * 8); } .md\:mt-9 { margin-top: calc(var(--spacing) * 9); } .md\:mt-10 { margin-top: calc(var(--spacing) * 10); } .md\:mt-15 { margin-top: calc(var(--spacing) * 15); } .md\:mt-\[72px\] { margin-top: 72px; } .md\:-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .md\:mb-0 { margin-bottom: 0px; } .md\:mb-0\! { margin-bottom: 0px !important; } .md\:mb-3 { margin-bottom: calc(var(--spacing) * 3); } .md\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } .md\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .md\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .md\:line-clamp-none { -webkit-line-clamp: unset; -webkit-box-orient: hor= izontal; display: block; overflow: visible; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:inline { display: inline; } .md\:inline-flex { display: inline-flex; } .md\:aspect-\[2\.5\/1\] { aspect-ratio: 2.5 / 1; } .md\:h-6 { height: calc(var(--spacing) * 6); } .md\:h-10 { height: calc(var(--spacing) * 10); } .md\:h-\[312px\] { height: 312px; } .md\:h-auto { height: auto; } .md\:min-h-0 { min-height: 0px; } .md\:min-h-\[10rem\] { min-height: 10rem; } .md\:min-h-\[12rem\] { min-height: 12rem; } .md\:min-h-\[20rem\] { min-height: 20rem; } .md\:min-h-\[30rem\] { min-height: 30rem; } .md\:w-4\/5 { width: 80%; } .md\:w-36 { width: calc(var(--spacing) * 36); } .md\:w-44 { width: calc(var(--spacing) * 44); } .md\:w-72 { width: calc(var(--spacing) * 72); } .md\:w-80 { width: calc(var(--spacing) * 80); } .md\:w-96 { width: calc(var(--spacing) * 96); } .md\:w-\[397px\] { width: 397px; } .md\:w-auto { width: auto; } .md\:w-full { width: 100%; } .md\:max-w-96 { max-width: calc(var(--spacing) * 96); } .md\:max-w-117 { max-width: calc(var(--spacing) * 117); } .md\:max-w-\[397px\] { max-width: 397px; } .md\:max-w-\[432px\] { max-width: 432px; } .md\:max-w-\[calc\(100vw-480px\)\] { max-width: calc(-480px + 100vw); } .md\:max-w-none { max-width: none; } .md\:flex-1 { flex: 1 1 0%; } .md\:touch-auto { touch-action: auto; } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); } .md\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); } .md\:grid-rows-\[minmax\(20px\,0\.8fr\)_auto_minmax\(20px\,1fr\)\] { grid= -template-rows: minmax(20px, 0.8fr) auto minmax(20px, 1fr); } .md\:flex-col { flex-direction: column; } .md\:flex-row { flex-direction: row; } .md\:flex-nowrap { flex-wrap: nowrap; } .md\:items-center { align-items: center; } .md\:items-start { align-items: flex-start; } .md\:justify-between { justify-content: space-between; } .md\:justify-start { justify-content: flex-start; } .md\:gap-0 { gap: 0px; } .md\:gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .md\:gap-2 { gap: calc(var(--spacing) * 2); } .md\:gap-3 { gap: calc(var(--spacing) * 3); } .md\:gap-6 { gap: calc(var(--spacing) * 6); } .md\:gap-10 { gap: calc(var(--spacing) * 10); } .md\:gap-11 { gap: calc(var(--spacing) * 11); } .md\:gap-12 { gap: calc(var(--spacing) * 12); } .md\:gap-24 { gap: calc(var(--spacing) * 24); } .md\:self-start { align-self: flex-start; } .md\:truncate { text-overflow: ellipsis; white-space: nowrap; overflow: h= idden; } .md\:overflow-hidden { overflow: hidden; } .md\:overflow-y-auto { overflow-y: auto; } .md\:rounded-2xl\! { border-radius: var(--radius-2xl) !important; } .md\:rounded-3xl\! { border-radius: var(--radius-3xl) !important; } .md\:rounded-4xl { border-radius: var(--radius-4xl); } .md\:rounded-none { border-radius: 0px; } .md\:border { border-style: var(--tw-border-style); border-width: 1px; } .md\:border\! { border-style: var(--tw-border-style) !important; border-w= idth: 1px !important; } .md\:border-s-1 { border-inline-start-style: var(--tw-border-style); bord= er-inline-start-width: 1px; } .md\:border-e-0 { border-inline-end-style: var(--tw-border-style); border= -inline-end-width: 0px; } .md\:border-e-1 { border-inline-end-style: var(--tw-border-style); border= -inline-end-width: 1px; } .md\:border-t-1 { border-top-style: var(--tw-border-style); border-top-wi= dth: 1px; } .md\:border-b-1 { border-bottom-style: var(--tw-border-style); border-bot= tom-width: 1px; } .md\:border-l-0 { border-left-style: var(--tw-border-style); border-left-= width: 0px; } .md\:border-default { border-color: var(--color-border); } .md\:bg-gradient-to-r { --tw-gradient-position: to right in oklab; backgr= ound-image: linear-gradient(var(--tw-gradient-stops)); } .md\:from-black { --tw-gradient-from: var(--color-black); --tw-gradient-s= tops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gra= dient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--t= w-gradient-to-position)); } .md\:to-black\/0 { --tw-gradient-to: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .md\:to-black\/0 { --tw-gradient-to: color-mix(in oklab, var(--color-blac= k) 0%, transparent); } } .md\:to-black\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(-= -tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-posi= tion), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .md\:p-4 { padding: calc(var(--spacing) * 4); } .md\:px-0 { padding-inline: 0px; } .md\:px-4 { padding-inline: calc(var(--spacing) * 4); } .md\:px-5 { padding-inline: calc(var(--spacing) * 5); } .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } .md\:px-8 { padding-inline: calc(var(--spacing) * 8); } .md\:px-10 { padding-inline: calc(var(--spacing) * 10); } .md\:px-12 { padding-inline: calc(var(--spacing) * 12); } .md\:py-0 { padding-block: 0px; } .md\:py-16 { padding-block: calc(var(--spacing) * 16); } .md\:py-20 { padding-block: calc(var(--spacing) * 20); } .md\:py-24 { padding-block: calc(var(--spacing) * 24); } .md\:ps-5 { padding-inline-start: calc(var(--spacing) * 5); } .md\:pe-5 { padding-inline-end: calc(var(--spacing) * 5); } .md\:pe-10 { padding-inline-end: calc(var(--spacing) * 10); } .md\:pt-8 { padding-top: calc(var(--spacing) * 8); } .md\:pt-10 { padding-top: calc(var(--spacing) * 10); } .md\:pt-16 { padding-top: calc(var(--spacing) * 16); } .md\:pt-20 { padding-top: calc(var(--spacing) * 20); } .md\:pt-\[4\.5rem\] { padding-top: 4.5rem; } .md\:pb-0 { padding-bottom: 0px; } .md\:pb-5 { padding-bottom: calc(var(--spacing) * 5); } .md\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } .md\:text-center { text-align: center; } .md\:text-left { text-align: left; } .md\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading= ,var(--text-5xl--line-height)); letter-spacing: var(--tw-tracking,var(--tex= t-5xl--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-5xl--= font-weight)); } .md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading= ,var(--text-3xl--line-height)); } .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,v= ar(--text-lg--line-height)); } .md\:text-heading-app { font-size: var(--text-heading-app); } .md\:whitespace-nowrap { white-space: nowrap; } .md\:shadow-2xl { --tw-shadow: 0px 16px 32px -8px var(--tw-shadow-color,#= 00000030); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),= var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .md\:group-has-\[\[data-vto-product-action\=3Ddetail\]\]\/product-details= \:pb-28:is(:where(.group\/product-details):has([data-vto-product-action=3D"= detail"]) :where(.md\:group-has-\[\[data-vto-product-action\=3Ddetail\]\]\/= product-details\:pb-28)) { padding-bottom: calc(var(--spacing) * 28); } .md\:first\:rounded-ss-xl:first-child { border-start-start-radius: var(--= radius-xl); } .md\:first\:rounded-es-xl:first-child { border-end-start-radius: var(--ra= dius-xl); } .md\:last\:rounded-se-xl:last-child { border-start-end-radius: var(--radi= us-xl); } .md\:last\:rounded-ee-xl:last-child { border-end-end-radius: var(--radius= -xl); } .md\:last\:border-e:last-child { border-inline-end-style: var(--tw-border= -style); border-inline-end-width: 1px; } } @media (min-width: 52rem) { .min-\[52rem\]\:order-1 { order: 1; } .min-\[52rem\]\:order-2 { order: 2; } .min-\[52rem\]\:order-3 { order: 3; } .min-\[52rem\]\:grid-cols-\[repeat\(2\,minmax\(0\,24rem\)\)\] { grid-temp= late-columns: repeat(2, minmax(0px, 24rem)); } .min-\[52rem\]\:grid-cols-\[repeat\(2\,minmax\(0\,29\.25rem\)\)\] { grid-= template-columns: repeat(2, minmax(0px, 29.25rem)); } } @media (min-width: 64rem) { .lg\:inset-x-12 { inset-inline: calc(var(--spacing) * 12); } .lg\:mx-auto { margin-inline: auto; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:inline { display: inline; } .lg\:h-auto { height: auto; } .lg\:h-dvh { height: 100dvh; } .lg\:h-full { height: 100%; } .lg\:min-h-40 { min-height: calc(var(--spacing) * 40); } .lg\:min-h-52 { min-height: calc(var(--spacing) * 52); } .lg\:min-h-\[calc\(100vh-4rem\)\] { min-height: calc(-4rem + 100vh); } .lg\:w-80 { width: calc(var(--spacing) * 80); } .lg\:w-170 { width: calc(var(--spacing) * 170); } .lg\:w-\[220px\] { width: 220px; } .lg\:w-\[460px\] { width: 460px; } .lg\:w-\[527px\] { width: 527px; } .lg\:w-auto { width: auto; } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1 1 0%; } .lg\:flex-none { flex: 0 0 auto; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:basis-\[calc\(\(100\%-2rem\)\/3\)\] { flex-basis: calc(33.3333% - 0.= 666667rem); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .lg\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(0\,1\.08fr\)\] { grid-templ= ate-columns: minmax(0px, 0.92fr) minmax(0px, 1.08fr); } .lg\:grid-cols-\[minmax\(0\,1fr\)_234px\] { grid-template-columns: minmax= (0px, 1fr) 234px; } .lg\:grid-cols-\[theme\(spacing\.32\)_minmax\(0\,1fr\)\] { grid-template-= columns: 8rem minmax(0px, 1fr); } .lg\:flex-row { flex-direction: row; } .lg\:items-start { align-items: flex-start; } .lg\:gap-4 { gap: calc(var(--spacing) * 4); } .lg\:gap-10 { gap: calc(var(--spacing) * 10); } .lg\:gap-14 { gap: calc(var(--spacing) * 14); } .lg\:gap-18 { gap: calc(var(--spacing) * 18); } .lg\:self-start { align-self: flex-start; } .lg\:justify-self-stretch { justify-self: stretch; } .lg\:p-8 { padding: calc(var(--spacing) * 8); } .lg\:p-12 { padding: calc(var(--spacing) * 12); } .lg\:px-12 { padding-inline: calc(var(--spacing) * 12); } .lg\:px-16 { padding-inline: calc(var(--spacing) * 16); } .lg\:px-20 { padding-inline: calc(var(--spacing) * 20); } .lg\:py-6 { padding-block: calc(var(--spacing) * 6); } .lg\:pt-8 { padding-top: calc(var(--spacing) * 8); } .lg\:pt-\[49px\] { padding-top: 49px; } .lg\:pt-\[72px\] { padding-top: 72px; } .lg\:pb-12 { padding-bottom: calc(var(--spacing) * 12); } } @media (min-width: 80rem) { .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); } .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .xl\:grid-cols-\[1fr_1\.3fr_1fr_auto\] { grid-template-columns: 1fr 1.3fr= 1fr auto; } .xl\:px-24 { padding-inline: calc(var(--spacing) * 24); } } @media (min-width: 90rem) { .min-\[90rem\]\:order-none { order: 0; } .min-\[90rem\]\:grid-cols-\[repeat\(var\(--pricing-modal-column-count\)\,= minmax\(0\,24rem\)\)\] { grid-template-columns: repeat(var(--pricing-modal-= column-count),minmax(0,24rem)); } .min-\[90rem\]\:grid-cols-\[repeat\(var\(--pricing-modal-column-count\)\,= minmax\(0\,29\.25rem\)\)\] { grid-template-columns: repeat(var(--pricing-mo= dal-column-count),minmax(0,29.25rem)); } } @media (min-width: 96rem) { .\32 xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr))= ; } } @container site-preview not (width >=3D 560px) { .\@max-\[560px\]\/site-preview\:gap-1 { gap: var(--spacing); } .\@max-\[560px\]\/site-preview\:px-2 { padding-inline: calc(var(--spacing= ) * 2); } } @container request-card not (width >=3D 64rem) { .\@max-5xl\/request-card\:flex-col { flex-direction: column; } .\@max-5xl\/request-card\:items-stretch { align-items: stretch; } } @container app-shell-main-content not (width >=3D 53.5rem) { .\@max-thread-expanded\/app-shell-main-content\:\[--thread-content-respon= sive-max-width\:var\(--thread-content-compact-max-width\,inherit\)\] { --th= read-content-responsive-max-width: var(--thread-content-compact-max-width,i= nherit); } } @container home-main-content not (width >=3D 48rem) { .\@max-3xl\/home-main-content\:hidden { display: none; } } @container not (width >=3D 48rem) { .\@max-3xl\:hidden { display: none; } .\@max-3xl\:aspect-square { aspect-ratio: 1 / 1; } .\@max-3xl\:justify-center { justify-content: center; } } @container not (width >=3D 42rem) { .\@max-2xl\:hidden { display: none; } .\@max-2xl\:w-full { width: 100%; } .\@max-2xl\:flex-col { flex-direction: column; } .\@max-2xl\:items-start { align-items: flex-start; } } @container browser-toolbar not (width >=3D 32rem) { .\@max-lg\/browser-toolbar\:hidden { display: none; } } @container home-mode-toggle not (width >=3D 32rem) { .\@max-lg\/home-mode-toggle\:px-2\.5 { padding-inline: calc(var(--spacing= ) * 2.5); } } @container browser-toolbar not (width >=3D 32rem) { .\@max-lg\/browser-toolbar\:not-has-\[button\:not\(\[data-browser-toolbar= -overflow\]\)\]\:hidden:not(:has(:is(button:not([data-browser-toolbar-overf= low])))) { display: none; } .\@max-lg\/browser-toolbar\:not-has-\[button\:not\(\[data-browser-toolbar= -overflow\]\)\:not\(\[tabindex\=3D\'-1\'\]\)\]\:invisible:not(:has(:is(butt= on:not([data-browser-toolbar-overflow]):not([tabindex=3D"-1"])))) { visibil= ity: hidden; } } @container not (width >=3D 28rem) { .\@max-md\:end-1 { inset-inline-end: calc(var(--spacing) * 1); } .\@max-md\:end-2 { inset-inline-end: calc(var(--spacing) * 2); } .\@max-md\:top-2 { top: calc(var(--spacing) * 2); } .\@max-md\:top-3 { top: calc(var(--spacing) * 3); } .\@max-md\:-m-1 { margin: calc(var(--spacing) * -1); } } @container approval-card not (width >=3D 28rem) { .\@max-md\/approval-card\:ms-0 { margin-inline-start: 0px; } .\@max-md\/approval-card\:hidden { display: none; } } @container browser-toolbar not (width >=3D 28rem) { .\@max-md\/browser-toolbar\:hidden { display: none; } } @container approval-card not (width >=3D 28rem) { .\@max-md\/approval-card\:w-full { width: 100%; } } @container not (width >=3D 28rem) { .\@max-md\:w-full { width: 100%; } } @container approval-card not (width >=3D 28rem) { .\@max-md\/approval-card\:flex-1 { flex: 1 1 0%; } .\@max-md\/approval-card\:flex-col { flex-direction: column; } } @container not (width >=3D 28rem) { .\@max-md\:flex-wrap { flex-wrap: wrap; } } @container approval-card not (width >=3D 28rem) { .\@max-md\/approval-card\:items-stretch { align-items: stretch; } .\@max-md\/approval-card\:justify-center { justify-content: center; } .\@max-md\/approval-card\:ps-6 { padding-inline-start: calc(var(--spacing= ) * 6); } } @container not (width >=3D 28rem) { .\@max-md\:ps-3 { padding-inline-start: calc(var(--spacing) * 3); } .\@max-md\:pe-12 { padding-inline-end: calc(var(--spacing) * 12); } } @container not (width >=3D 24rem) { .\@max-sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr= )); } } @container browser-toolbar not (width >=3D 24rem) { .\@max-sm\/browser-toolbar\:px-0 { padding-inline: 0px; } } @container video-controls not (width >=3D 20rem) { .\@max-xs\/video-controls\:order-first { order: -9999; } .\@max-xs\/video-controls\:h-auto { height: auto; } .\@max-xs\/video-controls\:basis-full { flex-basis: 100%; } } @container home-mode-toggle not (width >=3D 20rem) { .\@max-xs\/home-mode-toggle\:px-2\.5 { padding-inline: calc(var(--spacing= ) * 2.5); } } @container video-controls not (width >=3D 20rem) { .\@max-xs\/video-controls\:py-1 { padding-block: var(--spacing); } } @container app-shell-tab not (width >=3D 4rem) { .\@max-\[4rem\]\/app-shell-tab\:invisible { visibility: hidden; } } @container (width >=3D 180px) { .\@\[180px\]\:max-w-36 { max-width: calc(var(--spacing) * 36); } .\@\[180px\]\:min-w-10 { min-width: calc(var(--spacing) * 10); } .\@\[180px\]\:opacity-0 { opacity: 0; } .\@\[180px\]\:opacity-100 { opacity: 1; } } @container (width >=3D 400px) { .\@min-\[400px\]\:flex-row { flex-direction: row; } .\@min-\[400px\]\:items-start { align-items: flex-start; } .\@min-\[400px\]\:justify-between { justify-content: space-between; } .\@min-\[400px\]\:gap-3 { gap: calc(var(--spacing) * 3); } } @container flashcards (width >=3D 420px) { .\@\[420px\]\/flashcards\:\[--flashcard-columns\:2\] { --flashcard-column= s: 2; } } @container sketch-canvas (width >=3D 552px) { .\@\[552px\]\/sketch-canvas\:pointer-events-none { pointer-events: none; = } .\@\[552px\]\/sketch-canvas\:absolute { position: absolute; } .\@\[552px\]\/sketch-canvas\:inset-x-0 { inset-inline: 0px; } .\@\[552px\]\/sketch-canvas\:flex { display: flex; } .\@\[552px\]\/sketch-canvas\:justify-center { justify-content: center; } } @container (width >=3D 560px) { .\@min-\[560px\]\:mt-0 { margin-top: 0px; } .\@min-\[560px\]\:flex-row { flex-direction: row; } .\@min-\[560px\]\:items-center { align-items: center; } .\@min-\[560px\]\:justify-between { justify-content: space-between; } .\@min-\[560px\]\:gap-6 { gap: calc(var(--spacing) * 6); } .\@min-\[560px\]\:gap-8 { gap: calc(var(--spacing) * 8); } .\@min-\[560px\]\:self-center { align-self: center; } .\@min-\[560px\]\:pb-0 { padding-bottom: 0px; } } @container skills-grid (width >=3D 581px) { .\@min-\[581px\]\/skills-grid\:grid-cols-2 { grid-template-columns: repea= t(2, minmax(0px, 1fr)); } } @container flashcards (width >=3D 680px) { .\@\[680px\]\/flashcards\:justify-center { justify-content: center; } .\@\[680px\]\/flashcards\:\[--flashcard-columns\:3\] { --flashcard-column= s: 3; } } @container presentation-editor (width >=3D 749px) { .\@\[749px\]\/presentation-editor\:order-1 { order: 1; } .\@\[749px\]\/presentation-editor\:order-2 { order: 2; } .\@\[749px\]\/presentation-editor\:block { display: block; } .\@\[749px\]\/presentation-editor\:h-fit { height: fit-content; } .\@\[749px\]\/presentation-editor\:h-full { height: 100%; } .\@\[749px\]\/presentation-editor\:min-h-full { min-height: 100%; } .\@\[749px\]\/presentation-editor\:w-\[220px\] { width: 220px; } .\@\[749px\]\/presentation-editor\:w-full { width: 100%; } .\@\[749px\]\/presentation-editor\:flex-col { flex-direction: column; } .\@\[749px\]\/presentation-editor\:flex-row { flex-direction: row; } .\@\[749px\]\/presentation-editor\:items-center { align-items: center; } .\@\[749px\]\/presentation-editor\:gap-2\.5 { gap: calc(var(--spacing) * = 2.5); } .\@\[749px\]\/presentation-editor\:overflow-x-hidden { overflow-x: hidden= ; } .\@\[749px\]\/presentation-editor\:overflow-y-auto { overflow-y: auto; } .\@\[749px\]\/presentation-editor\:px-3 { padding-inline: calc(var(--spac= ing) * 3); } .\@\[749px\]\/presentation-editor\:pt-3 { padding-top: calc(var(--spacing= ) * 3); } .\@\[749px\]\/presentation-editor\:pb-12 { padding-bottom: calc(var(--spa= cing) * 12); } } @container flashcards (width >=3D 900px) { .\@\[900px\]\/flashcards\:justify-center { justify-content: center; } .\@\[900px\]\/flashcards\:\[--flashcard-columns\:4\] { --flashcard-column= s: 4; } } @container app-shell-tab (width >=3D 4rem) { .\@min-\[4rem\]\/app-shell-tab\:pe-5, .\@min-\[4rem\]\/app-shell-tab\:gro= up-focus-within\/tab\:pe-5:is(:where(.group\/tab):focus-within :where(.\@mi= n-\[4rem\]\/app-shell-tab\:group-focus-within\/tab\:pe-5)) { padding-inline= -end: calc(var(--spacing) * 5); } @media (hover: hover) { .\@min-\[4rem\]\/app-shell-tab\:group-hover\/tab\:pe-5:is(:where(.group\/= tab):hover :where(.\@min-\[4rem\]\/app-shell-tab\:group-hover\/tab\:pe-5)) = { padding-inline-end: calc(var(--spacing) * 5); } } } @container diff-header (width >=3D 20rem) { .\@xs\/diff-header\:hidden { display: none; } .\@xs\/diff-header\:inline { display: inline; } } @container sidebar-update (width >=3D 20rem) { .\@xs\/sidebar-update\:hidden { display: none; } } @container (width >=3D 24rem) { .\@sm\:block { display: block; } .\@sm\:hidden { display: none; } .\@sm\:h-1 { height: var(--spacing); } .\@sm\:h-4 { height: calc(var(--spacing) * 4); } .\@sm\:h-5 { height: calc(var(--spacing) * 5); } .\@sm\:h-\[124px\] { height: 124px; } .\@sm\:h-\[136px\] { height: 136px; } .\@sm\:w-1 { width: var(--spacing); } .\@sm\:w-4 { width: calc(var(--spacing) * 4); } .\@sm\:w-10 { width: calc(var(--spacing) * 10); } .\@sm\:w-\[80px\] { width: 80px; } .\@sm\:w-\[150px\] { width: 150px; } } @container request-card (width >=3D 24rem) { .\@sm\/request-card\:flex-1 { flex: 1 1 0%; } } @container (width >=3D 24rem) { .\@sm\:shrink-0 { flex-shrink: 0; } } @container request-card (width >=3D 24rem) { .\@sm\/request-card\:basis-auto { flex-basis: auto; } } @container (width >=3D 24rem) { .\@sm\:grid-cols-\[minmax\(0\,1fr\)_10\.5rem\] { grid-template-columns: m= inmax(0px, 1fr) 10.5rem; } .\@sm\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0px, 1fr)); } .\@sm\:flex-row { flex-direction: row; } .\@sm\:items-start { align-items: flex-start; } .\@sm\:justify-between { justify-content: space-between; } .\@sm\:gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .\@sm\:gap-2 { gap: calc(var(--spacing) * 2); } .\@sm\:gap-3 { gap: calc(var(--spacing) * 3); } .\@sm\:gap-x-3 { column-gap: calc(var(--spacing) * 3); } .\@sm\:px-2 { padding-inline: calc(var(--spacing) * 2); } .\@sm\:py-3 { padding-block: calc(var(--spacing) * 3); } .\@sm\:text-left { text-align: left; } .\@sm\:\[--masonry-columns\:2\] { --masonry-columns: 2; } } @container (width >=3D 28rem) { .\@md\:absolute { position: absolute; } .\@md\:inset-0 { inset: 0px; } .\@md\:start-0 { inset-inline-start: calc(var(--spacing) * 0); } .\@md\:end-1 { inset-inline-end: calc(var(--spacing) * 1); } .\@md\:top-1 { top: var(--spacing); } .\@md\:mb-0 { margin-bottom: 0px; } .\@md\:block { display: block; } .\@md\:flex { display: flex; } .\@md\:hidden { display: none; } } @container product-reference (width >=3D 28rem) { .\@md\/product-reference\:aspect-square { aspect-ratio: 1 / 1; } } @container (width >=3D 28rem) { .\@md\:aspect-\[8\/3\] { aspect-ratio: 8 / 3; } } @container product-reference (width >=3D 28rem) { .\@md\/product-reference\:size-28\.5 { width: calc(var(--spacing) * 28.5)= ; height: calc(var(--spacing) * 28.5); } .\@md\/product-reference\:size-45 { width: calc(var(--spacing) * 45); hei= ght: calc(var(--spacing) * 45); } } @container (width >=3D 28rem) { .\@md\:size-auto { width: auto; height: auto; } .\@md\:h-\[260px\] { height: 260px; } .\@md\:h-full { height: 100%; } .\@md\:min-h-\[var\(--full-height-controls-content-height\,0px\)\] { min-= height: var(--full-height-controls-content-height,0px); } } @container product-reference (width >=3D 28rem) { .\@md\/product-reference\:w-45 { width: calc(var(--spacing) * 45); } } @container (width >=3D 28rem) { .\@md\:w-1\/2 { width: 50%; } .\@md\:w-full { width: 100%; } } @container product-reference (width >=3D 28rem) { .\@md\/product-reference\:shrink-0 { flex-shrink: 0; } } @container (width >=3D 28rem) { .\@md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); = } .\@md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); = } .\@md\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(100px\,0\.46fr\)_minmax\(= 0\,1\.62fr\)\] { grid-template-columns: minmax(0px, 0.92fr) minmax(100px, 0= .46fr) minmax(0px, 1.62fr); } .\@md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(216px\,0\.82fr\)\] { grid-tem= plate-columns: minmax(0px, 1fr) minmax(216px, 0.82fr); } .\@md\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0px, 1fr)); } } @container product-reference (width >=3D 28rem) { .\@md\/product-reference\:flex-row { flex-direction: row; } } @container (width >=3D 28rem) { .\@md\:flex-row { flex-direction: row; } } @container product-reference (width >=3D 28rem) { .\@md\/product-reference\:items-center { align-items: center; } } @container (width >=3D 28rem) { .\@md\:justify-center { justify-content: center; } } @container product-reference (width >=3D 28rem) { .\@md\/product-reference\:gap-5 { gap: calc(var(--spacing) * 5); } .\@md\/product-reference\:gap-6 { gap: calc(var(--spacing) * 6); } } @container (width >=3D 28rem) { .\@md\:gap-3 { gap: calc(var(--spacing) * 3); } .\@md\:gap-6 { gap: calc(var(--spacing) * 6); } .\@md\:border-s { border-inline-start-style: var(--tw-border-style); bord= er-inline-start-width: 1px; } .\@md\:border-t-0 { border-top-style: var(--tw-border-style); border-top-= width: 0px; } .\@md\:p-3 { padding: calc(var(--spacing) * 3); } .\@md\:px-3 { padding-inline: calc(var(--spacing) * 3); } .\@md\:ps-3 { padding-inline-start: calc(var(--spacing) * 3); } .\@md\:pe-1 { padding-inline-end: var(--spacing); } .\@md\:pe-3 { padding-inline-end: calc(var(--spacing) * 3); } .\@md\:pe-12 { padding-inline-end: calc(var(--spacing) * 12); } } @container hours (width >=3D 32rem) { .\@lg\/hours\:order-2 { order: 2; } .\@lg\/hours\:order-3 { order: 3; } } @container (width >=3D 32rem) { .\@\[32rem\]\:block { display: block; } .\@\[32rem\]\:hidden { display: none; } } @container library-row (width >=3D 32rem) { .\@lg\/library-row\:block { display: block; } .\@lg\/library-row\:hidden { display: none; } } @container hours (width >=3D 32rem) { .\@lg\/hours\:w-auto { width: auto; } } @container library-row (width >=3D 32rem) { .\@lg\/library-row\:w-16 { width: calc(var(--spacing) * 16); } } @container (width >=3D 32rem) { .\@\[32rem\]\:max-w-\[min\(16rem\,40cqw\)\] { max-width: min(16rem, 40cqw= ); } } @container library-row (width >=3D 32rem) { .\@lg\/library-row\:min-w-16 { min-width: calc(var(--spacing) * 16); } } @container hours (width >=3D 32rem) { .\@lg\/hours\:flex-1 { flex: 1 1 0%; } .\@lg\/hours\:flex-none { flex: 0 0 auto; } } @container (width >=3D 32rem) { .\@lg\:basis-auto { flex-basis: auto; } .\@lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); = } .\@lg\:grid-cols-\[auto_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] { grid-templa= te-columns: auto minmax(0px, 1fr) minmax(0px, 1fr); } .\@lg\:flex-nowrap { flex-wrap: nowrap; } } @container (width >=3D 36rem) { .\@xl\:static { position: static; } .\@xl\:order-none { order: 0; } } @container tortilla-detail (width >=3D 36rem) { .\@min-\[36rem\]\/tortilla-detail\:flex { display: flex; } .\@min-\[36rem\]\/tortilla-detail\:hidden { display: none; } .\@min-\[36rem\]\/tortilla-detail\:inline { display: inline; } .\@min-\[36rem\]\/tortilla-detail\:min-h-9 { min-height: calc(var(--spaci= ng) * 9); } .\@min-\[36rem\]\/tortilla-detail\:min-h-48 { min-height: calc(var(--spac= ing) * 48); } } @container (width >=3D 36rem) { .\@xl\:min-w-0 { min-width: 0px; } } @container tortilla-detail (width >=3D 36rem) { .\@min-\[36rem\]\/tortilla-detail\:flex-\[1_1_14rem\] { flex: 1 1 14rem; = } } @container (width >=3D 36rem) { .\@xl\:flex-1 { flex: 1 1 0%; } } @container product-carousel (width >=3D 36rem) { .\@xl\/product-carousel\:basis-\[calc\(\(100\%-2rem\)\/3\)\] { flex-basis= : calc(33.3333% - 0.666667rem); } } @container (width >=3D 36rem) { .\@xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); = } .\@xl\:flex-row { flex-direction: row; } } @container tortilla-detail (width >=3D 36rem) { .\@min-\[36rem\]\/tortilla-detail\:gap-2 { gap: calc(var(--spacing) * 2);= } } @container (width >=3D 36rem) { .\@xl\:gap-4 { gap: calc(var(--spacing) * 4); } } @container tortilla-detail (width >=3D 36rem) { .\@min-\[36rem\]\/tortilla-detail\:p-6 { padding: calc(var(--spacing) * 6= ); } } @container (width >=3D 36rem) { .\@xl\:py-0 { padding-block: 0px; } } @container tortilla-detail (width >=3D 36rem) { .\@min-\[36rem\]\/tortilla-detail\:text-sm { font-size: var(--text-sm); l= ine-height: var(--tw-leading,var(--text-sm--line-height)); } } @container (width >=3D 36rem) { .\@xl\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading= ,var(--text-sm--line-height)); } } @container tortilla-detail (width >=3D 36rem) { .\@min-\[36rem\]\/tortilla-detail\:text-\[1\.5625rem\] { font-size: 1.562= 5rem; } .\@min-\[36rem\]\/tortilla-detail\:leading-5 { --tw-leading: calc(var(--s= pacing) * 5); line-height: calc(var(--spacing) * 5); } .\@min-\[36rem\]\/tortilla-detail\:leading-8 { --tw-leading: calc(var(--s= pacing) * 8); line-height: calc(var(--spacing) * 8); } } @container (width >=3D 36rem) { .\@xl\:\[--masonry-columns\:3\] { --masonry-columns: 3; } } @container (width >=3D 39rem) { .\@min-\[39rem\]\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0= px, 1fr)); } } @container (width >=3D 42rem) { .\@2xl\:not-sr-only { clip-path: none; white-space: normal; width: auto; = height: auto; margin: 0px; padding: 0px; position: static; overflow: visibl= e; } .\@2xl\:col-span-2 { grid-column: span 2 / span 2; } } @container app-shell-header-toolbar (width >=3D 42rem) { .\@2xl\/app-shell-header-toolbar\:contents { display: contents; } .\@2xl\/app-shell-header-toolbar\:hidden { display: none; } } @container (width >=3D 42rem) { .\@2xl\:block { display: block; } .\@2xl\:contents { display: contents; } .\@2xl\:hidden { display: none; } .\@2xl\:shrink { flex-shrink: 1; } .\@2xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr));= } .\@2xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr));= } .\@2xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr));= } .\@2xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr));= } .\@2xl\:flex-row { flex-direction: row; } .\@2xl\:gap-3 { gap: calc(var(--spacing) * 3); } .\@2xl\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leadin= g,var(--text-sm--line-height)); } } @container browser-toolbar (width >=3D 48rem) { .\@3xl\/browser-toolbar\:grid { display: grid; } } @container gpt-builder (width >=3D 48rem) { .\@3xl\/gpt-builder\:flex { display: flex; } .\@3xl\/gpt-builder\:hidden { display: none; } } @container library-row (width >=3D 48rem) { .\@3xl\/library-row\:block { display: block; } .\@3xl\/library-row\:flex { display: flex; } } @container browser-toolbar (width >=3D 48rem) { .\@3xl\/browser-toolbar\:min-w-min { min-width: min-content; } .\@3xl\/browser-toolbar\:auto-cols-\[minmax\(auto\,max-content\)\] { grid= -auto-columns: minmax(auto, max-content); } .\@3xl\/browser-toolbar\:grid-flow-col { grid-auto-flow: column; } } @container gpt-builder (width >=3D 48rem) { .\@3xl\/gpt-builder\:border-s { border-inline-start-style: var(--tw-borde= r-style); border-inline-start-width: 1px; } .\@3xl\/gpt-builder\:border-primary-outline { border-color: var(--color-b= order-primary-outline); } } @container (width >=3D 48rem) { .\@3xl\:\[--masonry-columns\:4\] { --masonry-columns: 4; } } @container business-editor (width >=3D 64rem) { .\@5xl\/business-editor\:block { display: block; } .\@5xl\/business-editor\:hidden { display: none; } } @container (width >=3D 64rem) { .\@min-5xl\:block { display: block; } .\@5xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr));= } } @container business-editor (width >=3D 64rem) { .\@5xl\/business-editor\:px-0 { padding-inline: 0px; } .\@5xl\/business-editor\:py-16 { padding-block: calc(var(--spacing) * 16)= ; } } @container (width >=3D 64rem) { .\@5xl\:\[--masonry-columns\:5\] { --masonry-columns: 5; } } @container (width >=3D 80rem) { .\@7xl\:\[--masonry-columns\:6\] { --masonry-columns: 6; } } .ltr\:ms-auto:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :l= ang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku= ), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :la= ng(ur), :lang(yi)), [dir=3D"ltr"], [dir=3D"ltr"] *) { margin-inline-start: = auto; } .ltr\:me-auto:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :l= ang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku= ), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :la= ng(ur), :lang(yi)), [dir=3D"ltr"], [dir=3D"ltr"] *) { margin-inline-end: au= to; } .ltr\:-translate-x-1\/2:where(:not(:lang(ae), :lang(ar), :lang(arc), :lan= g(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he)= , :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lan= g(ug), :lang(ur), :lang(yi)), [dir=3D"ltr"], [dir=3D"ltr"] *) { --tw-transl= ate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(= --tw-translate-y); } .ltr\:translate-x-\(--segmented-form-indicator-offset\):where(:not(:lang(= ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), = :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(= pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=3D"ltr"]= , [dir=3D"ltr"] *) { --tw-translate-x: var(--segmented-form-indicator-offse= t); translate: var(--tw-translate-x) var(--tw-translate-y); } .ltr\:flex-row-reverse:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang= (bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he),= :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang= (ug), :lang(ur), :lang(yi)), [dir=3D"ltr"], [dir=3D"ltr"] *) { flex-directi= on: row-reverse; } .rtl\:start-auto:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), = :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(= ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), := lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { inset-inline-start:= auto; } .rtl\:end-4:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang= (bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), = :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(= ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { inset-inline-end: calc(v= ar(--spacing) * 4); } .rtl\:right-auto:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), = :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(= ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), := lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { right: auto; } .rtl\:left-2:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lan= g(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku),= :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang= (ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { left: calc(var(--spacin= g) * 2); } .rtl\:ms-auto:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :la= ng(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku)= , :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lan= g(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { margin-inline-start: a= uto; } .rtl\:me-auto:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :la= ng(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku)= , :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lan= g(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { margin-inline-end: aut= o; } .rtl\:origin-right:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc)= , :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lan= g(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug),= :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { transform-origin:= 100% center; } .rtl\:-translate-x-\(--segmented-form-indicator-offset\):where(:is(:lang(= ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), = :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(= pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=3D"rtl"]= , [dir=3D"rtl"] *) { --tw-translate-x: calc(var(--segmented-form-indicator-= offset) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:-translate-x-0\.5:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang= (bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he),= :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang= (ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { --tw-transla= te-x: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw= -translate-y); } .rtl\:-translate-x-1:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bc= c), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :l= ang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug= ), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { --tw-translate-= x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-tra= nslate-y); } .rtl\:-translate-x-1\/2:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang= (bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he),= :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang= (ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { --tw-transla= te-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(-= -tw-translate-y); } .rtl\:-translate-x-1\/4:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang= (bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he),= :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang= (ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { --tw-transla= te-x: calc(calc(1 / 4 * 100%) * -1); translate: var(--tw-translate-x) var(-= -tw-translate-y); } .rtl\:-translate-x-\[calc\(100\%\+12px\)\]:where(:is(:lang(ae), :lang(ar)= , :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :la= ng(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps= ), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"= ] *) { --tw-translate-x: calc(calc(100% + 12px) * -1); translate: var(--tw-= translate-x) var(--tw-translate-y); } .rtl\:translate-x-1:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc= ), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :la= ng(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug)= , :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { --tw-translate-x= : var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:translate-x-1\/2:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(= bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), = :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(= ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { --tw-translat= e-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translat= e-y); } .rtl\:translate-x-6:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc= ), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :la= ng(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug)= , :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { --tw-translate-x= : calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-trans= late-y); } .rtl\:-scale-x-100:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc)= , :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lan= g(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug),= :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { --tw-scale-x: cal= c(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } .rtl\:-rotate-16:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), = :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(= ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), := lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { rotate: -16deg; } .rtl\:rotate-0:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :l= ang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku= ), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :la= ng(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { rotate: 0deg; } .rtl\:rotate-16:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), := lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(k= u), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :l= ang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { rotate: 16deg; } .rtl\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), = :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(= ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), := lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { rotate: 180deg; } .rtl\:rotate-\[-10deg\]:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang= (bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he),= :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang= (ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { rotate: -10d= eg; } .rtl\:rotate-\[10deg\]:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(= bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), = :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(= ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { rotate: 10deg= ; } .rtl\:cursor-w-resize:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(b= cc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), := lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(u= g), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { cursor: w-resi= ze; } .rtl\:flex-row:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :l= ang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku= ), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :la= ng(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { flex-direction: row; = } .rtl\:flex-row-reverse:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(= bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), = :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(= ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { flex-directio= n: row-reverse; } .rtl\:justify-start:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc= ), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :la= ng(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug)= , :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { justify-content:= flex-start; } :where(.rtl\:space-x-reverse:where(:is(:lang(ae), :lang(ar), :lang(arc), = :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang= (he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), = :lang(ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) > :not(:l= ast-child)) { --tw-space-x-reverse: 1; } .rtl\:\[mask-image\:linear-gradient\(to_right\,transparent\,black_8px\,bl= ack\)\]:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi),= :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(= mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), := lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *) { mask-image: linear-gradient(90= deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 8px, rgb(0, 0, 0)); } @media (hover: hover) { .rtl\:group-hover\:translate-x-0:where(:is(:lang(ae), :lang(ar), :lang(ar= c), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), := lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(s= d), :lang(ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] *):is(:w= here(.group):hover :where(.rtl\:group-hover\:translate-x-0)) { --tw-transla= te-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } } .rtl\:group-focus-visible\:translate-x-0:where(:is(:lang(ae), :lang(ar), = :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang= (glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps),= :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir=3D"rtl"] = *):is(:where(.group):focus-visible :where(.rtl\:group-focus-visible\:transl= ate-x-0)) { --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--t= w-translate-y); } .rtl\:data-\[state\=3Dchecked\]\:-translate-x-\[14px\]:where(:is(:lang(ae= ), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :l= ang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pn= b), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], = [dir=3D"rtl"] *)[data-state=3D"checked"] { --tw-translate-x: calc(14px * -1= ); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-\[state\=3Dclosed\]\:translate-x-full:where(:is(:lang(ae), :la= ng(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa= ), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :l= ang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=3D"rtl"], [dir= =3D"rtl"] *)[data-state=3D"closed"] { --tw-translate-x: 100%; translate: va= r(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-\[state\=3Dunchecked\]\:-translate-x-\[2px\]:where(:is(:lang(a= e), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), := lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(p= nb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=3D"rtl"],= [dir=3D"rtl"] *)[data-state=3D"unchecked"] { --tw-translate-x: calc(2px * = -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .dark\:top-\[68px\]:where([data-theme=3D"dark"]) { top: 68px; } @container style(--theme-variant: dark) { .dark\:top-\[68px\]:where(:not([data-theme])) { top: 68px; } } .dark\:block:where([data-theme=3D"dark"]) { display: block; } @container style(--theme-variant: dark) { .dark\:block:where(:not([data-theme])) { display: block; } } .dark\:hidden:where([data-theme=3D"dark"]) { display: none; } @container style(--theme-variant: dark) { .dark\:hidden:where(:not([data-theme])) { display: none; } } .dark\:inline:where([data-theme=3D"dark"]) { display: inline; } @container style(--theme-variant: dark) { .dark\:inline:where(:not([data-theme])) { display: inline; } } .dark\:translate-y-7:where([data-theme=3D"dark"]) { --tw-translate-y: cal= c(var(--spacing) * 7); translate: var(--tw-translate-x) var(--tw-translate-= y); } @container style(--theme-variant: dark) { .dark\:translate-y-7:where(:not([data-theme])) { --tw-translate-y: calc(v= ar(--spacing) * 7); translate: var(--tw-translate-x) var(--tw-translate-y);= } } .dark\:scale-\[1\.4485\]:where([data-theme=3D"dark"]) { scale: 1.4485; } @container style(--theme-variant: dark) { .dark\:scale-\[1\.4485\]:where(:not([data-theme])) { scale: 1.4485; } } .dark\:border-\[\#303030\]:where([data-theme=3D"dark"]) { border-color: r= gb(48, 48, 48); } @container style(--theme-variant: dark) { .dark\:border-\[\#303030\]:where(:not([data-theme])) { border-color: rgb(= 48, 48, 48); } } .dark\:border-\[\#b5adf0\]\/20:where([data-theme=3D"dark"]) { border-colo= r: lab(73.2335 13.5824 -32.6678 / 0.2); } @container style(--theme-variant: dark) { .dark\:border-\[\#b5adf0\]\/20:where(:not([data-theme])) { border-color: = lab(73.2335 13.5824 -32.6678 / 0.2); } } .dark\:border-chart-blue\/80:where([data-theme=3D"dark"]) { border-color:= var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-chart-blue\/80:where([data-theme=3D"dark"]) { border-color:= color-mix(in oklab, var(--color-chart-blue) 80%, transparent); } } @container style(--theme-variant: dark) { .dark\:border-chart-blue\/80:where(:not([data-theme])) { border-color: va= r(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-chart-blue\/80:where(:not([data-theme])) { border-color: co= lor-mix(in oklab, var(--color-chart-blue) 80%, transparent); } } } .dark\:border-gray-700:where([data-theme=3D"dark"]) { border-color: var(-= -color-gray-700); } @container style(--theme-variant: dark) { .dark\:border-gray-700:where(:not([data-theme])) { border-color: var(--co= lor-gray-700); } } .dark\:border-transparent:where([data-theme=3D"dark"]) { border-color: rg= ba(0, 0, 0, 0); } @container style(--theme-variant: dark) { .dark\:border-transparent:where(:not([data-theme])) { border-color: rgba(= 0, 0, 0, 0); } } .dark\:border-white\/8:where([data-theme=3D"dark"]) { border-color: var(-= -color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/8:where([data-theme=3D"dark"]) { border-color: color= -mix(in oklab, var(--color-white) 8%, transparent); } } @container style(--theme-variant: dark) { .dark\:border-white\/8:where(:not([data-theme])) { border-color: var(--co= lor-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/8:where(:not([data-theme])) { border-color: color-mi= x(in oklab, var(--color-white) 8%, transparent); } } } .dark\:border-white\/10:where([data-theme=3D"dark"]) { border-color: var(= --color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/10:where([data-theme=3D"dark"]) { border-color: colo= r-mix(in oklab, var(--color-white) 10%, transparent); } } @container style(--theme-variant: dark) { .dark\:border-white\/10:where(:not([data-theme])) { border-color: var(--c= olor-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/10:where(:not([data-theme])) { border-color: color-m= ix(in oklab, var(--color-white) 10%, transparent); } } } .dark\:border-white\/12:where([data-theme=3D"dark"]) { border-color: var(= --color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/12:where([data-theme=3D"dark"]) { border-color: colo= r-mix(in oklab, var(--color-white) 12%, transparent); } } @container style(--theme-variant: dark) { .dark\:border-white\/12:where(:not([data-theme])) { border-color: var(--c= olor-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/12:where(:not([data-theme])) { border-color: color-m= ix(in oklab, var(--color-white) 12%, transparent); } } } .dark\:border-white\/15:where([data-theme=3D"dark"]) { border-color: var(= --color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/15:where([data-theme=3D"dark"]) { border-color: colo= r-mix(in oklab, var(--color-white) 15%, transparent); } } @container style(--theme-variant: dark) { .dark\:border-white\/15:where(:not([data-theme])) { border-color: var(--c= olor-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/15:where(:not([data-theme])) { border-color: color-m= ix(in oklab, var(--color-white) 15%, transparent); } } } .dark\:border-white\/25:where([data-theme=3D"dark"]) { border-color: var(= --color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/25:where([data-theme=3D"dark"]) { border-color: colo= r-mix(in oklab, var(--color-white) 25%, transparent); } } @container style(--theme-variant: dark) { .dark\:border-white\/25:where(:not([data-theme])) { border-color: var(--c= olor-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/25:where(:not([data-theme])) { border-color: color-m= ix(in oklab, var(--color-white) 25%, transparent); } } } .dark\:border-white\/\[\.15\]:where([data-theme=3D"dark"]) { border-color= : var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/\[\.15\]:where([data-theme=3D"dark"]) { border-color= : color-mix(in oklab, var(--color-white) 15%, transparent); } } @container style(--theme-variant: dark) { .dark\:border-white\/\[\.15\]:where(:not([data-theme])) { border-color: v= ar(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/\[\.15\]:where(:not([data-theme])) { border-color: c= olor-mix(in oklab, var(--color-white) 15%, transparent); } } } .dark\:border-white\/\[0\.1\]:where([data-theme=3D"dark"]) { border-color= : var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/\[0\.1\]:where([data-theme=3D"dark"]) { border-color= : color-mix(in oklab, var(--color-white) 10%, transparent); } } @container style(--theme-variant: dark) { .dark\:border-white\/\[0\.1\]:where(:not([data-theme])) { border-color: v= ar(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/\[0\.1\]:where(:not([data-theme])) { border-color: c= olor-mix(in oklab, var(--color-white) 10%, transparent); } } } .dark\:border-white\/\[0\.12\]:where([data-theme=3D"dark"]) { border-colo= r: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/\[0\.12\]:where([data-theme=3D"dark"]) { border-colo= r: color-mix(in oklab, var(--color-white) 12%, transparent); } } @container style(--theme-variant: dark) { .dark\:border-white\/\[0\.12\]:where(:not([data-theme])) { border-color: = var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/\[0\.12\]:where(:not([data-theme])) { border-color: = color-mix(in oklab, var(--color-white) 12%, transparent); } } } .dark\:border-white\/\[0\.14\]:where([data-theme=3D"dark"]) { border-colo= r: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/\[0\.14\]:where([data-theme=3D"dark"]) { border-colo= r: color-mix(in oklab, var(--color-white) 14.0%, transparent); } } @container style(--theme-variant: dark) { .dark\:border-white\/\[0\.14\]:where(:not([data-theme])) { border-color: = var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/\[0\.14\]:where(:not([data-theme])) { border-color: = color-mix(in oklab, var(--color-white) 14.0%, transparent); } } } .dark\:bg-\(--bg-primary\):where([data-theme=3D"dark"]) { background-colo= r: var(--bg-primary); } @container style(--theme-variant: dark) { .dark\:bg-\(--bg-primary\):where(:not([data-theme])) { background-color: = var(--bg-primary); } } .dark\:bg-\(--color-background-secondary-soft\)\/30:where([data-theme=3D"= dark"]) { background-color: var(--color-background-secondary-soft); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-\(--color-background-secondary-soft\)\/30:where([data-theme=3D"= dark"]) { background-color: color-mix(in oklab, var(--color-background-seco= ndary-soft) 30%, transparent); } } @container style(--theme-variant: dark) { .dark\:bg-\(--color-background-secondary-soft\)\/30:where(:not([data-them= e])) { background-color: var(--color-background-secondary-soft); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-\(--color-background-secondary-soft\)\/30:where(:not([data-them= e])) { background-color: color-mix(in oklab, var(--color-background-seconda= ry-soft) 30%, transparent); } } } .dark\:bg-\(--color-background-secondary-soft\)\/40:where([data-theme=3D"= dark"]) { background-color: var(--color-background-secondary-soft); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-\(--color-background-secondary-soft\)\/40:where([data-theme=3D"= dark"]) { background-color: color-mix(in oklab, var(--color-background-seco= ndary-soft) 40%, transparent); } } @container style(--theme-variant: dark) { .dark\:bg-\(--color-background-secondary-soft\)\/40:where(:not([data-them= e])) { background-color: var(--color-background-secondary-soft); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-\(--color-background-secondary-soft\)\/40:where(:not([data-them= e])) { background-color: color-mix(in oklab, var(--color-background-seconda= ry-soft) 40%, transparent); } } } .dark\:bg-\[\#40c977\]:where([data-theme=3D"dark"]) { background-color: r= gb(64, 201, 119); } @container style(--theme-variant: dark) { .dark\:bg-\[\#40c977\]:where(:not([data-theme])) { background-color: rgb(= 64, 201, 119); } } .dark\:bg-\[\#282b34\]:where([data-theme=3D"dark"]) { background-color: r= gb(40, 43, 52); } @container style(--theme-variant: dark) { .dark\:bg-\[\#282b34\]:where(:not([data-theme])) { background-color: rgb(= 40, 43, 52); } } .dark\:bg-\[\#339cff\]:where([data-theme=3D"dark"]) { background-color: r= gb(51, 156, 255); } @container style(--theme-variant: dark) { .dark\:bg-\[\#339cff\]:where(:not([data-theme])) { background-color: rgb(= 51, 156, 255); } } .dark\:bg-\[\#8177c8\]\/90:where([data-theme=3D"dark"]) { background-colo= r: lab(53.6112 18.5252 -41.3531 / 0.9); } @container style(--theme-variant: dark) { .dark\:bg-\[\#8177c8\]\/90:where(:not([data-theme])) { background-color: = lab(53.6112 18.5252 -41.3531 / 0.9); } } .dark\:bg-\[\#18191e\]:where([data-theme=3D"dark"]) { background-color: r= gb(24, 25, 30); } @container style(--theme-variant: dark) { .dark\:bg-\[\#18191e\]:where(:not([data-theme])) { background-color: rgb(= 24, 25, 30); } } .dark\:bg-\[\#23252c\]:where([data-theme=3D"dark"]) { background-color: r= gb(35, 37, 44); } @container style(--theme-variant: dark) { .dark\:bg-\[\#23252c\]:where(:not([data-theme])) { background-color: rgb(= 35, 37, 44); } } .dark\:bg-\[\#131313\]:where([data-theme=3D"dark"]) { background-color: r= gb(19, 19, 19); } @container style(--theme-variant: dark) { .dark\:bg-\[\#131313\]:where(:not([data-theme])) { background-color: rgb(= 19, 19, 19); } } .dark\:bg-\[\#202127\]:where([data-theme=3D"dark"]) { background-color: r= gb(32, 33, 39); } @container style(--theme-variant: dark) { .dark\:bg-\[\#202127\]:where(:not([data-theme])) { background-color: rgb(= 32, 33, 39); } } .dark\:bg-\[\#212121\]\!:where([data-theme=3D"dark"]) { background-color:= rgb(33, 33, 33) !important; } @container style(--theme-variant: dark) { .dark\:bg-\[\#212121\]\!:where(:not([data-theme])) { background-color: rg= b(33, 33, 33) !important; } } .dark\:bg-\[\#262831\]:where([data-theme=3D"dark"]) { background-color: r= gb(38, 40, 49); } @container style(--theme-variant: dark) { .dark\:bg-\[\#262831\]:where(:not([data-theme])) { background-color: rgb(= 38, 40, 49); } } .dark\:bg-\[\#303030\]:where([data-theme=3D"dark"]) { background-color: r= gb(48, 48, 48); } @container style(--theme-variant: dark) { .dark\:bg-\[\#303030\]:where(:not([data-theme])) { background-color: rgb(= 48, 48, 48); } } .dark\:bg-\[\#303030\]\!:where([data-theme=3D"dark"]) { background-color:= rgb(48, 48, 48) !important; } @container style(--theme-variant: dark) { .dark\:bg-\[\#303030\]\!:where(:not([data-theme])) { background-color: rg= b(48, 48, 48) !important; } } .dark\:bg-\[\#353535\]:where([data-theme=3D"dark"]) { background-color: r= gb(53, 53, 53); } @container style(--theme-variant: dark) { .dark\:bg-\[\#353535\]:where(:not([data-theme])) { background-color: rgb(= 53, 53, 53); } } .dark\:bg-\[\#363636\]:where([data-theme=3D"dark"]) { background-color: r= gb(54, 54, 54); } @container style(--theme-variant: dark) { .dark\:bg-\[\#363636\]:where(:not([data-theme])) { background-color: rgb(= 54, 54, 54); } } .dark\:bg-\[\#F3F3F3\]:where([data-theme=3D"dark"]) { background-color: r= gb(243, 243, 243); } @container style(--theme-variant: dark) { .dark\:bg-\[\#F3F3F3\]:where(:not([data-theme])) { background-color: rgb(= 243, 243, 243); } } .dark\:bg-\[\#ad7bf9\]:where([data-theme=3D"dark"]) { background-color: r= gb(173, 123, 249); } @container style(--theme-variant: dark) { .dark\:bg-\[\#ad7bf9\]:where(:not([data-theme])) { background-color: rgb(= 173, 123, 249); } } .dark\:bg-\[\#afafaf\]\/40:where([data-theme=3D"dark"]) { background-colo= r: lab(71.466 0 -0.0000119209 / 0.4); } @container style(--theme-variant: dark) { .dark\:bg-\[\#afafaf\]\/40:where(:not([data-theme])) { background-color: = lab(71.466 0 -0.0000119209 / 0.4); } } .dark\:bg-\[\#ff8cc1\]:where([data-theme=3D"dark"]) { background-color: r= gb(255, 140, 193); } @container style(--theme-variant: dark) { .dark\:bg-\[\#ff8cc1\]:where(:not([data-theme])) { background-color: rgb(= 255, 140, 193); } } .dark\:bg-\[\#ff6764\]:where([data-theme=3D"dark"]) { background-color: r= gb(255, 103, 100); } @container style(--theme-variant: dark) { .dark\:bg-\[\#ff6764\]:where(:not([data-theme])) { background-color: rgb(= 255, 103, 100); } } .dark\:bg-\[\#ff8549\]:where([data-theme=3D"dark"]) { background-color: r= gb(255, 133, 73); } @container style(--theme-variant: dark) { .dark\:bg-\[\#ff8549\]:where(:not([data-theme])) { background-color: rgb(= 255, 133, 73); } } .dark\:bg-\[\#ffd240\]:where([data-theme=3D"dark"]) { background-color: r= gb(255, 210, 64); } @container style(--theme-variant: dark) { .dark\:bg-\[\#ffd240\]:where(:not([data-theme])) { background-color: rgb(= 255, 210, 64); } } .dark\:bg-\[color\:var\(--accent-blue\)\]\/20:where([data-theme=3D"dark"]= ) { background-color: var(--accent-blue); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-\[color\:var\(--accent-blue\)\]\/20:where([data-theme=3D"dark"]= ) { background-color: color-mix(in oklab, var(--accent-blue) 20%, transpare= nt); } } @container style(--theme-variant: dark) { .dark\:bg-\[color\:var\(--accent-blue\)\]\/20:where(:not([data-theme])) {= background-color: var(--accent-blue); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-\[color\:var\(--accent-blue\)\]\/20:where(:not([data-theme])) {= background-color: color-mix(in oklab, var(--accent-blue) 20%, transparent)= ; } } } .dark\:bg-\[rgba\(255\,255\,255\,0\.04\)\]:where([data-theme=3D"dark"]) {= background-color: rgba(255, 255, 255, 0.04); } @container style(--theme-variant: dark) { .dark\:bg-\[rgba\(255\,255\,255\,0\.04\)\]:where(:not([data-theme])) { ba= ckground-color: rgba(255, 255, 255, 0.04); } } .dark\:bg-\[rgba\(255\,255\,255\,0\.06\)\]:where([data-theme=3D"dark"]) {= background-color: rgba(255, 255, 255, 0.06); } @container style(--theme-variant: dark) { .dark\:bg-\[rgba\(255\,255\,255\,0\.06\)\]:where(:not([data-theme])) { ba= ckground-color: rgba(255, 255, 255, 0.06); } } .dark\:bg-\[var\(--checkout-bg-secondary\,var\(--bg-secondary\)\)\]:where= ([data-theme=3D"dark"]) { background-color: var(--checkout-bg-secondary,var= (--bg-secondary)); } @container style(--theme-variant: dark) { .dark\:bg-\[var\(--checkout-bg-secondary\,var\(--bg-secondary\)\)\]:where= (:not([data-theme])) { background-color: var(--checkout-bg-secondary,var(--= bg-secondary)); } } .dark\:bg-\[var\(--green-800\)\]:where([data-theme=3D"dark"]) { backgroun= d-color: var(--green-800); } @container style(--theme-variant: dark) { .dark\:bg-\[var\(--green-800\)\]:where(:not([data-theme])) { background-c= olor: var(--green-800); } } .dark\:bg-black:where([data-theme=3D"dark"]) { background-color: var(--co= lor-black); } @container style(--theme-variant: dark) { .dark\:bg-black:where(:not([data-theme])) { background-color: var(--color= -black); } } .dark\:bg-blue-100\/20:where([data-theme=3D"dark"]) { background-color: v= ar(--color-blue-100); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-blue-100\/20:where([data-theme=3D"dark"]) { background-color: c= olor-mix(in oklab, var(--color-blue-100) 20%, transparent); } } @container style(--theme-variant: dark) { .dark\:bg-blue-100\/20:where(:not([data-theme])) { background-color: var(= --color-blue-100); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-blue-100\/20:where(:not([data-theme])) { background-color: colo= r-mix(in oklab, var(--color-blue-100) 20%, transparent); } } } .dark\:bg-chart-blue\/20:where([data-theme=3D"dark"]) { background-color:= var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-chart-blue\/20:where([data-theme=3D"dark"]) { background-color:= color-mix(in oklab, var(--color-chart-blue) 20%, transparent); } } @container style(--theme-variant: dark) { .dark\:bg-chart-blue\/20:where(:not([data-theme])) { background-color: va= r(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-chart-blue\/20:where(:not([data-theme])) { background-color: co= lor-mix(in oklab, var(--color-chart-blue) 20%, transparent); } } } .dark\:bg-green-700:where([data-theme=3D"dark"]) { background-color: var(= --color-green-700); } @container style(--theme-variant: dark) { .dark\:bg-green-700:where(:not([data-theme])) { background-color: var(--c= olor-green-700); } } .dark\:bg-media-foreground:where([data-theme=3D"dark"]) { background-colo= r: var(--color-media-foreground); } @container style(--theme-variant: dark) { .dark\:bg-media-foreground:where(:not([data-theme])) { background-color: = var(--color-media-foreground); } .dark\:bg-primary-ghost-hover:where(:not([data-theme])) { background-colo= r: var(--color-background-primary-ghost-hover); } } .dark\:bg-primary-ghost-hover:where([data-theme=3D"dark"]) { background-c= olor: var(--color-background-primary-ghost-hover); } @container style(--theme-variant: dark) { .dark\:bg-primary-ghost-hover:where(:not([data-theme])) { background-colo= r: var(--color-background-primary-ghost-hover); } .dark\:bg-primary-soft:where(:not([data-theme])) { background-color: var(= --color-background-primary-soft); } } .dark\:bg-primary-soft:where([data-theme=3D"dark"]) { background-color: v= ar(--color-background-primary-soft); } @container style(--theme-variant: dark) { .dark\:bg-primary-soft:where(:not([data-theme])) { background-color: var(= --color-background-primary-soft); } .dark\:bg-primary-soft-alpha:where(:not([data-theme])) { background-color= : var(--color-background-primary-soft-alpha); } } .dark\:bg-primary-soft-alpha:where([data-theme=3D"dark"]) { background-co= lor: var(--color-background-primary-soft-alpha); } @container style(--theme-variant: dark) { .dark\:bg-primary-soft-alpha:where(:not([data-theme])) { background-color= : var(--color-background-primary-soft-alpha); } .dark\:bg-primary-solid:where(:not([data-theme])) { background-color: var= (--color-background-primary-solid); } } .dark\:bg-primary-solid:where([data-theme=3D"dark"]) { background-color: = var(--color-background-primary-solid); } @container style(--theme-variant: dark) { .dark\:bg-primary-solid:where(:not([data-theme])) { background-color: var= (--color-background-primary-solid); } .dark\:bg-surface:where(:not([data-theme])) { background-color: var(--col= or-surface); } } .dark\:bg-surface:where([data-theme=3D"dark"]) { background-color: var(--= color-surface); } @container style(--theme-variant: dark) { .dark\:bg-surface:where(:not([data-theme])) { background-color: var(--col= or-surface); } .dark\:bg-surface-elevated:where(:not([data-theme])) { background-color: = var(--color-surface-elevated); } } .dark\:bg-surface-elevated:where([data-theme=3D"dark"]) { background-colo= r: var(--color-surface-elevated); } @container style(--theme-variant: dark) { .dark\:bg-surface-elevated:where(:not([data-theme])) { background-color: = var(--color-surface-elevated); } .dark\:bg-surface-elevated-secondary:where(:not([data-theme])) { backgrou= nd-color: var(--color-surface-elevated-secondary); } } .dark\:bg-surface-elevated-secondary:where([data-theme=3D"dark"]) { backg= round-color: var(--color-surface-elevated-secondary); } @container style(--theme-variant: dark) { .dark\:bg-surface-elevated-secondary:where(:not([data-theme])) { backgrou= nd-color: var(--color-surface-elevated-secondary); } .dark\:bg-surface-secondary:where(:not([data-theme])) { background-color:= var(--color-surface-secondary); } } .dark\:bg-surface-secondary:where([data-theme=3D"dark"]) { background-col= or: var(--color-surface-secondary); } @container style(--theme-variant: dark) { .dark\:bg-surface-secondary:where(:not([data-theme])) { background-color:= var(--color-surface-secondary); } } .dark\:bg-surface-secondary\/92:where([data-theme=3D"dark"]) { background= -color: var(--color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-surface-secondary\/92:where([data-theme=3D"dark"]) { background= -color: color-mix(in oklab, var(--color-surface-secondary) 92%, transparent= ); } } @container style(--theme-variant: dark) { .dark\:bg-surface-secondary\/92:where(:not([data-theme])) { background-co= lor: var(--color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-surface-secondary\/92:where(:not([data-theme])) { background-co= lor: color-mix(in oklab, var(--color-surface-secondary) 92%, transparent); = } } .dark\:bg-surface-tertiary:where(:not([data-theme])) { background-color: = var(--color-surface-tertiary); } } .dark\:bg-surface-tertiary:where([data-theme=3D"dark"]) { background-colo= r: var(--color-surface-tertiary); } @container style(--theme-variant: dark) { .dark\:bg-surface-tertiary:where(:not([data-theme])) { background-color: = var(--color-surface-tertiary); } } .dark\:bg-surface-tertiary\/70:where([data-theme=3D"dark"]) { background-= color: var(--color-surface-tertiary); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-surface-tertiary\/70:where([data-theme=3D"dark"]) { background-= color: color-mix(in oklab, var(--color-surface-tertiary) 70%, transparent);= } } @container style(--theme-variant: dark) { .dark\:bg-surface-tertiary\/70:where(:not([data-theme])) { background-col= or: var(--color-surface-tertiary); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-surface-tertiary\/70:where(:not([data-theme])) { background-col= or: color-mix(in oklab, var(--color-surface-tertiary) 70%, transparent); } } } .dark\:bg-token-bg-primary:where([data-theme=3D"dark"]) { background-colo= r: var(--color-token-bg-primary); } @container style(--theme-variant: dark) { .dark\:bg-token-bg-primary:where(:not([data-theme])) { background-color: = var(--color-token-bg-primary); } } .dark\:bg-transparent:where([data-theme=3D"dark"]) { background-color: rg= ba(0, 0, 0, 0); } @container style(--theme-variant: dark) { .dark\:bg-transparent:where(:not([data-theme])) { background-color: rgba(= 0, 0, 0, 0); } } .dark\:bg-white:where([data-theme=3D"dark"]) { background-color: var(--co= lor-white); } @container style(--theme-variant: dark) { .dark\:bg-white:where(:not([data-theme])) { background-color: var(--color= -white); } } .dark\:bg-white\/6:where([data-theme=3D"dark"]) { background-color: var(-= -color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/6:where([data-theme=3D"dark"]) { background-color: color= -mix(in oklab, var(--color-white) 6%, transparent); } } @container style(--theme-variant: dark) { .dark\:bg-white\/6:where(:not([data-theme])) { background-color: var(--co= lor-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/6:where(:not([data-theme])) { background-color: color-mi= x(in oklab, var(--color-white) 6%, transparent); } } } .dark\:bg-white\/8:where([data-theme=3D"dark"]) { background-color: var(-= -color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/8:where([data-theme=3D"dark"]) { background-color: color= -mix(in oklab, var(--color-white) 8%, transparent); } } @container style(--theme-variant: dark) { .dark\:bg-white\/8:where(:not([data-theme])) { background-color: var(--co= lor-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/8:where(:not([data-theme])) { background-color: color-mi= x(in oklab, var(--color-white) 8%, transparent); } } } .dark\:bg-white\/10:where([data-theme=3D"dark"]) { background-color: var(= --color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/10:where([data-theme=3D"dark"]) { background-color: colo= r-mix(in oklab, var(--color-white) 10%, transparent); } } @container style(--theme-variant: dark) { .dark\:bg-white\/10:where(:not([data-theme])) { background-color: var(--c= olor-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/10:where(:not([data-theme])) { background-color: color-m= ix(in oklab, var(--color-white) 10%, transparent); } } } .dark\:bg-white\/18:where([data-theme=3D"dark"]) { background-color: var(= --color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/18:where([data-theme=3D"dark"]) { background-color: colo= r-mix(in oklab, var(--color-white) 18%, transparent); } } @container style(--theme-variant: dark) { .dark\:bg-white\/18:where(:not([data-theme])) { background-color: var(--c= olor-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/18:where(:not([data-theme])) { background-color: color-m= ix(in oklab, var(--color-white) 18%, transparent); } } } .dark\:bg-white\/20:where([data-theme=3D"dark"]) { background-color: var(= --color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/20:where([data-theme=3D"dark"]) { background-color: colo= r-mix(in oklab, var(--color-white) 20%, transparent); } } @container style(--theme-variant: dark) { .dark\:bg-white\/20:where(:not([data-theme])) { background-color: var(--c= olor-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/20:where(:not([data-theme])) { background-color: color-m= ix(in oklab, var(--color-white) 20%, transparent); } } } .dark\:bg-white\/\[0\.08\]:where([data-theme=3D"dark"]) { background-colo= r: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/\[0\.08\]:where([data-theme=3D"dark"]) { background-colo= r: color-mix(in oklab, var(--color-white) 8%, transparent); } } @container style(--theme-variant: dark) { .dark\:bg-white\/\[0\.08\]:where(:not([data-theme])) { background-color: = var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/\[0\.08\]:where(:not([data-theme])) { background-color: = color-mix(in oklab, var(--color-white) 8%, transparent); } } } .dark\:bg-white\/\[0\.12\]:where([data-theme=3D"dark"]) { background-colo= r: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/\[0\.12\]:where([data-theme=3D"dark"]) { background-colo= r: color-mix(in oklab, var(--color-white) 12%, transparent); } } @container style(--theme-variant: dark) { .dark\:bg-white\/\[0\.12\]:where(:not([data-theme])) { background-color: = var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/\[0\.12\]:where(:not([data-theme])) { background-color: = color-mix(in oklab, var(--color-white) 12%, transparent); } } } .dark\:bg-\[linear-gradient\(180deg\,_\#212121_0\%\,_\#274B72_100\%\)\]:w= here([data-theme=3D"dark"]) { background-image: linear-gradient(rgb(33, 33,= 33) 0%, rgb(39, 75, 114) 100%); } @container style(--theme-variant: dark) { .dark\:bg-\[linear-gradient\(180deg\,_\#212121_0\%\,_\#274B72_100\%\)\]:w= here(:not([data-theme])) { background-image: linear-gradient(rgb(33, 33, 33= ) 0%, rgb(39, 75, 114) 100%); } } .dark\:bg-\[linear-gradient\(206\.72deg\,_\#274B72_2\.34\%\,_\#212121_92\= .37\%\)\]:where([data-theme=3D"dark"]) { background-image: linear-gradient(= 206.72deg, rgb(39, 75, 114) 2.34%, rgb(33, 33, 33) 92.37%); } @container style(--theme-variant: dark) { .dark\:bg-\[linear-gradient\(206\.72deg\,_\#274B72_2\.34\%\,_\#212121_92\= .37\%\)\]:where(:not([data-theme])) { background-image: linear-gradient(206= .72deg, rgb(39, 75, 114) 2.34%, rgb(33, 33, 33) 92.37%); } } .dark\:bg-\[linear-gradient\(206\.72deg\,_\#30305F_2\.34\%\,_\#212121_92\= .37\%\)\]:where([data-theme=3D"dark"]) { background-image: linear-gradient(= 206.72deg, rgb(48, 48, 95) 2.34%, rgb(33, 33, 33) 92.37%); } @container style(--theme-variant: dark) { .dark\:bg-\[linear-gradient\(206\.72deg\,_\#30305F_2\.34\%\,_\#212121_92\= .37\%\)\]:where(:not([data-theme])) { background-image: linear-gradient(206= .72deg, rgb(48, 48, 95) 2.34%, rgb(33, 33, 33) 92.37%); } } .dark\:from-chart-yellow\/20:where([data-theme=3D"dark"]) { --tw-gradient= -from: var(--color-chart-yellow); } @supports (color:color-mix(in lab, red, red)) { .dark\:from-chart-yellow\/20:where([data-theme=3D"dark"]) { --tw-gradient= -from: color-mix(in oklab, var(--color-chart-yellow) 20%, transparent); } } .dark\:from-chart-yellow\/20:where([data-theme=3D"dark"]) { --tw-gradient= -stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-g= radient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(-= -tw-gradient-to-position)); } @container style(--theme-variant: dark) { .dark\:from-chart-yellow\/20:where(:not([data-theme])) { --tw-gradient-fr= om: var(--color-chart-yellow); } @supports (color:color-mix(in lab, red, red)) { .dark\:from-chart-yellow\/20:where(:not([data-theme])) { --tw-gradient-fr= om: color-mix(in oklab, var(--color-chart-yellow) 20%, transparent); } } .dark\:from-chart-yellow\/20:where(:not([data-theme])) { --tw-gradient-st= ops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-grad= ient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw= -gradient-to-position)); } } .dark\:from-white\/\[0\.16\]:where([data-theme=3D"dark"]) { --tw-gradient= -from: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:from-white\/\[0\.16\]:where([data-theme=3D"dark"]) { --tw-gradient= -from: color-mix(in oklab, var(--color-white) 16%, transparent); } } .dark\:from-white\/\[0\.16\]:where([data-theme=3D"dark"]) { --tw-gradient= -stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-g= radient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(-= -tw-gradient-to-position)); } @container style(--theme-variant: dark) { .dark\:from-white\/\[0\.16\]:where(:not([data-theme])) { --tw-gradient-fr= om: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:from-white\/\[0\.16\]:where(:not([data-theme])) { --tw-gradient-fr= om: color-mix(in oklab, var(--color-white) 16%, transparent); } } .dark\:from-white\/\[0\.16\]:where(:not([data-theme])) { --tw-gradient-st= ops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-grad= ient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw= -gradient-to-position)); } } .dark\:via-chart-blue\/20:where([data-theme=3D"dark"]) { --tw-gradient-vi= a: var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .dark\:via-chart-blue\/20:where([data-theme=3D"dark"]) { --tw-gradient-vi= a: color-mix(in oklab, var(--color-chart-blue) 20%, transparent); } } .dark\:via-chart-blue\/20:where([data-theme=3D"dark"]) { --tw-gradient-vi= a-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-grad= ient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position)= , var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops= : var(--tw-gradient-via-stops); } @container style(--theme-variant: dark) { .dark\:via-chart-blue\/20:where(:not([data-theme])) { --tw-gradient-via: = var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .dark\:via-chart-blue\/20:where(:not([data-theme])) { --tw-gradient-via: = color-mix(in oklab, var(--color-chart-blue) 20%, transparent); } } .dark\:via-chart-blue\/20:where(:not([data-theme])) { --tw-gradient-via-s= tops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradien= t-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), v= ar(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: v= ar(--tw-gradient-via-stops); } } .dark\:via-white\/\[0\.04\]:where([data-theme=3D"dark"]) { --tw-gradient-= via: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:via-white\/\[0\.04\]:where([data-theme=3D"dark"]) { --tw-gradient-= via: color-mix(in oklab, var(--color-white) 4%, transparent); } } .dark\:via-white\/\[0\.04\]:where([data-theme=3D"dark"]) { --tw-gradient-= via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gr= adient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-positio= n), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-sto= ps: var(--tw-gradient-via-stops); } @container style(--theme-variant: dark) { .dark\:via-white\/\[0\.04\]:where(:not([data-theme])) { --tw-gradient-via= : var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:via-white\/\[0\.04\]:where(:not([data-theme])) { --tw-gradient-via= : color-mix(in oklab, var(--color-white) 4%, transparent); } } .dark\:via-white\/\[0\.04\]:where(:not([data-theme])) { --tw-gradient-via= -stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradi= ent-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position),= var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:= var(--tw-gradient-via-stops); } } .dark\:to-chart-purple\/20:where([data-theme=3D"dark"]) { --tw-gradient-t= o: var(--color-chart-purple); } @supports (color:color-mix(in lab, red, red)) { .dark\:to-chart-purple\/20:where([data-theme=3D"dark"]) { --tw-gradient-t= o: color-mix(in oklab, var(--color-chart-purple) 20%, transparent); } } .dark\:to-chart-purple\/20:where([data-theme=3D"dark"]) { --tw-gradient-s= tops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gra= dient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--t= w-gradient-to-position)); } @container style(--theme-variant: dark) { .dark\:to-chart-purple\/20:where(:not([data-theme])) { --tw-gradient-to: = var(--color-chart-purple); } @supports (color:color-mix(in lab, red, red)) { .dark\:to-chart-purple\/20:where(:not([data-theme])) { --tw-gradient-to: = color-mix(in oklab, var(--color-chart-purple) 20%, transparent); } } .dark\:to-chart-purple\/20:where(:not([data-theme])) { --tw-gradient-stop= s: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradie= nt-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-g= radient-to-position)); } } .dark\:stroke-black:where([data-theme=3D"dark"]) { stroke: var(--color-bl= ack); } @container style(--theme-variant: dark) { .dark\:stroke-black:where(:not([data-theme])) { stroke: var(--color-black= ); } } .dark\:\!text-black:where([data-theme=3D"dark"]) { color: var(--color-bla= ck) !important; } @container style(--theme-variant: dark) { .dark\:\!text-black:where(:not([data-theme])) { color: var(--color-black)= !important; } } .dark\:text-\[\#0A84FF\]:where([data-theme=3D"dark"]) { color: rgb(10, 13= 2, 255); } @container style(--theme-variant: dark) { .dark\:text-\[\#0A84FF\]:where(:not([data-theme])) { color: rgb(10, 132, = 255); } } .dark\:text-\[\#7CC4FF\]:where([data-theme=3D"dark"]) { color: rgb(124, 1= 96, 255); } @container style(--theme-variant: dark) { .dark\:text-\[\#7CC4FF\]:where(:not([data-theme])) { color: rgb(124, 196,= 255); } } .dark\:text-\[\#40c977\]:where([data-theme=3D"dark"]) { color: rgb(64, 20= 1, 119); } @container style(--theme-variant: dark) { .dark\:text-\[\#40c977\]:where(:not([data-theme])) { color: rgb(64, 201, = 119); } } .dark\:text-\[\#339cff\]:where([data-theme=3D"dark"]) { color: rgb(51, 15= 6, 255); } @container style(--theme-variant: dark) { .dark\:text-\[\#339cff\]:where(:not([data-theme])) { color: rgb(51, 156, = 255); } } .dark\:text-\[\#111111\]:where([data-theme=3D"dark"]) { color: rgb(17, 17= , 17); } @container style(--theme-variant: dark) { .dark\:text-\[\#111111\]:where(:not([data-theme])) { color: rgb(17, 17, 1= 7); } } .dark\:text-\[\#A5A5A5\]:where([data-theme=3D"dark"]) { color: rgb(165, 1= 65, 165); } @container style(--theme-variant: dark) { .dark\:text-\[\#A5A5A5\]:where(:not([data-theme])) { color: rgb(165, 165,= 165); } } .dark\:text-\[\#FF8B8B\]:where([data-theme=3D"dark"]) { color: rgb(255, 1= 39, 139); } @container style(--theme-variant: dark) { .dark\:text-\[\#FF8B8B\]:where(:not([data-theme])) { color: rgb(255, 139,= 139); } } .dark\:text-\[\#a4cdfb\]:where([data-theme=3D"dark"]) { color: rgb(164, 2= 05, 251); } @container style(--theme-variant: dark) { .dark\:text-\[\#a4cdfb\]:where(:not([data-theme])) { color: rgb(164, 205,= 251); } } .dark\:text-\[\#ad7bf9\]:where([data-theme=3D"dark"]) { color: rgb(173, 1= 23, 249); } @container style(--theme-variant: dark) { .dark\:text-\[\#ad7bf9\]:where(:not([data-theme])) { color: rgb(173, 123,= 249); } } .dark\:text-\[\#afafaf\]:where([data-theme=3D"dark"]) { color: rgb(175, 1= 75, 175); } @container style(--theme-variant: dark) { .dark\:text-\[\#afafaf\]:where(:not([data-theme])) { color: rgb(175, 175,= 175); } } .dark\:text-\[\#ff8cc1\]:where([data-theme=3D"dark"]) { color: rgb(255, 1= 40, 193); } @container style(--theme-variant: dark) { .dark\:text-\[\#ff8cc1\]:where(:not([data-theme])) { color: rgb(255, 140,= 193); } } .dark\:text-\[\#ff6764\]:where([data-theme=3D"dark"]) { color: rgb(255, 1= 03, 100); } @container style(--theme-variant: dark) { .dark\:text-\[\#ff6764\]:where(:not([data-theme])) { color: rgb(255, 103,= 100); } } .dark\:text-\[\#ff8549\]:where([data-theme=3D"dark"]) { color: rgb(255, 1= 33, 73); } @container style(--theme-variant: dark) { .dark\:text-\[\#ff8549\]:where(:not([data-theme])) { color: rgb(255, 133,= 73); } } .dark\:text-\[\#ffd240\]:where([data-theme=3D"dark"]) { color: rgb(255, 2= 10, 64); } @container style(--theme-variant: dark) { .dark\:text-\[\#ffd240\]:where(:not([data-theme])) { color: rgb(255, 210,= 64); } } .dark\:text-\[color-mix\(in_srgb\,var\(--color-codex-description\)_45\%\,= transparent\)\]:where([data-theme=3D"dark"]) { color: var(--color-codex-des= cription); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-\[color-mix\(in_srgb\,var\(--color-codex-description\)_45\%\,= transparent\)\]:where([data-theme=3D"dark"]) { color: color-mix(in srgb,var= (--color-codex-description) 45%,transparent); } } @container style(--theme-variant: dark) { .dark\:text-\[color-mix\(in_srgb\,var\(--color-codex-description\)_45\%\,= transparent\)\]:where(:not([data-theme])) { color: var(--color-codex-descri= ption); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-\[color-mix\(in_srgb\,var\(--color-codex-description\)_45\%\,= transparent\)\]:where(:not([data-theme])) { color: color-mix(in srgb,var(--= color-codex-description) 45%,transparent); } } } .dark\:text-\[var\(--green-50\)\]:where([data-theme=3D"dark"]) { color: v= ar(--green-50); } @container style(--theme-variant: dark) { .dark\:text-\[var\(--green-50\)\]:where(:not([data-theme])) { color: var(= --green-50); } } .dark\:text-\[var\(--theme-blue-text-on-background\)\]:where([data-theme= =3D"dark"]) { color: var(--theme-blue-text-on-background); } @container style(--theme-variant: dark) { .dark\:text-\[var\(--theme-blue-text-on-background\)\]:where(:not([data-t= heme])) { color: var(--theme-blue-text-on-background); } } .dark\:text-avatar-foreground-inverse:where([data-theme=3D"dark"]) { colo= r: var(--color-avatar-foreground-inverse); } @container style(--theme-variant: dark) { .dark\:text-avatar-foreground-inverse:where(:not([data-theme])) { color: = var(--color-avatar-foreground-inverse); } } .dark\:text-blue:where([data-theme=3D"dark"]) { color: var(--color-blue);= } @container style(--theme-variant: dark) { .dark\:text-blue:where(:not([data-theme])) { color: var(--color-blue); } } .dark\:text-blue-100:where([data-theme=3D"dark"]) { color: var(--color-bl= ue-100); } @container style(--theme-variant: dark) { .dark\:text-blue-100:where(:not([data-theme])) { color: var(--color-blue-= 100); } } .dark\:text-default:where([data-theme=3D"dark"]) { color: var(--color-tex= t); } @container style(--theme-variant: dark) { .dark\:text-default:where(:not([data-theme])) { color: var(--color-text);= } } .dark\:text-green-400:where([data-theme=3D"dark"]) { color: var(--color-g= reen-400); } @container style(--theme-variant: dark) { .dark\:text-green-400:where(:not([data-theme])) { color: var(--color-gree= n-400); } } .dark\:text-green-700:where([data-theme=3D"dark"]) { color: var(--color-g= reen-700); } @container style(--theme-variant: dark) { .dark\:text-green-700:where(:not([data-theme])) { color: var(--color-gree= n-700); } .dark\:text-info:where(:not([data-theme])) { color: var(--color-text-info= ); } } .dark\:text-info:where([data-theme=3D"dark"]) { color: var(--color-text-i= nfo); } @container style(--theme-variant: dark) { .dark\:text-info:where(:not([data-theme])) { color: var(--color-text-info= ); } .dark\:text-info-ghost:where(:not([data-theme])) { color: var(--color-tex= t-info-ghost); } } .dark\:text-info-ghost:where([data-theme=3D"dark"]) { color: var(--color-= text-info-ghost); } @container style(--theme-variant: dark) { .dark\:text-info-ghost:where(:not([data-theme])) { color: var(--color-tex= t-info-ghost); } } .dark\:text-media-background:where([data-theme=3D"dark"]) { color: var(--= color-media-background); } @container style(--theme-variant: dark) { .dark\:text-media-background:where(:not([data-theme])) { color: var(--col= or-media-background); } } .dark\:text-orange-400:where([data-theme=3D"dark"]) { color: var(--color-= orange-400); } @container style(--theme-variant: dark) { .dark\:text-orange-400:where(:not([data-theme])) { color: var(--color-ora= nge-400); } .dark\:text-primary-solid:where(:not([data-theme])) { color: var(--color-= text-primary-solid); } } .dark\:text-primary-solid:where([data-theme=3D"dark"]) { color: var(--col= or-text-primary-solid); } @container style(--theme-variant: dark) { .dark\:text-primary-solid:where(:not([data-theme])) { color: var(--color-= text-primary-solid); } } .dark\:text-red-400:where([data-theme=3D"dark"]) { color: var(--color-red= -400); } @container style(--theme-variant: dark) { .dark\:text-red-400:where(:not([data-theme])) { color: var(--color-red-40= 0); } } .dark\:text-white:where([data-theme=3D"dark"]) { color: var(--color-white= ); } @container style(--theme-variant: dark) { .dark\:text-white:where(:not([data-theme])) { color: var(--color-white); = } } .dark\:text-white\!:where([data-theme=3D"dark"]) { color: var(--color-whi= te) !important; } @container style(--theme-variant: dark) { .dark\:text-white\!:where(:not([data-theme])) { color: var(--color-white)= !important; } } .dark\:text-white\/30:where([data-theme=3D"dark"]) { color: var(--color-w= hite); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/30:where([data-theme=3D"dark"]) { color: color-mix(in = oklab, var(--color-white) 30%, transparent); } } @container style(--theme-variant: dark) { .dark\:text-white\/30:where(:not([data-theme])) { color: var(--color-whit= e); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/30:where(:not([data-theme])) { color: color-mix(in okl= ab, var(--color-white) 30%, transparent); } } } .dark\:text-white\/45:where([data-theme=3D"dark"]) { color: var(--color-w= hite); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/45:where([data-theme=3D"dark"]) { color: color-mix(in = oklab, var(--color-white) 45%, transparent); } } @container style(--theme-variant: dark) { .dark\:text-white\/45:where(:not([data-theme])) { color: var(--color-whit= e); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/45:where(:not([data-theme])) { color: color-mix(in okl= ab, var(--color-white) 45%, transparent); } } } .dark\:text-white\/50:where([data-theme=3D"dark"]) { color: var(--color-w= hite); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/50:where([data-theme=3D"dark"]) { color: color-mix(in = oklab, var(--color-white) 50%, transparent); } } @container style(--theme-variant: dark) { .dark\:text-white\/50:where(:not([data-theme])) { color: var(--color-whit= e); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/50:where(:not([data-theme])) { color: color-mix(in okl= ab, var(--color-white) 50%, transparent); } } } .dark\:text-white\/55:where([data-theme=3D"dark"]) { color: var(--color-w= hite); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/55:where([data-theme=3D"dark"]) { color: color-mix(in = oklab, var(--color-white) 55%, transparent); } } @container style(--theme-variant: dark) { .dark\:text-white\/55:where(:not([data-theme])) { color: var(--color-whit= e); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/55:where(:not([data-theme])) { color: color-mix(in okl= ab, var(--color-white) 55%, transparent); } } } .dark\:text-white\/60:where([data-theme=3D"dark"]) { color: var(--color-w= hite); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/60:where([data-theme=3D"dark"]) { color: color-mix(in = oklab, var(--color-white) 60%, transparent); } } @container style(--theme-variant: dark) { .dark\:text-white\/60:where(:not([data-theme])) { color: var(--color-whit= e); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/60:where(:not([data-theme])) { color: color-mix(in okl= ab, var(--color-white) 60%, transparent); } } } .dark\:text-white\/70:where([data-theme=3D"dark"]) { color: var(--color-w= hite); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/70:where([data-theme=3D"dark"]) { color: color-mix(in = oklab, var(--color-white) 70%, transparent); } } @container style(--theme-variant: dark) { .dark\:text-white\/70:where(:not([data-theme])) { color: var(--color-whit= e); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/70:where(:not([data-theme])) { color: color-mix(in okl= ab, var(--color-white) 70%, transparent); } } } .dark\:text-white\/74:where([data-theme=3D"dark"]) { color: var(--color-w= hite); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/74:where([data-theme=3D"dark"]) { color: color-mix(in = oklab, var(--color-white) 74%, transparent); } } @container style(--theme-variant: dark) { .dark\:text-white\/74:where(:not([data-theme])) { color: var(--color-whit= e); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/74:where(:not([data-theme])) { color: color-mix(in okl= ab, var(--color-white) 74%, transparent); } } } .dark\:text-white\/88:where([data-theme=3D"dark"]) { color: var(--color-w= hite); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/88:where([data-theme=3D"dark"]) { color: color-mix(in = oklab, var(--color-white) 88%, transparent); } } @container style(--theme-variant: dark) { .dark\:text-white\/88:where(:not([data-theme])) { color: var(--color-whit= e); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/88:where(:not([data-theme])) { color: color-mix(in okl= ab, var(--color-white) 88%, transparent); } } } .dark\:text-white\/92:where([data-theme=3D"dark"]) { color: var(--color-w= hite); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/92:where([data-theme=3D"dark"]) { color: color-mix(in = oklab, var(--color-white) 92%, transparent); } } @container style(--theme-variant: dark) { .dark\:text-white\/92:where(:not([data-theme])) { color: var(--color-whit= e); } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/92:where(:not([data-theme])) { color: color-mix(in okl= ab, var(--color-white) 92%, transparent); } } } .dark\:opacity-10:where([data-theme=3D"dark"]) { opacity: 0.1; } @container style(--theme-variant: dark) { .dark\:opacity-10:where(:not([data-theme])) { opacity: 0.1; } } .dark\:opacity-30:where([data-theme=3D"dark"]) { opacity: 0.3; } @container style(--theme-variant: dark) { .dark\:opacity-30:where(:not([data-theme])) { opacity: 0.3; } } .dark\:opacity-40:where([data-theme=3D"dark"]) { opacity: 0.4; } @container style(--theme-variant: dark) { .dark\:opacity-40:where(:not([data-theme])) { opacity: 0.4; } } .dark\:opacity-50:where([data-theme=3D"dark"]) { opacity: 0.5; } @container style(--theme-variant: dark) { .dark\:opacity-50:where(:not([data-theme])) { opacity: 0.5; } } .dark\:opacity-60:where([data-theme=3D"dark"]) { opacity: 0.6; } @container style(--theme-variant: dark) { .dark\:opacity-60:where(:not([data-theme])) { opacity: 0.6; } } .dark\:opacity-75:where([data-theme=3D"dark"]) { opacity: 0.75; } @container style(--theme-variant: dark) { .dark\:opacity-75:where(:not([data-theme])) { opacity: 0.75; } } .dark\:shadow-\(--elevation-composer-dark\):where([data-theme=3D"dark"]) = { --tw-shadow: var(--elevation-composer-dark); box-shadow: var(--tw-inset-s= hadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw= -ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-\(--elevation-composer-dark\):where(:not([data-theme])) { -= -tw-shadow: var(--elevation-composer-dark); box-shadow: var(--tw-inset-shad= ow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ri= ng-shadow), var(--tw-shadow); } } .dark\:shadow-\[0_0_6px_rgba\(118\,104\,197\,0\.5\)\]:where([data-theme= =3D"dark"]) { --tw-shadow: 0 0 6px var(--tw-shadow-color,#7668c580); box-sh= adow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-of= fset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-\[0_0_6px_rgba\(118\,104\,197\,0\.5\)\]:where(:not([data-th= eme])) { --tw-shadow: 0 0 6px var(--tw-shadow-color,#7668c580); box-shadow:= var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-= shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.36\)\]:where([data-theme=3D"d= ark"]) { --tw-shadow: 0 1px 2px var(--tw-shadow-color,#0000005c); box-shado= w: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offse= t-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.36\)\]:where(:not([data-theme= ])) { --tw-shadow: 0 1px 2px var(--tw-shadow-color,#0000005c); box-shadow: = var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-s= hadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[0_4px_25px_-5px_rgb\(8_12_35_\/_0\.6\)\]:where([data-them= e=3D"dark"]) { --tw-shadow: 0 4px 25px -5px var(--tw-shadow-color,#080c2399= ); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--t= w-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-\[0_4px_25px_-5px_rgb\(8_12_35_\/_0\.6\)\]:where(:not([data= -theme])) { --tw-shadow: 0 4px 25px -5px var(--tw-shadow-color,#080c2399); = box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-r= ing-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[0_8px_16px_0_rgba\(0\,0\,0\,0\.40\)\,inset_0_0_1px_0_rgba= \(255\,255\,255\,0\.25\)\,0_0_1px_0_rgba\(0\,0\,0\,0\.60\)\]:where([data-th= eme=3D"dark"]) { --tw-shadow: 0 8px 16px 0 var(--tw-shadow-color,#0006), in= set 0 0 1px 0 var(--tw-shadow-color,#ffffff40), 0 0 1px 0 var(--tw-shadow-c= olor,#0009); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow= ), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-\[0_8px_16px_0_rgba\(0\,0\,0\,0\.40\)\,inset_0_0_1px_0_rgba= \(255\,255\,255\,0\.25\)\,0_0_1px_0_rgba\(0\,0\,0\,0\.60\)\]:where(:not([da= ta-theme])) { --tw-shadow: 0 8px 16px 0 var(--tw-shadow-color,#0006), inset= 0 0 1px 0 var(--tw-shadow-color,#ffffff40), 0 0 1px 0 var(--tw-shadow-colo= r,#0009); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), = var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.22\)\]\!:where([data-theme= =3D"dark"]) { --tw-shadow: 0 12px 32px var(--tw-shadow-color,#00000038) !im= portant; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), v= ar(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !impor= tant; } @container style(--theme-variant: dark) { .dark\:shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.22\)\]\!:where(:not([data-t= heme])) { --tw-shadow: 0 12px 32px var(--tw-shadow-color,#00000038) !import= ant; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(-= -tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important= ; } } .dark\:shadow-\[inset_0_-1px_2px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_= rgba\(0\,0\,0\,0\.34\)\]:where([data-theme=3D"dark"]) { --tw-shadow: inset = 0 -1px 2px var(--tw-shadow-color,#ffffff14), 0 1px 2px var(--tw-shadow-colo= r,#00000057); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shado= w), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); = } @container style(--theme-variant: dark) { .dark\:shadow-\[inset_0_-1px_2px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_= rgba\(0\,0\,0\,0\.34\)\]:where(:not([data-theme])) { --tw-shadow: inset 0 -= 1px 2px var(--tw-shadow-color,#ffffff14), 0 1px 2px var(--tw-shadow-color,#= 00000057); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),= var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\,0_1px_2px_r= gba\(0\,0\,0\,0\.32\)\]:where([data-theme=3D"dark"]) { --tw-shadow: inset 0= 0 0 1px var(--tw-shadow-color,#ffffff0f), 0 1px 2px var(--tw-shadow-color,= #00000052); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow)= , var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\,0_1px_2px_r= gba\(0\,0\,0\,0\.32\)\]:where(:not([data-theme])) { --tw-shadow: inset 0 0 = 0 1px var(--tw-shadow-color,#ffffff0f), 0 1px 2px var(--tw-shadow-color,#00= 000052); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), v= ar(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_1px_0_rgb= a\(0\,0\,0\,0\.28\)\]:where([data-theme=3D"dark"]) { --tw-shadow: inset 0 0= 0 1px var(--tw-shadow-color,#ffffff14), 0 1px 0 var(--tw-shadow-color,#000= 00047); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), va= r(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_1px_0_rgb= a\(0\,0\,0\,0\.28\)\]:where(:not([data-theme])) { --tw-shadow: inset 0 0 0 = 1px var(--tw-shadow-color,#ffffff14), 0 1px 0 var(--tw-shadow-color,#000000= 47); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(-= -tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_r= gba\(0\,0\,0\,0\.32\)\]:where([data-theme=3D"dark"]) { --tw-shadow: inset 0= 0 0 1px var(--tw-shadow-color,#ffffff14), 0 1px 2px var(--tw-shadow-color,= #00000052); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow)= , var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_r= gba\(0\,0\,0\,0\.32\)\]:where(:not([data-theme])) { --tw-shadow: inset 0 0 = 0 1px var(--tw-shadow-color,#ffffff14), 0 1px 2px var(--tw-shadow-color,#00= 000052); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), v= ar(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_r= gba\(0\,0\,0\,0\.34\)\]:where([data-theme=3D"dark"]) { --tw-shadow: inset 0= 0 0 1px var(--tw-shadow-color,#ffffff14), 0 1px 2px var(--tw-shadow-color,= #00000057); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow)= , var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_r= gba\(0\,0\,0\,0\.34\)\]:where(:not([data-theme])) { --tw-shadow: inset 0 0 = 0 1px var(--tw-shadow-color,#ffffff14), 0 1px 2px var(--tw-shadow-color,#00= 000057); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), v= ar(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_14px_34px= _rgba\(0\,0\,0\,0\.36\)\]:where([data-theme=3D"dark"]) { --tw-shadow: inset= 0 0 0 1px var(--tw-shadow-color,#ffffff14), 0 14px 34px var(--tw-shadow-co= lor,#0000005c); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-sha= dow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)= ; } @container style(--theme-variant: dark) { .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_14px_34px= _rgba\(0\,0\,0\,0\.36\)\]:where(:not([data-theme])) { --tw-shadow: inset 0 = 0 0 1px var(--tw-shadow-color,#ffffff14), 0 14px 34px var(--tw-shadow-color= ,#0000005c); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow= ), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.09\)\,inset_0_1px= _2px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_rgba\(0\,0\,0\,0\.3\)\]:where(= [data-theme=3D"dark"]) { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color= ,#ffffff17), inset 0 1px 2px var(--tw-shadow-color,#ffffff14), 0 1px 2px va= r(--tw-shadow-color,#0000004d); box-shadow: var(--tw-inset-shadow), var(--t= w-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), = var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.09\)\,inset_0_1px= _2px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_rgba\(0\,0\,0\,0\.3\)\]:where(= :not([data-theme])) { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color,#f= fffff17), inset 0 1px 2px var(--tw-shadow-color,#ffffff14), 0 1px 2px var(-= -tw-shadow-color,#0000004d); box-shadow: var(--tw-inset-shadow), var(--tw-i= nset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var= (--tw-shadow); } } .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.14\)\,0_0_14px_rg= ba\(141\,181\,255\,0\.28\)\]:where([data-theme=3D"dark"]) { --tw-shadow: in= set 0 0 0 1px var(--tw-shadow-color,#ffffff24), 0 0 14px var(--tw-shadow-co= lor,#8db5ff47); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-sha= dow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)= ; } @container style(--theme-variant: dark) { .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.14\)\,0_0_14px_rg= ba\(141\,181\,255\,0\.28\)\]:where(:not([data-theme])) { --tw-shadow: inset= 0 0 0 1px var(--tw-shadow-color,#ffffff24), 0 0 14px var(--tw-shadow-color= ,#8db5ff47); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow= ), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.25\)\]:where([dat= a-theme=3D"dark"]) { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color,#ff= ffff40); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), v= ar(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.25\)\]:where(:not= ([data-theme])) { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color,#fffff= f40); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(= --tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-lg-stronger:where([data-theme=3D"dark"]) { --tw-shadow: 0px= 4px 8px -2px var(--tw-shadow-color,#00000029); box-shadow: var(--tw-inset-= shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--t= w-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-lg-stronger:where(:not([data-theme])) { --tw-shadow: 0px 4p= x 8px -2px var(--tw-shadow-color,#00000029); box-shadow: var(--tw-inset-sha= dow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-r= ing-shadow), var(--tw-shadow); } } .dark\:shadow-none:where([data-theme=3D"dark"]) { --tw-shadow: 0 0 #0000;= box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-= ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:shadow-none:where(:not([data-theme])) { --tw-shadow: 0 0 #0000; bo= x-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-rin= g-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:inset-shadow-2xs:where([data-theme=3D"dark"]) { --tw-inset-shadow:= inset 0 1px var(--tw-inset-shadow-color,#0000000d); box-shadow: var(--tw-i= nset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), va= r(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:inset-shadow-2xs:where(:not([data-theme])) { --tw-inset-shadow: in= set 0 1px var(--tw-inset-shadow-color,#0000000d); box-shadow: var(--tw-inse= t-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(-= -tw-ring-shadow), var(--tw-shadow); } } .dark\:inset-shadow-sm:where([data-theme=3D"dark"]) { --tw-inset-shadow: = inset 0 2px 4px var(--tw-inset-shadow-color,#0000000d); box-shadow: var(--t= w-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),= var(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:inset-shadow-sm:where(:not([data-theme])) { --tw-inset-shadow: ins= et 0 2px 4px var(--tw-inset-shadow-color,#0000000d); box-shadow: var(--tw-i= nset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), va= r(--tw-ring-shadow), var(--tw-shadow); } } .dark\:inset-ring-1:where([data-theme=3D"dark"]) { --tw-inset-ring-shadow= : inset 0 0 0 1px var(--tw-inset-ring-color,currentcolor); box-shadow: var(= --tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shado= w), var(--tw-ring-shadow), var(--tw-shadow); } @container style(--theme-variant: dark) { .dark\:inset-ring-1:where(:not([data-theme])) { --tw-inset-ring-shadow: i= nset 0 0 0 1px var(--tw-inset-ring-color,currentcolor); box-shadow: var(--t= w-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),= var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:ring-chart-blue\/60:where([data-theme=3D"dark"]) { --tw-ring-color= : var(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .dark\:ring-chart-blue\/60:where([data-theme=3D"dark"]) { --tw-ring-color= : color-mix(in oklab, var(--color-chart-blue) 60%, transparent); } } @container style(--theme-variant: dark) { .dark\:ring-chart-blue\/60:where(:not([data-theme])) { --tw-ring-color: v= ar(--color-chart-blue); } @supports (color:color-mix(in lab, red, red)) { .dark\:ring-chart-blue\/60:where(:not([data-theme])) { --tw-ring-color: c= olor-mix(in oklab, var(--color-chart-blue) 60%, transparent); } } } .dark\:ring-white\/15:where([data-theme=3D"dark"]) { --tw-ring-color: var= (--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:ring-white\/15:where([data-theme=3D"dark"]) { --tw-ring-color: col= or-mix(in oklab, var(--color-white) 15%, transparent); } } @container style(--theme-variant: dark) { .dark\:ring-white\/15:where(:not([data-theme])) { --tw-ring-color: var(--= color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:ring-white\/15:where(:not([data-theme])) { --tw-ring-color: color-= mix(in oklab, var(--color-white) 15%, transparent); } } } .dark\:inset-shadow-border:where([data-theme=3D"dark"]) { --tw-inset-shad= ow-color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .dark\:inset-shadow-border:where([data-theme=3D"dark"]) { --tw-inset-shad= ow-color: color-mix(in oklab, var(--color-border) var(--tw-inset-shadow-alp= ha), transparent); } } @container style(--theme-variant: dark) { .dark\:inset-shadow-border:where(:not([data-theme])) { --tw-inset-shadow-= color: var(--color-border); } @supports (color:color-mix(in lab, red, red)) { .dark\:inset-shadow-border:where(:not([data-theme])) { --tw-inset-shadow-= color: color-mix(in oklab, var(--color-border) var(--tw-inset-shadow-alpha)= , transparent); } } } .dark\:inset-ring-border-subtle:where([data-theme=3D"dark"]) { --tw-inset= -ring-color: var(--color-border-subtle); } @container style(--theme-variant: dark) { .dark\:inset-ring-border-subtle:where(:not([data-theme])) { --tw-inset-ri= ng-color: var(--color-border-subtle); } } .dark\:brightness-100:where([data-theme=3D"dark"]) { --tw-brightness: bri= ghtness(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-con= trast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) va= r(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } @container style(--theme-variant: dark) { .dark\:brightness-100:where(:not([data-theme])) { --tw-brightness: bright= ness(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contra= st, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(-= -tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } } .dark\:grayscale-0:where([data-theme=3D"dark"]) { --tw-grayscale: graysca= le(0%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, = ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-= saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } @container style(--theme-variant: dark) { .dark\:grayscale-0:where(:not([data-theme])) { --tw-grayscale: grayscale(= 0%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) v= ar(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-sat= urate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } } .dark\:invert:where([data-theme=3D"dark"]) { --tw-invert: invert(100%); f= ilter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--t= w-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate,= ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } @container style(--theme-variant: dark) { .dark\:invert:where(:not([data-theme])) { --tw-invert: invert(100%); filt= er: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-g= rayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) = var(--tw-sepia, ) var(--tw-drop-shadow, ); } } .dark\:\[--color-background-info-solid\:var\(--blue-500\)\]:where([data-t= heme=3D"dark"]) { --color-background-info-solid: var(--blue-500); } @container style(--theme-variant: dark) { .dark\:\[--color-background-info-solid\:var\(--blue-500\)\]:where(:not([d= ata-theme])) { --color-background-info-solid: var(--blue-500); } } .dark\:\[--shimmer-contrast\:rgba\(0\,0\,0\,0\.42\)\]:where([data-theme= =3D"dark"]) { --shimmer-contrast: #0000006b; } @container style(--theme-variant: dark) { .dark\:\[--shimmer-contrast\:rgba\(0\,0\,0\,0\.42\)\]:where(:not([data-th= eme])) { --shimmer-contrast: #0000006b; } } @media (hover: hover) { .dark\:group-hover\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.12\)= \,0_0_12px_rgba\(141\,181\,255\,0\.24\)\]:where([data-theme=3D"dark"]):is(:= where(.group):hover :where(.dark\:group-hover\:shadow-\[inset_0_0_0_1px_rgb= a\(255\,255\,255\,0\.12\)\,0_0_12px_rgba\(141\,181\,255\,0\.24\)\])) { --tw= -shadow: inset 0 0 0 1px var(--tw-shadow-color,#ffffff1f), 0 0 12px var(--t= w-shadow-color,#8db5ff3d); box-shadow: var(--tw-inset-shadow), var(--tw-ins= et-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(-= -tw-shadow); } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:group-hover\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.12\)= \,0_0_12px_rgba\(141\,181\,255\,0\.24\)\]:where(:not([data-theme])):is(:whe= re(.group):hover :where(.dark\:group-hover\:shadow-\[inset_0_0_0_1px_rgba\(= 255\,255\,255\,0\.12\)\,0_0_12px_rgba\(141\,181\,255\,0\.24\)\])) { --tw-sh= adow: inset 0 0 0 1px var(--tw-shadow-color,#ffffff1f), 0 0 12px var(--tw-s= hadow-color,#8db5ff3d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-= ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw= -shadow); } } } @media (hover: hover) { .dark\:group-hover\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.14\)= \,0_0_12px_rgba\(141\,181\,255\,0\.24\)\]:where([data-theme=3D"dark"]):is(:= where(.group):hover :where(.dark\:group-hover\:shadow-\[inset_0_0_0_1px_rgb= a\(255\,255\,255\,0\.14\)\,0_0_12px_rgba\(141\,181\,255\,0\.24\)\])) { --tw= -shadow: inset 0 0 0 1px var(--tw-shadow-color,#ffffff24), 0 0 12px var(--t= w-shadow-color,#8db5ff3d); box-shadow: var(--tw-inset-shadow), var(--tw-ins= et-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(-= -tw-shadow); } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:group-hover\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.14\)= \,0_0_12px_rgba\(141\,181\,255\,0\.24\)\]:where(:not([data-theme])):is(:whe= re(.group):hover :where(.dark\:group-hover\:shadow-\[inset_0_0_0_1px_rgba\(= 255\,255\,255\,0\.14\)\,0_0_12px_rgba\(141\,181\,255\,0\.24\)\])) { --tw-sh= adow: inset 0 0 0 1px var(--tw-shadow-color,#ffffff24), 0 0 12px var(--tw-s= hadow-color,#8db5ff3d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-= ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw= -shadow); } } } .dark\:group-data-\[density\=3Dform\]\/settings\:bg-transparent:where([da= ta-theme=3D"dark"]):is(:where(.group\/settings)[data-density=3D"form"] :whe= re(.dark\:group-data-\[density\=3Dform\]\/settings\:bg-transparent)) { back= ground-color: rgba(0, 0, 0, 0); } @container style(--theme-variant: dark) { .dark\:group-data-\[density\=3Dform\]\/settings\:bg-transparent:where(:no= t([data-theme])):is(:where(.group\/settings)[data-density=3D"form"] :where(= .dark\:group-data-\[density\=3Dform\]\/settings\:bg-transparent)) { backgro= und-color: rgba(0, 0, 0, 0); } } .dark\:peer-focus-visible\:ring-white\/70:where([data-theme=3D"dark"]):is= (:where(.peer):focus-visible ~ *) { --tw-ring-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:peer-focus-visible\:ring-white\/70:where([data-theme=3D"dark"]):is= (:where(.peer):focus-visible ~ *) { --tw-ring-color: color-mix(in oklab, va= r(--color-white) 70%, transparent); } } @container style(--theme-variant: dark) { .dark\:peer-focus-visible\:ring-white\/70:where(:not([data-theme])):is(:w= here(.peer):focus-visible ~ *) { --tw-ring-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:peer-focus-visible\:ring-white\/70:where(:not([data-theme])):is(:w= here(.peer):focus-visible ~ *) { --tw-ring-color: color-mix(in oklab, var(-= -color-white) 70%, transparent); } } } .dark\:peer-focus-visible\:outline-text\/16:where([data-theme=3D"dark"]):= is(:where(.peer):focus-visible ~ *) { outline-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .dark\:peer-focus-visible\:outline-text\/16:where([data-theme=3D"dark"]):= is(:where(.peer):focus-visible ~ *) { outline-color: color-mix(in oklab, va= r(--color-text) 16%, transparent); } } @container style(--theme-variant: dark) { .dark\:peer-focus-visible\:outline-text\/16:where(:not([data-theme])):is(= :where(.peer):focus-visible ~ *) { outline-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .dark\:peer-focus-visible\:outline-text\/16:where(:not([data-theme])):is(= :where(.peer):focus-visible ~ *) { outline-color: color-mix(in oklab, var(-= -color-text) 16%, transparent); } } } @media (hover: hover) { .dark\:peer-enabled\:peer-hover\:ring-white\/25:where([data-theme=3D"dark= "]):is(:where(.peer):enabled ~ *):is(:where(.peer):hover ~ *) { --tw-ring-c= olor: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:peer-enabled\:peer-hover\:ring-white\/25:where([data-theme=3D"dark= "]):is(:where(.peer):enabled ~ *):is(:where(.peer):hover ~ *) { --tw-ring-c= olor: color-mix(in oklab, var(--color-white) 25%, transparent); } } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:peer-enabled\:peer-hover\:ring-white\/25:where(:not([data-theme]))= :is(:where(.peer):enabled ~ *):is(:where(.peer):hover ~ *) { --tw-ring-colo= r: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:peer-enabled\:peer-hover\:ring-white\/25:where(:not([data-theme]))= :is(:where(.peer):enabled ~ *):is(:where(.peer):hover ~ *) { --tw-ring-colo= r: color-mix(in oklab, var(--color-white) 25%, transparent); } } } } .dark\:placeholder\:text-white\/35:where([data-theme=3D"dark"])::placehol= der { color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:placeholder\:text-white\/35:where([data-theme=3D"dark"])::placehol= der { color: color-mix(in oklab, var(--color-white) 35%, transparent); } } @container style(--theme-variant: dark) { .dark\:placeholder\:text-white\/35:where(:not([data-theme]))::placeholder= { color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:placeholder\:text-white\/35:where(:not([data-theme]))::placeholder= { color: color-mix(in oklab, var(--color-white) 35%, transparent); } } } .dark\:focus-within\:bg-background-secondary-soft-alpha:where([data-theme= =3D"dark"]):focus-within { background-color: var(--color-background-seconda= ry-soft-alpha); } @container style(--theme-variant: dark) { .dark\:focus-within\:bg-background-secondary-soft-alpha:where(:not([data-= theme])):focus-within { background-color: var(--color-background-secondary-= soft-alpha); } } .dark\:focus-within\:bg-white\/10:where([data-theme=3D"dark"]):focus-with= in { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:focus-within\:bg-white\/10:where([data-theme=3D"dark"]):focus-with= in { background-color: color-mix(in oklab, var(--color-white) 10%, transpar= ent); } } @container style(--theme-variant: dark) { .dark\:focus-within\:bg-white\/10:where(:not([data-theme])):focus-within = { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:focus-within\:bg-white\/10:where(:not([data-theme])):focus-within = { background-color: color-mix(in oklab, var(--color-white) 10%, transparent= ); } } } @media (hover: hover) { .dark\:hover\:bg-background-secondary-soft-alpha:where([data-theme=3D"dar= k"]):hover { background-color: var(--color-background-secondary-soft-alpha)= ; } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:hover\:bg-background-secondary-soft-alpha:where(:not([data-theme])= ):hover { background-color: var(--color-background-secondary-soft-alpha); } } } @media (hover: hover) { .dark\:hover\:bg-black\/20:where([data-theme=3D"dark"]):hover { backgroun= d-color: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-black\/20:where([data-theme=3D"dark"]):hover { backgroun= d-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:hover\:bg-black\/20:where(:not([data-theme])):hover { background-c= olor: var(--color-black); } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-black\/20:where(:not([data-theme])):hover { background-c= olor: color-mix(in oklab, var(--color-black) 20%, transparent); } } } } @media (hover: hover) { .dark\:hover\:bg-transparent:where([data-theme=3D"dark"]):hover { backgro= und-color: rgba(0, 0, 0, 0); } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:hover\:bg-transparent:where(:not([data-theme])):hover { background= -color: rgba(0, 0, 0, 0); } } } @media (hover: hover) { .dark\:hover\:bg-white\/7:where([data-theme=3D"dark"]):hover { background= -color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-white\/7:where([data-theme=3D"dark"]):hover { background= -color: color-mix(in oklab, var(--color-white) 7%, transparent); } } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:hover\:bg-white\/7:where(:not([data-theme])):hover { background-co= lor: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-white\/7:where(:not([data-theme])):hover { background-co= lor: color-mix(in oklab, var(--color-white) 7%, transparent); } } } } @media (hover: hover) { .dark\:hover\:bg-white\/8:where([data-theme=3D"dark"]):hover { background= -color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-white\/8:where([data-theme=3D"dark"]):hover { background= -color: color-mix(in oklab, var(--color-white) 8%, transparent); } } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:hover\:bg-white\/8:where(:not([data-theme])):hover { background-co= lor: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-white\/8:where(:not([data-theme])):hover { background-co= lor: color-mix(in oklab, var(--color-white) 8%, transparent); } } } } @media (hover: hover) { .dark\:hover\:bg-white\/10:where([data-theme=3D"dark"]):hover { backgroun= d-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-white\/10:where([data-theme=3D"dark"]):hover { backgroun= d-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:hover\:bg-white\/10:where(:not([data-theme])):hover { background-c= olor: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-white\/10:where(:not([data-theme])):hover { background-c= olor: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } @media (hover: hover) { .dark\:hover\:bg-white\/\[0\.06\]:where([data-theme=3D"dark"]):hover { ba= ckground-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-white\/\[0\.06\]:where([data-theme=3D"dark"]):hover { ba= ckground-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:hover\:bg-white\/\[0\.06\]:where(:not([data-theme])):hover { backg= round-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-white\/\[0\.06\]:where(:not([data-theme])):hover { backg= round-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } } } @media (hover: hover) { .dark\:hover\:text-white:where([data-theme=3D"dark"]):hover { color: var(= --color-white); } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:hover\:text-white:where(:not([data-theme])):hover { color: var(--c= olor-white); } } } .dark\:focus\:border-white:where([data-theme=3D"dark"]):focus { border-co= lor: var(--color-white); } @container style(--theme-variant: dark) { .dark\:focus\:border-white:where(:not([data-theme])):focus { border-color= : var(--color-white); } } .dark\:focus\:ring-white:where([data-theme=3D"dark"]):focus { --tw-ring-c= olor: var(--color-white); } @container style(--theme-variant: dark) { .dark\:focus\:ring-white:where(:not([data-theme])):focus { --tw-ring-colo= r: var(--color-white); } } .dark\:focus-visible\:bg-white\/10:where([data-theme=3D"dark"]):focus-vis= ible { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:focus-visible\:bg-white\/10:where([data-theme=3D"dark"]):focus-vis= ible { background-color: color-mix(in oklab, var(--color-white) 10%, transp= arent); } } @container style(--theme-variant: dark) { .dark\:focus-visible\:bg-white\/10:where(:not([data-theme])):focus-visibl= e { background-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:focus-visible\:bg-white\/10:where(:not([data-theme])):focus-visibl= e { background-color: color-mix(in oklab, var(--color-white) 10%, transpare= nt); } } } .dark\:active\:bg-surface\/70:where([data-theme=3D"dark"]):active { backg= round-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .dark\:active\:bg-surface\/70:where([data-theme=3D"dark"]):active { backg= round-color: color-mix(in oklab, var(--color-surface) 70%, transparent); } } @container style(--theme-variant: dark) { .dark\:active\:bg-surface\/70:where(:not([data-theme])):active { backgrou= nd-color: var(--color-surface); } @supports (color:color-mix(in lab, red, red)) { .dark\:active\:bg-surface\/70:where(:not([data-theme])):active { backgrou= nd-color: color-mix(in oklab, var(--color-surface) 70%, transparent); } } } @media (hover: hover) { .dark\:enabled\:hover\:bg-surface-tertiary:where([data-theme=3D"dark"]):e= nabled:hover { background-color: var(--color-surface-tertiary); } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:enabled\:hover\:bg-surface-tertiary:where(:not([data-theme])):enab= led:hover { background-color: var(--color-surface-tertiary); } } } @media (hover: hover) { .dark\:enabled\:hover\:bg-surface-tertiary:where([data-theme=3D"dark"]):e= nabled:hover { background-color: var(--color-surface-tertiary); } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:enabled\:hover\:bg-surface-tertiary:where(:not([data-theme])):enab= led:hover { background-color: var(--color-surface-tertiary); } } } @media (hover: hover) { .dark\:enabled\:hover\:ring-white\/25:where([data-theme=3D"dark"]):enable= d:hover { --tw-ring-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:enabled\:hover\:ring-white\/25:where([data-theme=3D"dark"]):enable= d:hover { --tw-ring-color: color-mix(in oklab, var(--color-white) 25%, tran= sparent); } } } @container style(--theme-variant: dark) { @media (hover: hover) { .dark\:enabled\:hover\:ring-white\/25:where(:not([data-theme])):enabled:h= over { --tw-ring-color: var(--color-white); } @supports (color:color-mix(in lab, red, red)) { .dark\:enabled\:hover\:ring-white\/25:where(:not([data-theme])):enabled:h= over { --tw-ring-color: color-mix(in oklab, var(--color-white) 25%, transpa= rent); } } } } .dark\:enabled\:active\:bg-text\/15:where([data-theme=3D"dark"]):enabled:= active { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .dark\:enabled\:active\:bg-text\/15:where([data-theme=3D"dark"]):enabled:= active { background-color: color-mix(in oklab, var(--color-text) 15%, trans= parent); } } @container style(--theme-variant: dark) { .dark\:enabled\:active\:bg-text\/15:where(:not([data-theme])):enabled:act= ive { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .dark\:enabled\:active\:bg-text\/15:where(:not([data-theme])):enabled:act= ive { background-color: color-mix(in oklab, var(--color-text) 15%, transpar= ent); } } } .dark\:enabled\:active\:before\:bg-text\/15:where([data-theme=3D"dark"]):= enabled:active::before { content: var(--tw-content); background-color: var(= --color-text); } @supports (color:color-mix(in lab, red, red)) { .dark\:enabled\:active\:before\:bg-text\/15:where([data-theme=3D"dark"]):= enabled:active::before { background-color: color-mix(in oklab, var(--color-= text) 15%, transparent); } } @container style(--theme-variant: dark) { .dark\:enabled\:active\:before\:bg-text\/15:where(:not([data-theme])):ena= bled:active::before { content: var(--tw-content); background-color: var(--c= olor-text); } @supports (color:color-mix(in lab, red, red)) { .dark\:enabled\:active\:before\:bg-text\/15:where(:not([data-theme])):ena= bled:active::before { background-color: color-mix(in oklab, var(--color-tex= t) 15%, transparent); } } } .dark\:data-\[state\=3Dchecked\]\:border-token-border-heavy:where([data-t= heme=3D"dark"])[data-state=3D"checked"] { border-color: var(--color-token-b= order-heavy); } @container style(--theme-variant: dark) { .dark\:data-\[state\=3Dchecked\]\:border-token-border-heavy:where(:not([d= ata-theme]))[data-state=3D"checked"] { border-color: var(--color-token-bord= er-heavy); } } .dark\:data-\[state\=3Dunchecked\]\:bg-gray-600:where([data-theme=3D"dark= "])[data-state=3D"unchecked"] { background-color: var(--color-gray-600); } @container style(--theme-variant: dark) { .dark\:data-\[state\=3Dunchecked\]\:bg-gray-600:where(:not([data-theme]))= [data-state=3D"unchecked"] { background-color: var(--color-gray-600); } } @media not all and (min-width: 40rem) { .dark\:max-sm\:top-\[27px\]:where([data-theme=3D"dark"]) { top: 27px; } } @container style(--theme-variant: dark) { @media not all and (min-width: 40rem) { .dark\:max-sm\:top-\[27px\]:where(:not([data-theme])) { top: 27px; } } } @media not all and (min-width: 40rem) { .max-sm\:dark\:translate-y-4:where([data-theme=3D"dark"]) { --tw-translat= e-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-tr= anslate-y); } @container style(--theme-variant: dark) { .max-sm\:dark\:translate-y-4:where(:not([data-theme])) { --tw-translate-y= : calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-trans= late-y); } } } @starting-style { .starting\:opacity-0 { opacity: 0; } .motion-safe\:starting\:bg-token-bg-secondary:where(:root[data-reduced-mo= tion=3D"false"] .motion-safe\:starting\:bg-token-bg-secondary) { background= -color: var(--color-token-bg-secondary); } } @media (prefers-reduced-motion: no-preference) { @starting-style { .motion-safe\:starting\:bg-token-bg-secondary:where(:root:not([data-reduc= ed-motion]) .motion-safe\:starting\:bg-token-bg-secondary) { background-col= or: var(--color-token-bg-secondary); } } } @starting-style { .motion-safe\:starting\:bg-transparent:where(:root[data-reduced-motion=3D= "false"] .motion-safe\:starting\:bg-transparent) { background-color: rgba(0= , 0, 0, 0); } } @media (prefers-reduced-motion: no-preference) { @starting-style { .motion-safe\:starting\:bg-transparent:where(:root:not([data-reduced-moti= on]) .motion-safe\:starting\:bg-transparent) { background-color: rgba(0, 0,= 0, 0); } } } @starting-style { .motion-safe\:starting\:px-0:where(:root[data-reduced-motion=3D"false"] .= motion-safe\:starting\:px-0) { padding-inline: 0px; } } @media (prefers-reduced-motion: no-preference) { @starting-style { .motion-safe\:starting\:px-0:where(:root:not([data-reduced-motion]) .moti= on-safe\:starting\:px-0) { padding-inline: 0px; } } } @starting-style { .motion-safe\:starting\:text-token-text-secondary:where(:root[data-reduce= d-motion=3D"false"] .motion-safe\:starting\:text-token-text-secondary) { co= lor: var(--color-token-text-secondary); } } @media (prefers-reduced-motion: no-preference) { @starting-style { .motion-safe\:starting\:text-token-text-secondary:where(:root:not([data-r= educed-motion]) .motion-safe\:starting\:text-token-text-secondary) { color:= var(--color-token-text-secondary); } } } @media print { .print\:hidden { display: none; } } @media (forced-colors: active) { .forced-colors\:z-20 { z-index: 20; } .forced-colors\:hidden { display: none; } .forced-colors\:border { border-style: var(--tw-border-style); border-wid= th: 1px; } .forced-colors\:\!border-\[ButtonBorder\] { border-color: buttonborder !i= mportant; } .forced-colors\:border-\[ButtonBorder\] { border-color: buttonborder; } .forced-colors\:\!bg-\[ButtonFace\] { background-color: buttonface !impor= tant; } .forced-colors\:bg-\[ButtonFace\] { background-color: buttonface; } .forced-colors\:bg-\[Canvas\] { background-color: canvas; } .forced-colors\:\!text-\[ButtonText\] { color: buttontext !important; } .forced-colors\:text-\[ButtonText\] { color: buttontext; } .forced-colors\:opacity-100 { opacity: 1; } .forced-colors\:shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--t= w-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),= var(--tw-ring-shadow), var(--tw-shadow); } .forced-colors\:outline { outline-style: var(--tw-outline-style); outline= -width: 1px; } .forced-colors\:outline-\[CanvasText\] { outline-color: canvastext; } .forced-colors\:outline-\[Highlight\] { outline-color: highlight; } .forced-colors\:backdrop-blur-none { --tw-backdrop-blur: ; backdrop-filte= r: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backd= rop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate= , ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backd= rop-saturate, ) var(--tw-backdrop-sepia, ); } .forced-colors\:focus-within\:outline-2:focus-within { outline-style: var= (--tw-outline-style); outline-width: 2px; } .forced-colors\:focus-within\:outline-solid:focus-within { --tw-outline-s= tyle: solid; outline-style: solid; } @media (hover: hover) { .forced-colors\:hover\:outline:hover { outline-style: var(--tw-outline-st= yle); outline-width: 1px; } .forced-colors\:hover\:outline-offset-\[-2px\]:hover { outline-offset: -2= px; } } .forced-colors\:focus\:bg-\[Highlight\]:focus { background-color: highlig= ht; } .forced-colors\:focus\:text-\[HighlightText\]:focus { color: highlighttex= t; } .forced-colors\:focus\:forced-color-adjust-none:focus { forced-color-adju= st: none; } .forced-colors\:focus\:placeholder\:text-\[HighlightText\]:focus::placeho= lder { color: highlighttext; } .forced-colors\:focus-visible\:bg-\[Highlight\]:focus-visible { backgroun= d-color: highlight; } .forced-colors\:focus-visible\:text-\[HighlightText\]:focus-visible { col= or: highlighttext; } .forced-colors\:focus-visible\:forced-color-adjust-none:focus-visible { f= orced-color-adjust: none; } } @media (pointer: coarse) { .pointer-coarse\:pointer-events-auto { pointer-events: auto; } .pointer-coarse\:hidden { display: none; } .pointer-coarse\:size-10 { width: calc(var(--spacing) * 10); height: calc= (var(--spacing) * 10); } .pointer-coarse\:h-10 { height: calc(var(--spacing) * 10); } .pointer-coarse\:min-h-10 { min-height: calc(var(--spacing) * 10); } .pointer-coarse\:min-h-14 { min-height: calc(var(--spacing) * 14); } .pointer-coarse\:min-w-10 { min-width: calc(var(--spacing) * 10); } .pointer-coarse\:pt-11 { padding-top: calc(var(--spacing) * 11); } .pointer-coarse\:opacity-0 { opacity: 0; } .pointer-coarse\:opacity-100 { opacity: 1; } .pointer-coarse\:after\:min-h-11::after { content: var(--tw-content); min= -height: calc(var(--spacing) * 11); } } @media (pointer: fine) { @media (hover: hover) { .pointer-fine\:group-hover\/symbol\:opacity-100:is(:where(.group\/symbol)= :hover :where(.pointer-fine\:group-hover\/symbol\:opacity-100)) { opacity: = 1; } } } @media (any-pointer: coarse) { .any-pointer-coarse\:mt-4 { margin-top: calc(var(--spacing) * 4); } .any-pointer-coarse\:block { display: block; } } .light\:text-default:where([data-theme=3D"light"]) { color: var(--color-t= ext); } @container style(--theme-variant: light) { .light\:text-default:where(:not([data-theme])) { color: var(--color-text)= ; } } .browser\:m-0:where([data-codex-window-type=3D"browser"] .browser\:m-0) {= margin: 0px; } .browser\:-mx-0\.5:where([data-codex-window-type=3D"browser"] .browser\:-= mx-0\.5) { margin-inline: calc(var(--spacing) * -.5); } .browser\:-my-1:where([data-codex-window-type=3D"browser"] .browser\:-my-= 1) { margin-block: calc(var(--spacing) * -1); } .browser\:my-2:where([data-codex-window-type=3D"browser"] .browser\:my-2)= { margin-block: calc(var(--spacing) * 2); } .browser\:-ms-0\.5:where([data-codex-window-type=3D"browser"] .browser\:-= ms-0\.5) { margin-inline-start: calc(var(--spacing) * -.5); } .browser\:ms-2\.5:where([data-codex-window-type=3D"browser"] .browser\:ms= -2\.5) { margin-inline-start: calc(var(--spacing) * 2.5); } .browser\:-mt-5:where([data-codex-window-type=3D"browser"] .browser\:-mt-= 5) { margin-top: calc(var(--spacing) * -5); } .browser\:mt-2:where([data-codex-window-type=3D"browser"] .browser\:mt-2)= { margin-top: calc(var(--spacing) * 2); } .browser\:mt-3:where([data-codex-window-type=3D"browser"] .browser\:mt-3)= { margin-top: calc(var(--spacing) * 3); } .browser\:-mb-5:where([data-codex-window-type=3D"browser"] .browser\:-mb-= 5) { margin-bottom: calc(var(--spacing) * -5); } .browser\:mb-1:where([data-codex-window-type=3D"browser"] .browser\:mb-1)= { margin-bottom: var(--spacing); } .browser\:mb-3:where([data-codex-window-type=3D"browser"] .browser\:mb-3)= { margin-bottom: calc(var(--spacing) * 3); } .browser\:grid:where([data-codex-window-type=3D"browser"] .browser\:grid)= { display: grid; } .browser\:inline-flex:where([data-codex-window-type=3D"browser"] .browser= \:inline-flex) { display: inline-flex; } .browser\:size-5:where([data-codex-window-type=3D"browser"] .browser\:siz= e-5) { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .browser\:size-6:where([data-codex-window-type=3D"browser"] .browser\:siz= e-6) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .browser\:size-8:where([data-codex-window-type=3D"browser"] .browser\:siz= e-8) { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .browser\:h-9:where([data-codex-window-type=3D"browser"] .browser\:h-9) {= height: calc(var(--spacing) * 9); } .browser\:h-56:where([data-codex-window-type=3D"browser"] .browser\:h-56)= { height: calc(var(--spacing) * 56); } .browser\:h-auto:where([data-codex-window-type=3D"browser"] .browser\:h-a= uto) { height: auto; } .browser\:min-h-10\.5:where([data-codex-window-type=3D"browser"] .browser= \:min-h-10\.5) { min-height: calc(var(--spacing) * 10.5); } .browser\:min-h-16:where([data-codex-window-type=3D"browser"] .browser\:m= in-h-16) { min-height: calc(var(--spacing) * 16); } .browser\:w-10:where([data-codex-window-type=3D"browser"] .browser\:w-10)= { width: calc(var(--spacing) * 10); } .browser\:w-12:where([data-codex-window-type=3D"browser"] .browser\:w-12)= { width: calc(var(--spacing) * 12); } .browser\:w-13:where([data-codex-window-type=3D"browser"] .browser\:w-13)= { width: calc(var(--spacing) * 13); } .browser\:w-56:where([data-codex-window-type=3D"browser"] .browser\:w-56)= { width: calc(var(--spacing) * 56); } .browser\:w-full:where([data-codex-window-type=3D"browser"] .browser\:w-f= ull) { width: 100%; } .browser\:max-w-\[max\(0px\,calc\(100cqw-2\*\(var\(--app-shell-header-end= -actions-width\)\+var\(--spacing\)\*3\)\)\)\]:where([data-codex-window-type= =3D"browser"] .browser\:max-w-\[max\(0px\,calc\(100cqw-2\*\(var\(--app-shel= l-header-end-actions-width\)\+var\(--spacing\)\*3\)\)\)\]) { max-width: max= (0px, calc(100cqw - 2 * (var(--app-shell-header-end-actions-width) + var(--= spacing) * 3))); } .browser\:grid-cols-\[minmax\(0\,1fr\)_auto\]:where([data-codex-window-ty= pe=3D"browser"] .browser\:grid-cols-\[minmax\(0\,1fr\)_auto\]) { grid-templ= ate-columns: minmax(0px, 1fr) auto; } .browser\:items-baseline:where([data-codex-window-type=3D"browser"] .brow= ser\:items-baseline) { align-items: baseline; } .browser\:items-stretch:where([data-codex-window-type=3D"browser"] .brows= er\:items-stretch) { align-items: stretch; } .browser\:gap-0:where([data-codex-window-type=3D"browser"] .browser\:gap-= 0) { gap: 0px; } .browser\:gap-1:where([data-codex-window-type=3D"browser"] .browser\:gap-= 1) { gap: var(--spacing); } .browser\:gap-5:where([data-codex-window-type=3D"browser"] .browser\:gap-= 5) { gap: calc(var(--spacing) * 5); } .browser\:gap-px:where([data-codex-window-type=3D"browser"] .browser\:gap= -px) { gap: 1px; } .browser\:gap-y-4:where([data-codex-window-type=3D"browser"] .browser\:ga= p-y-4) { row-gap: calc(var(--spacing) * 4); } .browser\:self-center:where([data-codex-window-type=3D"browser"] .browser= \:self-center) { align-self: center; } .browser\:border-0:where([data-codex-window-type=3D"browser"] .browser\:b= order-0) { border-style: var(--tw-border-style); border-width: 0px; } .browser\:bg-surface:where([data-codex-window-type=3D"browser"] .browser\= :bg-surface) { background-color: var(--color-surface); } .browser\:bg-surface-secondary\/60:where([data-codex-window-type=3D"brows= er"] .browser\:bg-surface-secondary\/60) { background-color: var(--color-su= rface-secondary); } @supports (color:color-mix(in lab, red, red)) { .browser\:bg-surface-secondary\/60:where([data-codex-window-type=3D"brows= er"] .browser\:bg-surface-secondary\/60) { background-color: color-mix(in o= klab, var(--color-surface-secondary) 60%, transparent); } } .browser\:bg-surface-tertiary:where([data-codex-window-type=3D"browser"] = .browser\:bg-surface-tertiary) { background-color: var(--color-surface-tert= iary); } .browser\:p-0:where([data-codex-window-type=3D"browser"] .browser\:p-0) {= padding: 0px; } .browser\:px-0:where([data-codex-window-type=3D"browser"] .browser\:px-0)= { padding-inline: 0px; } .browser\:px-row-x:where([data-codex-window-type=3D"browser"] .browser\:p= x-row-x) { padding-inline: var(--padding-row-x); } .browser\:py-0\.75:where([data-codex-window-type=3D"browser"] .browser\:p= y-0\.75) { padding-block: calc(var(--spacing) * .75); } .browser\:py-1\.5:where([data-codex-window-type=3D"browser"] .browser\:py= -1\.5) { padding-block: calc(var(--spacing) * 1.5); } .browser\:ps-1\.5:where([data-codex-window-type=3D"browser"] .browser\:ps= -1\.5) { padding-inline-start: calc(var(--spacing) * 1.5); } .browser\:ps-2\.5:where([data-codex-window-type=3D"browser"] .browser\:ps= -2\.5) { padding-inline-start: calc(var(--spacing) * 2.5); } .browser\:ps-3\.5:where([data-codex-window-type=3D"browser"] .browser\:ps= -3\.5) { padding-inline-start: calc(var(--spacing) * 3.5); } .browser\:ps-4:where([data-codex-window-type=3D"browser"] .browser\:ps-4)= { padding-inline-start: calc(var(--spacing) * 4); } .browser\:pe-0:where([data-codex-window-type=3D"browser"] .browser\:pe-0)= { padding-inline-end: 0px; } .browser\:pe-1\.5:where([data-codex-window-type=3D"browser"] .browser\:pe= -1\.5) { padding-inline-end: calc(var(--spacing) * 1.5); } .browser\:pe-2:where([data-codex-window-type=3D"browser"] .browser\:pe-2)= { padding-inline-end: calc(var(--spacing) * 2); } .browser\:pe-3\.5:where([data-codex-window-type=3D"browser"] .browser\:pe= -3\.5) { padding-inline-end: calc(var(--spacing) * 3.5); } .browser\:pt-0:where([data-codex-window-type=3D"browser"] .browser\:pt-0)= { padding-top: 0px; } .browser\:pt-1:where([data-codex-window-type=3D"browser"] .browser\:pt-1)= { padding-top: var(--spacing); } .browser\:pt-2:where([data-codex-window-type=3D"browser"] .browser\:pt-2)= { padding-top: calc(var(--spacing) * 2); } .browser\:pb-0:where([data-codex-window-type=3D"browser"] .browser\:pb-0)= { padding-bottom: 0px; } .browser\:pb-5:where([data-codex-window-type=3D"browser"] .browser\:pb-5)= { padding-bottom: calc(var(--spacing) * 5); } .browser\:pb-6:where([data-codex-window-type=3D"browser"] .browser\:pb-6)= { padding-bottom: calc(var(--spacing) * 6); } .browser\:text-base:where([data-codex-window-type=3D"browser"] .browser\:= text-base) { font-size: var(--text-base); line-height: var(--tw-leading,var= (--text-base--line-height)); } .browser\:text-lg:where([data-codex-window-type=3D"browser"] .browser\:te= xt-lg) { font-size: var(--text-lg); line-height: var(--tw-leading,var(--tex= t-lg--line-height)); } .browser\:text-\[17px\]:where([data-codex-window-type=3D"browser"] .brows= er\:text-\[17px\]) { font-size: 17px; } .browser\:leading-4\.5:where([data-codex-window-type=3D"browser"] .browse= r\:leading-4\.5) { --tw-leading: calc(var(--spacing) * 4.5); line-height: c= alc(var(--spacing) * 4.5); } .browser\:leading-6\.5:where([data-codex-window-type=3D"browser"] .browse= r\:leading-6\.5) { --tw-leading: calc(var(--spacing) * 6.5); line-height: c= alc(var(--spacing) * 6.5); } .browser\:leading-relaxed:where([data-codex-window-type=3D"browser"] .bro= wser\:leading-relaxed) { --tw-leading: var(--leading-relaxed); line-height:= var(--leading-relaxed); } .browser\:text-secondary:where([data-codex-window-type=3D"browser"] .brow= ser\:text-secondary) { color: var(--color-text-secondary); } .browser\:shadow-widget-inline:where([data-codex-window-type=3D"browser"]= .browser\:shadow-widget-inline) { box-shadow: rgba(0, 0, 0, 0.04) 0px 4px = 4px, rgba(0, 0, 0, 0.62) 0px 0px 1px; } .browser\:shadow-widget-inline:where([data-codex-window-type=3D"browser"]= .browser\:shadow-widget-inline):where([data-theme=3D"dark"]) { box-shadow:= rgb(65, 65, 65) 0px 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 4px 14px; } @container style(--theme-variant: dark) { .browser\:shadow-widget-inline:where([data-codex-window-type=3D"browser"]= .browser\:shadow-widget-inline):where(:not([data-theme])) { box-shadow: rg= b(65, 65, 65) 0px 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 4px 14px; } } .browser\:\[--control-radius-md\:calc\(var\(--radius-md-base\)\*1\.5625\)= \]:where([data-codex-window-type=3D"browser"] .browser\:\[--control-radius-= md\:calc\(var\(--radius-md-base\)\*1\.5625\)\]) { --control-radius-md: calc= (var(--radius-md-base) * 1.5625); } .browser\:\[--control-radius-md\:var\(--radius-token-row\)\]:where([data-= codex-window-type=3D"browser"] .browser\:\[--control-radius-md\:var\(--radi= us-token-row\)\]) { --control-radius-md: var(--radius-token-row); } .browser\:\[--height-token-nav-row\:36px\]:where([data-codex-window-type= =3D"browser"] .browser\:\[--height-token-nav-row\:36px\]) { --height-token-= nav-row: 36px; } .browser\:\[--height-token-row\:36px\]:where([data-codex-window-type=3D"b= rowser"] .browser\:\[--height-token-row\:36px\]) { --height-token-row: 36px= ; } .browser\:\[--nav-item-height\:calc\(var\(--height-token-row\)-1px\)\]:wh= ere([data-codex-window-type=3D"browser"] .browser\:\[--nav-item-height\:cal= c\(var\(--height-token-row\)-1px\)\]) { --nav-item-height: calc(var(--heigh= t-token-row) - 1px); } .browser\:\[--padding-row-cell-x\:8px\]:where([data-codex-window-type=3D"= browser"] .browser\:\[--padding-row-cell-x\:8px\]) { --padding-row-cell-x: = 8px; } .browser\:\[--padding-row-x\:8px\]:where([data-codex-window-type=3D"brows= er"] .browser\:\[--padding-row-x\:8px\]) { --padding-row-x: 8px; } .browser\:\[--radius-token-row\:10px\]:where([data-codex-window-type=3D"b= rowser"] .browser\:\[--radius-token-row\:10px\]) { --radius-token-row: 10px= ; } .browser\:\[--thread-sticky-header-top\:var\(--thread-content-top-inset\,= 0px\)\]:where([data-codex-window-type=3D"browser"] .browser\:\[--thread-sti= cky-header-top\:var\(--thread-content-top-inset\,0px\)\]) { --thread-sticky= -header-top: var(--thread-content-top-inset,0px); } .browser\:not-empty\:pb-px:where([data-codex-window-type=3D"browser"] .br= owser\:not-empty\:pb-px):not(:empty) { padding-bottom: 1px; } .browser\:group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-p= anel\:size-4:where([data-codex-window-type=3D"browser"] .browser\:group-dat= a-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-panel\:size-4):is(:whe= re(.group\/summary-panel)[data-summary-panel-variant=3D"dynamic-isle"] :whe= re(.browser\:group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-= panel\:size-4)) { width: calc(var(--spacing) * 4); height: calc(var(--spaci= ng) * 4); } .browser\:group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-p= anel\:w-4:where([data-codex-window-type=3D"browser"] .browser\:group-data-\= [summary-panel-variant\=3Ddynamic-isle\]\/summary-panel\:w-4):is(:where(.gr= oup\/summary-panel)[data-summary-panel-variant=3D"dynamic-isle"] :where(.br= owser\:group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-panel\= :w-4)) { width: calc(var(--spacing) * 4); } @media not all and (min-width: 40rem) { .browser\:max-sm\:hidden:where([data-codex-window-type=3D"browser"] .brow= ser\:max-sm\:hidden) { display: none; } } .electron\:relative:where(:is([data-codex-window-type=3D"browser"], [data= -codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electr= on"]) .electron\:relative) { position: relative; } .electron\:right-16:where(:is([data-codex-window-type=3D"browser"], [data= -codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electr= on"]) .electron\:right-16) { right: calc(var(--spacing) * 16); } .electron\:left-4:where(:is([data-codex-window-type=3D"browser"], [data-c= odex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electron= "]) .electron\:left-4) { left: calc(var(--spacing) * 4); } .electron\:z-10:where(:is([data-codex-window-type=3D"browser"], [data-cod= ex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electron"]= ) .electron\:z-10) { z-index: 10; } .electron\:col-start-1:where(:is([data-codex-window-type=3D"browser"], [d= ata-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"ele= ctron"]) .electron\:col-start-1) { grid-column-start: 1; } .electron\:row-start-1:where(:is([data-codex-window-type=3D"browser"], [d= ata-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"ele= ctron"]) .electron\:row-start-1) { grid-row-start: 1; } .electron\:mx-\[var\(--home-composer-inline-inset\)\]:where(:is([data-cod= ex-window-type=3D"browser"], [data-codex-window-type=3D"chrome-extension"],= [data-codex-window-type=3D"electron"]) .electron\:mx-\[var\(--home-compose= r-inline-inset\)\]) { margin-inline: var(--home-composer-inline-inset); } .electron\:ms-1:where(:is([data-codex-window-type=3D"browser"], [data-cod= ex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electron"]= ) .electron\:ms-1) { margin-inline-start: var(--spacing); } .electron\:mt-2:where(:is([data-codex-window-type=3D"browser"], [data-cod= ex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electron"]= ) .electron\:mt-2) { margin-top: calc(var(--spacing) * 2); } .electron\:grid:where(:is([data-codex-window-type=3D"browser"], [data-cod= ex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electron"]= ) .electron\:grid) { display: grid; } .electron\:hidden:where(:is([data-codex-window-type=3D"browser"], [data-c= odex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electron= "]) .electron\:hidden) { display: none; } .electron\:h-\[var\(--app-shell-header-height\,var\(--height-toolbar\)\)\= ]:where(:is([data-codex-window-type=3D"browser"], [data-codex-window-type= =3D"chrome-extension"], [data-codex-window-type=3D"electron"]) .electron\:h= -\[var\(--app-shell-header-height\,var\(--height-toolbar\)\)\]) { height: v= ar(--app-shell-header-height,var(--height-toolbar)); } .electron\:h-toolbar:where(:is([data-codex-window-type=3D"browser"], [dat= a-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"elect= ron"]) .electron\:h-toolbar) { height: var(--height-toolbar); } .electron\:min-w-\[min\(100\%\,calc\(320px\*var\(--codex-window-zoom\)\)\= )\]:where(:is([data-codex-window-type=3D"browser"], [data-codex-window-type= =3D"chrome-extension"], [data-codex-window-type=3D"electron"]) .electron\:m= in-w-\[min\(100\%\,calc\(320px\*var\(--codex-window-zoom\)\)\)\]) { min-wid= th: min(100%, calc(320px * var(--codex-window-zoom))); } .electron\:-translate-x-1:where(:is([data-codex-window-type=3D"browser"],= [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"= electron"]) .electron\:-translate-x-1) { --tw-translate-x: calc(var(--spaci= ng) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .electron\:\[scrollbar-gutter\:stable_both-edges\]:where(:is([data-codex-= window-type=3D"browser"], [data-codex-window-type=3D"chrome-extension"], [d= ata-codex-window-type=3D"electron"]) .electron\:\[scrollbar-gutter\:stable_= both-edges\]) { scrollbar-gutter: stable both-edges; } .electron\:overflow-hidden:where(:is([data-codex-window-type=3D"browser"]= , [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D= "electron"]) .electron\:overflow-hidden) { overflow: hidden; } .electron\:\!rounded-full:where(:is([data-codex-window-type=3D"browser"],= [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"= electron"]) .electron\:\!rounded-full) { border-radius: var(--radius-full) = !important; } .electron\:rounded-md:where(:is([data-codex-window-type=3D"browser"], [da= ta-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"elec= tron"]) .electron\:rounded-md) { border-radius: var(--radius-md); } .electron\:border:where(:is([data-codex-window-type=3D"browser"], [data-c= odex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electron= "]) .electron\:border) { border-style: var(--tw-border-style); border-width= : 1px; } .electron\:border-0:where(:is([data-codex-window-type=3D"browser"], [data= -codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electr= on"]) .electron\:border-0) { border-style: var(--tw-border-style); border-w= idth: 0px; } .electron\:border-b-0:where(:is([data-codex-window-type=3D"browser"], [da= ta-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"elec= tron"]) .electron\:border-b-0) { border-bottom-style: var(--tw-border-style= ); border-bottom-width: 0px; } .electron\:\!bg-transparent:where(:is([data-codex-window-type=3D"browser"= ], [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type= =3D"electron"]) .electron\:\!bg-transparent) { background-color: rgba(0, 0,= 0, 0) !important; } .electron\:bg-surface:where(:is([data-codex-window-type=3D"browser"], [da= ta-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"elec= tron"]) .electron\:bg-surface) { background-color: var(--color-surface); } .electron\:bg-transparent:where(:is([data-codex-window-type=3D"browser"],= [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"= electron"]) .electron\:bg-transparent) { background-color: rgba(0, 0, 0, 0)= ; } .electron\:p-1:where(:is([data-codex-window-type=3D"browser"], [data-code= x-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electron"])= .electron\:p-1) { padding: var(--spacing); } .electron\:pt-panel:where(:is([data-codex-window-type=3D"browser"], [data= -codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electr= on"]) .electron\:pt-panel) { padding-top: var(--padding-panel); } .electron\:pb-panel:where(:is([data-codex-window-type=3D"browser"], [data= -codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"electr= on"]) .electron\:pb-panel) { padding-bottom: var(--padding-panel); } .electron\:text-base:where(:is([data-codex-window-type=3D"browser"], [dat= a-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"elect= ron"]) .electron\:text-base) { font-size: var(--text-base); line-height: va= r(--tw-leading,var(--text-base--line-height)); } .electron\:leading-relaxed:where(:is([data-codex-window-type=3D"browser"]= , [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D= "electron"]) .electron\:leading-relaxed) { --tw-leading: var(--leading-rela= xed); line-height: var(--leading-relaxed); } .electron\:font-medium:where(:is([data-codex-window-type=3D"browser"], [d= ata-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"ele= ctron"]) .electron\:font-medium) { --tw-font-weight: var(--font-weight-medi= um); font-weight: var(--font-weight-medium); } .electron\:opacity-75:where(:is([data-codex-window-type=3D"browser"], [da= ta-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D"elec= tron"]) .electron\:opacity-75) { opacity: 0.75; } .electron\:ring-\[0\.5px\]:where(:is([data-codex-window-type=3D"browser"]= , [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D= "electron"]) .electron\:ring-\[0\.5px\]) { --tw-ring-shadow: var(--tw-ring-= inset, ) 0 0 0 calc(.5px + var(--tw-ring-offset-width)) var(--tw-ring-color= ,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-sha= dow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)= ; } .electron\:elevation-prominent:where(:is([data-codex-window-type=3D"brows= er"], [data-codex-window-type=3D"chrome-extension"], [data-codex-window-typ= e=3D"electron"]) .electron\:elevation-prominent) { box-shadow: var(--elevat= ion-prominent); } @media (forced-colors: active) { .electron\:elevation-prominent:where(:is([data-codex-window-type=3D"brows= er"], [data-codex-window-type=3D"chrome-extension"], [data-codex-window-typ= e=3D"electron"]) .electron\:elevation-prominent) { box-shadow: none; outlin= e: canvastext solid 1px; } } .electron\:elevation-stroke:where(:is([data-codex-window-type=3D"browser"= ], [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type= =3D"electron"]) .electron\:elevation-stroke) { box-shadow: var(--elevation-= stroke); } @media (forced-colors: active) { .electron\:elevation-stroke:where(:is([data-codex-window-type=3D"browser"= ], [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type= =3D"electron"]) .electron\:elevation-stroke) { box-shadow: none; outline: c= anvastext solid 1px; } } .electron\:ring-border-strong:where(:is([data-codex-window-type=3D"browse= r"], [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type= =3D"electron"]) .electron\:ring-border-strong) { --tw-ring-color: var(--col= or-border-strong); } .electron\:\[--color-codex-description\:color-mix\(in_srgb\,var\(--color-= text\)_70\%\,transparent\)\]:where(:is([data-codex-window-type=3D"browser"]= , [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D= "electron"]) .electron\:\[--color-codex-description\:color-mix\(in_srgb\,va= r\(--color-text\)_70\%\,transparent\)\]) { --color-codex-description: var(-= -color-text); } @supports (color:color-mix(in lab, red, red)) { .electron\:\[--color-codex-description\:color-mix\(in_srgb\,var\(--color-= text\)_70\%\,transparent\)\]:where(:is([data-codex-window-type=3D"browser"]= , [data-codex-window-type=3D"chrome-extension"], [data-codex-window-type=3D= "electron"]) .electron\:\[--color-codex-description\:color-mix\(in_srgb\,va= r\(--color-text\)_70\%\,transparent\)\]) { --color-codex-description: color= -mix(in srgb,var(--color-text) 70%,transparent); } } .electron\:\[--elevation-prominent\:var\(--elevation-sidebar\)\]:where(:i= s([data-codex-window-type=3D"browser"], [data-codex-window-type=3D"chrome-e= xtension"], [data-codex-window-type=3D"electron"]) .electron\:\[--elevation= -prominent\:var\(--elevation-sidebar\)\]) { --elevation-prominent: var(--el= evation-sidebar); } .electron\:has-\[\[data-home-beacon-banner\]\]\:mx-0:where(:is([data-code= x-window-type=3D"browser"], [data-codex-window-type=3D"chrome-extension"], = [data-codex-window-type=3D"electron"]) .electron\:has-\[\[data-home-beacon-= banner\]\]\:mx-0):has([data-home-beacon-banner]) { margin-inline: 0px; } @container style(--theme-variant: dark) { .electron\:dark\:bg-surface-secondary:where(:is([data-codex-window-type= =3D"browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-w= indow-type=3D"electron"]) .electron\:dark\:bg-surface-secondary):where(:not= ([data-theme])) { background-color: var(--color-surface-secondary); } } .electron\:dark\:bg-surface-secondary:where(:is([data-codex-window-type= =3D"browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-w= indow-type=3D"electron"]) .electron\:dark\:bg-surface-secondary):where([dat= a-theme=3D"dark"]) { background-color: var(--color-surface-secondary); } @container style(--theme-variant: dark) { .electron\:dark\:bg-surface-secondary:where(:is([data-codex-window-type= =3D"browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-w= indow-type=3D"electron"]) .electron\:dark\:bg-surface-secondary):where(:not= ([data-theme])) { background-color: var(--color-surface-secondary); } } .extension\:-ms-1:where([data-codex-window-type=3D"extension"] .extension= \:-ms-1) { margin-inline-start: calc(var(--spacing) * -1); } .extension\:h-token-button-composer:where([data-codex-window-type=3D"exte= nsion"] .extension\:h-token-button-composer) { height: var(--spacing-token-= button-composer); } .extension\:h-toolbar-sm:where([data-codex-window-type=3D"extension"] .ex= tension\:h-toolbar-sm) { height: var(--height-toolbar-sm); } .extension\:-translate-x-1\.5:where([data-codex-window-type=3D"extension"= ] .extension\:-translate-x-1\.5) { --tw-translate-x: calc(var(--spacing) * = -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .extension\:gap-2:where([data-codex-window-type=3D"extension"] .extension= \:gap-2) { gap: calc(var(--spacing) * 2); } .extension\:rounded-lg:where([data-codex-window-type=3D"extension"] .exte= nsion\:rounded-lg) { border-radius: var(--radius-lg); } .extension\:border:where([data-codex-window-type=3D"extension"] .extensio= n\:border) { border-style: var(--tw-border-style); border-width: 1px; } .extension\:border-default:where([data-codex-window-type=3D"extension"] .= extension\:border-default) { border-color: var(--color-border); } .extension\:\!bg-background-primary-soft\/50:where([data-codex-window-typ= e=3D"extension"] .extension\:\!bg-background-primary-soft\/50) { background= -color: var(--color-background-primary-soft) !important; } @supports (color:color-mix(in lab, red, red)) { .extension\:\!bg-background-primary-soft\/50:where([data-codex-window-typ= e=3D"extension"] .extension\:\!bg-background-primary-soft\/50) { background= -color: color-mix(in oklab, var(--color-background-primary-soft) 50%, trans= parent) !important; } } .extension\:bg-background-primary-soft\/50:where([data-codex-window-type= =3D"extension"] .extension\:bg-background-primary-soft\/50) { background-co= lor: var(--color-background-primary-soft); } @supports (color:color-mix(in lab, red, red)) { .extension\:bg-background-primary-soft\/50:where([data-codex-window-type= =3D"extension"] .extension\:bg-background-primary-soft\/50) { background-co= lor: color-mix(in oklab, var(--color-background-primary-soft) 50%, transpar= ent); } } .extension\:bg-background-primary-soft\/70:where([data-codex-window-type= =3D"extension"] .extension\:bg-background-primary-soft\/70) { background-co= lor: var(--color-background-primary-soft); } @supports (color:color-mix(in lab, red, red)) { .extension\:bg-background-primary-soft\/70:where([data-codex-window-type= =3D"extension"] .extension\:bg-background-primary-soft\/70) { background-co= lor: color-mix(in oklab, var(--color-background-primary-soft) 70%, transpar= ent); } } .extension\:bg-primary-soft:where([data-codex-window-type=3D"extension"] = .extension\:bg-primary-soft) { background-color: var(--color-background-pri= mary-soft); } .extension\:bg-surface-secondary:where([data-codex-window-type=3D"extensi= on"] .extension\:bg-surface-secondary) { background-color: var(--color-surf= ace-secondary); } .extension\:bg-transparent:where([data-codex-window-type=3D"extension"] .= extension\:bg-transparent) { background-color: rgba(0, 0, 0, 0); } .extension\:from-surface-secondary:where([data-codex-window-type=3D"exten= sion"] .extension\:from-surface-secondary) { --tw-gradient-from: var(--colo= r-surface-secondary); --tw-gradient-stops: var(--tw-gradient-via-stops,var(= --tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-pos= ition), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .extension\:via-surface-secondary:where([data-codex-window-type=3D"extens= ion"] .extension\:via-surface-secondary) { --tw-gradient-via: var(--color-s= urface-secondary); --tw-gradient-via-stops: var(--tw-gradient-position), va= r(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-v= ia) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradien= t-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .extension\:px-2:where([data-codex-window-type=3D"extension"] .extension\= :px-2) { padding-inline: calc(var(--spacing) * 2); } .extension\:px-panel:where([data-codex-window-type=3D"extension"] .extens= ion\:px-panel) { padding-inline: var(--padding-panel); } .extension\:py-0:where([data-codex-window-type=3D"extension"] .extension\= :py-0) { padding-block: 0px; } .extension\:py-row-y:where([data-codex-window-type=3D"extension"] .extens= ion\:py-row-y) { padding-block: var(--padding-row-y); } .extension\:ps-4:where([data-codex-window-type=3D"extension"] .extension\= :ps-4) { padding-inline-start: calc(var(--spacing) * 4); } .extension\:pe-1:where([data-codex-window-type=3D"extension"] .extension\= :pe-1) { padding-inline-end: var(--spacing); } .extension\:pe-3:where([data-codex-window-type=3D"extension"] .extension\= :pe-3) { padding-inline-end: calc(var(--spacing) * 3); } .extension\:pb-row-y:where([data-codex-window-type=3D"extension"] .extens= ion\:pb-row-y) { padding-bottom: var(--padding-row-y); } .extension\:leading-normal:where([data-codex-window-type=3D"extension"] .= extension\:leading-normal) { --tw-leading: var(--leading-normal); line-heig= ht: var(--leading-normal); } .extension\:shadow-\[0\.5px_0_0_0_var\(--color-border\)\,0_20px_25px_-5px= _rgb\(0_0_0\/0\.1\)\,0_8px_10px_-6px_rgb\(0_0_0\/0\.1\)\]:where([data-codex= -window-type=3D"extension"] .extension\:shadow-\[0\.5px_0_0_0_var\(--color-= border\)\,0_20px_25px_-5px_rgb\(0_0_0\/0\.1\)\,0_8px_10px_-6px_rgb\(0_0_0\/= 0\.1\)\]) { --tw-shadow: .5px 0 0 0 var(--tw-shadow-color,var(--color-borde= r)), 0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var= (--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw= -inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), v= ar(--tw-shadow); } .extension\:shadow-md:where([data-codex-window-type=3D"extension"] .exten= sion\:shadow-md) { --tw-shadow: 0px 2px 4px -1px var(--tw-shadow-color,#000= 00014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), va= r(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .extension\:shadow-sm:where([data-codex-window-type=3D"extension"] .exten= sion\:shadow-sm) { --tw-shadow: 0px 1px 2px -1px var(--tw-shadow-color,#000= 00014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), va= r(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .extension\:\[--codex-diffs-surface-override\:color-mix\(in_oklab\,var\(-= -color-background-primary-soft\)_50\%\,transparent\)\]:where([data-codex-wi= ndow-type=3D"extension"] .extension\:\[--codex-diffs-surface-override\:colo= r-mix\(in_oklab\,var\(--color-background-primary-soft\)_50\%\,transparent\)= \]) { --codex-diffs-surface-override: var(--color-background-primary-soft);= } @supports (color:color-mix(in lab, red, red)) { .extension\:\[--codex-diffs-surface-override\:color-mix\(in_oklab\,var\(-= -color-background-primary-soft\)_50\%\,transparent\)\]:where([data-codex-wi= ndow-type=3D"extension"] .extension\:\[--codex-diffs-surface-override\:colo= r-mix\(in_oklab\,var\(--color-background-primary-soft\)_50\%\,transparent\)= \]) { --codex-diffs-surface-override: color-mix(in oklab,var(--color-backgr= ound-primary-soft) 50%,transparent); } } .extension\:\[--codex-diffs-surface-override\:var\(--color-codex-diff-sur= face\)\]:where([data-codex-window-type=3D"extension"] .extension\:\[--codex= -diffs-surface-override\:var\(--color-codex-diff-surface\)\]) { --codex-dif= fs-surface-override: var(--color-codex-diff-surface); } @media (hover: hover) { .extension\:hover\:bg-background-primary-ghost-hover\/60:where([data-code= x-window-type=3D"extension"] .extension\:hover\:bg-background-primary-ghost= -hover\/60):hover { background-color: color-mix(in oklab, var(--color-backg= round-primary-ghost-hover) 60%, transparent); } } :where([data-composer-rail-placement=3D"above"]) .extension\:in-data-\[co= mposer-rail-placement\=3Dabove\]\:py-2:where([data-codex-window-type=3D"ext= ension"] .extension\:in-data-\[composer-rail-placement\=3Dabove\]\:py-2) { = padding-block: calc(var(--spacing) * 2); } .windows\:rounded-tl-lg:where(:root[data-codex-os=3D"win32"] .windows\:ro= unded-tl-lg) { border-top-left-radius: var(--radius-lg); } :where([data-codex-window-type=3D"electron"]) .windows\:in-data-\[codex-w= indow-type\=3Delectron\]\:not-in-\[\.compact-window\]\:top-12:where(:root[d= ata-codex-os=3D"win32"] .windows\:in-data-\[codex-window-type\=3Delectron\]= \:not-in-\[\.compact-window\]\:top-12):not(:where(.compact-window) *) { top= : calc(var(--spacing) * 12); } :where([data-codex-window-type=3D"electron"]) .windows\:in-data-\[codex-w= indow-type\=3Delectron\]\:not-in-\[\.compact-window\]\:pt-24:where(:root[da= ta-codex-os=3D"win32"] .windows\:in-data-\[codex-window-type\=3Delectron\]\= :not-in-\[\.compact-window\]\:pt-24):not(:where(.compact-window) *) { paddi= ng-top: calc(var(--spacing) * 24); } @media not all and (min-width: 48rem) { .electron\:windows\:max-md\:top-toolbar:where(:is([data-codex-window-type= =3D"browser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-w= indow-type=3D"electron"]) .electron\:windows\:max-md\:top-toolbar):where(:r= oot[data-codex-os=3D"win32"] .electron\:windows\:max-md\:top-toolbar:where(= :is([data-codex-window-type=3D"browser"], [data-codex-window-type=3D"chrome= -extension"], [data-codex-window-type=3D"electron"]) .electron\:windows\:ma= x-md\:top-toolbar)) { top: var(--inset-toolbar); } .electron\:windows\:max-md\:mt-2:where(:is([data-codex-window-type=3D"bro= wser"], [data-codex-window-type=3D"chrome-extension"], [data-codex-window-t= ype=3D"electron"]) .electron\:windows\:max-md\:mt-2):where(:root[data-codex= -os=3D"win32"] .electron\:windows\:max-md\:mt-2:where(:is([data-codex-windo= w-type=3D"browser"], [data-codex-window-type=3D"chrome-extension"], [data-c= odex-window-type=3D"electron"]) .electron\:windows\:max-md\:mt-2)) { margin= -top: calc(var(--spacing) * 2); } } .\[\&_\*\]\:\!cursor-not-allowed * { cursor: not-allowed !important; } .\[\&_\*\]\:text-size-chat * { font-size: var(--codex-chat-font-size); } .\[\&_\*\]\:text-\(--agent-activity-child-color\) * { color: var(--agent-= activity-child-color); } .\[\&_\*\]\:text-text\/50 * { color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .\[\&_\*\]\:text-text\/50 * { color: color-mix(in oklab, var(--color-text= ) 50%, transparent); } } .\[\&_\*\]\:\!\[view-transition-name\:none\] * { view-transition-name: no= ne !important; } .\[\&_\*\:not\(button\)\]\:\!text-\(--agent-activity-summary-color\) :not= (button) { color: var(--agent-activity-summary-color) !important; } .\[\&_\*\:not\(button\)\]\:\!text-text\/60 :not(button) { color: var(--co= lor-text) !important; } @supports (color:color-mix(in lab, red, red)) { .\[\&_\*\:not\(button\)\]\:\!text-text\/60 :not(button) { color: color-mi= x(in oklab, var(--color-text) 60%, transparent) !important; } } @media (hover: hover) { .group-hover\/activity-header\:\[\&_\*\:not\(button\)\]\:\!text-default:i= s(:where(.group\/activity-header):hover :where(.group-hover\/activity-heade= r\:\[\&_\*\:not\(button\)\]\:\!text-default)) :not(button) { color: var(--c= olor-text) !important; } } .\[\&_\.ProseMirror\]\:h-6 .ProseMirror { height: calc(var(--spacing) * 6= ); } .\[\&_\.ProseMirror\]\:min-h-6 .ProseMirror { min-height: calc(var(--spac= ing) * 6); } .\[\&_\.ProseMirror\]\:w-full .ProseMirror { width: 100%; } .\[\&_\.ProseMirror\]\:\!overflow-hidden .ProseMirror { overflow: hidden = !important; } .\[\&_\.ProseMirror\]\:p-4 .ProseMirror { padding: calc(var(--spacing) * = 4); } .\[\&_\.ProseMirror\]\:px-0 .ProseMirror { padding-inline: 0px; } .\[\&_\.ProseMirror\]\:py-0 .ProseMirror { padding-block: 0px; } .\[\&_\.ProseMirror\]\:text-center .ProseMirror { text-align: center; } .\[\&_\.ProseMirror\]\:\!font-sans .ProseMirror { font-family: var(--font= -sans) !important; } .\[\&_\.ProseMirror\]\:font-sans .ProseMirror { font-family: var(--font-s= ans); } .\[\&_\.ProseMirror\]\:\!leading-6 .ProseMirror { --tw-leading: calc(var(= --spacing) * 6) !important; line-height: calc(var(--spacing) * 6) !importan= t; } .\[\&_\.ProseMirror\]\:leading-relaxed .ProseMirror { --tw-leading: var(-= -leading-relaxed); line-height: var(--leading-relaxed); } .\[\&_\.ProseMirror\]\:whitespace-nowrap .ProseMirror { white-space: nowr= ap; } .\[\&_\.ProseMirror\]\:\!text-default .ProseMirror { color: var(--color-t= ext) !important; } .\[\&_\.ProseMirror\]\:caret-current .ProseMirror { caret-color: currentc= olor; } .extension\:\[\&_\.ProseMirror\]\:leading-normal:where([data-codex-window= -type=3D"extension"] .extension\:\[\&_\.ProseMirror\]\:leading-normal) .Pro= seMirror { --tw-leading: var(--leading-normal); line-height: var(--leading-= normal); } .\[\&_\.ProseMirror_p\]\:\!font-sans .ProseMirror p { font-family: var(--= font-sans) !important; } .\[\&_\.ProseMirror_p\]\:\!leading-6 .ProseMirror p { --tw-leading: calc(= var(--spacing) * 6) !important; line-height: calc(var(--spacing) * 6) !impo= rtant; } .\[\&_\.ProseMirror_p_\*\]\:\!font-sans .ProseMirror p *, .\[\&_\.ProseMi= rror_span\]\:\!font-sans .ProseMirror span { font-family: var(--font-sans) = !important; } @media (hover: hover) { .peer-hover\/appgen-row\:\[\&_\.appgen-row-default-subtitle\]\:hidden:is(= :where(.peer\/appgen-row):hover ~ *) .appgen-row-default-subtitle { display= : none; } .peer-hover\/appgen-row\:\[\&_\.appgen-row-hover-subtitle\]\:inline-flex:= is(:where(.peer\/appgen-row):hover ~ *) .appgen-row-hover-subtitle { displa= y: inline-flex; } } .\[\&_\.contain-inline-size\]\:\[contain\:initial\] .contain-inline-size = { contain: initial; } @media (hover: hover) { .peer-hover\/resource-card\:\[\&_\.end-resource-default-subtitle\]\:hidde= n:is(:where(.peer\/resource-card):hover ~ *) .end-resource-default-subtitle= { display: none; } } .peer-focus-visible\/resource-card\:\[\&_\.end-resource-default-subtitle\= ]\:hidden:is(:where(.peer\/resource-card):focus-visible ~ *) .end-resource-= default-subtitle { display: none; } @media (hover: hover) { .peer-hover\/resource-card\:\[\&_\.end-resource-hover-subtitle\]\:inline-= flex:is(:where(.peer\/resource-card):hover ~ *) .end-resource-hover-subtitl= e { display: inline-flex; } } .peer-focus-visible\/resource-card\:\[\&_\.end-resource-hover-subtitle\]\= :inline-flex:is(:where(.peer\/resource-card):focus-visible ~ *) .end-resour= ce-hover-subtitle { display: inline-flex; } .\[\&_\.health-zero-state-heart-outer\]\:rotate-\[var\(--health-heart-rot= ation\)\] .health-zero-state-heart-outer { rotate: var(--health-heart-rotat= ion); } .motion-safe\:\[\&_\.health-zero-state-heart-outer\]\:transition-transfor= m:where(:root[data-reduced-motion=3D"false"] .motion-safe\:\[\&_\.health-ze= ro-state-heart-outer\]\:transition-transform) .health-zero-state-heart-oute= r { transition-property: transform, translate, scale, rotate; transition-ti= ming-function: var(--tw-ease,var(--default-transition-timing-function)); tr= ansition-duration: var(--tw-duration,var(--default-transition-duration)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:\[\&_\.health-zero-state-heart-outer\]\:transition-transfor= m:where(:root:not([data-reduced-motion]) .motion-safe\:\[\&_\.health-zero-s= tate-heart-outer\]\:transition-transform) .health-zero-state-heart-outer { = transition-property: transform, translate, scale, rotate; transition-timing= -function: var(--tw-ease,var(--default-transition-timing-function)); transi= tion-duration: var(--tw-duration,var(--default-transition-duration)); } } .motion-safe\:\[\&_\.health-zero-state-heart-outer\]\:duration-300:where(= :root[data-reduced-motion=3D"false"] .motion-safe\:\[\&_\.health-zero-state= -heart-outer\]\:duration-300) .health-zero-state-heart-outer { --tw-duratio= n: .3s; transition-duration: 0.3s; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:\[\&_\.health-zero-state-heart-outer\]\:duration-300:where(= :root:not([data-reduced-motion]) .motion-safe\:\[\&_\.health-zero-state-hea= rt-outer\]\:duration-300) .health-zero-state-heart-outer { --tw-duration: .= 3s; transition-duration: 0.3s; } } .motion-safe\:\[\&_\.health-zero-state-heart-outer\]\:ease-out:where(:roo= t[data-reduced-motion=3D"false"] .motion-safe\:\[\&_\.health-zero-state-hea= rt-outer\]\:ease-out) .health-zero-state-heart-outer { --tw-ease: var(--eas= e-out); transition-timing-function: var(--ease-out); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:\[\&_\.health-zero-state-heart-outer\]\:ease-out:where(:roo= t:not([data-reduced-motion]) .motion-safe\:\[\&_\.health-zero-state-heart-o= uter\]\:ease-out) .health-zero-state-heart-outer { --tw-ease: var(--ease-ou= t); transition-timing-function: var(--ease-out); } } .\[\&_\.katex\]\:\!text-\[1em\] .katex { font-size: 1em !important; } .\[\&_\.katex\]\:text-\[1\.08em\] .katex { font-size: 1.08em; } .\[\&_\.katex\]\:text-\[1\.45em\] .katex { font-size: 1.45em; } .\[\&_\.katex\]\:text-\[1em\] .katex { font-size: 1em; } .\[\&_\.katex\]\:text-inherit .katex { color: inherit; } @media not all and (min-width: 520px) { .max-\[520px\]\:\[\&_\.katex\]\:text-\[0\.82em\] .katex { font-size: 0.82= em; } .max-\[520px\]\:\[\&_\.katex\]\:text-\[1\.12em\] .katex { font-size: 1.12= em; } } .\[\&_\.min-w-0\]\:text-end .min-w-0 { text-align: end; } @media (min-width: 90rem) { @media not all and (min-width: 110rem) { .min-\[90rem\]\:max-\[110rem\]\:has-\[\[data-business-pricing-cadence\]\]= \:\[\&_\.pricing-column-label-row\]\:min-h-20:has([data-business-pricing-ca= dence]) .pricing-column-label-row { min-height: calc(var(--spacing) * 20); = } } } .has-\[\[data-business-pricing-cadence\]\]\:\[\&_\.pricing-column-price-b= lock\]\:mt-1\!:has([data-business-pricing-cadence]) .pricing-column-price-b= lock { margin-top: var(--spacing) !important; } .has-\[\[data-business-pricing-cadence\]\]\:\[\&_\.pricing-column-price-b= lock\]\:mt-4\!:has([data-business-pricing-cadence]) .pricing-column-price-b= lock { margin-top: calc(var(--spacing) * 4) !important; } .has-\[\[data-business-pricing-cadence\]\:not\(\[data-business-pricing-ta= x\]\)\]\:\[\&_\.pricing-column-price-block\]\:min-h-\[160px\]\!:has([data-b= usiness-pricing-cadence]:not([data-business-pricing-tax])) .pricing-column-= price-block { min-height: 160px !important; } .has-\[\[data-business-pricing-tax\=3Dper-seat\]\]\:\[\&_\.pricing-column= -price-block\]\:min-h-\[220px\]\!:has([data-business-pricing-tax=3D"per-sea= t"]) .pricing-column-price-block { min-height: 220px !important; } .has-\[\[data-business-pricing-tax\=3Dper-seat\]\]\:\[\&_\.pricing-column= -price-block\]\:min-h-\[240px\]:has([data-business-pricing-tax=3D"per-seat"= ]) .pricing-column-price-block { min-height: 240px; } .has-\[\[data-business-pricing-tax\=3Dshared\]\]\:\[\&_\.pricing-column-p= rice-block\]\:min-h-\[188px\]\!:has([data-business-pricing-tax=3D"shared"])= .pricing-column-price-block { min-height: 188px !important; } .has-\[\[data-business-pricing-tax\=3Dshared\]\]\:\[\&_\.pricing-column-p= rice-block\]\:min-h-\[208px\]:has([data-business-pricing-tax=3D"shared"]) .= pricing-column-price-block { min-height: 208px; } @media (min-width: 90rem) { .min-\[90rem\]\:has-\[\[data-business-pricing-cadence\]\:not\(\[data-busi= ness-pricing-tax\]\)\]\:\[\&_\.pricing-column-price-block\]\:min-h-\[228px\= ]\!:has([data-business-pricing-cadence]:not([data-business-pricing-tax])) .= pricing-column-price-block { min-height: 228px !important; } @media not all and (min-width: 110rem) { .min-\[90rem\]\:max-\[110rem\]\:has-\[\[data-business-pricing-tax\=3Dper-= seat\]\]\:\[\&_\.pricing-column-price-block\]\:min-h-\[284px\]\!:has([data-= business-pricing-tax=3D"per-seat"]) .pricing-column-price-block { min-heigh= t: 284px !important; } .min-\[90rem\]\:max-\[110rem\]\:has-\[\[data-business-pricing-tax\=3Dper-= seat\]\]\:\[\&_\.pricing-column-price-block\]\:min-h-\[304px\]:has([data-bu= siness-pricing-tax=3D"per-seat"]) .pricing-column-price-block { min-height:= 304px; } .min-\[90rem\]\:max-\[110rem\]\:has-\[\[data-business-pricing-tax\=3Dshar= ed\]\]\:\[\&_\.pricing-column-price-block\]\:min-h-\[252px\]\!:has([data-bu= siness-pricing-tax=3D"shared"]) .pricing-column-price-block { min-height: 2= 52px !important; } .min-\[90rem\]\:max-\[110rem\]\:has-\[\[data-business-pricing-tax\=3Dshar= ed\]\]\:\[\&_\.pricing-column-price-block\]\:min-h-\[272px\]:has([data-busi= ness-pricing-tax=3D"shared"]) .pricing-column-price-block { min-height: 272= px; } } } @media (min-width: 110rem) { .min-\[110rem\]\:has-\[\[data-business-pricing-cadence\]\:not\(\[data-bus= iness-pricing-tax\]\)\]\:\[\&_\.pricing-column-price-block\]\:min-h-\[172px= \]\!:has([data-business-pricing-cadence]:not([data-business-pricing-tax])) = .pricing-column-price-block { min-height: 172px !important; } } .\[\&_\.pricing-column-price-frequency\]\:translate-y-3 .pricing-column-p= rice-frequency { --tw-translate-y: calc(var(--spacing) * 3); translate: var= (--tw-translate-x) var(--tw-translate-y); } @media (min-width: 48rem) { .md\:\[\&_\.pricing-column-top-half\]\:min-h-\[12rem\] .pricing-column-to= p-half { min-height: 12rem; } } .\[\&_\.tortilla-detail-title\]\:text-xl\! .tortilla-detail-title { font-= size: var(--text-xl) !important; line-height: var(--tw-leading,var(--text-x= l--line-height)) !important; } .\[\&_\.tortilla-detail-title\]\:font-normal\! .tortilla-detail-title { -= -tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--f= ont-weight-normal) !important; } @container tortilla-detail (width >=3D 36rem) { .\@min-\[36rem\]\/tortilla-detail\:\[\&_\.tortilla-detail-title\]\:text-\= [1\.5625rem\]\! .tortilla-detail-title { font-size: 1.5625rem !important; } } .focus-within\:\[\&_\.turn-diff-default-subtitle\]\:hidden:focus-within .= turn-diff-default-subtitle { display: none; } @media (hover: hover) { .hover\:\[\&_\.turn-diff-default-subtitle\]\:hidden:hover .turn-diff-defa= ult-subtitle { display: none; } } .focus-within\:\[\&_\.turn-diff-hover-subtitle\]\:inline-flex:focus-withi= n .turn-diff-hover-subtitle { display: inline-flex; } @media (hover: hover) { .hover\:\[\&_\.turn-diff-hover-subtitle\]\:inline-flex:hover .turn-diff-h= over-subtitle { display: inline-flex; } } .\[\&_\[data-annotation-mode-label\]\]\:\!text-sm [data-annotation-mode-l= abel] { font-size: var(--text-sm) !important; line-height: var(--tw-leading= ,var(--text-sm--line-height)) !important; } .\[\&_\[data-annotation-mode-label\]\]\:\!leading-5 [data-annotation-mode= -label] { --tw-leading: calc(var(--spacing) * 5) !important; line-height: c= alc(var(--spacing) * 5) !important; } .\[\&_\[data-avatar-overlay-swipe-dismiss-accessory\]\]\:invisible [data-= avatar-overlay-swipe-dismiss-accessory] { visibility: hidden; } .\[\&_\[data-business-pricing-cadence\]\]\:gap-6\! [data-business-pricing= -cadence] { gap: calc(var(--spacing) * 6) !important; } .\[\&_\[data-dictation-arrival\]\]\:\[animation-play-state\:paused\] [dat= a-dictation-arrival] { animation-play-state: paused; } .\[\&_\[data-learning-block-time-loop\]\]\:static [data-learning-block-ti= me-loop] { position: static; } .\[\&_\[data-state\]\]\:pointer-events-auto [data-state] { pointer-events= : auto; } .\[\&_\[data-testid\$\=3D\'-pricing-column-cost\'\]\]\:mt-3 [data-testid$= =3D"-pricing-column-cost"] { margin-top: calc(var(--spacing) * 3); } .\[\&_\[data-testid\$\=3D\'-pricing-column-cost\'\]\]\:min-h-\[140px\] [d= ata-testid$=3D"-pricing-column-cost"] { min-height: 140px; } .\[\&_\[data-testid\$\=3D\'-pricing-column-cost\'\]\]\:min-h-\[180px\] [d= ata-testid$=3D"-pricing-column-cost"] { min-height: 180px; } .\[\&_\[data-testid\$\=3D\'-pricing-column-cost\'\]\]\:items-center [data= -testid$=3D"-pricing-column-cost"] { align-items: center; } @media (min-width: 90rem) { .min-\[90rem\]\:\[\&_\[data-testid\$\=3D\'-pricing-column-cost\'\]\]\:min= -h-\[180px\] [data-testid$=3D"-pricing-column-cost"] { min-height: 180px; } .min-\[90rem\]\:\[\&_\[data-testid\$\=3D\'-pricing-column-cost\'\]\]\:min= -h-\[248px\] [data-testid$=3D"-pricing-column-cost"] { min-height: 248px; } } @media (min-width: 110rem) { .min-\[110rem\]\:\[\&_\[data-testid\$\=3D\'-pricing-column-cost\'\]\]\:mi= n-h-\[192px\] [data-testid$=3D"-pricing-column-cost"] { min-height: 192px; = } } .\[\&_\[data-testid\$\=3D\'-pricing-column-cost-skeleton\'\]\]\:mt-3 [dat= a-testid$=3D"-pricing-column-cost-skeleton"] { margin-top: calc(var(--spaci= ng) * 3); } .\[\&_\[data-testid\$\=3D\'-pricing-column-cost-summary\'\]\]\:mt-2 [data= -testid$=3D"-pricing-column-cost-summary"] { margin-top: calc(var(--spacing= ) * 2); } .\[\&_\[data-testid\$\=3D\'-pricing-column-cost-summary\'\]\]\:min-h-12 [= data-testid$=3D"-pricing-column-cost-summary"] { min-height: calc(var(--spa= cing) * 12); } @media (min-width: 52rem) { .min-\[52rem\]\:\[\&_\[data-testid\$\=3D\'-pricing-column-cost-summary\'\= ]\]\:min-h-18 [data-testid$=3D"-pricing-column-cost-summary"] { min-height:= calc(var(--spacing) * 18); } } .\[\&_\[data-thread-find-target\=3Dconversation\]\]\:scroll-mt-24 [data-t= hread-find-target=3D"conversation"] { scroll-margin-top: calc(var(--spacing= ) * 24); } .\[\&_\[data-virtualized-turn-content\]\]\:-ms-2\.5 [data-virtualized-tur= n-content] { margin-inline-start: calc(var(--spacing) * -2.5); } .\[\&_\[data-virtualized-turn-content\]\]\:ps-2\.5 [data-virtualized-turn= -content] { padding-inline-start: calc(var(--spacing) * 2.5); } .\[\&_\[data-virtualized-turn-content\]\]\:pb-1\.5 [data-virtualized-turn= -content] { padding-bottom: calc(var(--spacing) * 1.5); } .\[\&_\[data-virtualized-turn-content\]\]\:\[content-visibility\:visible\= ] [data-virtualized-turn-content] { content-visibility: visible; } .\[\&_\[role\=3D\'status\'\]\]\:\!text-sm [role=3D"status"] { font-size: = var(--text-sm) !important; line-height: var(--tw-leading,var(--text-sm--lin= e-height)) !important; } .\[\&_\[role\=3D\'status\'\]\]\:\!leading-5 [role=3D"status"] { --tw-lead= ing: calc(var(--spacing) * 5) !important; line-height: calc(var(--spacing) = * 5) !important; } .\[\&_\[role\=3Dbutton\]\]\:pointer-events-auto [role=3D"button"] { point= er-events: auto; } .\[\&_\[role\=3Dslider\]\:focus\]\:outline-2 [role=3D"slider"]:focus { ou= tline-style: var(--tw-outline-style); outline-width: 2px; } .\[\&_\[role\=3Dslider\]\:focus\]\:outline-offset-2 [role=3D"slider"]:foc= us { outline-offset: 2px; } .\[\&_\[role\=3Dslider\]\:focus\]\:outline-\[var\(--learning-block-accent= \)\] [role=3D"slider"]:focus { outline-color: var(--learning-block-accent);= } .\[\&_a\]\:pointer-events-auto a { pointer-events: auto; } .\[\&_a\]\:font-medium a { --tw-font-weight: var(--font-weight-medium); f= ont-weight: var(--font-weight-medium); } .\[\&_a\]\:tracking-normal a { --tw-tracking: var(--tracking-normal); let= ter-spacing: var(--tracking-normal); } .\[\&_a\]\:text-\(--text-secondary\) a { color: var(--text-secondary); } .\[\&_a\]\:underline\! a { text-decoration-line: underline !important; } .\[\&_blockquote\]\:mb-0 blockquote { margin-bottom: 0px; } .\[\&_blockquote\]\:\!py-0 blockquote { padding-block: 0px !important; } .\[\&_blockquote\]\:\!ps-0 blockquote { padding-inline-start: 0px !import= ant; } .\[\&_blockquote\]\:\!leading-5 blockquote { --tw-leading: calc(var(--spa= cing) * 5) !important; line-height: calc(var(--spacing) * 5) !important; } .\[\&_button\]\:pointer-events-auto button { pointer-events: auto; } .\[\&_button\]\:absolute button { position: absolute; } .\[\&_button\]\:-inset-0\.5 button { inset: calc(var(--spacing) * -.5); } .\[\&_button\]\:size-auto button { width: auto; height: auto; } .\[\&_button\]\:h-8 button { height: calc(var(--spacing) * 8); } .\[\&_button\]\:min-h-11 button { min-height: calc(var(--spacing) * 11); = } .\[\&_button\]\:w-fit button { width: fit-content; } .\[\&_button\]\:cursor-default button { cursor: default; } .\[\&_button\]\:justify-center button { justify-content: center; } .\[\&_button\]\:rounded-full button { border-radius: var(--radius-full); = } .\[\&_button\]\:px-3 button { padding-inline: calc(var(--spacing) * 3); } .\[\&_button\]\:py-0 button { padding-block: 0px; } .\[\&_button\]\:\!text-sm button { font-size: var(--text-sm) !important; = line-height: var(--tw-leading,var(--text-sm--line-height)) !important; } .\[\&_button\]\:text-lg button { font-size: var(--text-lg); line-height: = var(--tw-leading,var(--text-lg--line-height)); } .\[\&_button\]\:text-sm button { font-size: var(--text-sm); line-height: = var(--tw-leading,var(--text-sm--line-height)); } .\[\&_button\]\:\!leading-5 button { --tw-leading: calc(var(--spacing) * = 5) !important; line-height: calc(var(--spacing) * 5) !important; } .\[\&_button\]\:leading-6 button { --tw-leading: calc(var(--spacing) * 6)= ; line-height: calc(var(--spacing) * 6); } .\[\&_button\]\:drop-shadow-none button { --tw-drop-shadow: ; filter: var= (--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscal= e, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--t= w-sepia, ) var(--tw-drop-shadow, ); } .\[\&_button\]\:focus-visible\:ring-2 button:focus-visible { --tw-ring-sh= adow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) = var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(= --tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow= ), var(--tw-shadow); } .\[\&_button\]\:focus-visible\:ring-ring button:focus-visible { --tw-ring= -color: var(--color-ring); } .\[\&_button\]\:focus-visible\:ring-offset-0 button:focus-visible { --tw-= ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0= 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } @media not all and (min-width: 40rem) { .max-sm\:\[\&_button\]\:h-16 button { height: calc(var(--spacing) * 16); = } .max-sm\:\[\&_button\]\:min-h-16\! button { min-height: calc(var(--spacin= g) * 16) !important; } .max-sm\:\[\&_button\]\:text-lg\! button { font-size: var(--text-lg) !imp= ortant; line-height: var(--tw-leading,var(--text-lg--line-height)) !importa= nt; } .max-sm\:\[\&_button\]\:font-semibold\! button { --tw-font-weight: var(--= font-weight-semibold) !important; font-weight: var(--font-weight-semibold) = !important; } } .\[\&_button_svg\]\:size-4 button svg { width: calc(var(--spacing) * 4); = height: calc(var(--spacing) * 4); } .data-\[dropdown-focus\=3Dpointer\]\:\[\&_button\[aria-haspopup\]\:focus-= visible\]\:ring-0[data-dropdown-focus=3D"pointer"] button[aria-haspopup]:fo= cus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var= (--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: va= r(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-sha= dow), var(--tw-ring-shadow), var(--tw-shadow); } .data-\[dropdown-focus\=3Dpointer\]\:\[\&_button\[aria-haspopup\]\:focus-= visible\]\:outline-hidden[data-dropdown-focus=3D"pointer"] button[aria-hasp= opup]:focus-visible { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .data-\[dropdown-focus\=3Dpointer\]\:\[\&_button\[aria-haspopup\]\:focus-= visible\]\:outline-hidden[data-dropdown-focus=3D"pointer"] button[aria-hasp= opup]:focus-visible { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid = 2px; } } .\[\&_details\]\:mt-3 details { margin-top: calc(var(--spacing) * 3); } .\[\&_details\]\:rounded-\[14px\] details { border-radius: 14px; } .\[\&_details\]\:border details { border-style: var(--tw-border-style); b= order-width: 1px; } .\[\&_details\]\:border-border\/16 details { border-color: var(--color-bo= rder); } @supports (color:color-mix(in lab, red, red)) { .\[\&_details\]\:border-border\/16 details { border-color: color-mix(in o= klab, var(--color-border) 16%, transparent); } } .\[\&_details\]\:bg-surface-secondary\/40 details { background-color: var= (--color-surface-secondary); } @supports (color:color-mix(in lab, red, red)) { .\[\&_details\]\:bg-surface-secondary\/40 details { background-color: col= or-mix(in oklab, var(--color-surface-secondary) 40%, transparent); } } .\[\&_details\]\:px-3\.5 details { padding-inline: calc(var(--spacing) * = 3.5); } .\[\&_details\]\:py-3 details { padding-block: calc(var(--spacing) * 3); = } .\[\&_h2\]\:text-4xl h2 { font-size: var(--text-4xl); line-height: var(--= tw-leading,var(--text-4xl--line-height)); } .\[\&_h2\]\:leading-10 h2 { --tw-leading: calc(var(--spacing) * 10); line= -height: calc(var(--spacing) * 10); } .\[\&_h2\]\:font-semibold h2 { --tw-font-weight: var(--font-weight-semibo= ld); font-weight: var(--font-weight-semibold); } .\[\&_iframe\]\:transition-none\! iframe { transition-property: none !imp= ortant; } .\[\&_img\]\:size-4 img { width: calc(var(--spacing) * 4); height: calc(v= ar(--spacing) * 4); } .\[\&_input\]\:pointer-events-auto input { pointer-events: auto; } .\[\&_kbd\]\:ps-0\! kbd { padding-inline-start: 0px !important; } .\[\&_kbd\]\:pe-0\! kbd { padding-inline-end: 0px !important; } .\[\&_kbd\]\:pt-0\! kbd { padding-top: 0px !important; } .\[\&_kbd\]\:\[color\:var\(--oai-wb-text-tertiary\)\]\! kbd { color: var(= --oai-wb-text-tertiary) !important; } .\[\&_kbd\]\:shadow-none\! kbd { --tw-shadow: 0 0 #0000 !important; box-s= hadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-o= ffset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .\[\&_li\+li\]\:\!mt-0 li + li { margin-top: 0px !important; } .\[\&_li\>div\]\:gap-3 li > div { gap: calc(var(--spacing) * 3); } .\[\&_li\>div_span\]\:text-\[14px\]\! li > div span { font-size: 14px !im= portant; } .\[\&_li\>ol\]\:\!mt-0 li > ol, .\[\&_li\>p\+p\]\:\!mt-0 li > p + p, .\[\= &_li\>ul\]\:\!mt-0 li > ul { margin-top: 0px !important; } .\[\&_main\]\:h-full main { height: 100%; } .\[\&_main\]\:w-full main { width: 100%; } .\[\&_mark\]\:\[animation-play-state\:paused\] mark { animation-play-stat= e: paused; } .\[\&_ol\]\:\!ps-6 ol { padding-inline-start: calc(var(--spacing) * 6) !i= mportant; } .\[\&_p\]\:\!m-0 p { margin: 0px !important; } .\[\&_p\]\:m-0 p { margin: 0px; } .\[\&_p\]\:inline p { display: inline; } .\[\&_p\+p\]\:\!mt-5 p + p { margin-top: calc(var(--spacing) * 5) !import= ant; } .\[\&_path\]\:fill-current path { fill: currentcolor; } .\[\&_path\]\:\[stroke-width\:1\.2px\] path { stroke-width: 1.2px; } .\[\&_select\]\:pointer-events-auto select { pointer-events: auto; } .\[\&_summary\]\:cursor-interaction summary { cursor: var(--cursor-intera= ction); } .\[\&_summary\]\:font-medium summary { --tw-font-weight: var(--font-weigh= t-medium); font-weight: var(--font-weight-medium); } .\[\&_summary\]\:text-default summary { color: var(--color-text); } .\[\&_svg\]\:block svg { display: block; } .\[\&_svg\]\:size-4 svg { width: calc(var(--spacing) * 4); height: calc(v= ar(--spacing) * 4); } .\[\&_svg\]\:size-full svg { width: 100%; height: 100%; } .\[\&_svg\]\:\!text-info svg { color: var(--color-text-info) !important; = } .\[\&_svg\]\:text-tertiary svg { color: var(--color-text-tertiary); } .\[\&_svg\>path\]\:fill-current svg > path { fill: currentcolor; } .\[\&_textarea\]\:pointer-events-auto textarea { pointer-events: auto; } .\[\&_ul\]\:\!ps-6 ul { padding-inline-start: calc(var(--spacing) * 6) !i= mportant; } .\[\&\.katex\]\:text-\[1em\].katex { font-size: 1em; } .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker { displ= ay: none; } .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin= -button { appearance: none; } .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin= -button { appearance: none; } .\[\&\:\:-webkit-progress-bar\]\:bg-text\/10::-webkit-progress-bar { back= ground-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .\[\&\:\:-webkit-progress-bar\]\:bg-text\/10::-webkit-progress-bar { back= ground-color: color-mix(in oklab, var(--color-text) 10%, transparent); } } .\[\&\:\:-webkit-progress-value\]\:bg-chart-yellow::-webkit-progress-valu= e { background-color: var(--color-chart-yellow); } .\[\&\:\:-webkit-progress-value\]\:bg-primary-solid::-webkit-progress-val= ue { background-color: var(--color-background-primary-solid); } .\[\&\:\:-webkit-progress-value\]\:bg-warning-solid::-webkit-progress-val= ue { background-color: var(--color-background-warning-solid); } .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; = } .\[\&\:\:-webkit-slider-runnable-track\]\:h-0\.5::-webkit-slider-runnable= -track { height: calc(var(--spacing) * .5); } .\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full::-webkit-slider-ru= nnable-track { border-radius: var(--radius-full); } .\[\&\:\:-webkit-slider-thumb\]\:mt-\[-9px\]::-webkit-slider-thumb { marg= in-top: -9px; } .\[\&\:\:-webkit-slider-thumb\]\:size-5::-webkit-slider-thumb { width: ca= lc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .\[\&\:\:-webkit-slider-thumb\]\:h-5::-webkit-slider-thumb { height: calc= (var(--spacing) * 5); } .\[\&\:\:-webkit-slider-thumb\]\:w-5::-webkit-slider-thumb { width: calc(= var(--spacing) * 5); } .\[\&\:\:-webkit-slider-thumb\]\:cursor-interaction::-webkit-slider-thumb= { cursor: var(--cursor-interaction); } .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb { = appearance: none; } .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb { bor= der-radius: var(--radius-full); } .\[\&\:\:-webkit-slider-thumb\]\:border::-webkit-slider-thumb { border-st= yle: var(--tw-border-style); border-width: 1px; } .\[\&\:\:-webkit-slider-thumb\]\:border-strong::-webkit-slider-thumb { bo= rder-color: var(--color-border-strong); } .\[\&\:\:-webkit-slider-thumb\]\:border-transparent::-webkit-slider-thumb= { border-color: rgba(0, 0, 0, 0); } .\[\&\:\:-webkit-slider-thumb\]\:bg-current::-webkit-slider-thumb { backg= round-color: currentcolor; } .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb { backgro= und-color: var(--color-white); } .\[\&\:\:-webkit-slider-thumb\]\:shadow-sm::-webkit-slider-thumb { --tw-s= hadow: 0px 1px 2px -1px var(--tw-shadow-color,#00000014); box-shadow: var(-= -tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow= ), var(--tw-ring-shadow), var(--tw-shadow); } .\[\&\:\:-webkit-slider-thumb\]\:shadow-sm-stronger::-webkit-slider-thumb= { --tw-shadow: 0px 1px 2px -1px var(--tw-shadow-color,#00000021); box-shad= ow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offs= et-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .\[\&\:\:placeholder\]\:select-none::placeholder { user-select: none; } .\[\&\:\:selection\]\:text-transparent::selection { color: rgba(0, 0, 0, = 0); } .\[\&\:focus-visible_circle\]\:stroke-\[var\(--text-primary\)\]:focus-vis= ible circle { stroke: var(--text-primary); } .\[\&\:focus-visible_circle\]\:stroke-\[2px\]:focus-visible circle { stro= ke-width: 2px; } .\[\&\:focus-visible_path\]\:stroke-\[var\(--learning-block-color-primary= \)\]:focus-visible path { stroke: var(--learning-block-color-primary); } .\[\&\:focus-visible_path\]\:stroke-\[3px\]:focus-visible path { stroke-w= idth: 3px; } :is(.\[\&\:has\(\+_\:hover\)\]\:border-transparent:has(+ :hover), .\[\&\:= has\(\+_\[data-appgen-row\]\:hover\)\]\:border-transparent:has(+ [data-appg= en-row]:hover)) { border-color: rgba(0, 0, 0, 0); } :is(.\[\&\:has\(\+_\[data-projects-rows\]\>\[data-project-row-wrapper\]\:= first-child\>\[data-project-row\]\:hover\)\]\:border-b-transparent:has(+ [d= ata-projects-rows] > [data-project-row-wrapper]:first-child > [data-project= -row]:hover), .\[\&\:has\(\>_\[data-project-row\]\:hover\)\]\:border-b-tran= sparent:has(> [data-project-row]:hover)) { border-bottom-color: rgba(0, 0, = 0, 0); } .\[\&\:has\(\[data-feature\=3D\'game-surface\'\]\)_\[data-feature\=3D\'ga= me-source\'\]\]\:invisible:has([data-feature=3D"game-surface"]) [data-featu= re=3D"game-source"] { visibility: hidden; } .\[\&\:has\(\[data-mcp-app-expanded\=3D\'true\'\]\)\]\:\[content-visibili= ty\:visible\]:has([data-mcp-app-expanded=3D"true"]) { content-visibility: v= isible; } .\[\&\:has\(\[data-plugin-description-transitioning\]\)\]\:\[overflow-anc= hor\:none\]:has([data-plugin-description-transitioning]) { overflow-anchor:= none; } .\[\&\:has\(\[data-thread-scroll-footer\=3D\'true\'\]\:focus-within\)\]\:= \[scroll-padding-bottom\:0px\]:has([data-thread-scroll-footer=3D"true"]:foc= us-within) { scroll-padding-bottom: 0px; } .\[\&\:has\(table\)\]\:\[-webkit-line-clamp\:unset\]:has(table) { -webkit= -line-clamp: unset; } .\[\:not\(\:has\(div\:not\(\[role\=3Dgroup\]\)\)\)\]\:hidden:not(:has(div= :not([role=3D"group"]))) { display: none; } .\[\&\:nth-child\(1_of_\:has\(div\:not\(\[role\=3Dgroup\]\)\)\)\]\:before= \:hidden:nth-child(1 of :has(div:not([role=3D"group"])))::before { content:= var(--tw-content); display: none; } .\[\&\>\*\]\:pointer-events-none > * { pointer-events: none; } .\[\&\>\*\]\:size-full > * { width: 100%; height: 100%; } .\[\&\>\*\]\:min-h-0 > * { min-height: 0px; } .\[\&\>\*\]\:shrink > * { flex-shrink: 1; } .\[\&\>\*\]\:shrink-0 > * { flex-shrink: 0; } .\[\&\>\*\]\:gap-1\.5 > * { gap: calc(var(--spacing) * 1.5); } .\[\&\>\*\]\:rounded-2xl > * { border-radius: var(--radius-2xl); } .\[\&\>\*\]\:border > * { border-style: var(--tw-border-style); border-wi= dth: 1px; } .\[\&\>\*\]\:border-default > * { border-color: var(--color-border); } .\[\&\>\*\]\:py-\[calc\(var\(--oai-wb-spacing\)\*0\.5\)\] > * { padding-b= lock: calc(var(--oai-wb-spacing) * .5); } .disabled\:\[\&\>\*\]\:opacity-40:disabled > * { opacity: 0.4; } .\[\&\>\*\:first-child\]\:mt-0 > :first-child { margin-top: 0px; } .\[\&\>\*\:last-child\]\:mb-0 > :last-child { margin-bottom: 0px; } .\[\&\>\*\:last-child\:nth-child\(odd\)\]\:col-span-2 > :last-child:nth-c= hild(2n+1) { grid-column: span 2 / span 2; } .\[\&\>\*\:not\(\:last-child\)\]\:relative > :not(:last-child) { position= : relative; } .\[\&\>\*\:not\(\:last-child\)\]\:border-b > :not(:last-child) { border-b= ottom-style: var(--tw-border-style); border-bottom-width: 1px; } .\[\&\>\*\:not\(\:last-child\)\]\:border-border > :not(:last-child) { bor= der-color: var(--color-border); } .\[\&\>\*\:not\(\:last-child\)\]\:after\:pointer-events-none > :not(:last= -child)::after { content: var(--tw-content); pointer-events: none; } .\[\&\>\*\:not\(\:last-child\)\]\:after\:absolute > :not(:last-child)::af= ter { content: var(--tw-content); position: absolute; } .\[\&\>\*\:not\(\:last-child\)\]\:after\:inset-x-4 > :not(:last-child)::a= fter { content: var(--tw-content); inset-inline: calc(var(--spacing) * 4); = } .\[\&\>\*\:not\(\:last-child\)\]\:after\:bottom-0 > :not(:last-child)::af= ter { content: var(--tw-content); bottom: 0px; } .\[\&\>\*\:not\(\:last-child\)\]\:after\:h-px > :not(:last-child)::after = { content: var(--tw-content); height: 1px; } .\[\&\>\*\:not\(\:last-child\)\]\:after\:bg-border > :not(:last-child)::a= fter { content: var(--tw-content); background-color: var(--color-border); } .\[\&\>\*\:not\(\:last-child\)\]\:after\:content-\[\'\'\] > :not(:last-ch= ild)::after { --tw-content: ""; content: var(--tw-content); } .group-data-\[density\=3Dform\]\/settings\:\[\&\>\*\:not\(\:last-child\)\= ]\:after\:inset-x-5:is(:where(.group\/settings)[data-density=3D"form"] :whe= re(.group-data-\[density\=3Dform\]\/settings\:\[\&\>\*\:not\(\:last-child\)= \]\:after\:inset-x-5)) > :not(:last-child)::after { content: var(--tw-conte= nt); inset-inline: calc(var(--spacing) * 5); } .group-data-\[density\=3Dform\]\/settings\:\[\&\>\*\:not\(\:last-child\)\= ]\:after\:h-px:is(:where(.group\/settings)[data-density=3D"form"] :where(.g= roup-data-\[density\=3Dform\]\/settings\:\[\&\>\*\:not\(\:last-child\)\]\:a= fter\:h-px)) > :not(:last-child)::after { content: var(--tw-content); heigh= t: 1px; } .group-data-\[density\=3Dform\]\/settings\:\[\&\>\*\:not\(\:last-child\)\= ]\:after\:bg-border-subtle:is(:where(.group\/settings)[data-density=3D"form= "] :where(.group-data-\[density\=3Dform\]\/settings\:\[\&\>\*\:not\(\:last-= child\)\]\:after\:bg-border-subtle)) > :not(:last-child)::after { content: = var(--tw-content); background-color: var(--color-border-subtle); } .\[\&\>\*\>\*\]\:px-row-x > * > * { padding-inline: var(--padding-row-x);= } .\[\&\>\*\>\*\]\:pb-2 > * > * { padding-bottom: calc(var(--spacing) * 2);= } .\[\&\>\.share-destination-icon\]\:bg-text\/5 > .share-destination-icon {= background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .\[\&\>\.share-destination-icon\]\:bg-text\/5 > .share-destination-icon {= background-color: color-mix(in oklab, var(--color-text) 5%, transparent); = } } .\[\&\>\.share-destination-icon\]\:text-default > .share-destination-icon= { color: var(--color-text); } @media (hover: hover) { .not-disabled\:not-aria-disabled\:hover\:\[\&\>\.share-destination-icon\]= \:bg-text\/10:not(:disabled):not([aria-disabled=3D"true"]):hover > .share-d= estination-icon { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:hover\:\[\&\>\.share-destination-icon\]= \:bg-text\/10:not(:disabled):not([aria-disabled=3D"true"]):hover > .share-d= estination-icon { background-color: color-mix(in oklab, var(--color-text) 1= 0%, transparent); } } } .not-disabled\:not-aria-disabled\:active\:\[\&\>\.share-destination-icon\= ]\:bg-text\/10:not(:disabled):not([aria-disabled=3D"true"]):active > .share= -destination-icon { background-color: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:not-aria-disabled\:active\:\[\&\>\.share-destination-icon\= ]\:bg-text\/10:not(:disabled):not([aria-disabled=3D"true"]):active > .share= -destination-icon { background-color: color-mix(in oklab, var(--color-text)= 10%, transparent); } } .\[\&\>\:not\(\:last-child\)\]\:py-\[calc\(var\(--oai-wb-spacing\)\*0\.5\= )\] > :not(:last-child) { padding-block: calc(var(--oai-wb-spacing) * .5); = } .\[\&\>\:where\(\:not\(\:first-child\)\)\]\:mt-0 > :where(:not(:first-chi= ld)) { margin-top: 0px; } @media (min-width: 40rem) { .sm\:\[\&\>\[data-input-selector-group\]\]\:grid-cols-3 > [data-input-sel= ector-group] { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .sm\:\[\&\>\[data-input-selector-group\]\]\:gap-x-3 > [data-input-selecto= r-group] { column-gap: calc(var(--spacing) * 3); } } @media (min-width: 52rem) { .min-\[52rem\]\:\[\&\>\[data-testid\$\=3D\'-pricing-modal-column-wrapper\= '\]\]\:order-none > [data-testid$=3D"-pricing-modal-column-wrapper"] { orde= r: 0; } .min-\[52rem\]\:\[\&\>\[data-testid\=3Dgo-pricing-modal-column-wrapper\]\= ]\:order-1 > [data-testid=3D"go-pricing-modal-column-wrapper"] { order: 1; = } } @media (min-width: 90rem) { .min-\[90rem\]\:\[\&\>\[data-testid\=3Dgo-pricing-modal-column-wrapper\]\= ]\:order-none > [data-testid=3D"go-pricing-modal-column-wrapper"] { order: = 0; } } @media (min-width: 52rem) { .min-\[52rem\]\:\[\&\>\[data-testid\=3Dplus-pricing-modal-column-wrapper\= ]\]\:order-1 > [data-testid=3D"plus-pricing-modal-column-wrapper"] { order:= 1; } } @media (min-width: 90rem) { .min-\[90rem\]\:\[\&\>\[data-testid\=3Dplus-pricing-modal-column-wrapper\= ]\]\:order-none > [data-testid=3D"plus-pricing-modal-column-wrapper"] { ord= er: 0; } } .\[\&\>button\]\:w-full > button { width: 100%; } .\[\&\>button\]\:min-w-0 > button { min-width: 0px; } .\[\&\>button\]\:shrink-0 > button { flex-shrink: 0; } .\[\&\>button\]\:justify-center > button { justify-content: center; } .\[\&\>button\]\:overflow-hidden > button { overflow: hidden; } .\[\&\>code\]\:rounded-none > code { border-radius: 0px; } .\[\&\>code\]\:bg-transparent > code { background-color: rgba(0, 0, 0, 0)= ; } .\[\&\>code\]\:p-0 > code { padding: 0px; } .\[\&\>div\]\:\!mt-0 > div { margin-top: 0px !important; } .\[\&\>div\]\:h-full > div { height: 100%; } .\[\&\>div\]\:items-center > div { align-items: center; } .\[\&\>div\]\:gap-1\.5 > div { gap: calc(var(--spacing) * 1.5); } .\[\&\>div\]\:\!pb-0 > div { padding-bottom: 0px !important; } .\[\&\>div\]\:text-center > div { text-align: center; } .\[\&\>div\]\:\[corner-shape\:round\] > div { corner-shape: round; } @media not all and (min-width: 40rem) { .max-sm\:\[\&\>div\]\:pb-0 > div { padding-bottom: 0px; } } @container (width >=3D 28rem) { .\@md\:\[\&\>div\]\:aspect-auto\! > div { aspect-ratio: auto !important; = } .\@md\:\[\&\>div\]\:h-full\! > div { height: 100% !important; } } .\[\&\>h1\]\:text-heading-lg > h1 { font-size: var(--text-heading-lg); } .\[\&\>h1\]\:leading-\[1\.2\] > h1 { --tw-leading: 1.2; line-height: 1.2;= } .\[\&\>h1\]\:font-medium > h1 { --tw-font-weight: var(--font-weight-mediu= m); font-weight: var(--font-weight-medium); } .\[\&\>img\]\:size-4 > img { width: calc(var(--spacing) * 4); height: cal= c(var(--spacing) * 4); } .\[\&\>img\]\:rounded-full > img { border-radius: var(--radius-full); } .\[\&\>label\]\:grid-cols-\[104px_minmax\(0\,1fr\)\] > label { grid-templ= ate-columns: 104px minmax(0px, 1fr); } .\[\&\>ol\:first-child\]\:mt-0 > ol:first-child { margin-top: 0px; } .\[\&\>p\]\:\!m-0 > p { margin: 0px !important; } .\[\&\>p\]\:my-0 > p { margin-block: 0px; } .\[\&\>p\]\:mb-8 > p { margin-bottom: calc(var(--spacing) * 8); } .\[\&\>p\]\:max-w-\[760px\] > p { max-width: 760px; } .\[\&\>p\+p\]\:\!mt-5 > p + p { margin-top: calc(var(--spacing) * 5) !imp= ortant; } .\[\&\>p\:first-child\]\:font-semibold > p:first-child { --tw-font-weight= : var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .\[\&\>p\:last-child\]\:mb-0 > p:last-child { margin-bottom: 0px; } .\[\&\>svg\]\:block > svg { display: block; } .\[\&\>svg\]\:\!size-3 > svg { width: calc(var(--spacing) * 3) !important= ; height: calc(var(--spacing) * 3) !important; } .\[\&\>svg\]\:size-4 > svg { width: calc(var(--spacing) * 4); height: cal= c(var(--spacing) * 4); } .\[\&\>svg\]\:size-8 > svg { width: calc(var(--spacing) * 8); height: cal= c(var(--spacing) * 8); } .\[\&\>svg\]\:size-\[19px\] > svg { width: 19px; height: 19px; } .\[\&\>svg\]\:size-full > svg { width: 100%; height: 100%; } .\[\&\>svg\]\:\!h-4 > svg { height: calc(var(--spacing) * 4) !important; = } .\[\&\>svg\]\:h-full > svg { height: 100%; } .\[\&\>svg\]\:\!w-4 > svg { width: calc(var(--spacing) * 4) !important; } .\[\&\>svg\]\:w-full > svg { width: 100%; } .\[\&\>svg\]\:text-secondary > svg { color: var(--color-text-secondary); = } .browser\:group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-p= anel\:\[\&\>svg\]\:size-full:where([data-codex-window-type=3D"browser"] .br= owser\:group-data-\[summary-panel-variant\=3Ddynamic-isle\]\/summary-panel\= :\[\&\>svg\]\:size-full):is(:where(.group\/summary-panel)[data-summary-pane= l-variant=3D"dynamic-isle"] :where(.browser\:group-data-\[summary-panel-var= iant\=3Ddynamic-isle\]\/summary-panel\:\[\&\>svg\]\:size-full)) > svg { wid= th: 100%; height: 100%; } .\[\&\>ul\:first-child\]\:mt-0 > ul:first-child { margin-top: 0px; } .\[\&\[aria-pressed\=3Dtrue\]\]\:\!bg-surface-elevated-secondary[aria-pre= ssed=3D"true"] { background-color: var(--color-surface-elevated-secondary) = !important; } .\[\&\[aria-pressed\=3Dtrue\]\]\:\!text-default[aria-pressed=3D"true"] { = color: var(--color-text) !important; } .electron-dark .\[\.electron-dark_\&\]\:mix-blend-lighten { mix-blend-mod= e: lighten; } :where(:root[data-codex-os=3D"win32"].electron-opaque) .\[\:where\(\:root= \[data-codex-os\=3Dwin32\]\.electron-opaque\)_\&\]\:backdrop-blur-none { --= tw-backdrop-blur: ; backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-bac= kdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-graysca= le, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-= backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, = ); } :where(:root[data-codex-os=3D"win32"].electron-opaque) .light\:\[\:where\= (\:root\[data-codex-os\=3Dwin32\]\.electron-opaque\)_\&\]\:bg-\(--color-bac= kground-primary-soft\):where([data-theme=3D"light"]) { background-color: va= r(--color-background-primary-soft); } @container style(--theme-variant: light) { :where(:root[data-codex-os=3D"win32"].electron-opaque) .light\:\[\:where\= (\:root\[data-codex-os\=3Dwin32\]\.electron-opaque\)_\&\]\:bg-\(--color-bac= kground-primary-soft\):where(:not([data-theme])) { background-color: var(--= color-background-primary-soft); } } @container (width <=3D 20.749rem) { .\[\@container_\(max-width\:20\.749rem\)\]\:\[\&\>\*\:nth-child\(n\+2\)\]= \:hidden > :nth-child(n+2) { display: none; } } @container (width <=3D 260px) { .\[\@container_\(max-width\:260px\)\]\:hidden { display: none; } .\[\@container_\(max-width\:260px\)\]\:grid-cols-\[0_auto_auto\] { grid-t= emplate-columns: 0px auto auto; } .\[\@container_\(max-width\:260px\)\]\:gap-1 { gap: var(--spacing); } .\[\@container_\(max-width\:260px\)\]\:ps-2 { padding-inline-start: calc(= var(--spacing) * 2); } } @container (width <=3D 31.499rem) { .\[\@container_\(max-width\:31\.499rem\)\]\:\[\&\>\*\:nth-child\(n\+3\)\]= \:hidden > :nth-child(n+3) { display: none; } } @container (width <=3D 319px) { .\[\@container_\(max-width\:319px\)\]\:hidden { display: none; } } @container (width <=3D 360px) { .\[\@container_\(max-width\:360px\)\]\:hidden { display: none; } } @container (width <=3D 400px) { .\[\@container_\(max-width\:400px\)\]\:mt-3 { margin-top: calc(var(--spac= ing) * 3); } .\[\@container_\(max-width\:400px\)\]\:flex { display: flex; } .\[\@container_\(max-width\:400px\)\]\:hidden { display: none; } .\[\@container_\(max-width\:400px\)\]\:w-full { width: 100%; } .\[\@container_\(max-width\:400px\)\]\:flex-1 { flex: 1 1 0%; } .\[\@container_\(max-width\:400px\)\]\:shrink { flex-shrink: 1; } .\[\@container_\(max-width\:400px\)\]\:flex-wrap { flex-wrap: wrap; } .\[\@container_\(max-width\:400px\)\]\:items-start { align-items: flex-st= art; } .\[\@container_\(max-width\:400px\)\]\:justify-center { justify-content: = center; } .\[\@container_\(max-width\:400px\)\]\:gap-2 { gap: calc(var(--spacing) *= 2); } .\[\@container_\(max-width\:400px\)\]\:self-start { align-self: flex-star= t; } .\[\@container_\(max-width\:400px\)\]\:self-stretch { align-self: stretch= ; } .\[\@container_\(max-width\:400px\)\]\:border-s-0 { border-inline-start-s= tyle: var(--tw-border-style); border-inline-start-width: 0px; } .\[\@container_\(max-width\:400px\)\]\:border-t { border-top-style: var(-= -tw-border-style); border-top-width: 1px; } .\[\@container_\(max-width\:400px\)\]\:ps-0 { padding-inline-start: 0px; = } .\[\@container_\(max-width\:400px\)\]\:pt-2 { padding-top: calc(var(--spa= cing) * 2); } } @container (width <=3D 42.249rem) { .\[\@container_\(max-width\:42\.249rem\)\]\:\[\&\>\*\:nth-child\(n\+4\)\]= \:hidden > :nth-child(n+4) { display: none; } } @container (width <=3D 420px) { .\[\@container_\(max-width\:420px\)\]\:aspect-square { aspect-ratio: 1 / = 1; } .\[\@container_\(max-width\:420px\)\]\:gap-1 { gap: var(--spacing); } .\[\@container_\(max-width\:420px\)\]\:\!px-0 { padding-inline: 0px !impo= rtant; } .\[\@container_\(max-width\:420px\)\]\:ps-2 { padding-inline-start: calc(= var(--spacing) * 2); } } @container (width <=3D 450px) { .\[\@container_\(max-width\:450px\)\]\:sr-only { clip-path: inset(50%); w= hite-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1p= x; padding: 0px; position: absolute; overflow: hidden; } } @container (width <=3D 520px) { .\[\@container_\(max-width\:520px\)\]\:sr-only { clip-path: inset(50%); w= hite-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1p= x; padding: 0px; position: absolute; overflow: hidden; } .\[\@container_\(max-width\:520px\)\]\:block { display: block; } .\[\@container_\(max-width\:520px\)\]\:hidden { display: none; } .\[\@container_\(max-width\:520px\)\]\:grid-cols-\[minmax\(0\,1fr\)_auto\= ] { grid-template-columns: minmax(0px, 1fr) auto; } .\[\@container_\(max-width\:520px\)\]\:focus\:not-sr-only:focus { clip-pa= th: none; white-space: normal; width: auto; height: auto; margin: 0px; padd= ing: 0px; position: static; overflow: visible; } } @container (width <=3D 620px) { .\[\@container_\(max-width\:620px\)\]\:hidden { display: none; } } @container (width <=3D 630px) { .\[\@container_\(max-width\:630px\)\]\:sr-only { clip-path: inset(50%); w= hite-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1p= x; padding: 0px; position: absolute; overflow: hidden; } .\[\@container_\(max-width\:630px\)\]\:hidden { display: none; } } @container (width <=3D 720px) { .\[\@container_\(max-width\:720px\)\]\:block { display: block; } .\[\@container_\(max-width\:720px\)\]\:hidden { display: none; } .\[\@container_\(max-width\:720px\)\]\:aspect-square { aspect-ratio: 1 / = 1; } .\[\@container_\(max-width\:720px\)\]\:w-16 { width: calc(var(--spacing) = * 16); } .\[\@container_\(max-width\:720px\)\]\:grid-cols-\[minmax\(0\,1fr\)_auto_= auto_auto\] { grid-template-columns: minmax(0px, 1fr) auto auto auto; } .\[\@container_\(max-width\:720px\)\]\:\!px-0 { padding-inline: 0px !impo= rtant; } } @container (width >=3D 24rem) { .\[\@container_\(min-width\:24rem\)\]\:not-sr-only { clip-path: none; whi= te-space: normal; width: auto; height: auto; margin: 0px; padding: 0px; pos= ition: static; overflow: visible; } .\[\@container_\(min-width\:24rem\)\]\:grid-cols-2 { grid-template-column= s: repeat(2, minmax(0px, 1fr)); } .\[\@container_\(min-width\:24rem\)\]\:grid-cols-\[var\(--detail-property= -label-width\,120px\)_minmax\(0\,1fr\)\] { grid-template-columns: var(--det= ail-property-label-width,120px) minmax(0,1fr); } .\[\@container_\(min-width\:24rem\)\]\:items-center { align-items: center= ; } } @container (width >=3D 400px) { .\[\@container_\(min-width\:400px\)\]\:col-span-2 { grid-column: span 2 /= span 2; } .\[\@container_\(min-width\:400px\)\]\:col-span-3 { grid-column: span 3 /= span 3; } .\[\@container_\(min-width\:400px\)\]\:block { display: block; } .\[\@container_\(min-width\:400px\)\]\:flex { display: flex; } .\[\@container_\(min-width\:400px\)\]\:hidden { display: none; } .\[\@container_\(min-width\:400px\)\]\:grid-cols-\[max-content_minmax\(72= px\,1fr\)_minmax\(0\,max-content\)\] { grid-template-columns: max-content m= inmax(72px, 1fr) minmax(0px, max-content); } } @container (width >=3D 521px) { .\[\@container_\(min-width\:521px\)\]\:block { display: block; } .\[\@container_\(min-width\:521px\)\]\:flex { display: flex; } } @container app-shell-detail-panel (width <=3D 899px) { .\[\@container_app-shell-detail-panel_\(max-width\:899px\)\]\:hidden { di= splay: none; } .\[\@container_app-shell-detail-panel_\(max-width\:899px\)\]\:w-full { wi= dth: 100%; } .\[\@container_app-shell-detail-panel_\(max-width\:899px\)\]\:grid-cols-\= [auto_minmax\(0\,1fr\)_auto\] { grid-template-columns: auto minmax(0px, 1fr= ) auto; } .\[\@container_app-shell-detail-panel_\(max-width\:899px\)\]\:gap-1 { gap= : var(--spacing); } .\[\@container_app-shell-detail-panel_\(max-width\:899px\)\]\:justify-sel= f-stretch { justify-self: stretch; } } @container referral-tracking (width <=3D 400px) { .\[\@container_referral-tracking_\(max-width\:400px\)\]\:block { display:= block; } .\[\@container_referral-tracking_\(max-width\:400px\)\]\:hidden { display= : none; } .\[\@container_referral-tracking_\(max-width\:400px\)\]\:w-token-button-c= omposer { width: var(--spacing-token-button-composer); } .\[\@container_referral-tracking_\(max-width\:400px\)\]\:justify-center {= justify-content: center; } .\[\@container_referral-tracking_\(max-width\:400px\)\]\:px-0 { padding-i= nline: 0px; } } @container review-header (width >=3D 625px) { .\[\@container_review-header_\(min-width\:625px\)\]\:contents { display: = contents; } .\[\@container_review-header_\(min-width\:625px\)\]\:flex { display: flex= ; } .\[\@container_review-header_\(min-width\:625px\)\]\:hidden { display: no= ne; } } @media (not (max-width: 30rem)) and (max-width: 48rem) { .\[\@media\(30rem\=3D 401px) { @media (hover: hover) { .\[\@container_referral-tracking_\(min-width\:401px\)\]\:\[\@media\(hover= \:hover\)\]\:pointer-events-none { pointer-events: none; } .\[\@container_referral-tracking_\(min-width\:401px\)\]\:\[\@media\(hover= \:hover\)\]\:opacity-0 { opacity: 0; } .\[\@container_referral-tracking_\(min-width\:401px\)\]\:\[\@media\(hover= \:hover\)\]\:opacity-100 { opacity: 1; } } } @media (hover: hover) and (pointer: fine) { @media (hover: hover) { .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:hover\:opacity-40:hov= er { opacity: 0.4; } } } @media (hover: none) { .\[\@media\(hover\:none\)\]\:pointer-events-auto { pointer-events: auto; = } .\[\@media\(hover\:none\)\]\:invisible { visibility: hidden; } .\[\@media\(hover\:none\)\]\:w-auto { width: auto; } .\[\@media\(hover\:none\)\]\:overflow-visible { overflow: visible; } .\[\@media\(hover\:none\)\]\:pt-11 { padding-top: calc(var(--spacing) * 1= 1); } .\[\@media\(hover\:none\)\]\:opacity-100 { opacity: 1; } } @media (max-height: 500px) { .\[\@media\(max-height\:500px\)\]\:hidden { display: none; } } @media (min-width: 64rem) { @media (max-height: 760px) { .lg\:\[\@media\(max-height\:760px\)\]\:min-h-44 { min-height: calc(var(--= spacing) * 44); } .lg\:\[\@media\(max-height\:760px\)\]\:text-\[44px\] { font-size: 44px; } } } @media (max-height: 880px) { .\[\@media\(max-height\:880px\)\]\:gap-4 { gap: calc(var(--spacing) * 4);= } .\[\@media\(max-height\:880px\)\]\:px-0 { padding-inline: 0px; } .\[\@media\(max-height\:880px\)\]\:text-sm { font-size: var(--text-sm); l= ine-height: var(--tw-leading,var(--text-sm--line-height)); } .\[\@media\(max-height\:880px\)\]\:text-xl { font-size: var(--text-xl); l= ine-height: var(--tw-leading,var(--text-xl--line-height)); } .\[\@media\(max-height\:880px\)\]\:leading-5 { --tw-leading: calc(var(--s= pacing) * 5); line-height: calc(var(--spacing) * 5); } .\[\@media\(max-height\:880px\)\]\:leading-6 { --tw-leading: calc(var(--s= pacing) * 6); line-height: calc(var(--spacing) * 6); } } @media (max-width: 30rem) { .\[\@media\(max-width\:30rem\)\]\:grid-cols-1 { grid-template-columns: re= peat(1, minmax(0px, 1fr)); } .\[\@media\(max-width\:30rem\)\]\:grid-cols-2 { grid-template-columns: re= peat(2, minmax(0px, 1fr)); } } @media (max-width: 48rem) { .\[\@media\(max-width\:48rem\)\]\:invisible { visibility: hidden; } .\[\@media\(max-width\:48rem\)\]\:hidden { display: none; } .\[\@media\(max-width\:48rem\)\]\:px-4 { padding-inline: calc(var(--spaci= ng) * 4); } .\[\@media\(max-width\:48rem\)\]\:opacity-100 { opacity: 1; } } @media (min-width: 450px) { .\[\@media\(min-width\:450px\)\]\:w-\[380px\] { width: 380px; } .\[\@media\(min-width\:450px\)\]\:w-\[450px\] { width: 450px; } .\[\@media\(min-width\:450px\)\]\:pt-\[12vh\] { padding-top: 12vh; } .\[\@media\(min-width\:450px\)\]\:pt-\[15vh\] { padding-top: 15vh; } } @media (prefers-reduced-transparency: reduce) { .\[\@media\(prefers-reduced-transparency\:reduce\)\]\:backdrop-blur-none = { --tw-backdrop-blur: ; backdrop-filter: var(--tw-backdrop-blur, ) var(--tw= -backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-gra= yscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(-= -tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sep= ia, ); } } [data-app-shell-compact-page-gutter=3D"true"] .\[\[data-app-shell-compact= -page-gutter\=3Dtrue\]_\&\]\:px-7\.5 { padding-inline: calc(var(--spacing) = * 7.5); } [data-app-shell-compact-page-gutter=3D"true"] .\[\[data-app-shell-compact= -page-gutter\=3Dtrue\]_\&\]\:px-14 { padding-inline: calc(var(--spacing) * = 14); } [data-app-shell-page-surface=3D"true"] .\[\[data-app-shell-page-surface\= =3Dtrue\]_\&\]\:pb-1 { padding-bottom: var(--spacing); } @media (min-width: 768px) { [data-app-shell-sidebar-open=3D"false"] .browser\:min-\[768px\]\:\[\[data= -app-shell-sidebar-open\=3Dfalse\]_\&\]\:ps-\[calc\(var\(--app-shell-naviga= tion-rail-width\)\+var\(--spacing\)\*2\)\]:where([data-codex-window-type=3D= "browser"] .browser\:min-\[768px\]\:\[\[data-app-shell-sidebar-open\=3Dfals= e\]_\&\]\:ps-\[calc\(var\(--app-shell-navigation-rail-width\)\+var\(--spaci= ng\)\*2\)\]) { padding-inline-start: calc(var(--app-shell-navigation-rail-w= idth) + var(--spacing) * 2); } } [data-composer-placement=3D"home"] > .\[\[data-composer-placement\=3Dhome= \]\>\&\]\:pb-2 { padding-bottom: calc(var(--spacing) * 2); } tr:last-child .\[tr\:last-child_\&\]\:border-b-0 { border-bottom-style: v= ar(--tw-border-style); border-bottom-width: 0px; } .scroll-contain { overscroll-behavior: contain; overflow: auto; } .disambig-digits.slashed-zero { font-feature-settings: "ss06"; } [data-composer-attachments][data-composer-spacing=3D"default"]:not([data-= composer-inline]) .composer-attachment-surface { border-radius: var(--compo= ser-attachment-border-radius); } .h-token-button-composer, .h-token-button-composer-sm { gap: var(--h-toke= n-button-composer-gap); } .overflow-auto, .overflow-scroll, .overflow-x-auto, .overflow-y-auto, .ov= erflow-x-scroll, .overflow-y-scroll, :where(.messaging-root) .messages-scro= ll { scrollbar-color: var(--color-border) transparent; } :is(.overflow-auto, .overflow-scroll, .overflow-x-auto, .overflow-y-auto,= .overflow-x-scroll, .overflow-y-scroll, :where(.messaging-root) .messages-= scroll):hover, :is(.overflow-auto, .overflow-scroll, .overflow-x-auto, .ove= rflow-y-auto, .overflow-x-scroll, .overflow-y-scroll, :where(.messaging-roo= t) .messages-scroll):active { scrollbar-color: var(--color-border-strong) t= ransparent; } .rich-text-user-turn blockquote { margin-block: calc(var(--markdown-space= ,var(--spacing)) * 4) !important; } .rich-text-user-turn > blockquote:first-child, .rich-text-user-turn block= quote > blockquote:first-child, .rich-text-user-turn [data-starts-with-bloc= kquote] > blockquote:first-of-type { margin-block-start: 0px !important; } .rich-text-user-turn > blockquote:last-child, .rich-text-user-turn blockq= uote > blockquote:last-child, .rich-text-user-turn [data-ends-with-blockquo= te] > blockquote:last-of-type, .rich-text-user-turn [data-markdown-list-ite= m-content] > :last-child:not(blockquote, h1, h2, h3) { margin-block-end: 0p= x !important; } .rich-text-user-turn > :is(p, ul, ol) + :is(ul, ol), .rich-text-user-turn= > :is(ul, ol) + p { margin-block-start: calc(var(--markdown-space,var(--sp= acing)) * 4) !important; } .rich-text-user-turn :is(ul, ol) > li, .rich-text-user-turn :is(li, block= quote, [data-markdown-list-item-content]) > p { margin-block: 0px !importan= t; } .rich-text-user-turn :is(li, blockquote, [data-markdown-list-item-content= ]) > :is(p, ul, ol, blockquote) + :is(p, ul, ol, blockquote) { margin-block= -start: calc(var(--markdown-space,var(--spacing)) * 4) !important; } .rich-text-user-turn li:has(> p, > [data-markdown-list-item-content] > p)= + li { margin-block-start: calc(var(--markdown-space,var(--spacing)) * 4) = !important; } } @property --left-fade { syntax: ""; inherits: false; initial-value:= 0; } @property --right-fade { syntax: ""; inherits: false; initial-value= : 0; } @keyframes edge-fade-horizontal {=20 0% { --left-fade: 0; --right-fade: var(--edge-fade-distance,1rem); } 0.1%, 99.9% { --left-fade: var(--edge-fade-distance,1rem); --right-fade: = var(--edge-fade-distance,1rem); } 100% { --left-fade: var(--edge-fade-distance,1rem); --right-fade: 0; } } @font-face { font-family: KaTeX_AMS; src: url("/cdn/assets/KaTeX_AMS-Regula= r.a79f1c3119.woff2") format("woff2"), url("/cdn/assets/KaTeX_AMS-Regular.16= 08a09b4a.woff") format("woff"), url("/cdn/assets/KaTeX_AMS-Regular.4aafdb68= 5c.ttf") format("truetype"); font-weight: 400; font-style: normal; font-dis= play: block; } @font-face { font-family: KaTeX_Caligraphic; src: url("/cdn/assets/KaTeX_Ca= ligraphic-Bold.ec17d13264.woff2") format("woff2"), url("/cdn/assets/KaTeX_C= aligraphic-Bold.b67709187b.woff") format("woff"), url("/cdn/assets/KaTeX_Ca= ligraphic-Bold.cce5b8ecea.ttf") format("truetype"); font-weight: 700; font-= style: normal; font-display: block; } @font-face { font-family: KaTeX_Caligraphic; src: url("/cdn/assets/KaTeX_Ca= ligraphic-Regular.55fac25845.woff2") format("woff2"), url("/cdn/assets/KaTe= X_Caligraphic-Regular.dad44a7fc6.woff") format("woff"), url("/cdn/assets/Ka= TeX_Caligraphic-Regular.07ef19e7b0.ttf") format("truetype"); font-weight: 4= 00; font-style: normal; font-display: block; } @font-face { font-family: KaTeX_Fraktur; src: url("/cdn/assets/KaTeX_Fraktu= r-Bold.d42a5579b0.woff2") format("woff2"), url("/cdn/assets/KaTeX_Fraktur-B= old.9f256b8593.woff") format("woff"), url("/cdn/assets/KaTeX_Fraktur-Bold.b= 18f59e1d1.ttf") format("truetype"); font-weight: 700; font-style: normal; f= ont-display: block; } @font-face { font-family: KaTeX_Fraktur; src: url("/cdn/assets/KaTeX_Fraktu= r-Regular.d3c882a649.woff2") format("woff2"), url("/cdn/assets/KaTeX_Fraktu= r-Regular.7c1871215e.woff") format("woff"), url("/cdn/assets/KaTeX_Fraktur-= Regular.ed38e79f57.ttf") format("truetype"); font-weight: 400; font-style: = normal; font-display: block; } @font-face { font-family: KaTeX_Main; src: url("/cdn/assets/KaTeX_Main-Bold= .c3fb5ac22f.woff2") format("woff2"), url("/cdn/assets/KaTeX_Main-Bold.d181c= 4650d.woff") format("woff"), url("/cdn/assets/KaTeX_Main-Bold.b74a1a8b2c.tt= f") format("truetype"); font-weight: 700; font-style: normal; font-display:= block; } @font-face { font-family: KaTeX_Main; src: url("/cdn/assets/KaTeX_Main-Bold= Italic.6f2bb1dff2.woff2") format("woff2"), url("/cdn/assets/KaTeX_Main-Bold= Italic.e3f82f9d27.woff") format("woff"), url("/cdn/assets/KaTeX_Main-BoldIt= alic.70d8b0a530.ttf") format("truetype"); font-weight: 700; font-style: ita= lic; font-display: block; } @font-face { font-family: KaTeX_Main; src: url("/cdn/assets/KaTeX_Main-Ital= ic.8916142bec.woff2") format("woff2"), url("/cdn/assets/KaTeX_Main-Italic.9= 024d815ba.woff") format("woff"), url("/cdn/assets/KaTeX_Main-Italic.47373d1= e51.ttf") format("truetype"); font-weight: 400; font-style: italic; font-di= splay: block; } @font-face { font-family: KaTeX_Main; src: url("/cdn/assets/KaTeX_Main-Regu= lar.0462f03bdf.woff2") format("woff2"), url("/cdn/assets/KaTeX_Main-Regular= .7f51fe0340.woff") format("woff"), url("/cdn/assets/KaTeX_Main-Regular.b7f8= fe9b5f.ttf") format("truetype"); font-weight: 400; font-style: normal; font= -display: block; } @font-face { font-family: KaTeX_Math; src: url("/cdn/assets/KaTeX_Math-Bold= Italic.572d331f69.woff2") format("woff2"), url("/cdn/assets/KaTeX_Math-Bold= Italic.f1035d8d5d.woff") format("woff"), url("/cdn/assets/KaTeX_Math-BoldIt= alic.a879cf8383.ttf") format("truetype"); font-weight: 700; font-style: ita= lic; font-display: block; } @font-face { font-family: KaTeX_Math; src: url("/cdn/assets/KaTeX_Math-Ital= ic.f28c23acad.woff2") format("woff2"), url("/cdn/assets/KaTeX_Math-Italic.5= 295ba483a.woff") format("woff"), url("/cdn/assets/KaTeX_Math-Italic.939bc64= 440.ttf") format("truetype"); font-weight: 400; font-style: italic; font-di= splay: block; } @font-face { font-family: KaTeX_SansSerif; src: url("/cdn/assets/KaTeX_Sans= Serif-Bold.8c5b5494b6.woff2") format("woff2"), url("/cdn/assets/KaTeX_SansS= erif-Bold.bf59d231c3.woff") format("woff"), url("/cdn/assets/KaTeX_SansSeri= f-Bold.94e1e8dc5f.ttf") format("truetype"); font-weight: 700; font-style: n= ormal; font-display: block; } @font-face { font-family: KaTeX_SansSerif; src: url("/cdn/assets/KaTeX_Sans= Serif-Italic.3b1e59b3ba.woff2") format("woff2"), url("/cdn/assets/KaTeX_San= sSerif-Italic.7c9bc82b17.woff") format("woff"), url("/cdn/assets/KaTeX_Sans= Serif-Italic.b4c20c84d8.ttf") format("truetype"); font-weight: 400; font-st= yle: italic; font-display: block; } @font-face { font-family: KaTeX_SansSerif; src: url("/cdn/assets/KaTeX_Sans= Serif-Regular.ba21ed5f84.woff2") format("woff2"), url("/cdn/assets/KaTeX_Sa= nsSerif-Regular.740484788f.woff") format("woff"), url("/cdn/assets/KaTeX_Sa= nsSerif-Regular.d4d7ba4804.ttf") format("truetype"); font-weight: 400; font= -style: normal; font-display: block; } @font-face { font-family: KaTeX_Script; src: url("/cdn/assets/KaTeX_Script-= Regular.03e9641d6f.woff2") format("woff2"), url("/cdn/assets/KaTeX_Script-R= egular.0750571032.woff") format("woff"), url("/cdn/assets/KaTeX_Script-Regu= lar.fe9cbbe1a0.ttf") format("truetype"); font-weight: 400; font-style: norm= al; font-display: block; } @font-face { font-family: KaTeX_Size1; src: url("/cdn/assets/KaTeX_Size1-Re= gular.eae34984b3.woff2") format("woff2"), url("/cdn/assets/KaTeX_Size1-Regu= lar.e1e279cbdd.woff") format("woff"), url("/cdn/assets/KaTeX_Size1-Regular.= fabc004aab.ttf") format("truetype"); font-weight: 400; font-style: normal; = font-display: block; } @font-face { font-family: KaTeX_Size2; src: url("/cdn/assets/KaTeX_Size2-Re= gular.5916a24fa3.woff2") format("woff2"), url("/cdn/assets/KaTeX_Size2-Regu= lar.577270225e.woff") format("woff"), url("/cdn/assets/KaTeX_Size2-Regular.= d6b476ecd3.ttf") format("truetype"); font-weight: 400; font-style: normal; = font-display: block; } @font-face { font-family: KaTeX_Size3; src: url("data:font/woff2;base64,d09= GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDB= EICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmg= qIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO= 29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ= 2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPb= ARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg= 8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZG= dGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9= ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPs= BAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsC= i7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG= /PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaG= xJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtu= XCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCR= nMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9Y= S5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aog= IOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cX= sf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1C= kzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3= pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7Vm= zYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaV= hwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iw= xSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N= 5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f= 9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDM= vcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4R= R2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcY= dzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4w= xco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3= lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6j= UWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiq= mAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT= /kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsi= TskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm= /QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAE= kF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05= /J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr= /m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju= 82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iF= gggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzv= n3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2de= A7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8AD= R8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP= 0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+L= WgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznB= BfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx= +LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kp= QWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYP= ggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4N= LOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTaf= pt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5= c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuL= bcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/L= egY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4g= VWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0Mqe= nEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAli= EmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco= 5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSka= KJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK= 9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24= BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8X= KoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoW= jpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLng= LqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3Woh= G+LugzXiQRDeM3XYXlULv4dp5VFYC") format("woff2"), url("/cdn/assets/KaTeX_Siz= e3-Regular.9acaf01c64.woff") format("woff"), url("/cdn/assets/KaTeX_Size3-R= egular.a144ef5840.ttf") format("truetype"); font-weight: 400; font-style: n= ormal; font-display: block; } @font-face { font-family: KaTeX_Size4; src: url("/cdn/assets/KaTeX_Size4-Re= gular.10d95fd3a2.woff2") format("woff2"), url("/cdn/assets/KaTeX_Size4-Regu= lar.7a996c9da2.woff") format("woff"), url("/cdn/assets/KaTeX_Size4-Regular.= fbccdabe0a.ttf") format("truetype"); font-weight: 400; font-style: normal; = font-display: block; } @font-face { font-family: KaTeX_Typewriter; src: url("/cdn/assets/KaTeX_Typ= ewriter-Regular.a8709e3622.woff2") format("woff2"), url("/cdn/assets/KaTeX_= Typewriter-Regular.6258592bdc.woff") format("woff"), url("/cdn/assets/KaTeX= _Typewriter-Regular.d97aaf4a1e.ttf") format("truetype"); font-weight: 400; = font-style: normal; font-display: block; } .katex { text-indent: 0px; text-rendering: auto; font: 1.21em / 1.2 KaTeX_M= ain, "Times New Roman", serif; position: relative; } .katex * { border-color: currentcolor; } .katex .katex-version::after { content: "0.16.45"; } .katex .katex-mathml { clip: rect(1px, 1px, 1px, 1px); border: 0px; width: = 1px; height: 1px; padding: 0px; position: absolute; overflow: hidden; } .katex .katex-html > .newline { display: block; } .katex .base { white-space: nowrap; width: min-content; display: inline-blo= ck; position: relative; } .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 .mathsfit, .katex .mathitsf, .katex .textitsf { font-family: KaTeX_S= ansSerif; font-style: italic; } .katex .mainrm { font-family: KaTeX_Main; font-style: normal; } .katex .vlist-t { table-layout: fixed; border-collapse: collapse; display: = inline-table; } .katex .vlist-r { display: table-row; } .katex .vlist { vertical-align: bottom; display: table-cell; position: rela= tive; } .katex .vlist > span { height: 0px; display: block; position: relative; } .katex .vlist > span > span { display: inline-block; } .katex .vlist > span > .pstrut { width: 0px; overflow: hidden; } .katex .vlist-t2 { margin-right: -2px; } .katex .vlist-s { vertical-align: bottom; width: 2px; min-width: 2px; font-= size: 1px; display: table-cell; } .katex .vbox { flex-direction: column; align-items: baseline; display: inli= ne-flex; } .katex .hbox { flex-direction: row; width: 100%; display: inline-flex; } .katex .thinbox { flex-direction: row; width: 0px; max-width: 0px; display:= inline-flex; } .katex .msupsub { text-align: left; } .katex .mfrac > span > span { text-align: center; } .katex .mfrac .frac-line { border-bottom-style: solid; width: 100%; display= : inline-block; } .katex .mfrac .frac-line, .katex .overline .overline-line, .katex .underlin= e .underline-line, .katex .hline, .katex .hdashline, .katex .rule { min-hei= ght: 1px; } .katex .mspace { display: inline-block; } .katex .smash { line-height: 0; display: inline; } .katex .llap, .katex .rlap, .katex .clap { width: 0px; position: relative; = } .katex .llap > .inner, .katex .rlap > .inner, .katex .clap > .inner { posit= ion: absolute; } .katex .llap > .fix, .katex .rlap > .fix, .katex .clap > .fix { display: in= line-block; } .katex .llap > .inner { right: 0px; } .katex .rlap > .inner, .katex .clap > .inner { left: 0px; } .katex .clap > .inner > span { margin-left: -50%; margin-right: 50%; } .katex .rule { border: 0px solid; display: inline-block; position: relative= ; } .katex .overline .overline-line, .katex .underline .underline-line, .katex = .hline { border-bottom-style: solid; width: 100%; display: inline-block; } .katex .hdashline { border-bottom-style: dashed; width: 100%; display: inli= ne-block; } .katex .sqrt > .root { margin-left: 0.277778em; margin-right: -0.555556em; = } .katex .sizing.reset-size1.size1, .katex .fontsize-ensurer.reset-size1.size= 1 { font-size: 1em; } .katex .sizing.reset-size1.size2, .katex .fontsize-ensurer.reset-size1.size= 2 { font-size: 1.2em; } .katex .sizing.reset-size1.size3, .katex .fontsize-ensurer.reset-size1.size= 3 { font-size: 1.4em; } .katex .sizing.reset-size1.size4, .katex .fontsize-ensurer.reset-size1.size= 4 { font-size: 1.6em; } .katex .sizing.reset-size1.size5, .katex .fontsize-ensurer.reset-size1.size= 5 { font-size: 1.8em; } .katex .sizing.reset-size1.size6, .katex .fontsize-ensurer.reset-size1.size= 6 { font-size: 2em; } .katex .sizing.reset-size1.size7, .katex .fontsize-ensurer.reset-size1.size= 7 { font-size: 2.4em; } .katex .sizing.reset-size1.size8, .katex .fontsize-ensurer.reset-size1.size= 8 { font-size: 2.88em; } .katex .sizing.reset-size1.size9, .katex .fontsize-ensurer.reset-size1.size= 9 { font-size: 3.456em; } .katex .sizing.reset-size1.size10, .katex .fontsize-ensurer.reset-size1.siz= e10 { font-size: 4.148em; } .katex .sizing.reset-size1.size11, .katex .fontsize-ensurer.reset-size1.siz= e11 { font-size: 4.976em; } .katex .sizing.reset-size2.size1, .katex .fontsize-ensurer.reset-size2.size= 1 { font-size: 0.833333em; } .katex .sizing.reset-size2.size2, .katex .fontsize-ensurer.reset-size2.size= 2 { font-size: 1em; } .katex .sizing.reset-size2.size3, .katex .fontsize-ensurer.reset-size2.size= 3 { font-size: 1.16667em; } .katex .sizing.reset-size2.size4, .katex .fontsize-ensurer.reset-size2.size= 4 { font-size: 1.33333em; } .katex .sizing.reset-size2.size5, .katex .fontsize-ensurer.reset-size2.size= 5 { font-size: 1.5em; } .katex .sizing.reset-size2.size6, .katex .fontsize-ensurer.reset-size2.size= 6 { font-size: 1.66667em; } .katex .sizing.reset-size2.size7, .katex .fontsize-ensurer.reset-size2.size= 7 { font-size: 2em; } .katex .sizing.reset-size2.size8, .katex .fontsize-ensurer.reset-size2.size= 8 { font-size: 2.4em; } .katex .sizing.reset-size2.size9, .katex .fontsize-ensurer.reset-size2.size= 9 { font-size: 2.88em; } .katex .sizing.reset-size2.size10, .katex .fontsize-ensurer.reset-size2.siz= e10 { font-size: 3.45667em; } .katex .sizing.reset-size2.size11, .katex .fontsize-ensurer.reset-size2.siz= e11 { font-size: 4.14667em; } .katex .sizing.reset-size3.size1, .katex .fontsize-ensurer.reset-size3.size= 1 { font-size: 0.714286em; } .katex .sizing.reset-size3.size2, .katex .fontsize-ensurer.reset-size3.size= 2 { font-size: 0.857143em; } .katex .sizing.reset-size3.size3, .katex .fontsize-ensurer.reset-size3.size= 3 { font-size: 1em; } .katex .sizing.reset-size3.size4, .katex .fontsize-ensurer.reset-size3.size= 4 { font-size: 1.14286em; } .katex .sizing.reset-size3.size5, .katex .fontsize-ensurer.reset-size3.size= 5 { font-size: 1.28571em; } .katex .sizing.reset-size3.size6, .katex .fontsize-ensurer.reset-size3.size= 6 { font-size: 1.42857em; } .katex .sizing.reset-size3.size7, .katex .fontsize-ensurer.reset-size3.size= 7 { font-size: 1.71429em; } .katex .sizing.reset-size3.size8, .katex .fontsize-ensurer.reset-size3.size= 8 { font-size: 2.05714em; } .katex .sizing.reset-size3.size9, .katex .fontsize-ensurer.reset-size3.size= 9 { font-size: 2.46857em; } .katex .sizing.reset-size3.size10, .katex .fontsize-ensurer.reset-size3.siz= e10 { font-size: 2.96286em; } .katex .sizing.reset-size3.size11, .katex .fontsize-ensurer.reset-size3.siz= e11 { font-size: 3.55429em; } .katex .sizing.reset-size4.size1, .katex .fontsize-ensurer.reset-size4.size= 1 { font-size: 0.625em; } .katex .sizing.reset-size4.size2, .katex .fontsize-ensurer.reset-size4.size= 2 { font-size: 0.75em; } .katex .sizing.reset-size4.size3, .katex .fontsize-ensurer.reset-size4.size= 3 { font-size: 0.875em; } .katex .sizing.reset-size4.size4, .katex .fontsize-ensurer.reset-size4.size= 4 { font-size: 1em; } .katex .sizing.reset-size4.size5, .katex .fontsize-ensurer.reset-size4.size= 5 { font-size: 1.125em; } .katex .sizing.reset-size4.size6, .katex .fontsize-ensurer.reset-size4.size= 6 { font-size: 1.25em; } .katex .sizing.reset-size4.size7, .katex .fontsize-ensurer.reset-size4.size= 7 { font-size: 1.5em; } .katex .sizing.reset-size4.size8, .katex .fontsize-ensurer.reset-size4.size= 8 { font-size: 1.8em; } .katex .sizing.reset-size4.size9, .katex .fontsize-ensurer.reset-size4.size= 9 { font-size: 2.16em; } .katex .sizing.reset-size4.size10, .katex .fontsize-ensurer.reset-size4.siz= e10 { font-size: 2.5925em; } .katex .sizing.reset-size4.size11, .katex .fontsize-ensurer.reset-size4.siz= e11 { font-size: 3.11em; } .katex .sizing.reset-size5.size1, .katex .fontsize-ensurer.reset-size5.size= 1 { font-size: 0.555556em; } .katex .sizing.reset-size5.size2, .katex .fontsize-ensurer.reset-size5.size= 2 { font-size: 0.666667em; } .katex .sizing.reset-size5.size3, .katex .fontsize-ensurer.reset-size5.size= 3 { font-size: 0.777778em; } .katex .sizing.reset-size5.size4, .katex .fontsize-ensurer.reset-size5.size= 4 { font-size: 0.888889em; } .katex .sizing.reset-size5.size5, .katex .fontsize-ensurer.reset-size5.size= 5 { font-size: 1em; } .katex .sizing.reset-size5.size6, .katex .fontsize-ensurer.reset-size5.size= 6 { font-size: 1.11111em; } .katex .sizing.reset-size5.size7, .katex .fontsize-ensurer.reset-size5.size= 7 { font-size: 1.33333em; } .katex .sizing.reset-size5.size8, .katex .fontsize-ensurer.reset-size5.size= 8 { font-size: 1.6em; } .katex .sizing.reset-size5.size9, .katex .fontsize-ensurer.reset-size5.size= 9 { font-size: 1.92em; } .katex .sizing.reset-size5.size10, .katex .fontsize-ensurer.reset-size5.siz= e10 { font-size: 2.30444em; } .katex .sizing.reset-size5.size11, .katex .fontsize-ensurer.reset-size5.siz= e11 { font-size: 2.76444em; } .katex .sizing.reset-size6.size1, .katex .fontsize-ensurer.reset-size6.size= 1 { font-size: 0.5em; } .katex .sizing.reset-size6.size2, .katex .fontsize-ensurer.reset-size6.size= 2 { font-size: 0.6em; } .katex .sizing.reset-size6.size3, .katex .fontsize-ensurer.reset-size6.size= 3 { font-size: 0.7em; } .katex .sizing.reset-size6.size4, .katex .fontsize-ensurer.reset-size6.size= 4 { font-size: 0.8em; } .katex .sizing.reset-size6.size5, .katex .fontsize-ensurer.reset-size6.size= 5 { font-size: 0.9em; } .katex .sizing.reset-size6.size6, .katex .fontsize-ensurer.reset-size6.size= 6 { font-size: 1em; } .katex .sizing.reset-size6.size7, .katex .fontsize-ensurer.reset-size6.size= 7 { font-size: 1.2em; } .katex .sizing.reset-size6.size8, .katex .fontsize-ensurer.reset-size6.size= 8 { font-size: 1.44em; } .katex .sizing.reset-size6.size9, .katex .fontsize-ensurer.reset-size6.size= 9 { font-size: 1.728em; } .katex .sizing.reset-size6.size10, .katex .fontsize-ensurer.reset-size6.siz= e10 { font-size: 2.074em; } .katex .sizing.reset-size6.size11, .katex .fontsize-ensurer.reset-size6.siz= e11 { font-size: 2.488em; } .katex .sizing.reset-size7.size1, .katex .fontsize-ensurer.reset-size7.size= 1 { font-size: 0.416667em; } .katex .sizing.reset-size7.size2, .katex .fontsize-ensurer.reset-size7.size= 2 { font-size: 0.5em; } .katex .sizing.reset-size7.size3, .katex .fontsize-ensurer.reset-size7.size= 3 { font-size: 0.583333em; } .katex .sizing.reset-size7.size4, .katex .fontsize-ensurer.reset-size7.size= 4 { font-size: 0.666667em; } .katex .sizing.reset-size7.size5, .katex .fontsize-ensurer.reset-size7.size= 5 { font-size: 0.75em; } .katex .sizing.reset-size7.size6, .katex .fontsize-ensurer.reset-size7.size= 6 { font-size: 0.833333em; } .katex .sizing.reset-size7.size7, .katex .fontsize-ensurer.reset-size7.size= 7 { font-size: 1em; } .katex .sizing.reset-size7.size8, .katex .fontsize-ensurer.reset-size7.size= 8 { font-size: 1.2em; } .katex .sizing.reset-size7.size9, .katex .fontsize-ensurer.reset-size7.size= 9 { font-size: 1.44em; } .katex .sizing.reset-size7.size10, .katex .fontsize-ensurer.reset-size7.siz= e10 { font-size: 1.72833em; } .katex .sizing.reset-size7.size11, .katex .fontsize-ensurer.reset-size7.siz= e11 { font-size: 2.07333em; } .katex .sizing.reset-size8.size1, .katex .fontsize-ensurer.reset-size8.size= 1 { font-size: 0.347222em; } .katex .sizing.reset-size8.size2, .katex .fontsize-ensurer.reset-size8.size= 2 { font-size: 0.416667em; } .katex .sizing.reset-size8.size3, .katex .fontsize-ensurer.reset-size8.size= 3 { font-size: 0.486111em; } .katex .sizing.reset-size8.size4, .katex .fontsize-ensurer.reset-size8.size= 4 { font-size: 0.555556em; } .katex .sizing.reset-size8.size5, .katex .fontsize-ensurer.reset-size8.size= 5 { font-size: 0.625em; } .katex .sizing.reset-size8.size6, .katex .fontsize-ensurer.reset-size8.size= 6 { font-size: 0.694444em; } .katex .sizing.reset-size8.size7, .katex .fontsize-ensurer.reset-size8.size= 7 { font-size: 0.833333em; } .katex .sizing.reset-size8.size8, .katex .fontsize-ensurer.reset-size8.size= 8 { font-size: 1em; } .katex .sizing.reset-size8.size9, .katex .fontsize-ensurer.reset-size8.size= 9 { font-size: 1.2em; } .katex .sizing.reset-size8.size10, .katex .fontsize-ensurer.reset-size8.siz= e10 { font-size: 1.44028em; } .katex .sizing.reset-size8.size11, .katex .fontsize-ensurer.reset-size8.siz= e11 { font-size: 1.72778em; } .katex .sizing.reset-size9.size1, .katex .fontsize-ensurer.reset-size9.size= 1 { font-size: 0.289352em; } .katex .sizing.reset-size9.size2, .katex .fontsize-ensurer.reset-size9.size= 2 { font-size: 0.347222em; } .katex .sizing.reset-size9.size3, .katex .fontsize-ensurer.reset-size9.size= 3 { font-size: 0.405093em; } .katex .sizing.reset-size9.size4, .katex .fontsize-ensurer.reset-size9.size= 4 { font-size: 0.462963em; } .katex .sizing.reset-size9.size5, .katex .fontsize-ensurer.reset-size9.size= 5 { font-size: 0.520833em; } .katex .sizing.reset-size9.size6, .katex .fontsize-ensurer.reset-size9.size= 6 { font-size: 0.578704em; } .katex .sizing.reset-size9.size7, .katex .fontsize-ensurer.reset-size9.size= 7 { font-size: 0.694444em; } .katex .sizing.reset-size9.size8, .katex .fontsize-ensurer.reset-size9.size= 8 { font-size: 0.833333em; } .katex .sizing.reset-size9.size9, .katex .fontsize-ensurer.reset-size9.size= 9 { font-size: 1em; } .katex .sizing.reset-size9.size10, .katex .fontsize-ensurer.reset-size9.siz= e10 { font-size: 1.20023em; } .katex .sizing.reset-size9.size11, .katex .fontsize-ensurer.reset-size9.siz= e11 { font-size: 1.43981em; } .katex .sizing.reset-size10.size1, .katex .fontsize-ensurer.reset-size10.si= ze1 { font-size: 0.24108em; } .katex .sizing.reset-size10.size2, .katex .fontsize-ensurer.reset-size10.si= ze2 { font-size: 0.289296em; } .katex .sizing.reset-size10.size3, .katex .fontsize-ensurer.reset-size10.si= ze3 { font-size: 0.337512em; } .katex .sizing.reset-size10.size4, .katex .fontsize-ensurer.reset-size10.si= ze4 { font-size: 0.385728em; } .katex .sizing.reset-size10.size5, .katex .fontsize-ensurer.reset-size10.si= ze5 { font-size: 0.433944em; } .katex .sizing.reset-size10.size6, .katex .fontsize-ensurer.reset-size10.si= ze6 { font-size: 0.48216em; } .katex .sizing.reset-size10.size7, .katex .fontsize-ensurer.reset-size10.si= ze7 { font-size: 0.578592em; } .katex .sizing.reset-size10.size8, .katex .fontsize-ensurer.reset-size10.si= ze8 { font-size: 0.694311em; } .katex .sizing.reset-size10.size9, .katex .fontsize-ensurer.reset-size10.si= ze9 { font-size: 0.833173em; } .katex .sizing.reset-size10.size10, .katex .fontsize-ensurer.reset-size10.s= ize10 { font-size: 1em; } .katex .sizing.reset-size10.size11, .katex .fontsize-ensurer.reset-size10.s= ize11 { font-size: 1.19961em; } .katex .sizing.reset-size11.size1, .katex .fontsize-ensurer.reset-size11.si= ze1 { font-size: 0.200965em; } .katex .sizing.reset-size11.size2, .katex .fontsize-ensurer.reset-size11.si= ze2 { font-size: 0.241158em; } .katex .sizing.reset-size11.size3, .katex .fontsize-ensurer.reset-size11.si= ze3 { font-size: 0.281351em; } .katex .sizing.reset-size11.size4, .katex .fontsize-ensurer.reset-size11.si= ze4 { font-size: 0.321543em; } .katex .sizing.reset-size11.size5, .katex .fontsize-ensurer.reset-size11.si= ze5 { font-size: 0.361736em; } .katex .sizing.reset-size11.size6, .katex .fontsize-ensurer.reset-size11.si= ze6 { font-size: 0.401929em; } .katex .sizing.reset-size11.size7, .katex .fontsize-ensurer.reset-size11.si= ze7 { font-size: 0.482315em; } .katex .sizing.reset-size11.size8, .katex .fontsize-ensurer.reset-size11.si= ze8 { font-size: 0.578778em; } .katex .sizing.reset-size11.size9, .katex .fontsize-ensurer.reset-size11.si= ze9 { font-size: 0.694534em; } .katex .sizing.reset-size11.size10, .katex .fontsize-ensurer.reset-size11.s= ize10 { font-size: 0.833601em; } .katex .sizing.reset-size11.size11, .katex .fontsize-ensurer.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 { width: 0.12em; display: inline-block; } .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 .op-limits > .vlist-t, .katex .accent > .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 { min-width: 1px; display: inline-block;= } .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 { width: 100%; height: inherit; fill: currentcolor; stroke: curr= entcolor; display: block; position: absolute; } .katex svg path { stroke: none; } .katex svg { fill-rule: nonzero; fill-opacity: 1; stroke-width: 1px; stroke= -linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dashar= ray: none; stroke-dashoffset: 0; stroke-opacity: 1; } .katex img { border-style: none; min-width: 0px; max-width: none; min-heigh= t: 0px; max-height: none; } .katex .stretchy { width: 100%; display: block; position: relative; overflo= w: hidden; } .katex .stretchy::before, .katex .stretchy::after { content: ""; } .katex .hide-tail { width: 100%; position: relative; overflow: hidden; } .katex .halfarrow-left { width: 50.2%; position: absolute; left: 0px; overf= low: hidden; } .katex .halfarrow-right { width: 50.2%; position: absolute; right: 0px; ove= rflow: hidden; } .katex .brace-left { width: 25.1%; position: absolute; left: 0px; overflow:= hidden; } .katex .brace-center { width: 50%; position: absolute; left: 25%; overflow:= hidden; } .katex .brace-right { width: 25.1%; position: absolute; right: 0px; overflo= w: hidden; } .katex .x-arrow-pad { padding: 0px 0.5em; } .katex .cd-arrow-pad { padding: 0px 0.55556em 0px 0.27778em; } .katex .x-arrow, .katex .mover, .katex .munder { text-align: center; } .katex .boxpad { padding: 0px 0.3em; } .katex .fbox, .katex .fcolorbox { box-sizing: border-box; border: 0.04em so= lid; } .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 { box-sizing: border-box; border-top: 0.049em solid; border-ri= ght: 0.049em solid; margin-right: 0.03889em; } .katex .anglpad { padding: 0px 0.03889em; } .katex .eqn-num::before { counter-increment: katexEqnNo 1; content: "(" cou= nter(katexEqnNo) ")"; } .katex .mml-eqn-num::before { counter-increment: mmlEqnNo 1; content: "(" c= ounter(mmlEqnNo) ")"; } .katex .mtr-glue { width: 50%; } .katex .cd-vert-arrow { display: inline-block; position: relative; } .katex .cd-label-left { text-align: left; display: inline-block; position: = absolute; right: calc(50% + 0.3em); } .katex .cd-label-right { text-align: right; display: inline-block; position= : absolute; left: calc(50% + 0.3em); } .katex-display { text-align: center; margin: 1em 0px; display: block; } .katex-display > .katex { text-align: center; white-space: nowrap; display:= block; } .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 { text-align: left; padding-left: 2em; } body { counter-reset: katexEqnNo 0 mmlEqnNo 0; } @font-face { font-family: "OpenAI Sans"; src: url("/cdn/assets/OpenAISans-R= egular.b55d597a01.woff2") format("woff2"); font-style: normal; font-weight:= 400; font-display: swap; } @font-face { font-family: "OpenAI Sans"; src: url("/cdn/assets/OpenAISans-M= edium.bb7acdf308.woff2") format("woff2"); font-style: normal; font-weight: = 500; font-display: swap; } @font-face { font-family: "OpenAI Sans"; src: url("/cdn/assets/OpenAISans-S= emibold.ba1cdafb47.woff2") format("woff2"); font-style: normal; font-weight= : 600; font-display: swap; } :root, :where([data-theme]) { --popcorn-presentation-background: var(--colo= r-surface-canvas); --wb-text-primary: var(--color-text); --wb-text-secondar= y: var(--color-text-secondary); --wb-text-tertiary: var(--color-text-tertia= ry); --wb-surface-primary: var(--color-surface); --wb-surface-secondary: va= r(--color-surface-secondary); --wb-interactive-secondary-hover: var(--color= -background-primary-ghost-hover); --wb-border: var(--color-border); --wb-bo= rder-hover: var(--color-border); --wb-divider: var(--color-border-subtle); = --wb-focus: var(--color-ring); } .learning-block-color-scope { --learning-block-color-blue: var(--color-char= t-blue); --learning-block-color-green: var(--color-chart-green); --learning= -block-color-yellow: var(--color-chart-yellow); --learning-block-color-oran= ge: var(--color-chart-orange); --learning-block-color-purple: var(--color-c= hart-purple); --learning-block-color-pink: var(--color-chart-red); --learni= ng-block-accent: var(--learning-block-color-blue); --learning-block-color-s= econdary: var(--learning-block-color-green); --learning-block-color-third: = var(--learning-block-color-purple); --learning-block-color-fourth: var(--le= arning-block-color-yellow); --learning-block-color-primary: var(--learning-= block-color-blue); --learning-block-color-companion: var(--learning-block-c= olor-green); --learning-block-color-accent: var(--learning-block-accent); -= -learning-block-accent-surface: var(--learning-block-accent); } @supports (color:color-mix(in lab, red, red)) { .learning-block-color-scope { --learning-block-accent-surface: color-mix(= in srgb, var(--learning-block-accent) 18%, transparent); } } .learning-block-color-scope { --learning-block-tooltip-text: var(--color-te= xt-info-solid); --learning-block-visualization-surface: var(--color-surface= ); --icon-accent: var(--learning-block-accent); --icon-tertiary: var(--colo= r-text-tertiary); --icon-warning: var(--color-text-warning); --text-primary= : var(--color-text); --text-secondary: var(--color-text-secondary); --text-= tertiary: var(--color-text-tertiary); --text-error: var(--color-text-danger= ); --text-inverted-static: var(--color-text-inverse); --bg-primary: var(--c= olor-surface); --bg-secondary: var(--color-surface-secondary); --bg-tertiar= y: var(--color-surface-tertiary); --bg-elevated-primary: var(--color-surfac= e-elevated); --bg-elevated-secondary: var(--color-surface-elevated-secondar= y); --bg-tooltip: var(--color-surface-elevated); --constant-background: var= (--color-surface-secondary); --main-surface-primary: var(--color-surface); = --theme-user-selection-bg: var(--color-background-text-selection); --theme-= attribution-highlight-bg: var(--color-background-attribution-highlight); --= border-default: var(--color-border); --border-subtle: var(--color-border-su= btle); --border-light: var(--color-border-subtle); --border-heavy: var(--co= lor-border-strong); } :root[data-codex-window-type=3D"extension"] :is(a, input, select, textarea)= :focus { outline: revert-layer; outline-offset: revert-layer; } :root[data-codex-window-type=3D"extension"] code { color: revert-layer; bac= kground-color: revert-layer; padding: revert-layer; border-radius: revert-l= ayer; } :where(:root:not([data-codex-window-type=3D"extension"])), :where(:root:not= ([data-codex-window-type=3D"extension"]) [data-theme]) { --font-ui-family: = inherit; --font-ui-weight: var(--font-weight-normal); --font-code-family: i= nherit; --font-code-weight: normal; --text-link-decoration: none; --color-b= ackground-page-search: var(--lightningcss-light,var(--color-background-prim= ary-soft)) var(--lightningcss-dark,var(--color-surface-elevated-secondary))= ; } @supports (color:color-mix(in lab, red, red)) { :where(:root:not([data-codex-window-type=3D"extension"])), :where(:root:n= ot([data-codex-window-type=3D"extension"]) [data-theme]) { --color-backgrou= nd-page-search: var(--lightningcss-light,color-mix(in oklab, var(--color-ba= ckground-primary-soft) 90%, transparent)) var(--lightningcss-dark,var(--col= or-surface-elevated-secondary)); } } :where(:root:not([data-codex-window-type=3D"extension"])), :where(:root:not= ([data-codex-window-type=3D"extension"]) [data-theme]) { --color-background= -primary-soft-alpha: var(--app-color-background-elevated-secondary); } [data-codex-window-type=3D"chrome-extension"] { --font-ui-size: var(--text-= base); --font-code-size: var(--text-sm); --codex-chat-font-size-override: v= ar(--font-ui-size); --codex-chat-code-font-size-override: var(--font-code-s= ize); --codex-chat-font-size: var(--codex-chat-font-size-override); --codex= -chat-code-font-size: var(--codex-chat-code-font-size-override); } :is([data-codex-window-type=3D"browser"], [data-codex-window-type=3D"chrome= -extension"]) { --text-sm: 13px; --text-xs: 12px; background-color: var(--a= pp-color-background-surface-under); } [data-codex-window-type=3D"browser"] { --font-ui-size: var(--text-base); --= color-background-page-search: var(--color-surface-elevated); --color-backgr= ound-segmented-selected: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { [data-codex-window-type=3D"browser"] { --color-background-segmented-selec= ted: color-mix(in oklab, var(--color-text) 10%, transparent); } } [data-codex-window-type=3D"browser"] { --color-background-segmented-selecte= d-hover: var(--color-text); } @supports (color:color-mix(in lab, red, red)) { [data-codex-window-type=3D"browser"] { --color-background-segmented-selec= ted-hover: color-mix(in oklab, var(--color-text) 15%, transparent); } } [data-codex-window-type=3D"browser"] { --color-text-execution-output: var(-= -lightningcss-light,var(--black)) var(--lightningcss-dark,var(--white)); --= color-text-execution-output-label: #b4b4b4; --color-text-execution-output-e= rror: var(--red-500); --color-background-execution-output: var(--lightningc= ss-light,var(--gray-50)) var(--lightningcss-dark,var(--black)); --font-sans= -default: -apple-system-body, ui-sans-serif, -apple-system, system-ui, "Seg= oe UI", "Helvetica", "Apple Color Emoji", "Arial", sans-serif, "Segoe UI Em= oji", "Segoe UI Symbol"; --font-ui-family: var(--font-sans-default); --text= -4xl: 2.25rem; --text-3xl: 1.875rem; --text-2xl: 1.5rem; --text-xl: 1.25rem= ; --text-lg: 1.125rem; --text-base: 1rem; --text-sm: .875rem; --text-xs: .7= 5rem; --display-icon-compact: none; --display-icon-leading: contents; --ico= n-leading-size: calc(var(--spacing) * 5); --icon-leading-artwork-size: calc= (var(--icon-leading-size) - var(--spacing) / 8); --icon-secondary-size: cal= c(var(--spacing) * 4); --icon-disclosure-size: calc(var(--spacing) * 3); --= icon-primary-action-size: calc(var(--spacing) * 5); --app-menu-min-width: c= alc(var(--spacing) * 60); --app-menu-gutter: calc(var(--spacing) * 2.5); --= app-menu-item-padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2.5= ); --app-menu-separator-gutter: calc(var(--spacing) * 2); --height-composer= -plugins-menu: calc(var(--spacing) * 120); --app-menu-item-height: calc(var= (--spacing) * 9); } @media (pointer: coarse) { [data-codex-window-type=3D"browser"] { --app-menu-item-height: calc(var(-= -spacing) * 10); } } [data-codex-window-type=3D"browser"] { --spacing-menu-row-content: calc(var= (--spacing) * 3); --spacing-suggestion-menu-leading: var(--spacing-menu-row= -content); --radius-suggestion-menu: calc(var(--spacing) * 5); --suggestion= -menu-gutter: calc(var(--spacing) * 2); --suggestion-menu-item-padding: cal= c(var(--spacing) * 1.5) calc(var(--spacing) * 2); --suggestion-menu-item-ra= dius: calc(var(--radius-suggestion-menu) - var(--suggestion-menu-gutter)); = --opacity-menu-row: 1; --height-toolbar: calc(var(--spacing) * 13); --spaci= ng-token-button-composer: calc(var(--spacing) * 9); --spacing-button-toolba= r-inline: calc(var(--spacing) * 3); --spacing-toolbar-action: calc(var(--sp= acing) * 2); --radius-button-action: var(--radius-full); --radius-button-to= olbar: var(--radius-full); --height-page-search: calc(var(--spacing) * 11);= --padding-composer-control-inline: calc(var(--spacing) * 3.5) calc(var(--s= pacing) * 3); --text-composer-control: var(--text-base); --line-height-comp= oser-control: calc(var(--text-composer-control) * var(--leading-relaxed)); = --radius-xs-base: .125rem; --radius-sm-base: .25rem; --radius-md-base: .375= rem; --radius-lg-base: .5rem; --radius-3xl-base: 1.5rem; --radius-4xl-base:= 2rem; } :root[data-codex-window-type=3D"browser"], :root[data-codex-window-type=3D"= browser"] [data-theme] { --composer-radius: calc(var(--spacing) * 7); --com= poser-corner-shape: superellipse(1.1); } [data-codex-window-type=3D"electron"] { --image-viewer-transparent-backdrop= -filter: blur(var(--blur-xs)); --text-sm: 13px; --text-xs: 12px; --font-wei= ght-medium: 500; --font-ui-weight: 430; background: 0px 0px; overflow: hidd= en; } :is([data-codex-window-type=3D"browser"], [data-codex-window-type=3D"chrome= -extension"], [data-codex-window-type=3D"electron"]) body { --padding-row-y= : calc(var(--spacing) * 1.25); --height-token-nav-row: calc(var(--text-base= ) * 1.5 + var(--padding-row-y) * 2); --padding-panel-base: calc(var(--spaci= ng) * 5); --padding-panel: var(--padding-panel-base); --thread-content-max-= width: 48rem; --composer-adjacent-max-width: calc(var(--thread-content-max-= width) + var(--composer-inline-overhang) + var(--composer-inline-overhang) = - var(--home-composer-inline-inset) - var(--home-composer-inline-inset)); -= -markdown-wide-block-max-width: 56rem; --color-background-primary-soft-alph= a: var(--app-color-background-elevated-secondary); --font-code-family: ui-m= onospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", = monospace; --font-ui-size: var(--text-base); --font-code-size: var(--text-s= m); --codex-chat-font-size-override: var(--font-ui-size); --codex-chat-code= -font-size-override: var(--font-code-size); --spacing-token-button-composer= -sm: calc(var(--spacing) * 7); --text-heading-md: 18px; } [data-codex-window-type=3D"browser"] body { --thread-content-compact-max-wi= dth: 40rem; --thread-content-expanded-max-width: var(--thread-content-max-w= idth); --thread-body-inline-padding: var(--padding-toolbar); --max-height-s= uggestion-menu: calc(10 * max(var(--app-menu-item-height), var(--text-sm) *= var(--text-sm--line-height) + 3 * var(--spacing)) + 2 * var(--suggestion-m= enu-gutter,var(--spacing)) + 2px); --line-height-composer: calc(var(--codex= -chat-font-size) * var(--leading-relaxed)); --min-height-composer: var(--li= ne-height-composer); } @media (min-width: 40rem) { [data-codex-window-type=3D"browser"] body { --min-rows-composer-work-home= : 2; } } [data-codex-window-type=3D"browser"] body { --padding-composer-input: calc(= var(--spacing) * 3.75) calc(var(--spacing) * 4.5) calc(var(--spacing) * 4);= --spacing-composer-input-footer: 0; --padding-composer-empty-attachments: = 0; --spacing-composer-footer-bottom: calc(var(--spacing) * 2.25); --opacity= -composer-placeholder: 1; --spacing-composer-single-line-controls: calc(var= (--spacing) * 2); --padding-composer-single-line-footer-block: calc(var(--s= pacing) * 2); --thread-body-max-width: calc(var(--thread-content-max-width)= + var(--padding-toolbar) * 2); } :is([data-codex-window-type=3D"browser"], [data-codex-window-type=3D"chrome= -extension"]) body { background-color: var(--app-color-background-surface-u= nder); --text-heading-md: 20px; } [data-codex-window-type=3D"electron"] body { --cursor-interaction: default;= overscroll-behavior: none; overflow: hidden; } [data-codex-window-type=3D"electron"][data-codex-history-swipe-navigation] = body { overscroll-behavior: auto none; } [data-codex-window-type=3D"electron"]:not([data-codex-window-chrome=3D"appl= ication-menu"]) body { background: 0px 0px; } [data-codex-window-type=3D"electron"]:not([data-codex-window-chrome=3D"appl= ication-menu"]) :is([data-app-shell-frame][data-app-shell-workspace-tab-chr= ome], [data-app-shell-page-surface=3D"true"], .app-shell-left-panel:not([da= ta-app-shell-left-panel-appearance=3D"content-surface"])) { background: var= (--color-surface-tertiary); } @supports (color:color-mix(in lab, red, red)) { [data-codex-window-type=3D"electron"]:not([data-codex-window-chrome=3D"ap= plication-menu"]) :is([data-app-shell-frame][data-app-shell-workspace-tab-c= hrome], [data-app-shell-page-surface=3D"true"], .app-shell-left-panel:not([= data-app-shell-left-panel-appearance=3D"content-surface"])) { background: c= olor-mix(in srgb, var(--color-surface-tertiary) 70%, transparent); } } [data-codex-window-type=3D"electron"]:not([data-codex-window-chrome=3D"appl= ication-menu"]) :is([data-app-shell-frame][data-app-shell-workspace-tab-chr= ome], [data-app-shell-page-surface=3D"true"], .app-shell-left-panel:not([da= ta-app-shell-left-panel-appearance=3D"content-surface"])) { overflow: visib= le; } [data-codex-window-type=3D"electron"]:not([data-codex-window-chrome=3D"appl= ication-menu"]) :is([data-app-shell-frame][data-app-shell-workspace-tab-chr= ome], [data-app-shell-page-surface=3D"true"], .app-shell-left-panel:not([da= ta-app-shell-left-panel-appearance=3D"content-surface"]))[data-app-shell-pa= ge-surface=3D"true"] { background: var(--lightningcss-light,var(--color-sur= face-secondary)) var(--lightningcss-dark,var(--color-surface-tertiary)); } @supports (color:color-mix(in lab, red, red)) { [data-codex-window-type=3D"electron"]:not([data-codex-window-chrome=3D"ap= plication-menu"]) :is([data-app-shell-frame][data-app-shell-workspace-tab-c= hrome], [data-app-shell-page-surface=3D"true"], .app-shell-left-panel:not([= data-app-shell-left-panel-appearance=3D"content-surface"]))[data-app-shell-= page-surface=3D"true"] { background: var(--lightningcss-light,color-mix(in = srgb, var(--color-surface-secondary) 85%, transparent)) var(--lightningcss-= dark,color-mix(in srgb, var(--color-surface-tertiary) 80%, transparent)); } } [data-codex-window-type=3D"electron"]:not([data-codex-window-chrome=3D"appl= ication-menu"]) :is([data-app-shell-frame][data-app-shell-workspace-tab-chr= ome], [data-app-shell-page-surface=3D"true"]) .app-shell-left-panel:not([da= ta-app-shell-left-panel-appearance=3D"content-surface"]) { background: 0px = 0px; } [data-codex-window-type=3D"electron"]:not([data-codex-window-chrome=3D"appl= ication-menu"]) .app-shell-left-panel:not([data-app-shell-left-panel-appear= ance=3D"content-surface"])::after { inset: 0 calc(-1 * var(--radius-2xl)) 0= auto; width: var(--radius-2xl); background: inherit; content: ""; pointer-= events: none; position: absolute; } [data-codex-window-type=3D"electron"].electron-opaque { background-color: v= ar(--app-color-background-surface-under); background-image: none; } [data-codex-window-type=3D"electron"].electron-opaque body { background-col= or: var(--app-color-background-surface-under); --app-color-background-eleva= ted-primary: var(--app-color-background-elevated-primary-opaque); backgroun= d-image: none; } [data-codex-window-type=3D"electron"] .blend { mix-blend-mode: normal; } [data-codex-window-type=3D"electron"] :is([data-app-shell-titlebar], [data-= app-shell-tabs=3D"true"]:has([data-browser-sidebar-chrome-expanded=3D"true"= ])) [data-app-shell-tab-strip-controller] { app-region: no-drag; } [data-codex-window-type=3D"electron"].compact-window body, [data-codex-wind= ow-type=3D"electron"].compact-window { background: 0px 0px; } [data-codex-window-type=3D"electron"].electron-opaque :where([data-theme]) = { --app-color-background-elevated-primary: var(--app-color-background-eleva= ted-primary-opaque); } :root { --elevation-stroke: 0 0 0 .5px var(--color-border-strong); --elevat= ion-stroke-subtle: 0 0 0 .5px var(--lightningcss-light,rgb(from var(--color= -border-strong) r g b / .04)) var(--lightningcss-dark,rgb(from var(--color-= border-strong) r g b / .06)); --elevation-prominent: var(--elevation-stroke= ), 0 3px 7.5px #0000000a, 0 0 20px #0000000d; --elevation-sidebar: var(--el= evation-stroke), 0 3px 7.5px #00000008, 0 0 16px #00000005; --elevation-com= poser: 0 0 0 1px #0000000a, 0 2px 8px 0 #0000000a, 0 4px 80px 8px #00000006= ; --elevation-composer-dark: inset 0 0 1px 0 #fff3; } @media not all and (min-width: 40rem) { :root { --elevation-composer: 0 0 0 1px #0000000a, 0 2px 8px 0 #0000000a,= 0 4px 40px 8px #00000006; } } :root { --codex-window-zoom: 1; --max-app-overlay-z-index: 2147480000; --pa= dding-row-y: calc(var(--spacing) * 1); --height-token-nav-row: calc(var(--t= ext-base) * 1.5 + var(--padding-row-y) * 2); --height-token-row: var(--heig= ht-token-nav-row); --radius-token-row: 9999px; --padding-panel-base: calc(v= ar(--spacing) * 3); --padding-panel: var(--padding-panel-base); --padding-t= oolbar: calc(var(--spacing) * 4); --max-height-suggestion-menu: 320px; --co= mposer-inline-overhang: calc(var(--spacing) * 6); --home-composer-inline-in= set: calc(var(--spacing) * 3.25); --composer-adjacent-max-width: 100%; --li= ne-height-composer: calc(var(--spacing) * 5); --min-height-composer: calc(v= ar(--spacing) * 11); --min-rows-composer-work-home: 1; --padding-composer-i= nput: 0 calc(var(--spacing) * 3); --spacing-composer-input-footer: var(--sp= acing); --padding-composer-empty-attachments: calc(var(--spacing) * 2) calc= (var(--spacing) * 2) calc(var(--spacing) * 1.5); --spacing-composer-footer-= bottom: calc(var(--spacing) * 2); --opacity-composer-placeholder: .5; --spa= cing-composer-single-line-controls: calc(var(--spacing) * 1.25); --padding-= composer-single-line-footer-block: var(--spacing); --composer-suggestion-in= line-inset: calc(var(--padding-toolbar) + var(--home-composer-inline-inset)= ); --inset-toolbar: var(--height-toolbar); --safe-area-left: 0px; --safe-ar= ea-right: 0px; --codex-chat-font-size: var(--codex-chat-font-size-override,= var(--font-ui-size,13px)); --codex-chat-code-font-size: var(--codex-chat-co= de-font-size-override,var(--font-code-size,12px)); --conversation-item-gap:= 16px; --conversation-grouped-item-gap: 4px; --diffs-font-family: var(--fon= t-mono); --diffs-font-size: var(--font-code-size,12px); --diffs-line-height= : calc(var(--diffs-font-size,12px) * 1.8); --diffs-deletion-color-override:= var(--color-codex-git-deleted); --diffs-addition-color-override: var(--col= or-codex-git-added); --diffs-gap-block: 0; --diffs-min-number-column-width:= 4ch; } :root[data-codex-window-type=3D"extension"] { color-scheme: normal; } :root[data-codex-window-type=3D"extension"][data-theme=3D"light"] > body { = --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; = } :root[data-codex-window-type=3D"extension"][data-theme=3D"dark"] > body { -= -lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; } :root[data-codex-window-type=3D"extension"] { --app-color-background-surfac= e: var(--color-surface-tertiary); --app-color-background-surface-under: var= (--color-surface-secondary); --diffs-font-size: calc(var(--codex-chat-code-= font-size) - 1px); --text-heading-md: 16px; } @supports (corner-shape:superellipse(1.5)) { :root { --codex-corner-radius-scale: 1.25; --codex-corner-shape: superell= ipse(1.5); --corner-radius-scale: var(--codex-corner-radius-scale); --radiu= s-md: calc(var(--radius-md-base) * var(--corner-radius-scale)); --radius-lg= : calc(var(--radius-lg-base) * var(--corner-radius-scale)); --radius-xl: ca= lc(var(--radius-xl-base) * var(--corner-radius-scale)); --radius-2xl: calc(= var(--radius-2xl-base) * var(--corner-radius-scale)); --radius-3xl: calc(va= r(--radius-3xl-base) * var(--corner-radius-scale)); --radius-4xl: calc(var(= --radius-4xl-base) * var(--corner-radius-scale)); } :root[data-codex-window-type=3D"browser"] { --codex-corner-radius-scale: = 1; --codex-corner-shape: round; } .rounded-button-action, .rounded-button-toolbar, .rounded-md, .rounded-lg= , .rounded-xl, .rounded-2xl, .rounded-3xl, .rounded-4xl { corner-shape: var= (--codex-corner-shape); } } body { color: var(--color-text); font-family: var(--font-ui-family); font-w= eight: var(--font-ui-weight); background-color: rgba(0, 0, 0, 0); height: 1= 00svh; padding: 0px; } #root { height: 100svh; } [data-chatgpt-composer] .ProseMirror code:not(pre code) { border-radius: va= r(--radius-xs); background-color: var(--color-background-secondary-soft-alp= ha); padding: calc(var(--spacing) / 2) var(--spacing); font-size: var(--tex= t-base); } :root[data-hide-header-divider=3D"true"] .app-header-divider { display: non= e; } .vscode-markdown code, .vscode-markdown pre { font-family: var(--font-code-= family); font-size: var(--font-code-size); font-weight: var(--font-code-wei= ght); } @property --loading-shimmer-mask-offset { syntax: ""; inherits:= false; initial-value: 0%; } @keyframes loading-shimmer {=20 0% { background-position: -100% 0px; } 100% { background-position: 250% 0px; } } @keyframes loading-shimmer-mask {=20 0% { --loading-shimmer-mask-offset: 0%; } 100% { --loading-shimmer-mask-offset: 100%; } } :root { caret-color: var(--color-codex-editor-cursor); } :root[data-reduced-motion=3D"true"]::view-transition-group(*) { animation: = auto ease 0s 1 normal none running none; } :root[data-reduced-motion=3D"true"]::view-transition-old(*) { animation: au= to ease 0s 1 normal none running none; } :root[data-reduced-motion=3D"true"]::view-transition-new(*) { animation: au= to ease 0s 1 normal none running none; } ::selection { background-color: var(--color-background-text-selection); col= or: var(--color-text); } @property --top-fade { syntax: ""; inherits: false; initial-value: = 0; } @property --bottom-fade { syntax: ""; inherits: false; initial-valu= e: 0; } @keyframes edge-fade {=20 0%, 1% { --top-fade: 0; --bottom-fade: var(--edge-fade-distance,1rem); } 99%, 100% { --top-fade: var(--edge-fade-distance,1rem); --bottom-fade: 0;= } } @keyframes edge-fade-top {=20 0%, 1% { --top-fade: var(--edge-fade-distance,1rem); --bottom-fade: var(-= -edge-fade-distance,1rem); } 99%, 100% { --top-fade: var(--edge-fade-distance,1rem); --bottom-fade: 0;= } } @keyframes edge-fade-bottom {=20 0%, 1% { --top-fade: 0; --bottom-fade: var(--edge-fade-distance,1rem); } 99%, 100% { --top-fade: 0; --bottom-fade: 0; } } @media (prefers-reduced-motion: no-preference) { @keyframes shake {=20 0%, 100% { transform: translate(0px) rotate(0deg); } 12% { transform: translate(6px) rotate(0.75deg); } 26% { transform: translate(-12px) rotate(-1.5deg); } 40% { transform: translate(16px) rotate(2deg); } 54% { transform: translate(-16px) rotate(-2deg); } 68% { transform: translate(12px) rotate(1.5deg); } 82% { transform: translate(-6px) rotate(-0.75deg); } } } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0= 000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; init= ial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: = 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false= ; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0= 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-va= lue: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; ini= tial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-va= lue: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-v= alue: 0 0 #0000; } @property --tw-border-spacing-x { syntax: ""; inherits: false; init= ial-value: 0; } @property --tw-border-spacing-y { syntax: ""; inherits: false; init= ial-value: 0; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0= ; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0= ; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0= ; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-pan-x { syntax: "*"; inherits: false; } @property --tw-pan-y { syntax: "*"; inherits: false; } @property --tw-pinch-zoom { syntax: "*"; inherits: false; } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initi= al-value: proximity; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-valu= e: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-valu= e: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-val= ue: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: = solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-val= ue: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-= value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-v= alue: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-va= lue: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inhe= rits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inher= its: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inheri= ts: false; initial-value: 100%; } @property --tw-mask-linear { syntax: "*"; inherits: false; initial-value: l= inear-gradient(#fff, #fff); } @property --tw-mask-radial { syntax: "*"; inherits: false; initial-value: l= inear-gradient(#fff, #fff); } @property --tw-mask-conic { syntax: "*"; inherits: false; initial-value: li= near-gradient(#fff, #fff); } @property --tw-mask-left { syntax: "*"; inherits: false; initial-value: lin= ear-gradient(#fff, #fff); } @property --tw-mask-right { syntax: "*"; inherits: false; initial-value: li= near-gradient(#fff, #fff); } @property --tw-mask-bottom { syntax: "*"; inherits: false; initial-value: l= inear-gradient(#fff, #fff); } @property --tw-mask-top { syntax: "*"; inherits: false; initial-value: line= ar-gradient(#fff, #fff); } @property --tw-mask-bottom-from-position { syntax: "*"; inherits: false; in= itial-value: 0%; } @property --tw-mask-bottom-to-position { syntax: "*"; inherits: false; init= ial-value: 100%; } @property --tw-mask-bottom-from-color { syntax: "*"; inherits: false; initi= al-value: black; } @property --tw-mask-bottom-to-color { syntax: "*"; inherits: false; initial= -value: transparent; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value:= solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false;= initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-contain-size { syntax: "*"; inherits: false; } @property --tw-contain-layout { syntax: "*"; inherits: false; } @property --tw-contain-paint { syntax: "*"; inherits: false; } @property --tw-contain-style { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @keyframes spin {=20 100% { transform: rotate(360deg); } } @keyframes ping {=20 75%, 100% { opacity: 0; transform: scale(2); } } @keyframes pulse {=20 50% { opacity: 0.5; } } @keyframes token-pulsing-dot {=20 0%, 100% { transform: scale(1); } 50% { transform: scale(1.25); } } a.button-link, a.button-link:hover { color: revert-layer; } @property --app-shell-main-surface-clip-end-radius { syntax: "|none= "; inherits: false; initial-value: none; } .codex-toast-area:not(:has([data-sonner-toast])) { visibility: hidden; } [data-sonner-toaster].codex-sonner-toaster { width: 100%; transition-durati= on: var(--transition-duration-relaxed); font-family: inherit; position: abs= olute; top: 0px; } [data-sonner-toaster].codex-sonner-toaster[data-x-position=3D"right"] { ins= et-inline: calc(var(--spacing,.25rem) * 6); top: calc(var(--spacing,.25rem)= * 14); width: auto; max-width: calc(var(--spacing,.25rem) * 80); margin-in= line-start: auto; position: fixed; } [data-sonner-toaster].codex-sonner-toaster [data-sonner-toast], [data-sonne= r-toaster].codex-sonner-toaster [data-sonner-toast] > * { transition-durati= on: var(--transition-duration-relaxed); } .ProseMirror .placeholder { pointer-events: none; user-select: none; positi= on: relative; } .ProseMirror .placeholder::before { color: var(--color-text-tertiary); cont= ent: attr(data-placeholder); opacity: var(--composer-editor-placeholder-opa= city,.5); pointer-events: none; user-select: none; white-space: nowrap; tex= t-overflow: ellipsis; max-width: 100%; position: absolute; inset: 0px 0px a= uto; overflow: hidden; } [data-composer-input-variant=3D"form"] .ProseMirror .placeholder { display:= flow-root; } [data-composer-input-variant=3D"form"] .ProseMirror .placeholder::before { = float: inline-start; white-space: normal; overflow-wrap: anywhere; width: 1= 00%; margin-inline-end: -100%; position: static; } .ProseMirror .placeholder::selection, .ProseMirror .placeholder ::selection= { color: inherit; background: 0px 0px; } .ProseMirror .ProseMirror-selectednode:has([skill-mention-name]) { outline:= none; } @property --composer-surface-border-radius { syntax: ""; inherits: = false; initial-value: 0; } [cmdk-dialog], [cmdk-dialog]:focus-visible { outline: none; } .command-menu-dialog { --command-menu-list-max-height: min(300px, max(120px= , calc(90vh / var(--codex-window-zoom,1) - 64px))); --command-menu-max-heig= ht: calc(var(--command-menu-list-max-height) + 64px); top: max(calc(var(--s= pacing) * 4 / var(--codex-window-zoom,1)), calc((100vh / var(--codex-window= -zoom,1) - var(--command-menu-max-height)) / 2)); width: min(520px, calc(92= vw / var(--codex-window-zoom,1))); zoom: var(--codex-window-zoom,1); } .global-command-menu-dialog { --command-menu-list-max-height: min(440px, ma= x(120px, calc(90vh / var(--codex-window-zoom,1) - 64px))); } [cmdk-root], [data-cmdk-root] { gap: var(--spacing); background-color: var(= --color-surface-elevated-secondary); flex-direction: column; min-width: 100= %; display: flex; } @supports (color:color-mix(in lab, red, red)) { [cmdk-root], [data-cmdk-root] { background-color: color-mix(in oklab, var= (--color-surface-elevated-secondary) 95%, transparent); } } [cmdk-root], [data-cmdk-root] { color: var(--color-text); border: 1px solid= var(--color-border); border-radius: var(--radius-3xl); padding: var(--spac= ing); font-size: var(--text-sm); backdrop-filter: blur(8px); user-select: n= one; z-index: 1000; opacity: 1; transform: translateZ(0px); } .command-menu-dialog [cmdk-root], .command-menu-dialog [data-cmdk-root] { b= ox-shadow: var(--shadow-2xl); background-color: var(--color-surface-elevate= d-secondary); border-radius: var(--radius-2xl); backdrop-filter: none; max-= height: var(--command-menu-max-height); border-color: rgba(0, 0, 0, 0); ove= rflow: hidden; } :is(.command-menu-dialog [cmdk-root], .command-menu-dialog [data-cmdk-root]= ):where([data-theme=3D"dark"]) { border-color: var(--color-border); } @container style(--theme-variant: dark) { :is(.command-menu-dialog [cmdk-root], .command-menu-dialog [data-cmdk-roo= t]):where(:not([data-theme])) { border-color: var(--color-border); } } [cmdk-item] { content-visibility: auto; border-radius: var(--radius-lg); wi= dth: 100%; cursor: var(--cursor-interaction); color: var(--color-text); pad= ding: var(--padding-row-y) var(--padding-row-x); min-height: calc(var(--spa= cing) * 6); user-select: none; opacity: 0.75; outline: none; flex-direction= : row; align-items: center; display: flex; } [cmdk-item][aria-disabled=3D"true"], [cmdk-item][data-disabled=3D"true"] { = cursor: default; opacity: 0.25; } [cmdk-item]:hover:not([aria-disabled=3D"true"]), [cmdk-item][data-selected= =3D"true"], [cmdk-item][aria-selected=3D"true"], [cmdk-item]:focus-visible,= [cmdk-item]:active:not([aria-disabled=3D"true"]) { background-color: var(-= -color-background-primary-ghost-hover); opacity: 1; } [cmdk-item][data-command-menu-loading=3D"true"], [cmdk-item][data-command-m= enu-loading=3D"true"]:hover, [cmdk-item][data-command-menu-loading=3D"true"= ][data-selected=3D"true"], [cmdk-item][data-command-menu-loading=3D"true"][= aria-selected=3D"true"], [cmdk-item][data-command-menu-loading=3D"true"]:fo= cus-visible, [cmdk-item][data-command-menu-loading=3D"true"]:active { curso= r: default; opacity: 0.6; background-color: rgba(0, 0, 0, 0); } [cmdk-item][data-command-menu-empty-state=3D"true"], [cmdk-item][data-comma= nd-menu-empty-state=3D"true"]:hover, [cmdk-item][data-command-menu-empty-st= ate=3D"true"][data-selected=3D"true"], [cmdk-item][data-command-menu-empty-= state=3D"true"][aria-selected=3D"true"], [cmdk-item][data-command-menu-empt= y-state=3D"true"]:focus-visible, [cmdk-item][data-command-menu-empty-state= =3D"true"]:active { cursor: default; opacity: 1; background-color: rgba(0, = 0, 0, 0); } [cmdk-list] { max-height: min(300px, var(--cmdk-list-height,300px)); scroll= bar-width: none; overscroll-behavior: contain; gap: var(--spacing); min-hei= ght: 0px; transition: max-height var(--transition-duration-basic) ease; fle= x-direction: column; display: flex; overflow-y: auto; } [cmdk-list]:focus-visible { outline: none; } .command-menu-dialog [cmdk-list] { max-height: var(--command-menu-list-max-= height); scroll-padding-block-start: calc(var(--spacing) * 8); } .composer-home-top-menu [cmdk-list] { max-height: none; } .composer-home-top-menu { max-height: min(var(--max-height-suggestion-menu)= , var(--composer-overlay-available-height,320px), var(--composer-top-menu-m= ax-height,320px)); overflow: hidden; } [cmdk-input] { padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2.= 5); } [cmdk-input]:focus-visible { outline: none; } [cmdk-empty], [data-cmdk-empty] { padding: calc(var(--spacing) * 1.5) calc(= var(--spacing) * 2.5); min-height: calc(var(--spacing) * 8); color: var(--c= olor-codex-description); white-space: pre-wrap; text-align: center; align-i= tems: center; line-height: 1.4; display: flex; } [cmdk-root]:has([data-command-menu-loading=3D"true"]) [cmdk-empty] { displa= y: none; } [data-codex-window-type=3D"electron"] [cmdk-root], [data-codex-window-type= =3D"electron"] [data-cmdk-root] { font-size: var(--text-base); } code, pre { font-family: var(--font-mono) !important; } code[class=3D"language-plaintext"] { white-space: pre-line; } code[class*=3D"language-"], pre[class*=3D"language-"], code.hljs { text-ali= gn: left; white-space: pre; word-spacing: normal; word-break: normal; overf= low-wrap: normal; tab-size: 4; hyphens: none; background: 0px 0px; line-hei= ght: 1.5; } pre[class*=3D"language-"] { border-radius: 0.3em; overflow: auto; } :not(pre) > code[class*=3D"language-"], :not(pre) > code.hljs { white-space= : normal; border-radius: 0.3em; padding: 0.1em; } .hljs-comment, .hljs-quote { color: var(--color-codex-syntax-comment); font= -style: italic; } .hljs-doctag, .hljs-keyword, .hljs-formula, .hljs-operator { color: var(--c= olor-codex-syntax-keyword); } .hljs-built_in, .hljs-class .hljs-title, .hljs-literal, .hljs-number { colo= r: var(--color-codex-syntax-literal); } .hljs-string, .hljs-regexp, .hljs-addition, .hljs-meta-string { color: var(= --color-codex-syntax-string); } .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-title, .hljs-sel= ector-class, .hljs-selector-pseudo { color: var(--color-codex-syntax-variab= le); } .hljs-attr, .hljs-attribute, .hljs-section, .hljs-selector-attr { color: va= r(--color-codex-syntax-attribute); } .hljs-name, .hljs-selector-tag, .hljs-symbol, .hljs-bullet, .hljs-link, .hl= js-meta, .hljs-selector-id { color: var(--color-codex-syntax-name); } .hljs-deletion { color: var(--color-codex-syntax-error); } .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: 700; } .hljs-link { text-decoration: underline; } .ProseMirror { overflow-wrap: break-word; white-space: break-spaces; font-v= ariant-ligatures: none; font-feature-settings: "liga" 0; position: relative= ; } .ProseMirror pre { white-space: pre-wrap; } .ProseMirror li { position: relative; } .ProseMirror-hideselection ::selection { background: 0px 0px; } .ProseMirror-hideselection { caret-color: rgba(0, 0, 0, 0); } .ProseMirror [draggable][contenteditable=3D"false"] { user-select: text; } .ProseMirror-selectednode { outline: rgb(136, 204, 255) solid 2px; } li.ProseMirror-selectednode { outline: none; } li.ProseMirror-selectednode::after { content: ""; pointer-events: none; bor= der: 2px solid rgb(136, 204, 255); position: absolute; inset: -2px -2px -2p= x -32px; } img.ProseMirror-separator { border-width: medium !important; border-style: = none !important; border-color: currentcolor !important; border-image: none = !important; margin: 0px !important; display: inline !important; } .popcorn-paged-annotation { box-sizing: border-box; font-family: var(--popc= orn-paged-annotation-font-family,-apple-system, BlinkMacSystemFont, "Segoe = UI", sans-serif); } .popcorn-paged-annotation-editor-frame { pointer-events: none; z-index: 50;= cursor: auto; animation: popcorn-paged-annotation-editor-enter var(--popco= rn-paged-annotation-enter-duration,.15s) ease-out both; transform-origin: 0= px 0px; will-change: opacity, transform; position: absolute; } @media (prefers-reduced-motion: reduce) { .popcorn-paged-annotation-editor-frame { animation: auto ease 0s 1 normal= none running none; } } @keyframes popcorn-paged-annotation-editor-enter {=20 0% { opacity: 0; transform: translateY(-4px) scale(0.96); } 100% { opacity: 1; transform: translateY(0px) scale(1); } } .popcorn-paged-annotation-ask-for-edit { pointer-events: auto; z-index: 40;= min-width: max-content; height: 24px; cursor: var(--popcorn-paged-annotati= on-interaction-cursor,pointer); letter-spacing: -0.3px; white-space: nowrap= ; color: rgb(0, 0, 0); padding: 3px; background: rgb(255, 255, 255); border= : 0px; border-radius: 9999px; align-items: center; gap: 8px; padding-inline= -start: 8px; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text",= "SF Pro", "Segoe UI", sans-serif; font-size: 12px; font-weight: 400; line-= height: 18px; display: inline-flex; position: absolute; box-shadow: rgba(0,= 0, 0, 0.55) 0px 8px 18px -6px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px; } .popcorn-paged-annotation-ask-for-edit:hover { background: color-mix(in srg= b, white 92%, var(--popcorn-paged-annotation-preview-color,#262626) 8%); } .popcorn-paged-annotation-ask-for-edit-label, .popcorn-paged-annotation-ask= -for-edit-shortcut { height: 18px; font: inherit; letter-spacing: inherit; = align-items: center; display: inline-flex; } .popcorn-paged-annotation-ask-for-edit-shortcut { color: rgb(107, 107, 107)= ; background: rgb(239, 239, 239); border-radius: 9999px; padding-inline: 6p= x; font-weight: 500; } .popcorn-paged-annotation-element-highlight, .popcorn-paged-annotation-regi= on-outline { pointer-events: none; position: absolute; } .popcorn-paged-annotation-marker { pointer-events: none; background: 0px 0p= x; border: 0px; justify-content: center; align-items: center; padding: 0px;= display: flex; position: absolute; translate: -50% -50%; } .popcorn-paged-annotation-marker-interactive { pointer-events: auto; cursor= : var(--popcorn-paged-annotation-interaction-cursor,pointer); } .popcorn-paged-annotation-marker-interactive:focus-visible { box-shadow: 0 = 0 0 2px var(--popcorn-paged-annotation-focus-ring,var(--popcorn-paged-annot= ation-accent,#2563eb)); outline: none; } .popcorn-paged-annotation-marker-content { pointer-events: none; transform-= origin: 0px 100%; width: 100%; height: 100%; transition: scale var(--transi= tion-duration-basic,.15s) var(--ease-enter-snappy,cubic-bezier(.23, 1, .32,= 1)); justify-content: center; align-items: center; display: flex; position= : relative; } @media (prefers-reduced-motion: reduce) { .popcorn-paged-annotation-marker-content { transition: none; } } .popcorn-paged-annotation-marker-icon { width: 100%; height: 100%; position= : absolute; inset: 0px; } .popcorn-paged-annotation-marker-label { pointer-events: none; z-index: 10;= color: rgb(255, 255, 255); font-size: 11px; font-weight: 700; line-height:= 1; position: relative; } .popcorn-paged-annotation-preview { pointer-events: none; z-index: 5; borde= r: 1px solid var(--popcorn-paged-annotation-preview-border,#0d0d0d14); user= -select: none; background: var(--popcorn-paged-annotation-preview-backgroun= d,white); color: var(--popcorn-paged-annotation-preview-color,#262626); bor= der-radius: 8px; align-items: center; width: fit-content; padding: 4px 8px;= font-size: 14px; line-height: 20px; display: flex; position: absolute; ove= rflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0= , 0, 0.1) 0px 4px 6px -4px; } .popcorn-paged-annotation-preview-content { text-overflow: ellipsis; white-= space: nowrap; min-width: 0px; color: inherit; line-height: 20px; overflow:= hidden; } .popcorn-paged-annotation-layer { z-index: 3; pointer-events: none; positio= n: absolute; inset: 0px; } .popcorn-paged-annotation-layer[data-comment-mode=3D"true"] { pointer-event= s: auto; } @media (prefers-reduced-motion: no-preference) { @keyframes popcorn-paged-annotation-shake {=20 0%, 100% { transform: translate(0px) rotate(0deg); } 12% { transform: translate(6px) rotate(0.75deg); } 26% { transform: translate(-12px) rotate(-1.5deg); } 40% { transform: translate(16px) rotate(2deg); } 54% { transform: translate(-16px) rotate(-2deg); } 68% { transform: translate(12px) rotate(1.5deg); } 82% { transform: translate(-6px) rotate(-0.75deg); } } } .popcorn-paged-annotation-add-overlay { cursor: inherit; background: 0px 0p= x; border: 0px; padding: 0px; position: absolute; inset: 0px; } .popcorn-paged-annotation-add-overlay:focus-visible { box-shadow: 0 0 0 2px= var(--popcorn-paged-annotation-focus-ring,#2563eb); outline: none; } .popcorn-paged-annotation { --popcorn-paged-annotation-accent: var(--app-co= lor-text-accent,var(--app-color-accent-blue)); --popcorn-paged-annotation-p= review-background: var(--color-surface-elevated-secondary,var(--color-surfa= ce)); --popcorn-paged-annotation-preview-color: var(--color-text); --popcor= n-paged-annotation-preview-border: var(--color-border,var(--color-border-su= btle)); --popcorn-paged-annotation-focus-ring: var(--color-ring); --popcorn= -paged-annotation-font-family: var(--font-sans); --popcorn-paged-annotation= -interaction-cursor: var(--cursor-interaction); --popcorn-paged-annotation-= enter-duration: var(--transition-duration-basic); } @property --chatgpt-search-highlight-bg-alpha { syntax: ""; inherit= s: true; initial-value: 0; } @property --chatgpt-search-highlight-glow-alpha { syntax: ""; inher= its: true; initial-value: 0; } .rich-text-user-turn.rich-text-user-turn > :is(h4, h5, h6):not(:first-child= ) { margin-block-start: calc(var(--markdown-space,var(--spacing)) * 4); } .rich-text-user-turn.rich-text-user-turn > :is(h4, h5, h6):not(:last-child)= { margin-block-end: calc(var(--markdown-space,var(--spacing)) * 4); } .ansi-black-fg { color: var(--color-codex-terminal-ansi-black) !important; = } .ansi-black-bg { background-color: var(--color-codex-terminal-ansi-black) != important; } .ansi-red-fg { color: var(--color-codex-terminal-ansi-red) !important; } .ansi-red-bg { background-color: var(--color-codex-terminal-ansi-red) !impo= rtant; } .ansi-green-fg { color: var(--color-codex-terminal-ansi-green) !important; = } .ansi-green-bg { background-color: var(--color-codex-terminal-ansi-green) != important; } .ansi-yellow-fg { color: var(--color-codex-terminal-ansi-yellow) !important= ; } .ansi-yellow-bg { background-color: var(--color-codex-terminal-ansi-yellow)= !important; } .ansi-blue-fg { color: var(--color-codex-terminal-ansi-blue) !important; } .ansi-blue-bg { background-color: var(--color-codex-terminal-ansi-blue) !im= portant; } .ansi-magenta-fg { color: var(--color-codex-terminal-ansi-magenta) !importa= nt; } .ansi-magenta-bg { background-color: var(--color-codex-terminal-ansi-magent= a) !important; } .ansi-cyan-fg { color: var(--color-codex-terminal-ansi-cyan) !important; } .ansi-cyan-bg { background-color: var(--color-codex-terminal-ansi-cyan) !im= portant; } .ansi-white-fg { color: var(--color-codex-terminal-ansi-white) !important; = } .ansi-white-bg { background-color: var(--color-codex-terminal-ansi-white) != important; } .ansi-bright-black-fg { color: var(--color-codex-terminal-ansi-bright-black= ) !important; } .ansi-bright-red-fg { color: var(--color-codex-terminal-ansi-bright-red) !i= mportant; } .ansi-bright-green-fg { color: var(--color-codex-terminal-ansi-bright-green= ) !important; } .ansi-bright-yellow-fg { color: var(--color-codex-terminal-ansi-bright-yell= ow) !important; } .ansi-bright-blue-fg { color: var(--color-codex-terminal-ansi-bright-blue) = !important; } .ansi-bright-magenta-fg { color: var(--color-codex-terminal-ansi-bright-mag= enta) !important; } .ansi-bright-cyan-fg { color: var(--color-codex-terminal-ansi-bright-cyan) = !important; } .ansi-bright-white-fg { color: var(--color-codex-terminal-ansi-bright-white= ) !important; } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-98898ac7-7cd4-410d-81ba-ac05fa026599@mhtml.blink @charset "utf-8"; [data-sonner-toaster][dir=3D"ltr"], html[dir=3D"ltr"] { --toast-icon-margin= -start: -3px; --toast-icon-margin-end: 4px; --toast-svg-margin-start: -1px;= --toast-svg-margin-end: 0px; --toast-button-margin-start: auto; --toast-bu= tton-margin-end: 0; --toast-close-button-start: 0; --toast-close-button-end= : unset; --toast-close-button-transform: translate(-35%, -35%); } [data-sonner-toaster][dir=3D"rtl"], html[dir=3D"rtl"] { --toast-icon-margin= -start: 4px; --toast-icon-margin-end: -3px; --toast-svg-margin-start: 0px; = --toast-svg-margin-end: -1px; --toast-button-margin-start: 0; --toast-butto= n-margin-end: auto; --toast-close-button-start: unset; --toast-close-button= -end: 0; --toast-close-button-transform: translate(35%, -35%); } [data-sonner-toaster] { position: fixed; width: var(--width); font-family: = ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro= boto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color 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%); --gray12: hs= l(0, 0%, 9%); --border-radius: 8px; box-sizing: border-box; padding: 0px; m= argin: 0px; list-style: none; outline: 0px; z-index: 999999999; transition:= transform 0.4s; } @media (hover: none) and (pointer: coarse) { [data-sonner-toaster][data-lifted=3D"true"] { transform: none; } } [data-sonner-toaster][data-x-position=3D"right"] { right: var(--offset-righ= t); } [data-sonner-toaster][data-x-position=3D"left"] { left: var(--offset-left);= } [data-sonner-toaster][data-x-position=3D"center"] { left: 50%; transform: t= ranslateX(-50%); } [data-sonner-toaster][data-y-position=3D"top"] { top: var(--offset-top); } [data-sonner-toaster][data-y-position=3D"bottom"] { bottom: var(--offset-bo= ttom); } [data-sonner-toast] { --y: translateY(100%); --lift-amount: calc(var(--lift= ) * var(--gap)); z-index: var(--z-index); position: absolute; opacity: 0; t= ransform: var(--y); touch-action: none; transition: transform 0.4s, opacity= 0.4s, height 0.4s, box-shadow 0.2s; box-sizing: border-box; outline: 0px; = overflow-wrap: anywhere; } [data-sonner-toast][data-styled=3D"true"] { padding: 16px; background: var(= --normal-bg); border: 1px solid var(--normal-border); color: var(--normal-t= ext); border-radius: var(--border-radius); box-shadow: rgba(0, 0, 0, 0.1) 0= px 4px 12px; width: var(--width); font-size: 13px; display: flex; align-ite= ms: center; gap: 6px; } [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; } [data-sonner-toast][data-y-position=3D"top"] { top: 0px; --y: translateY(-1= 00%); --lift: 1; --lift-amount: calc(1 * var(--gap)); } [data-sonner-toast][data-y-position=3D"bottom"] { bottom: 0px; --y: transla= teY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)); } [data-sonner-toast][data-styled=3D"true"] [data-description] { font-weight:= 400; line-height: 1.4; color: rgb(63, 63, 63); } [data-rich-colors=3D"true"][data-sonner-toast][data-styled=3D"true"] [data-= description] { color: inherit; } [data-sonner-toaster][data-sonner-theme=3D"dark"] [data-description] { colo= r: rgb(232, 232, 232); } [data-sonner-toast][data-styled=3D"true"] [data-title] { font-weight: 500; = line-height: 1.5; color: inherit; } [data-sonner-toast][data-styled=3D"true"] [data-icon] { display: flex; heig= ht: 16px; width: 16px; position: relative; justify-content: flex-start; ali= gn-items: center; flex-shrink: 0; margin-left: var(--toast-icon-margin-star= t); margin-right: var(--toast-icon-margin-end); } [data-sonner-toast][data-promise=3D"true"] [data-icon] > svg { opacity: 0; = transform: scale(0.8); transform-origin: center center; animation: 0.3s eas= e 0s 1 normal forwards running sonner-fade-in; } [data-sonner-toast][data-styled=3D"true"] [data-icon] > * { flex-shrink: 0;= } [data-sonner-toast][data-styled=3D"true"] [data-icon] svg { margin-left: va= r(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); } [data-sonner-toast][data-styled=3D"true"] [data-content] { display: flex; f= lex-direction: 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-width: medium; border-style: none; border-color: currentcolor; border-= image: none; font-weight: 500; cursor: pointer; outline: 0px; display: flex= ; align-items: center; flex-shrink: 0; transition: opacity 0.4s, box-shadow= 0.2s; } [data-sonner-toast][data-styled=3D"true"] [data-button]:focus-visible { box= -shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; } [data-sonner-toast][data-styled=3D"true"] [data-button]:first-of-type { mar= gin-left: var(--toast-button-margin-start); margin-right: var(--toast-butto= n-margin-end); } [data-sonner-toast][data-styled=3D"true"] [data-cancel] { color: var(--norm= al-text); background: rgba(0, 0, 0, 0.08); } [data-sonner-toaster][data-sonner-theme=3D"dark"] [data-sonner-toast][data-= styled=3D"true"] [data-cancel] { background: rgba(255, 255, 255, 0.3); } [data-sonner-toast][data-styled=3D"true"] [data-close-button] { position: a= bsolute; left: var(--toast-close-button-start); right: var(--toast-close-bu= tton-end); top: 0px; height: 20px; width: 20px; display: flex; justify-cont= ent: center; align-items: center; padding: 0px; color: var(--gray12); backg= round: var(--normal-bg); border: 1px solid var(--gray4); transform: var(--t= oast-close-button-transform); border-radius: 50%; cursor: pointer; z-index:= 1; transition: opacity 0.1s, background 0.2s, border-color 0.2s; } [data-sonner-toast][data-styled=3D"true"] [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 2px; } [data-sonner-toast][data-styled=3D"true"] [data-disabled=3D"true"] { cursor= : not-allowed; } [data-sonner-toast][data-styled=3D"true"]:hover [data-close-button]:hover {= background: var(--gray2); border-color: var(--gray5); } [data-sonner-toast][data-swiping=3D"true"]::before { content: ""; position:= absolute; left: -100%; right: -100%; height: 100%; z-index: -1; } [data-sonner-toast][data-y-position=3D"top"][data-swiping=3D"true"]::before= { bottom: 50%; transform: scaleY(3) translateY(50%); } [data-sonner-toast][data-y-position=3D"bottom"][data-swiping=3D"true"]::bef= ore { top: 50%; transform: scaleY(3) translateY(-50%); } [data-sonner-toast][data-swiping=3D"false"][data-removed=3D"true"]::before = { content: ""; position: absolute; inset: 0px; transform: scaleY(2); } [data-sonner-toast][data-expanded=3D"true"]::after { content: ""; position:= absolute; left: 0px; height: calc(var(--gap) + 1px); bottom: 100%; width: = 100%; } [data-sonner-toast][data-mounted=3D"true"] { --y: translateY(0); opacity: 1= ; } [data-sonner-toast][data-expanded=3D"false"][data-front=3D"false"] { --scal= e: var(--toasts-before) * 0.05 + 1; --y: translateY(calc(var(--lift-amount)= * var(--toasts-before))) scale(calc(-1 * var(--scale))); height: var(--fro= nt-toast-height); } [data-sonner-toast] > * { transition: opacity 0.4s; } [data-sonner-toast][data-x-position=3D"right"] { right: 0px; } [data-sonner-toast][data-x-position=3D"left"] { left: 0px; } [data-sonner-toast][data-expanded=3D"false"][data-front=3D"false"][data-sty= led=3D"true"] > * { opacity: 0; } [data-sonner-toast][data-visible=3D"false"] { opacity: 0; pointer-events: n= one; } [data-sonner-toast][data-mounted=3D"true"][data-expanded=3D"true"] { --y: t= ranslateY(calc(var(--lift) * var(--offset))); height: var(--initial-height)= ; } [data-sonner-toast][data-removed=3D"true"][data-front=3D"true"][data-swipe-= out=3D"false"] { --y: translateY(calc(var(--lift) * -100%)); opacity: 0; } [data-sonner-toast][data-removed=3D"true"][data-front=3D"false"][data-swipe= -out=3D"false"][data-expanded=3D"true"] { --y: translateY(calc(var(--lift) = * var(--offset) + var(--lift) * -100%)); opacity: 0; } [data-sonner-toast][data-removed=3D"true"][data-front=3D"false"][data-swipe= -out=3D"false"][data-expanded=3D"false"] { --y: translateY(40%); opacity: 0= ; transition: transform 0.5s, opacity 0.2s; } [data-sonner-toast][data-removed=3D"true"][data-front=3D"false"]::before { = height: calc(var(--initial-height) + 20%); } [data-sonner-toast][data-swiping=3D"true"] { transform: var(--y) translateY= (var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0)); transition: = none; } [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-duration: 0.2s; animation-timing-function: ease-out; animation-fill-m= ode: forwards; } [data-sonner-toast][data-swipe-out=3D"true"][data-swipe-direction=3D"left"]= { animation-name: swipe-out-left; } [data-sonner-toast][data-swipe-out=3D"true"][data-swipe-direction=3D"right"= ] { animation-name: swipe-out-right; } [data-sonner-toast][data-swipe-out=3D"true"][data-swipe-direction=3D"up"] {= animation-name: swipe-out-up; } [data-sonner-toast][data-swipe-out=3D"true"][data-swipe-direction=3D"down"]= { animation-name: swipe-out-down; } @keyframes swipe-out-left {=20 0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; } 100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%))= ; opacity: 0; } } @keyframes swipe-out-right {=20 0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; } 100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%))= ; opacity: 0; } } @keyframes swipe-out-up {=20 0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; } 100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%))= ; opacity: 0; } } @keyframes swipe-out-down {=20 0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; } 100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%))= ; opacity: 0; } } @media (max-width: 600px) { [data-sonner-toaster] { position: fixed; right: var(--mobile-offset-right= ); left: var(--mobile-offset-left); width: 100%; } [data-sonner-toaster][dir=3D"rtl"] { left: calc(var(--mobile-offset-left)= * -1); } [data-sonner-toaster] [data-sonner-toast] { left: 0px; right: 0px; width:= calc(100% - var(--mobile-offset-left) * 2); } [data-sonner-toaster][data-x-position=3D"left"] { left: var(--mobile-offs= et-left); } [data-sonner-toaster][data-y-position=3D"bottom"] { bottom: var(--mobile-= offset-bottom); } [data-sonner-toaster][data-y-position=3D"top"] { top: var(--mobile-offset= -top); } [data-sonner-toaster][data-x-position=3D"center"] { left: var(--mobile-of= fset-left); right: var(--mobile-offset-right); transform: none; } } [data-sonner-toaster][data-sonner-theme=3D"light"] { --normal-bg: #fff; --n= ormal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl= (143, 85%, 96%); --success-border: hsl(145, 92%, 87%); --success-text: hsl(= 140, 100%, 27%); --info-bg: hsl(208, 100%, 97%); --info-border: hsl(221, 91= %, 93%); --info-text: hsl(210, 92%, 45%); --warning-bg: hsl(49, 100%, 97%);= --warning-border: hsl(49, 91%, 84%); --warning-text: hsl(31, 92%, 45%); --= error-bg: hsl(359, 100%, 97%); --error-border: hsl(359, 100%, 94%); --error= -text: hsl(360, 100%, 45%); } [data-sonner-toaster][data-sonner-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-sonner-theme=3D"dark"] [data-sonner-toast][data-= invert=3D"true"] { --normal-bg: #fff; --normal-border: var(--gray3); --norm= al-text: var(--gray12); } [data-sonner-toaster][data-sonner-theme=3D"dark"] { --normal-bg: #000; --no= rmal-bg-hover: hsl(0, 0%, 12%); --normal-border: hsl(0, 0%, 20%); --normal-= border-hover: hsl(0, 0%, 25%); --normal-text: var(--gray1); --success-bg: h= sl(150, 100%, 6%); --success-border: hsl(147, 100%, 12%); --success-text: h= sl(150, 86%, 65%); --info-bg: hsl(215, 100%, 6%); --info-border: hsl(223, 4= 3%, 17%); --info-text: hsl(216, 87%, 65%); --warning-bg: hsl(64, 100%, 6%);= --warning-border: hsl(60, 100%, 9%); --warning-text: hsl(46, 87%, 65%); --= error-bg: hsl(358, 76%, 10%); --error-border: hsl(357, 89%, 16%); --error-t= ext: hsl(358, 100%, 81%); } [data-sonner-toaster][data-sonner-theme=3D"dark"] [data-sonner-toast] [data= -close-button] { background: var(--normal-bg); border-color: var(--normal-b= order); color: var(--normal-text); } [data-sonner-toaster][data-sonner-theme=3D"dark"] [data-sonner-toast] [data= -close-button]:hover { background: var(--normal-bg-hover); border-color: va= r(--normal-border-hover); } [data-rich-colors=3D"true"][data-sonner-toast][data-type=3D"success"] { bac= kground: var(--success-bg); border-color: var(--success-border); color: var= (--success-text); } [data-rich-colors=3D"true"][data-sonner-toast][data-type=3D"success"] [data= -close-button] { background: var(--success-bg); border-color: var(--success= -border); color: var(--success-text); } [data-rich-colors=3D"true"][data-sonner-toast][data-type=3D"info"] { backgr= ound: var(--info-bg); border-color: var(--info-border); color: var(--info-t= ext); } [data-rich-colors=3D"true"][data-sonner-toast][data-type=3D"info"] [data-cl= ose-button] { 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"] { bac= kground: var(--warning-bg); border-color: var(--warning-border); color: var= (--warning-text); } [data-rich-colors=3D"true"][data-sonner-toast][data-type=3D"warning"] [data= -close-button] { background: var(--warning-bg); border-color: var(--warning= -border); color: var(--warning-text); } [data-rich-colors=3D"true"][data-sonner-toast][data-type=3D"error"] { backg= round: var(--error-bg); border-color: var(--error-border); color: var(--err= or-text); } [data-rich-colors=3D"true"][data-sonner-toast][data-type=3D"error"] [data-c= lose-button] { background: var(--error-bg); border-color: var(--error-borde= r); color: 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:first-child { animation-delay: -1.2s; transform: rotate= (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) { .sonner-loading-bar, [data-sonner-toast], [data-sonner-toast] > * { trans= ition: none !important; animation: auto ease 0s 1 normal none running none = !important; } } .sonner-loader { position: absolute; top: 50%; left: 50%; transform: transl= ate(-50%, -50%); transform-origin: center center; transition: opacity 0.2s,= transform 0.2s; } .sonner-loader[data-visible=3D"false"] { opacity: 0; transform: scale(0.8) = translate(-50%, -50%); } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-cb7920db-4e7e-4386-b34b-3b07bbd70f2f@mhtml.blink @charset "utf-8"; @layer theme { :where(:root:not([data-codex-window-type=3D"extension"]))[data-theme=3D"l= ight"], :where(:root:not([data-codex-window-type=3D"extension"])) [data-the= me=3D"light"] { --color-background-composer-primary: #3a83f7; --color-text-= composer-primary: #ffffff; --color-background-user-message: #e8f3fe; --colo= r-text-user-message: #0c274a; --color-background-text-selection: #539af859;= --color-background-attribution-highlight: #539af859; --codex-base-accent: = #3a83f7; --codex-base-contrast: 45; --codex-base-ink: #0d0d0d; --codex-base= -surface: #fcfcfc; --app-color-accent-blue: #3a83f7; --app-color-accent-pur= ple: #924ff7; --app-color-background-accent: #e8f3fe; --app-color-backgroun= d-accent-active: #e8f3fe; --app-color-background-accent-hover: #e8f3fe; --a= pp-color-background-application-menu: #ffffff; --app-color-background-butto= n-primary: #0d0d0d; --app-color-background-button-primary-active: #000000e5= ; --app-color-background-button-primary-hover: #000000cc; --app-color-backg= round-button-primary-inactive: #0d0d0d; --app-color-background-button-secon= dary: #f3f3f3; --app-color-background-button-secondary-active: #0000001a; -= -app-color-background-button-secondary-hover: #0000000d; --app-color-backgr= ound-button-secondary-inactive: transparent; --app-color-background-button-= tertiary: transparent; --app-color-background-button-tertiary-active: #0000= 001a; --app-color-background-button-tertiary-hover: #0000000d; --color-back= ground-callout-surface: #f3f3f3; --app-color-background-control: #ffffff; -= -color-background-control-opaque: #ffffff; --color-background-composer-acti= on-bar: rgb(0 0 0 / 3%); --app-color-background-editor-opaque: #f9f9f9; --a= pp-color-background-elevated-primary: #ffffff; --app-color-background-eleva= ted-primary-opaque: #ffffff; --app-color-background-elevated-secondary: #f3= f3f3; --app-color-background-elevated-secondary-opaque: #f3f3f3; --color-ba= ckground-mode-toggle-track: rgb(13 13 13 / 3%); --color-background-mode-tog= gle-selected: #ffffff; --color-background-panel: #fcfcfc; --app-color-backg= round-surface: #fcfcfc; --app-color-background-surface-under: #fcfcfc; --ap= p-color-border: #0000001a; --app-color-border-application-menu-separator: #= 0000001a; --app-color-border-focus: #3a83f7; --app-color-border-heavy: #000= 00026; --app-color-border-light: #0000000d; --color-border-mode-toggle-sele= cted: #0000001a; --app-color-decoration-added: #00a240; --app-color-decorat= ion-deleted: #ba2623; --app-color-editor-added: rgba(0, 162, 64, 0.15); --a= pp-color-editor-deleted: rgba(186, 38, 35, 0.15); --app-color-icon-accent: = #2c67c5; --app-color-icon-primary: #0d0d0d; --app-color-icon-secondary: #5d= 5d5d; --app-color-icon-tertiary: #8f8f8f; --app-color-simple-scrim: #000000= 80; --app-color-text-accent: #2c67c5; --app-color-text-on-accent: rgb(0, 0,= 0); --app-color-text-button-primary: #ffffff; --app-color-text-button-seco= ndary: #0d0d0d; --app-color-text-button-tertiary: #8f8f8f; --app-color-fore= ground-application-menu: #0d0d0d; --app-color-text-foreground: #0d0d0d; --a= pp-color-text-foreground-secondary: #5d5d5d; --app-color-text-foreground-te= rtiary: #8f8f8f; --color-text-mode-toggle-inactive: #5d5d5d; --shadow-mode-= toggle-selected: 0 1px 6px 0 rgb(0 0 0 / 5%); --content-chromatic-channels:= clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.811= 08437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209181) calc(b * 1.0020918= 1); --content-neutral-channels: clamp(0, l + clamp(-0.015, 0.00251018 + cla= mp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a *= 1.00209181 + (0.00000000 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -= 0.00000000) * min(1, 0.01 / max(hypot((0.00000000 + clamp(0, (l - 0.9701507= 7) / -0.81108437, 1) * -0.00000000), (0.00000000 + clamp(0, (l - 0.97015077= ) / -0.81108437, 1) * -0.00000000)), 0.00000001))) calc(b * 1.00209181 + (0= .00000000 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00000000) * mi= n(1, 0.01 / max(hypot((0.00000000 + clamp(0, (l - 0.97015077) / -0.81108437= , 1) * -0.00000000), (0.00000000 + clamp(0, (l - 0.97015077) / -0.81108437,= 1) * -0.00000000)), 0.00000001))); --color-chart-sequential-1: var(--blue-= 75); --color-chart-sequential-2: var(--blue-200); --color-chart-sequential-= 3: var(--blue-400); --color-chart-sequential-4: var(--blue-600); --app-colo= r-text-secondary: #5d5d5d; --app-color-text-primary-solid: #ffffff; --app-c= olor-background-card: #ffffff; --app-color-ads-background-secondary: #e8e8e= 8; --app-color-ads-background-secondary-press: rgb(0 0 0 / 5%); --app-color= -ads-border-medium: rgb(0 0 0 / 15%); --app-color-ads-text-primary: #0d0d0d= ; --color-border-button-outline: rgb(0 0 0 / 15%); --color-background-butto= n-outline-hover: #f9f9f9; --color-text-button-outline: #0d0d0d; --color-tex= t-mode-toggle-primary: #0d0d0d; --color-text-mode-toggle-accent: #3a83f7; -= -color-text-composer-reference: #3a83f7; --color-text-composer-file-referen= ce: color-mix(in srgb, var(--color-text-info) 80%, var(--color-text) 20%); = --color-image-generation-accent: #3a83f7; --color-image-generation-text: va= r(--color-text-accent); --color-image-generation-foreground: var(--app-colo= r-text-on-accent); } :where(:root:not([data-codex-window-type=3D"extension"]))[data-theme=3D"d= ark"], :where(:root:not([data-codex-window-type=3D"extension"])) [data-them= e=3D"dark"] { --color-background-composer-primary: #2c67c5; --color-text-co= mposer-primary: #ffffff; --color-background-user-message: #173e76; --color-= text-user-message: #f6fafe; --color-background-text-selection: #3a83f799; -= -color-background-attribution-highlight: #3a83f799; --codex-base-accent: #3= a83f7; --codex-base-contrast: 60; --codex-base-ink: #ededed; --codex-base-s= urface: #000000; --app-color-accent-blue: #3a83f7; --app-color-accent-purpl= e: #ad7bf9; --app-color-background-accent: #133463; --app-color-background-= accent-active: #133463; --app-color-background-accent-hover: #133463; --app= -color-background-application-menu: #1b1b1b; --app-color-background-button-= primary: #ededed; --app-color-background-button-primary-active: #ffffffe5; = --app-color-background-button-primary-hover: #ffffffcc; --app-color-backgro= und-button-primary-inactive: #ededed; --app-color-background-button-seconda= ry: #303030; --app-color-background-button-secondary-active: #ffffff0d; --a= pp-color-background-button-secondary-hover: #ffffff1a; --app-color-backgrou= nd-button-secondary-inactive: transparent; --app-color-background-button-te= rtiary: transparent; --app-color-background-button-tertiary-active: #ffffff= 0d; --app-color-background-button-tertiary-hover: #ffffff1a; --color-backgr= ound-callout-surface: #414141; --app-color-background-control: #303030; --c= olor-background-control-opaque: #303030; --color-background-composer-action= -bar: rgb(255 255 255 / 8%); --app-color-background-editor-opaque: #212121;= --app-color-background-elevated-primary: #1b1b1b; --app-color-background-e= levated-primary-opaque: #1b1b1b; --app-color-background-elevated-secondary:= #303030; --app-color-background-elevated-secondary-opaque: #303030; --colo= r-background-mode-toggle-track: #131313; --color-background-mode-toggle-sel= ected: #1b1b1b; --color-background-panel: #000000; --app-color-background-s= urface: #000000; --app-color-background-surface-under: #000000; --app-color= -border: #ffffff26; --app-color-border-application-menu-separator: #ffffff2= 6; --app-color-border-focus: #3a83f7; --app-color-border-heavy: #ffffff33; = --app-color-border-light: #ffffff0d; --color-border-mode-toggle-selected: t= ransparent; --app-color-decoration-added: #40c977; --app-color-decoration-d= eleted: #fa423e; --app-color-editor-added: rgba(64, 201, 119, 0.23); --app-= color-editor-deleted: rgba(250, 66, 62, 0.23); --app-color-icon-accent: #2c= 67c5; --app-color-icon-primary: #ededed; --app-color-icon-secondary: #cdcdc= d; --app-color-icon-tertiary: #afafaf; --app-color-simple-scrim: #00000080;= --app-color-text-accent: #2c67c5; --app-color-text-on-accent: rgb(0, 0, 0)= ; --app-color-text-button-primary: #0d0d0d; --app-color-text-button-seconda= ry: #ededed; --app-color-text-button-tertiary: #afafaf; --app-color-foregro= und-application-menu: #ededed; --app-color-text-foreground: #ededed; --app-= color-text-foreground-secondary: #cdcdcd; --app-color-text-foreground-terti= ary: #afafaf; --color-text-mode-toggle-inactive: #cdcdcd; --shadow-mode-tog= gle-selected: none; --content-chromatic-channels: clamp(0, l + clamp(-0.015= , -0.01965095 + clamp(0, (l - 0.16375795) / 0.82731095, 1) * 0.01425532, 0.= 015), 1) calc(a * 1.01187943) calc(b * 1.01187943); --content-neutral-chann= els: clamp(0, l + clamp(-0.015, -0.01965095 + clamp(0, (l - 0.16375795) / 0= .82731095, 1) * 0.01425532, 0.015), 1) calc(a * 1.01187943 + (-0.00000000 += clamp(0, (l - 0.16375795) / 0.82731095, 1) * 0.00000000) * min(1, 0.01 / m= ax(hypot((-0.00000000 + clamp(0, (l - 0.16375795) / 0.82731095, 1) * 0.0000= 0000), (-0.00000000 + clamp(0, (l - 0.16375795) / 0.82731095, 1) * 0.000000= 00)), 0.00000001))) calc(b * 1.01187943 + (-0.00000000 + clamp(0, (l - 0.16= 375795) / 0.82731095, 1) * 0.00000000) * min(1, 0.01 / max(hypot((-0.000000= 00 + clamp(0, (l - 0.16375795) / 0.82731095, 1) * 0.00000000), (-0.00000000= + clamp(0, (l - 0.16375795) / 0.82731095, 1) * 0.00000000)), 0.00000001)))= ; --color-chart-sequential-1: var(--blue-800); --color-chart-sequential-2: = var(--blue-600); --color-chart-sequential-3: var(--blue-400); --color-chart= -sequential-4: var(--blue-200); --app-color-text-secondary: #cdcdcd; --app-= color-text-primary-solid: #0d0d0d; --app-color-background-card: #212121; --= app-color-ads-background-secondary: #303030; --app-color-ads-background-sec= ondary-press: rgb(255 255 255 / 5%); --app-color-ads-border-medium: rgb(255= 255 255 / 15%); --app-color-ads-text-primary: #ffffff; --color-border-butt= on-outline: rgb(255 255 255 / 15%); --color-background-button-outline-hover= : #2f2f2f; --color-text-button-outline: #ffffff; --color-text-mode-toggle-p= rimary: #ffffff; --color-text-mode-toggle-accent: #63a8f8; --color-text-com= poser-reference: #63a8f8; --color-text-composer-file-reference: color-mix(i= n srgb, var(--color-text-info) 75%, var(--color-text) 25%); --color-image-g= eneration-accent: #3a83f7; --color-image-generation-text: var(--color-text-= accent); --color-image-generation-foreground: var(--app-color-text-on-accen= t); } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-715c2fea-a030-49a4-9150-6012b3fe15ef@mhtml.blink @charset "utf-8"; @layer theme { :root:where(.chatgpt-theme[data-theme=3D"light"]), .chatgpt-theme :where(= [data-theme=3D"light"]) { --color-background-composer-primary: #000000; --c= olor-text-composer-primary: #ffffff; --color-background-user-message: rgb(2= 33 233 233 / 50%); --color-text-user-message: #0d0d0d; --color-background-t= ext-selection: #539af859; --color-background-attribution-highlight: #fcefbe= ; --codex-base-accent: #3a83f7; --codex-base-contrast: 45; --codex-base-ink= : #0d0d0d; --codex-base-surface: #fcfcfc; --app-color-accent-blue: #3a83f7;= --app-color-accent-purple: #924ff7; --app-color-background-accent: #e8f3fe= ; --app-color-background-accent-active: #e8f3fe; --app-color-background-acc= ent-hover: #e8f3fe; --app-color-background-application-menu: #ffffff; --app= -color-background-button-primary: #0d0d0d; --app-color-background-button-pr= imary-active: #000000e5; --app-color-background-button-primary-hover: #0000= 00cc; --app-color-background-button-primary-inactive: #0d0d0d; --app-color-= background-button-secondary: #f3f3f3; --app-color-background-button-seconda= ry-active: #0000001a; --app-color-background-button-secondary-hover: #00000= 00d; --app-color-background-button-secondary-inactive: transparent; --app-c= olor-background-button-tertiary: transparent; --app-color-background-button= -tertiary-active: #0000001a; --app-color-background-button-tertiary-hover: = #0000000d; --color-background-callout-surface: #f3f3f3; --app-color-backgro= und-control: #ffffff; --color-background-control-opaque: #ffffff; --color-b= ackground-composer-action-bar: rgb(0 0 0 / 3%); --app-color-background-edit= or-opaque: #f9f9f9; --app-color-background-elevated-primary: #ffffff; --app= -color-background-elevated-primary-opaque: #ffffff; --app-color-background-= elevated-secondary: #f3f3f3; --app-color-background-elevated-secondary-opaq= ue: #f3f3f3; --color-background-mode-toggle-track: rgb(13 13 13 / 3%); --co= lor-background-mode-toggle-selected: #ffffff; --color-background-panel: #fc= fcfc; --app-color-background-surface: #fcfcfc; --app-color-background-surfa= ce-under: #fcfcfc; --app-color-border: #0000001a; --app-color-border-applic= ation-menu-separator: #0000001a; --app-color-border-focus: #3a83f7; --app-c= olor-border-heavy: #00000026; --app-color-border-light: #0000000d; --color-= border-mode-toggle-selected: #0000001a; --app-color-decoration-added: #00a2= 40; --app-color-decoration-deleted: #ba2623; --app-color-editor-added: rgba= (0, 162, 64, 0.15); --app-color-editor-deleted: rgba(186, 38, 35, 0.15); --= app-color-icon-accent: #2c67c5; --app-color-icon-primary: #0d0d0d; --app-co= lor-icon-secondary: #5d5d5d; --app-color-icon-tertiary: #8f8f8f; --app-colo= r-simple-scrim: #00000080; --app-color-text-accent: #2c67c5; --app-color-te= xt-on-accent: rgb(0, 0, 0); --app-color-text-button-primary: #ffffff; --app= -color-text-button-secondary: #0d0d0d; --app-color-text-button-tertiary: #8= f8f8f; --app-color-foreground-application-menu: #0d0d0d; --app-color-text-f= oreground: #0d0d0d; --app-color-text-foreground-secondary: #5d5d5d; --app-c= olor-text-foreground-tertiary: #8f8f8f; --color-text-mode-toggle-inactive: = #5d5d5d; --shadow-mode-toggle-selected: 0 1px 6px 0 rgb(0 0 0 / 5%); --cont= ent-chromatic-channels: clamp(0, l + clamp(-0.015, 0.00251018 + clamp(0, (l= - 0.97015077) / -0.81108437, 1) * -0.00251018, 0.015), 1) calc(a * 1.00209= 181) calc(b * 1.00209181); --content-neutral-channels: clamp(0, l + clamp(-= 0.015, 0.00251018 + clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.002510= 18, 0.015), 1) calc(a * 1.00209181 + (0.00000000 + clamp(0, (l - 0.97015077= ) / -0.81108437, 1) * -0.00000000) * min(1, 0.01 / max(hypot((0.00000000 + = clamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00000000), (0.00000000 + c= lamp(0, (l - 0.97015077) / -0.81108437, 1) * -0.00000000)), 0.00000001))) c= alc(b * 1.00209181 + (0.00000000 + clamp(0, (l - 0.97015077) / -0.81108437,= 1) * -0.00000000) * min(1, 0.01 / max(hypot((0.00000000 + clamp(0, (l - 0.= 97015077) / -0.81108437, 1) * -0.00000000), (0.00000000 + clamp(0, (l - 0.9= 7015077) / -0.81108437, 1) * -0.00000000)), 0.00000001))); --color-chart-se= quential-1: var(--blue-75); --color-chart-sequential-2: var(--blue-200); --= color-chart-sequential-3: var(--blue-400); --color-chart-sequential-4: var(= --blue-600); --app-color-text-secondary: #5d5d5d; --app-color-text-primary-= solid: #ffffff; --app-color-background-card: #ffffff; --app-color-ads-backg= round-secondary: #e8e8e8; --app-color-ads-background-secondary-press: rgb(0= 0 0 / 5%); --app-color-ads-border-medium: rgb(0 0 0 / 15%); --app-color-ad= s-text-primary: #0d0d0d; --color-border-button-outline: rgb(0 0 0 / 15%); -= -color-background-button-outline-hover: #f9f9f9; --color-text-button-outlin= e: #0d0d0d; --color-text-mode-toggle-primary: #0d0d0d; --color-text-mode-to= ggle-accent: #3a83f7; --color-text-composer-reference: #3a83f7; --color-tex= t-composer-file-reference: color-mix(in srgb, var(--color-text-info) 80%, v= ar(--color-text) 20%); --color-image-generation-accent: #3a83f7; --color-im= age-generation-text: var(--color-text-accent); --color-image-generation-for= eground: var(--app-color-text-on-accent); } :root:where(.chatgpt-theme[data-theme=3D"dark"]), .chatgpt-theme :where([= data-theme=3D"dark"]) { --color-background-composer-primary: #ffffff; --col= or-text-composer-primary: #000000; --color-background-user-message: rgb(50 = 50 50 / 85%); --color-text-user-message: #ffffff; --color-background-text-s= election: #63a8f866; --color-background-attribution-highlight: #734615; --c= odex-base-accent: #3a83f7; --codex-base-contrast: 60; --codex-base-ink: #ed= eded; --codex-base-surface: #000000; --app-color-accent-blue: #3a83f7; --ap= p-color-accent-purple: #ad7bf9; --app-color-background-accent: #133463; --a= pp-color-background-accent-active: #133463; --app-color-background-accent-h= over: #133463; --app-color-background-application-menu: #1b1b1b; --app-colo= r-background-button-primary: #ededed; --app-color-background-button-primary= -active: #ffffffe5; --app-color-background-button-primary-hover: #ffffffcc;= --app-color-background-button-primary-inactive: #ededed; --app-color-backg= round-button-secondary: #303030; --app-color-background-button-secondary-ac= tive: #ffffff0d; --app-color-background-button-secondary-hover: #ffffff1a; = --app-color-background-button-secondary-inactive: transparent; --app-color-= background-button-tertiary: transparent; --app-color-background-button-tert= iary-active: #ffffff0d; --app-color-background-button-tertiary-hover: #ffff= ff1a; --color-background-callout-surface: #414141; --app-color-background-c= ontrol: #303030; --color-background-control-opaque: #303030; --color-backgr= ound-composer-action-bar: rgb(255 255 255 / 8%); --app-color-background-edi= tor-opaque: #212121; --app-color-background-elevated-primary: #1b1b1b; --ap= p-color-background-elevated-primary-opaque: #1b1b1b; --app-color-background= -elevated-secondary: #303030; --app-color-background-elevated-secondary-opa= que: #303030; --color-background-mode-toggle-track: #131313; --color-backgr= ound-mode-toggle-selected: #1b1b1b; --color-background-panel: #000000; --ap= p-color-background-surface: #000000; --app-color-background-surface-under: = #000000; --app-color-border: #ffffff26; --app-color-border-application-menu= -separator: #ffffff26; --app-color-border-focus: #3a83f7; --app-color-borde= r-heavy: #ffffff33; --app-color-border-light: #ffffff0d; --color-border-mod= e-toggle-selected: transparent; --app-color-decoration-added: #40c977; --ap= p-color-decoration-deleted: #fa423e; --app-color-editor-added: rgba(64, 201= , 119, 0.23); --app-color-editor-deleted: rgba(250, 66, 62, 0.23); --app-co= lor-icon-accent: #2c67c5; --app-color-icon-primary: #ededed; --app-color-ic= on-secondary: #cdcdcd; --app-color-icon-tertiary: #afafaf; --app-color-simp= le-scrim: #00000080; --app-color-text-accent: #2c67c5; --app-color-text-on-= accent: rgb(0, 0, 0); --app-color-text-button-primary: #0d0d0d; --app-color= -text-button-secondary: #ededed; --app-color-text-button-tertiary: #afafaf;= --app-color-foreground-application-menu: #ededed; --app-color-text-foregro= und: #ededed; --app-color-text-foreground-secondary: #cdcdcd; --app-color-t= ext-foreground-tertiary: #afafaf; --color-text-mode-toggle-inactive: #cdcdc= d; --shadow-mode-toggle-selected: none; --content-chromatic-channels: clamp= (0, l + clamp(-0.015, -0.01965095 + clamp(0, (l - 0.16375795) / 0.82731095,= 1) * 0.01425532, 0.015), 1) calc(a * 1.01187943) calc(b * 1.01187943); --c= ontent-neutral-channels: clamp(0, l + clamp(-0.015, -0.01965095 + clamp(0, = (l - 0.16375795) / 0.82731095, 1) * 0.01425532, 0.015), 1) calc(a * 1.01187= 943 + (-0.00000000 + clamp(0, (l - 0.16375795) / 0.82731095, 1) * 0.0000000= 0) * min(1, 0.01 / max(hypot((-0.00000000 + clamp(0, (l - 0.16375795) / 0.8= 2731095, 1) * 0.00000000), (-0.00000000 + clamp(0, (l - 0.16375795) / 0.827= 31095, 1) * 0.00000000)), 0.00000001))) calc(b * 1.01187943 + (-0.00000000 = + clamp(0, (l - 0.16375795) / 0.82731095, 1) * 0.00000000) * min(1, 0.01 / = max(hypot((-0.00000000 + clamp(0, (l - 0.16375795) / 0.82731095, 1) * 0.000= 00000), (-0.00000000 + clamp(0, (l - 0.16375795) / 0.82731095, 1) * 0.00000= 000)), 0.00000001))); --color-chart-sequential-1: var(--blue-800); --color-= chart-sequential-2: var(--blue-600); --color-chart-sequential-3: var(--blue= -400); --color-chart-sequential-4: var(--blue-200); --app-color-text-second= ary: #cdcdcd; --app-color-text-primary-solid: #0d0d0d; --app-color-backgrou= nd-card: #212121; --app-color-ads-background-secondary: #303030; --app-colo= r-ads-background-secondary-press: rgb(255 255 255 / 5%); --app-color-ads-bo= rder-medium: rgb(255 255 255 / 15%); --app-color-ads-text-primary: #ffffff;= --color-border-button-outline: rgb(255 255 255 / 15%); --color-background-= button-outline-hover: #2f2f2f; --color-text-button-outline: #ffffff; --colo= r-text-mode-toggle-primary: #ffffff; --color-text-mode-toggle-accent: #63a8= f8; --color-text-composer-reference: #63a8f8; --color-text-composer-file-re= ference: color-mix(in srgb, var(--color-text-info) 75%, var(--color-text) 2= 5%); --color-image-generation-accent: #3a83f7; --color-image-generation-tex= t: var(--color-text-accent); --color-image-generation-foreground: var(--app= -color-text-on-accent); } } ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-56640887-ac05-4cee-880a-9fa4dc895c84@mhtml.blink @charset "utf-8"; @layer theme, base, components, utilities; ------MultipartBoundary--XHDoNGcb3G31E95d3yXww9s9GabJPmH8XeAnRMD6cZ------