Skip to content

Instantly share code, notes, and snippets.

@c6p

c6p/hello-world template - npx devvit playtest --verbose

Last active September 17, 2025 14:42
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save c6p/737465888cb81873e56ee1a8321d2ae6 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save c6p/737465888cb81873e56ee1a8321d2ae6 to your computer and use it in GitHub Desktop.
Download ZIP
devvit errors
Raw
hello-world template - npx devvit playtest --verbose
We'll create a default playtest subreddit for your app!
node.exe : Checking for new WebView assets to upload...
At C:\Users\can.altiparmak\AppData\Local\fnm_multishells\27412_1758113113713\npx.ps1:29 char
:3
+ & $NODE_EXE $NPX_CLI_JS $args
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : NotSpecified: (Checking for ne...ts to upload...:String) [],
RemoteException
+ FullyQualifiedErrorId : NativeCommandError
Checking for new WebView assets to upload... -
Checking for new WebView assets...
Found 4 WebView assets (0 unique new assets)
New assets:
Duplicates of another asset already listed as new:
Existing assets:
┬À index.css (id: b6fd5fdf-8b7c-4a9f-9ded-29b6fd1dfcb0)
┬À index.html (id: ff372643-f30d-4c3d-8a07-a796e382f367)
┬À index.js (id: c71d62df-0dd4-4c89-a660-236375fbcbd4)
┬À snoo.png (id: b25c391c-5f2d-4bed-895c-7c36a94669e7)
Checking for new WebView assets... None found!
Uploading new version "0.0.1" to Reddit...
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... |
Uploading new version "0.0.1" to Reddit... /
Uploading new version "0.0.1" to Reddit... -
Uploading new version "0.0.1" to Reddit... \
Uploading new version "0.0.1" to Reddit... Error
Error: "Create" failed after 3 attempts.
First error: 404 Not Found:
<!DOCTYPE html>
<html lang="en-US">
<head>
<!-- HTML Meta Tags -->
<meta
name="description"
content="Build powerful apps and immersive experiences to enhance
the communities you love."
/>
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://developers.reddit.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Reddit for Developers" />
<meta
property="og:description"
content="Build powerful apps and immersive experiences to enhance
the communities you love."
/>
<meta
property="og:image"
content="https://www.redditstatic.com/devvit-dev-portal/assets/flyin
gSnooSocial.png"
/>
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="developers.reddit.com" />
<meta property="twitter:url" content="https://developers.reddit.com"
/>
<meta name="twitter:title" content="Reddit for Developers" />
<meta
name="twitter:description"
content="Build powerful apps and immersive experiences to enhance
the communities you love."
/>
<meta
name="twitter:image"
content="https://www.redditstatic.com/devvit-dev-portal/assets/flyin
gSnooSocial.png"
/>
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-GWE79J8M6R"
></script>
<script nonce="">
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-GWE79J8M6R', {
user_id: '',
});
</script>
<title>Reddit for Developers</title>
<meta name="viewport" content="width=device-width,
initial-scale=1, viewport-fit=cover">
<link rel="preconnect" href="https://www.redditstatic.com/"
crossorigin="anonymous" />
<link rel="dns-prefetch" href="https://www.redditstatic.com/" />
<style>
/* src/styles.less */
:root,
.theme-light {
--rem360: 22.5rem;
--rem320: 20rem;
--rem192: 12rem;
--rem144: 9rem;
--rem128: 8rem;
--rem96: 6rem;
--rem90: 5.625rem;
--rem88: 5.5rem;
--rem64: 4rem;
--rem56: 3.5rem;
--rem48: 3rem;
--rem40: 2.5rem;
--rem36: 2.25rem;
--rem32: 2rem;
--rem28: 1.75rem;
--rem26: 1.625rem;
--rem24: 1.5rem;
--rem22: 1.375rem;
--rem20: 1.25rem;
--rem18: 1.125rem;
--rem16: 1rem;
--rem15: 0.9375rem;
--rem14: 0.875rem;
--rem12: 0.75rem;
--rem10: 0.625rem;
--rem8: 0.5rem;
--rem6: 0.375rem;
--rem4: 0.25rem;
--rem2: 0.125rem;
--rem1: 0.0625rem;
--spacer-4xs: 0.125rem;
--spacer-2xs: 0.25rem;
--spacer-xs: 0.5rem;
--spacer-sm: 0.75rem;
--spacer-md: 1rem;
--spacer-lg: 1.5rem;
--spacer-xl: 2rem;
--spacer-2xl: 3rem;
--spacer-a-px: 0px;
--spacer-button-lg-px: var(--spacer-lg);
--spacer-button-md-px: var(--spacer-lg);
--spacer-button-sm-px: var(--spacer-md);
--spacer-input-padding-left: 0px;
--spacer-input-padding-top: 0px;
--spacer-label-default: 0px;
--spacer-switch-input-active-pl: 0px;
--size-2xs: 0.25rem;
--size-xs: 0.5rem;
--size-sm: 0.75rem;
--size-md: 1rem;
--size-lg: 1.5rem;
--size-xl: 2rem;
--size-2xl: 3rem;
--size-3xl: 4rem;
--size-4xl: 6rem;
--size-5xl: 8rem;
--size-button-lg-h: 3.375rem;
--size-button-md-h: 2.75rem;
--size-button-sm-h: 2.125rem;
--size-button-xs-h: 1.375rem;
--size-switch-input-h: 1.25rem;
--size-switch-input-w: 2rem;
--line-sm: 0.0625rem;
--line-md: 0.125rem;
--line-lg: 0.25rem;
--line-a-focus: 0px;
--line-a-outline-moz: 0.0625rem;
--line-a-outline-wb: 0.3125rem;
--line-button-lg-border: 0.0625rem;
--line-button-md-border: 0.0625rem;
--line-button-sm-border: 0.0625rem;
--line-button-xs-border: 0.0625rem;
--line-button-border-activated: 0.0625rem;
--line-input-border: var(--line-sm);
--radius-sm: 0.25rem;
--radius-lg: 2rem;
--radius-full: 624.9375rem;
--radius-accordion-size: var(--radius-sm);
--font-10-15-bold: normal 700 0.625rem / 0.9375rem var(--font-sans);
--font-button-lg: normal 700 1.125rem / 1.375rem var(--font-sans);
--font-button-md: normal 700 1rem / 1.25rem var(--font-sans);
--font-button-sm: normal 700 0.875rem / 1.125rem var(--font-sans);
--font-button-xs: normal 700 0.75rem / 0.875rem var(--font-sans);
--font-label-default: var(--font-10-15-bold);
--misc-accordion-border: 1px solid var(--color-tone-5);
--misc-accordion-open-list-style-type: disclosure-open;
--misc-accordion-closed-list-style-type: disclosure-closed;
--misc-divider-margin: 0.5rem auto;
--misc-label-text-transform: uppercase;
--misc-label-letter-spacing: 0.5px;
--color-primary-visited: #660099;
--color-primary-background: #24a0ed;
--color-primary-background-hover: #006cbf;
--color-danger-content: #ea0027;
--color-success-content: #46d160;
--color-global-black: #000000;
--color-global-white: #ffffff;
--color-global-orangered: #D93900;
--color-global-alienblue: #0079d3;
--color-global-darkblue: #1d2535;
--color-tone-1: #1a1a1b;
--color-tone-2: #6a6d6f;
--color-tone-3: #878a8c;
--color-tone-4: #d3d6da;
--color-tone-5: #edeff1;
--color-tone-6: #f6f7f8;
--color-tone-7: #ffffff;
--color-action-primary: var(--color-primary-background);
--color-action-secondary: var(--color-primary-background-hover);
--color-action-upvote: var(--color-global-orangered);
--color-action-downvote: #7193ff;
--color-alert-positive: var(--color-success-content);
--color-alert-negative: var(--color-danger-content);
--color-alert-caution: #ffb000;
--color-identity-admin: var(--color-global-orangered);
--color-identity-moderator: #46d160;
--color-identity-self: #0dd3bb;
--color-identity-coins: #ddbd37;
--color-category-live: var(--color-global-orangered);
--color-category-nsfw: #ff3881;
--color-category-spoiler: var(--color-tone-1);
--color-ui-canvas: var(--color-tone-5);
--color-ui-modalbackground: var(--color-tone-7);
--color-opacity-highlight: linear-gradient(#006cbf1a,
var(--color-tone-6));
--color-opacity-08: #1a1a1b14;
--color-opacity-50: #00000080;
--color-scrim: #1a1a1b4d;
--color-a-default: var(--color-primary-background-hover);
--color-a-hover: var(--color-primary-background-hover);
--color-a-visited: var(--color-primary-background-hover);
--color-button-overlay-focus: #ffffff1a;
--color-button-overlay-active: #00000014;
--color-button-primary-background-hover:
var(--color-primary-background);
--color-button-primary-background-disabled: var(--color-tone-6);
--color-button-primary-border-hover: transparent;
--color-button-primary-border-active: transparent;
--color-button-primary-border-activated: transparent;
--color-button-primary-border-disabled: transparent;
--color-button-primary-text-disabled: var(--color-tone-2);
--color-button-secondary-background: transparent;
--color-button-secondary-background-focus: transparent;
--color-button-secondary-background-hover: transparent;
--color-button-secondary-background-disabled: var(--color-tone-6);
--color-button-secondary-background-activated: transparent;
--color-button-secondary-border: var(--color-primary-background-hover);
--color-button-secondary-border-hover:
var(--color-primary-background-hover);
--color-button-secondary-border-active:
var(--color-primary-background-hover);
--color-button-secondary-border-activated:
var(--color-primary-background-hover);
--color-button-secondary-border-disabled: var(--color-tone-2);
--color-button-secondary-text: var(--color-primary-background-hover);
--color-button-secondary-text-disabled: var(--color-tone-2);
--color-button-secondary-text-activated:
var(--color-button-secondary-text);
--color-button-tertiary-background: var(--color-tone-6);
--color-button-tertiary-background-focus: var(--color-tone-6);
--color-button-tertiary-background-hover: var(--color-tone-6);
--color-button-tertiary-background-disabled: var(--color-tone-6);
--color-button-tertiary-background-activated: var(--color-tone-6);
--color-button-tertiary-border-hover: transparent;
--color-button-tertiary-border-active: transparent;
--color-button-tertiary-text: var(--color-primary-background-hover);
--color-button-tertiary-text-disabled: var(--color-tone-2);
--color-button-tertiary-text-activated:
var(--color-primary-background-hover);
--color-button-plain-background-hover: transparent;
--color-button-plain-background-disabled: var(--color-tone-7);
--color-button-plain-background-activated: transparent;
--color-button-plain-border-hover: transparent;
--color-button-plain-border-active: transparent;
--color-button-plain-text: var(--color-primary-background-hover);
--color-button-plain-text-disabled: var(--color-tone-2);
--color-button-plain-text-activated:
var(--color-primary-background-hover);
--color-divider-default: var(--color-tone-5);
--color-input-default: var(--color-tone-6);
--color-input-hover: var(--color-primary-background-hover);
--color-input-border: var(--color-tone-5);
--color-input-text: var(--color-tone-1);
--color-input-helper-text: var(--color-tone-1);
--color-label-default: var(--color-tone-1);
--color-switch-input-background-default: var(--color-tone-3);
--color-switch-input-background-checked: var(--color-global-alienblue);
--color-switch-input-background-disabled: var(--color-tone-6);
--color-switch-input-background-checked-disabled: var(--color-tone-5);
--color-switch-input-background-hover: var(--color-tone-3);
--color-switch-input-background-checked-hover:
var(--color-global-alienblue);
--elevation-xs: 0 0.0625rem 0.125rem 0 #00000040;
--elevation-sm: 0 0.0625rem 0.25rem 0 #00000026, 0 0.25rem 0.25rem 0
#00000026;
--elevation-md: 0 0.25rem 0.5rem 0 #0000001a, 0 0.375rem 0.75rem 0
#00000040;
--elevation-lg: 0 0.75rem 0.75rem 0 #00000026, 0 1rem 2rem 0 #00000040;
--elevation-focus-ring: 0 0 0 0.25rem var(--color-global-alienblue);
--font-sans:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
sans-serif;
--font-mono:
Noto Mono,
Menlo,
Monaco,
Consolas,
monospace;
--font-title-h0: normal 500 1.625rem / 2rem var(--font-sans);
--font-title-h1: normal 500 1.375rem / 1.625rem var(--font-sans);
--font-title-h2: normal 500 1.25rem / 1.5rem var(--font-sans);
--font-title-h3: normal 500 1.125rem / 1.375rem var(--font-sans);
--font-title-h4: normal 500 1rem / 1.25rem var(--font-sans);
--font-title-h5: normal 500 0.875rem / 1.125rem var(--font-sans);
--font-title-h6: normal 500 0.75rem / 1rem var(--font-sans);
--font-body: 0.875rem;
--font-small: 0.75rem;
--font-code: 0.875rem;
--font-subheading: 0.75rem;
--font-label: 0.625rem;
--font-button-b1: normal bold 1.125rem / 1.375rem var(--font-sans);
--font-button-b2: normal bold 1rem / 1.25rem var(--font-sans);
--font-button-b3: normal bold 0.875rem / 1.125rem var(--font-sans);
--font-button-b4: normal bold 0.75rem / 0.875rem var(--font-sans);
--color-gradient-orangeyellow:
linear-gradient(
89.94deg,
#ec0623 0%,
#ff8717 100%);
--color-gradient-bluepink:
linear-gradient(
89.94deg,
#51b9ff 0%,
#7785ff 52.6%,
#b279ff 73.96%,
#ff81ed 100%);
--boxshadow-modal: 0px 2px 15px rgba(26, 26, 27, 0.3);
--boxshadow-navigation: 0px 4px 14px rgba(0, 0, 0, 0.1);
--boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0,
0, 0.15);
color-scheme: light;
}
:root dialog::backdrop,
.theme-light dialog::backdrop {
--color-dialog-background: #00000080;
}
@media (prefers-color-scheme: dark) {
:root:not(.theme-light) {
--color-primary-visited: #c58af9;
--color-primary-background: #006cbf;
--color-primary-background-hover: #24a0ed;
--color-tone-1: #d7dadc;
--color-tone-2: #818384;
--color-tone-3: #565758;
--color-tone-4: #3a3a3c;
--color-tone-5: #272729;
--color-tone-6: #1a1a1b;
--color-tone-7: #121213;
--color-identity-coins: #ffe600;
--color-ui-canvas: #050505;
--color-ui-modalbackground: var(--color-tone-6);
--color-opacity-50: #d7dadc80;
--color-scrim: #0000004d;
--elevation-xs: 0 0.0625rem 0.125rem 0 #000000ab;
--elevation-sm: 0 0.0625rem 0.25rem 0 #00000054, 0 0.25rem 0.25rem 0
#00000054;
--elevation-md: 0 0.25rem 0.5rem 0 #00000033, 0 0.375rem 0.75rem 0
#00000080;
--elevation-lg: 0 0.75rem 0.75rem 0 #00000033, 0 1rem 2rem 0
#00000080;
--boxshadow-modal: 0px 2px 15px rgba(0, 0, 0, 0.3);
--boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.33), 0 4px 4px rgba(0,
0, 0, 0.33);
color-scheme: dark;
}
:root:not(.theme-light) dialog::backdrop {
--color-dialog-background: #d7dadc80;
}
}
.theme-dark {
--color-primary-visited: #c58af9;
--color-primary-background: #006cbf;
--color-primary-background-hover: #24a0ed;
--color-tone-1: #d7dadc;
--color-tone-2: #818384;
--color-tone-3: #565758;
--color-tone-4: #3a3a3c;
--color-tone-5: #272729;
--color-tone-6: #1a1a1b;
--color-tone-7: #121213;
--color-identity-coins: #ffe600;
--color-ui-canvas: #050505;
--color-ui-modalbackground: var(--color-tone-6);
--color-opacity-50: #d7dadc80;
--color-scrim: #0000004d;
--elevation-xs: 0 0.0625rem 0.125rem 0 #000000ab;
--elevation-sm: 0 0.0625rem 0.25rem 0 #00000054, 0 0.25rem 0.25rem 0
#00000054;
--elevation-md: 0 0.25rem 0.5rem 0 #00000033, 0 0.375rem 0.75rem 0
#00000080;
--elevation-lg: 0 0.75rem 0.75rem 0 #00000033, 0 1rem 2rem 0 #00000080;
--boxshadow-modal: 0px 2px 15px rgba(0, 0, 0, 0.3);
--boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.33), 0 4px 4px rgba(0, 0,
0, 0.33);
color-scheme: dark;
}
.theme-dark dialog::backdrop {
--color-dialog-background: #d7dadc80;
}
.theme-beta,
.theme-light.theme-beta {
--spacer-a-px: 0.125rem;
--spacer-button-lg-px: var(--spacer-md);
--spacer-button-md-px: var(--spacer-md);
--spacer-button-sm-px: var(--spacer-sm);
--spacer-input-padding-left: var(--spacer-md);
--spacer-input-padding-top: var(--spacer-2xs);
--spacer-label-default: var(--spacer-md);
--spacer-switch-input-active-pl: var(--spacer-xs);
--size-banner-height: var(--size-rem40);
--size-button-lg-h: var(--size-2xl);
--size-button-md-h: 2.5rem;
--size-button-sm-h: var(--size-xl);
--size-button-xs-h: var(--size-lg);
--size-switch-input-h: var(--size-xl);
--size-switch-input-w: var(--size-2xl);
--line-a-focus: var(--line-md);
--line-a-outline-moz: 0px;
--line-a-outline-wb: 0px;
--line-button-lg-border: var(--line-sm);
--line-button-md-border: var(--line-sm);
--line-button-sm-border: var(--line-sm);
--line-button-xs-border: var(--line-sm);
--line-button-border-activated: var(--line-lg);
--line-input-border: var(--line-lg);
--radius-md: 1.25rem;
--radius-accordion-size: 0px;
--font-10: normal undefined null / null var(--font-sans);
--font-12: normal undefined null / null var(--font-sans);
--font-14: normal undefined null / null var(--font-sans);
--font-16: normal undefined null / null var(--font-sans);
--font-18: normal undefined null / null var(--font-sans);
--font-20: normal undefined null / null var(--font-sans);
--font-24: normal undefined null / null var(--font-sans);
--font-32: normal undefined null / null var(--font-sans);
--font-48: normal undefined null / null var(--font-sans);
--font-64: normal undefined null / null var(--font-sans);
--font-title-h0: var(--font-64);
--font-title-h1: var(--font-32);
--font-title-h2: var(--font-24);
--font-title-h3: var(--font-18);
--font-title-h4: var(--font-16);
--font-title-h5: var(--font-14);
--font-title-h6: var(--font-12);
--font-14-20-regular: normal 400 0.875rem / 1.25rem var(--font-sans);
--font-14-20-semibold: normal 600 0.875rem / 1.25rem var(--font-sans);
--font-16-20-regular: normal 400 1rem / 1.25rem var(--font-sans);
--font-12-16-regular: normal 400 0.75rem / 1rem var(--font-sans);
--font-12-16-semibold: normal 600 0.75rem / 1rem var(--font-sans);
--font-button-lg: var(--font-14-20-semibold);
--font-button-md: var(--font-14-20-semibold);
--font-button-sm: var(--font-12-16-semibold);
--font-label-default: var(--font-12-16-regular);
--misc-accordion-border: 0;
--misc-accordion-open-list-style-type: none;
--misc-accordion-closed-list-style-type: none;
--misc-divider-margin: 0;
--misc-label-text-transform: capitalize;
--misc-label-letter-spacing: initial;
--blur-sm: 0.25rem;
--blur-normal: 0.5rem;
--blur-md: 0.75rem;
--blur-lg: 1rem;
--blur-xl: 1.5rem;
--blur-2xl: 2.5rem;
--blur-3xl: 4rem;
--color-action-downvote: #6A5CFF;
--color-action-upvote: #D93900;
--color-ai-background-weaker: #E7FDF5;
--color-ai-plain: #006C56;
--color-ai-plain-hover: #015140;
--color-alert-caution: #977000;
--color-avatar-gradient:
linear-gradient(
0deg,
#97AFBCff,
#ffffffff 75%);
--color-avatar-media-gradient:
linear-gradient(
0deg,
#00000099,
#181C1Fff 75%);
--color-brand-background: #D93900;
--color-brand-background-hover: #AE2C00;
--color-brand-gradient-active:
linear-gradient(
180deg,
#cd3700ff,
#db3b00ff 68%,
#D93900ff 100%);
--color-brand-gradient-active-highlight:
linear-gradient(
83deg,
#db3f0000 80%,
#D93900ff 100%);
--color-brand-gradient-default:
linear-gradient(
180deg,
#D93900ff,
#db3b00ff 30%,
#AE2C00ff 100%);
--color-brand-gradient-default-highlight:
linear-gradient(
258deg,
#db3f0000 80%,
#D93900ff 100%);
--color-brand-gradient-hover:
linear-gradient(
180deg,
#e23d00ff 15%,
#cb3600ff 49%,
#b43000ff 100%);
--color-brand-gradient-hover-highlight:
linear-gradient(
323deg,
#cb360000 65%,
#cb3600ff 100%);
--color-brand-onBackground: #FFFFFF;
--color-category-live: #D93900;
--color-category-nsfw: #DE019F;
--color-category-spoiler: var(--color-tone-1);
--color-caution-background: #FFBF0B;
--color-caution-background-hover: #D8A100;
--color-caution-onBackground: #000000;
--color-caution-plain: #785800;
--color-caution-plain-hover: #5B4200;
--color-danger-background: #EB001F;
--color-danger-background-disabled: #FDB3A4;
--color-danger-background-hover: #BC0117;
--color-danger-background-weaker: #FBDBD4;
--color-danger-content: #BC0117;
--color-danger-content-default: #ffffff;
--color-danger-content-hover: #90000F;
--color-danger-onBackground: #FFFFFF;
--color-danger-plain: #BC0117;
--color-danger-plain-hover: #90000F;
--color-downvote-background: #6A5CFF;
--color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
--color-downvote-background-hover: #523DFF;
--color-downvote-content: #523DFF;
--color-downvote-content-weak: #6A5CFF;
--color-downvote-disabled: #523DFF4d;
--color-downvote-onBackground: #FFFFFF;
--color-downvote-onStrongScrim: #B29FFF;
--color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
--color-downvote-onStrongScrim-weaker: #9580FF;
--color-downvote-plain: #523DFF;
--color-downvote-plain-disabled: rgba(82, 61, 255, 0.3);
--color-downvote-plain-weaker: #6A5CFF;
--color-elevation-large1: #0000003F;
--color-elevation-large2: #00000026;
--color-elevation-medium1: #0000003F;
--color-elevation-medium2: #00000019;
--color-elevation-small: #00000026;
--color-elevation-xsmall: #0000003F;
--color-favorite: #977000;
--color-global-admin: #D93900;
--color-global-alienblue: #1870F4;
--color-global-black: #000000;
--color-global-brand-orangered: #FF4500;
--color-global-darkblue: #2A3236;
--color-global-focus: #029DD5;
--color-global-gold: #B78800;
--color-global-moderator: #008A10;
--color-global-nsfw: #DE019F;
--color-global-offline: #667780;
--color-global-online: #00C61C;
--color-global-orangered: #FF4500;
--color-global-stars: #977000;
--color-global-white: #FFFFFF;
--color-gradient-media:
linear-gradient(
180deg,
#00000000,
#0000008a 60%,
#00000099 100%);
--color-gradient-media-strong:
linear-gradient(
180deg,
#00000000,
#000000cc 60%,
#000000e6 100%);
--color-identity-admin: #D93900;
--color-identity-coins: #B78800;
--color-identity-moderator: #008A10;
--color-identity-self: #01876D;
--color-interactive-background-disabled: #0000000C;
--color-interactive-content-disabled: #0000003F;
--color-interactive-focused: #007FAE;
--color-interactive-pressed: #00000026;
--color-inverted-interactive-background-disabled: #FFFFFF0C;
--color-inverted-interactive-content-disabled: #FFFFFF3F;
--color-inverted-interactive-pressed: #FFFFFF26;
--color-inverted-neutral-background: #0E1113;
--color-inverted-neutral-background-hover: #181C1F;
--color-inverted-neutral-border: #FFFFFF33;
--color-inverted-neutral-content: #B7CAD4;
--color-inverted-neutral-content-strong: #EEF1F3;
--color-inverted-secondary-background: #2A3236;
--color-inverted-secondary-background-hover: #333D42;
--color-inverted-secondary-background-selected: #3D494E;
--color-inverted-secondary-onBackground: #FFFFFF;
--color-inverted-secondary-plain: #DBE4E9;
--color-inverted-secondary-plain-hover: #FFFFFF;
--color-media-background: rgba(0, 0, 0, 0.6);
--color-media-background-hover: rgba(0, 0, 0, 0.8);
--color-media-background-selected: rgba(0, 0, 0, 0.8);
--color-media-border-selected: #FFFFFF;
--color-media-border-weak: #FFFFFF19;
--color-media-onBackground: #FFFFFF;
--color-media-onBackground-disabled: #FFFFFF3F;
--color-media-onBackground-weak: #E5EBEE;
--color-media-onbackground: #ffffff;
--color-media-onbackground-disabled: #ffffff40;
--color-media-onbackground-weak: #B7CAD4;
--color-neutral-background: #FFFFFF;
--color-neutral-background-container: #F6F8F9;
--color-neutral-background-container-hover: #EEF1F3;
--color-neutral-background-container-strong: #EEF1F3;
--color-neutral-background-container-strong-hover: #E5EBEE;
--color-neutral-background-gilded: #FFF9E0;
--color-neutral-background-gilded-hover: #FFF3C0;
--color-neutral-background-hover: #F6F8F9;
--color-neutral-background-medium: #F8F8F8;
--color-neutral-background-pinned: #FFFFFF;
--color-neutral-background-selected: #E5EBEE;
--color-neutral-background-strong: #FFFFFF;
--color-neutral-background-strong-hover: #F6F8F9;
--color-neutral-background-weak: #F6F8F9;
--color-neutral-background-weak-hover: #EEF1F3;
--color-neutral-border: #00000033;
--color-neutral-border-medium: #0000007F;
--color-neutral-border-strong: #181C1F;
--color-neutral-border-weak: #00000019;
--color-neutral-content: #333D42;
--color-neutral-content-disabled: #D6D6D6;
--color-neutral-content-strong: #181C1F;
--color-neutral-content-weak: #5C6C74;
--color-offline: #767676;
--color-online: #01A816;
--color-opacity-08: #13131314;
--color-opacity-50: #00000080;
--color-opacity-highlight: linear-gradient(#0A2F6C1a,
var(--color-tone-6));
--color-pizzaRed: #ef5350;
--color-primary: #115BCA;
--color-primary-background: #0A449B;
--color-primary-background-hover: #0A2F6C;
--color-primary-background-selected: #0A1A3F;
--color-primary-border: #0A449B;
--color-primary-border-hover: #0A2F6C;
--color-primary-hover: #0A449B;
--color-primary-onBackground: #FFFFFF;
--color-primary-onBackground-selected: #FFFFFF;
--color-primary-plain: #0A449B;
--color-primary-plain-hover: #0A2F6C;
--color-primary-plain-visited: #7600A3;
--color-primary-visited: #9B00D4;
--color-scrim: #00000099;
--color-scrim-background: #00000099;
--color-scrim-background-strong: #000000CC;
--color-scrim-gradient:
linear-gradient(
180deg,
#00000000,
#0000008a 60%,
#00000099 100%);
--color-scrim-strong: #000000cc;
--color-secondary: #21272A;
--color-secondary-background: #E5EBEE;
--color-secondary-background-hover: #DBE4E9;
--color-secondary-background-selected: #C9D7DE;
--color-secondary-hover: #000000;
--color-secondary-onBackground: #000000;
--color-secondary-plain: #181C1F;
--color-secondary-plain-hover: #000000;
--color-secondary-plain-weak: #5C6C74;
--color-secondary-weak: #576F76;
--color-success-background: #008A10;
--color-success-background-hover: #016E0B;
--color-success-content: #016E0B;
--color-success-hover: #005306;
--color-success-onBackground: #FFFFFF;
--color-success-plain: #016E0B;
--color-success-plain-hover: #005306;
--color-tone-1: #131313;
--color-tone-2: #434343;
--color-tone-3: #ACACAC;
--color-tone-4: #E4E4E4;
--color-tone-5: #F2F2F2;
--color-tone-6: #F8F8F8;
--color-tone-7: #ffffff;
--color-transparent-background-hover: #7487911a;
--color-ui-canvas: var(--color-tone-5);
--color-ui-modalbackground: var(--color-neutral-background-strong);
--color-upvote-background: #D93900;
--color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
--color-upvote-background-hover: #AE2C00;
--color-upvote-content: #AE2C00;
--color-upvote-content-weak: var(--color-global-brand-orangered);
--color-upvote-disabled: #AE2C004d;
--color-upvote-onBackground: #FFFFFF;
--color-upvote-onStrongScrim: #FF895D;
--color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-onStrongScrim-weaker: #FF4500;
--color-upvote-plain: #AE2C00;
--color-upvote-plain-disabled: rgba(174, 44, 0, 0.3);
--color-upvote-plain-weaker: #FF4500;
--color-warning-background: #B78800;
--color-warning-background-hover: #977000;
--color-warning-content: #785800;
--color-warning-content-hover: #5B4200;
--color-warning-onBackground: #000000;
--color-a-default: var(--color-primary);
--color-a-hover: var(--color-primary-hover);
--color-a-visited: var(--color-primary-visited);
--color-banner-plain: var(--color-neutral-background-strong);
--color-banner-plain-inverted: var(--color-neutral-content-strong);
--color-banner-error: var(--color-danger-background);
--color-banner-caution: var(--color-warning-background);
--color-banner-success: var(--color-success-background);
--color-banner-brand: var(--color-brand-background);
--color-banner-plain-text: var(--color-neutral-content);
--color-banner-plain-inverted-text:
var(--color-neutral-background-weak);
--color-banner-error-text: var(--color-danger-onBackground);
--color-banner-caution-text: var(--color-warning-onBackground);
--color-banner-caution-hover: var(--color-warning-background-hover);
--color-banner-success-text: var(--color-success-onBackground);
--color-banner-brand-text: var(--color-brand-onBackground);
--color-button-overlay-focus: transparent;
--color-button-overlay-active: transparent;
--color-button-border-width: tomato;
--color-button-border-width-activated: tomato;
--color-button-primary-background-hover:
var(--color-primary-background-hover);
--color-button-primary-background-activated:
var(--color-primary-background-selected);
--color-button-primary-background-disabled:
var(--color-interactive-background-disabled);
--color-button-primary-border-hover: var(--color-primary-background);
--color-button-primary-border-active:
var(--color-primary-background-hover);
--color-button-primary-text-disabled:
var(--color-interactive-content-disabled);
--color-button-primary-text-activated:
var(--color-primary-onBackground-selected);
--color-button-secondary-background: var(--color-secondary-background);
--color-button-secondary-background-focus:
var(--color-secondary-background);
--color-button-secondary-background-hover:
var(--color-secondary-background-hover);
--color-button-secondary-background-disabled:
var(--color-interactive-background-disabled);
--color-button-secondary-background-activated:
var(--color-secondary-background-selected);
--color-button-secondary-border: transparent;
--color-button-secondary-border-hover:
var(--color-secondary-background);
--color-button-secondary-border-active:
var(--color-secondary-background-hover);
--color-button-secondary-border-activated: transparent;
--color-button-secondary-border-disabled: transparent;
--color-button-secondary-text: var(--color-secondary-onBackground);
--color-button-secondary-text-disabled:
var(--color-interactive-content-disabled);
--color-button-secondary-text-activated:
var(--color-secondary-onBackground);
--color-button-tertiary-background: transparent;
--color-button-tertiary-background-focus: transparent;
--color-button-tertiary-background-hover:
var(--color-secondary-background-hover);
--color-button-tertiary-background-disabled: transparent;
--color-button-tertiary-background-activated:
var(--color-neutral-content);
--color-button-tertiary-border-hover: var(--color-secondary-background);
--color-button-tertiary-border-active:
var(--color-secondary-background-hover);
--color-button-tertiary-text: var(--color-neutral-content-strong);
--color-button-tertiary-text-disabled:
var(--color-neutral-content-disabled);
--color-button-tertiary-text-activated: var(--color-neutral-background);
--color-button-plain-background-hover:
var(--color-secondary-background-hover);
--color-button-plain-background-disabled: transparent;
--color-button-plain-background-activated:
var(--color-secondary-background-selected);
--color-button-plain-border-hover: var(--color-secondary-background);
--color-button-plain-border-active:
var(--color-secondary-background-hover);
--color-button-plain-text: var(--color-secondary-plain);
--color-button-plain-text-hover: var(--color-secondary-plain-hover);
--color-button-plain-text-disabled:
var(--color-interactive-content-disabled);
--color-button-plain-text-activated:
var(--color-secondary-onBackground);
--color-button-primary-border-activated:
var(--color-primary-background);
--color-button-plain-text-weak: var(--color-secondary-plain-weak);
--color-button-plain-inverted-background-activated:
var(--color-neutral-content);
--color-button-plain-inverted-text-activated:
var(--color-neutral-background);
--color-button-media-border-color-activated:
var(--color-media-border-selected);
--color-button-favorite-text: var(--color-favorite);
--color-button-caution-background: var(--color-caution-background);
--color-button-caution-background-hover:
var(--color-caution-background-hover);
--color-button-caution-background-disabled:
var(--color-interactive-background-disabled);
--color-button-caution-text: var(--color-caution-onBackground);
--color-divider-default: var(--color-neutral-border);
--color-input-secondary: var(--color-secondary-background);
--color-input-secondary-hover: var(--color-secondary-background-hover);
--color-input-border: transparent;
--color-input-bordered: transparent;
--color-input-bordered-hover: var(--color-neutral-background-hover);
--color-input-secondary-text: var(--color-secondary-onBackground);
--color-input-bordered-text: var(--color-secondary-plain);
--color-input-helper-text: var(--color-neutral-content-weak);
--color-input-pressed: var(--color-interactive-pressed);
--color-input-radio: var(--color-secondary-plain-weak);
--color-input-radio-hover: var(--color-neutral-content-strong);
--color-label-default: var(--color-neutral-content-weak);
--color-shimmer-background: #00000008;
--color-shimmer-gradient-overlay:
linear-gradient(
to right,
#00000000,
#00000005 20%,
#0000000f 50%,
#00000008 70%,
#00000000 100%);
--color-switch-input-background-pressed-scrim:
var(--color-interactive-pressed);
--color-switch-input-background-handle: var(--color-global-white);
--color-switch-input-background-handle-disabled:
var(--color-secondary-background);
--color-switch-input-background-default:
var(--color-secondary-background);
--color-switch-input-background-default-hover:
var(--color-secondary-background-hover);
--color-switch-input-background-default-disabled:
var(--color-interactive-background-disabled);
--color-switch-input-background-checked:
var(--color-primary-background);
--color-switch-input-background-checked-hover:
var(--color-primary-background-hover);
--color-switch-input-background-checked-disabled:
var(--color-interactive-content-disabled);
--color-tooltip-bg-neutral: var(--color-neutral-background-strong);
--color-tooltip-text-neutral: var(--color-neutral-content);
--color-tooltip-bg-inverted: var(--color-neutral-content);
--color-tooltip-text-inverted: var(--color-neutral-background);
--color-tooltip-bg-primary: var(--color-primary-background);
--color-tooltip-text-primary: var(--color-primary-onBackground);
--elevation-sm-inset: inset 0 0.0625rem 0.125rem 0 #00000021;
--elevation-button-focus: var(--elevation-focus-ring);
--elevation-switch-input-default-inset: var(--elevation-sm-inset);
}
@media (prefers-color-scheme: dark) {
:root:not(.theme-light) .theme-beta,
:root:not(.theme-light).theme-beta {
--color-ai-background-weaker: #00382B;
--color-ai-plain: #01A484;
--color-ai-plain-hover: #00C29D;
--color-avatar-gradient:
linear-gradient(
0deg,
#48545Bff,
#181C1Fff 75%);
--color-brand-background: #D93900;
--color-brand-background-hover: #AE2C00;
--color-brand-onBackground: #FFFFFF;
--color-caution-background: #D8A100;
--color-caution-background-hover: #FFBF0B;
--color-caution-onBackground: #000000;
--color-caution-plain: #FFBF0B;
--color-caution-plain-hover: #FFE284;
--color-danger-background: #BC0117;
--color-danger-background-disabled: #340F05;
--color-danger-background-hover: #EB001F;
--color-danger-background-weaker: #650405;
--color-danger-content: #FF4F40;
--color-danger-content-hover: #FF8773;
--color-danger-onBackground: #FFFFFF;
--color-danger-plain: #FF8773;
--color-danger-plain-hover: #FDB3A4;
--color-downvote-background: #6A5CFF;
--color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
--color-downvote-background-hover: #523DFF;
--color-downvote-content: #9580FF;
--color-downvote-content-weak: #6A5CFF;
--color-downvote-disabled: #9580FF4d;
--color-downvote-onBackground: #FFFFFF;
--color-downvote-onStrongScrim: #B29FFF;
--color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
--color-downvote-onStrongScrim-weaker: #9580FF;
--color-downvote-plain: #9580FF;
--color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
--color-downvote-plain-weaker: #6A5CFF;
--color-elevation-large1: #0000007F;
--color-elevation-large2: #00000033;
--color-elevation-medium1: #0000007F;
--color-elevation-medium2: #00000033;
--color-elevation-small: #00000054;
--color-elevation-xsmall: #000000AA;
--color-favorite: #B78800;
--color-global-admin: #D93900;
--color-global-black: #000000;
--color-global-brand-orangered: #FF4500;
--color-global-focus: #007FAE;
--color-global-gold: #D8A100;
--color-global-moderator: #008A10;
--color-global-nsfw: #DE019F;
--color-global-offline: #667780;
--color-global-online: #00C61C;
--color-global-orangered: #FF4500;
--color-global-stars: #D8A100;
--color-global-white: #FFFFFF;
--color-interactive-background-disabled: #FFFFFF0C;
--color-interactive-content-disabled: #FFFFFF3F;
--color-interactive-focused: #007FAE;
--color-interactive-pressed: #FFFFFF26;
--color-inverted-interactive-background-disabled: #0000000C;
--color-inverted-interactive-content-disabled: #0000003F;
--color-inverted-interactive-pressed: #00000026;
--color-inverted-neutral-background: #FFFFFF;
--color-inverted-neutral-background-hover: #F6F8F9;
--color-inverted-neutral-border: #00000033;
--color-inverted-neutral-content: #333D42;
--color-inverted-neutral-content-strong: #181C1F;
--color-inverted-secondary-background: #E5EBEE;
--color-inverted-secondary-background-hover: #DBE4E9;
--color-inverted-secondary-background-selected: #C9D7DE;
--color-inverted-secondary-onBackground: #000000;
--color-inverted-secondary-plain: #181C1F;
--color-inverted-secondary-plain-hover: #000000;
--color-media-background: rgba(0, 0, 0, 0.6);
--color-media-background-hover: rgba(0, 0, 0, 0.8);
--color-media-background-selected: rgba(0, 0, 0, 0.8);
--color-media-border-selected: #FFFFFF;
--color-media-border-weak: #FFFFFF19;
--color-media-onBackground: #FFFFFF;
--color-media-onBackground-disabled: #FFFFFF3F;
--color-media-onBackground-weak: #E5EBEE;
--color-neutral-background: #0E1113;
--color-neutral-background-container: #181C1F;
--color-neutral-background-container-hover: #21272A;
--color-neutral-background-container-strong: #21272A;
--color-neutral-background-container-strong-hover: #2A3236;
--color-neutral-background-gilded: #181C1F;
--color-neutral-background-gilded-hover: #21272A;
--color-neutral-background-hover: #181C1F;
--color-neutral-background-medium: #131313;
--color-neutral-background-pinned: #0E1113;
--color-neutral-background-selected: #2A3236;
--color-neutral-background-strong: #181C1F;
--color-neutral-background-strong-hover: #21272A;
--color-neutral-background-weak: #000000;
--color-neutral-background-weak-hover: #0E1113;
--color-neutral-border: #FFFFFF33;
--color-neutral-border-medium: #FFFFFF7F;
--color-neutral-border-strong: #F6F8F9;
--color-neutral-border-weak: #FFFFFF19;
--color-neutral-content: #B7CAD4;
--color-neutral-content-disabled: #303030;
--color-neutral-content-strong: #EEF1F3;
--color-neutral-content-weak: #8BA2AD;
--color-offline: #767676;
--color-online: #01A816;
--color-opacity-50: #F2F2F280;
--color-pizzaRed: #c62828;
--color-primary: #648EFC;
--color-primary-background: #115BCA;
--color-primary-background-hover: #1870F4;
--color-primary-background-selected: #648EFC;
--color-primary-border: #648EFC;
--color-primary-border-hover: #90A9FD;
--color-primary-hover: #90A9FD;
--color-primary-onBackground: #FFFFFF;
--color-primary-onBackground-selected: #000000;
--color-primary-plain: #648EFC;
--color-primary-plain-hover: #90A9FD;
--color-primary-plain-visited: #CF5FFF;
--color-primary-visited: #CF5FFF;
--color-scrim-background: #00000099;
--color-scrim-background-strong: #000000CC;
--color-secondary: #DBE4E9;
--color-secondary-background: #2A3236;
--color-secondary-background-hover: #333D42;
--color-secondary-background-selected: #3D494E;
--color-secondary-hover: #ffffff;
--color-secondary-onBackground: #FFFFFF;
--color-secondary-plain: #DBE4E9;
--color-secondary-plain-hover: #FFFFFF;
--color-secondary-plain-weak: #8BA2AD;
--color-secondary-weak: #748791;
--color-success-background: #016E0B;
--color-success-background-hover: #008A10;
--color-success-content: #01A816;
--color-success-hover: #00C61C;
--color-success-onBackground: #FFFFFF;
--color-success-plain: #00C61C;
--color-success-plain-hover: #58E15B;
--color-tone-1: #F2F2F2;
--color-tone-2: #ACACAC;
--color-tone-3: #434343;
--color-tone-4: #303030;
--color-tone-5: #1E1E1E;
--color-tone-6: #131313;
--color-tone-7: #080808;
--color-transparent-background-hover: #6677801a;
--color-ui-canvas: #080808;
--color-ui-modalbackground: var(--color-neutral-background-strong);
--color-upvote-background: #D93900;
--color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
--color-upvote-background-hover: #AE2C00;
--color-upvote-content: #FF4500;
--color-upvote-content-weak: var(--color-global-brand-orangered);
--color-upvote-disabled: #FF45004d;
--color-upvote-onBackground: #FFFFFF;
--color-upvote-onStrongScrim: #FF895D;
--color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-onStrongScrim-weaker: #FF4500;
--color-upvote-plain: #FF895D;
--color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-plain-weaker: #FF4500;
--color-warning-background: #B78800;
--color-warning-background-hover: #D8A100;
--color-warning-content: #B78800;
--color-warning-content-hover: #D8A100;
--color-warning-onBackground: #000000;
--color-button-primary-border-activated: transparent;
--color-button-plain-inverted-activated-text:
var(--color-neutral-background);
--color-input-radio-hover: var(--color-secondary-plain);
--color-shimmer-background: #ffffff08;
--color-shimmer-gradient-overlay:
linear-gradient(
to right,
#ffffff00,
#ffffff05 20%,
#ffffff0f 50%,
#ffffff08 70%,
#ffffff00 100%);
}
}
.theme-dark .theme-beta,
.theme-dark.theme-beta {
--color-ai-background-weaker: #00382B;
--color-ai-plain: #01A484;
--color-ai-plain-hover: #00C29D;
--color-avatar-gradient:
linear-gradient(
0deg,
#48545Bff,
#181C1Fff 75%);
--color-brand-background: #D93900;
--color-brand-background-hover: #AE2C00;
--color-brand-onBackground: #FFFFFF;
--color-caution-background: #D8A100;
--color-caution-background-hover: #FFBF0B;
--color-caution-onBackground: #000000;
--color-caution-plain: #FFBF0B;
--color-caution-plain-hover: #FFE284;
--color-danger-background: #BC0117;
--color-danger-background-disabled: #340F05;
--color-danger-background-hover: #EB001F;
--color-danger-background-weaker: #650405;
--color-danger-content: #FF4F40;
--color-danger-content-hover: #FF8773;
--color-danger-onBackground: #FFFFFF;
--color-danger-plain: #FF8773;
--color-danger-plain-hover: #FDB3A4;
--color-downvote-background: #6A5CFF;
--color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
--color-downvote-background-hover: #523DFF;
--color-downvote-content: #9580FF;
--color-downvote-content-weak: #6A5CFF;
--color-downvote-disabled: #9580FF4d;
--color-downvote-onBackground: #FFFFFF;
--color-downvote-onStrongScrim: #B29FFF;
--color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
--color-downvote-onStrongScrim-weaker: #9580FF;
--color-downvote-plain: #9580FF;
--color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
--color-downvote-plain-weaker: #6A5CFF;
--color-elevation-large1: #0000007F;
--color-elevation-large2: #00000033;
--color-elevation-medium1: #0000007F;
--color-elevation-medium2: #00000033;
--color-elevation-small: #00000054;
--color-elevation-xsmall: #000000AA;
--color-favorite: #B78800;
--color-global-admin: #D93900;
--color-global-black: #000000;
--color-global-brand-orangered: #FF4500;
--color-global-focus: #007FAE;
--color-global-gold: #D8A100;
--color-global-moderator: #008A10;
--color-global-nsfw: #DE019F;
--color-global-offline: #667780;
--color-global-online: #00C61C;
--color-global-orangered: #FF4500;
--color-global-stars: #D8A100;
--color-global-white: #FFFFFF;
--color-interactive-background-disabled: #FFFFFF0C;
--color-interactive-content-disabled: #FFFFFF3F;
--color-interactive-focused: #007FAE;
--color-interactive-pressed: #FFFFFF26;
--color-inverted-interactive-background-disabled: #0000000C;
--color-inverted-interactive-content-disabled: #0000003F;
--color-inverted-interactive-pressed: #00000026;
--color-inverted-neutral-background: #FFFFFF;
--color-inverted-neutral-background-hover: #F6F8F9;
--color-inverted-neutral-border: #00000033;
--color-inverted-neutral-content: #333D42;
--color-inverted-neutral-content-strong: #181C1F;
--color-inverted-secondary-background: #E5EBEE;
--color-inverted-secondary-background-hover: #DBE4E9;
--color-inverted-secondary-background-selected: #C9D7DE;
--color-inverted-secondary-onBackground: #000000;
--color-inverted-secondary-plain: #181C1F;
--color-inverted-secondary-plain-hover: #000000;
--color-media-background: rgba(0, 0, 0, 0.6);
--color-media-background-hover: rgba(0, 0, 0, 0.8);
--color-media-background-selected: rgba(0, 0, 0, 0.8);
--color-media-border-selected: #FFFFFF;
--color-media-border-weak: #FFFFFF19;
--color-media-onBackground: #FFFFFF;
--color-media-onBackground-disabled: #FFFFFF3F;
--color-media-onBackground-weak: #E5EBEE;
--color-neutral-background: #0E1113;
--color-neutral-background-container: #181C1F;
--color-neutral-background-container-hover: #21272A;
--color-neutral-background-container-strong: #21272A;
--color-neutral-background-container-strong-hover: #2A3236;
--color-neutral-background-gilded: #181C1F;
--color-neutral-background-gilded-hover: #21272A;
--color-neutral-background-hover: #181C1F;
--color-neutral-background-medium: #131313;
--color-neutral-background-pinned: #0E1113;
--color-neutral-background-selected: #2A3236;
--color-neutral-background-strong: #181C1F;
--color-neutral-background-strong-hover: #21272A;
--color-neutral-background-weak: #000000;
--color-neutral-background-weak-hover: #0E1113;
--color-neutral-border: #FFFFFF33;
--color-neutral-border-medium: #FFFFFF7F;
--color-neutral-border-strong: #F6F8F9;
--color-neutral-border-weak: #FFFFFF19;
--color-neutral-content: #B7CAD4;
--color-neutral-content-disabled: #303030;
--color-neutral-content-strong: #EEF1F3;
--color-neutral-content-weak: #8BA2AD;
--color-offline: #767676;
--color-online: #01A816;
--color-opacity-50: #F2F2F280;
--color-pizzaRed: #c62828;
--color-primary: #648EFC;
--color-primary-background: #115BCA;
--color-primary-background-hover: #1870F4;
--color-primary-background-selected: #648EFC;
--color-primary-border: #648EFC;
--color-primary-border-hover: #90A9FD;
--color-primary-hover: #90A9FD;
--color-primary-onBackground: #FFFFFF;
--color-primary-onBackground-selected: #000000;
--color-primary-plain: #648EFC;
--color-primary-plain-hover: #90A9FD;
--color-primary-plain-visited: #CF5FFF;
--color-primary-visited: #CF5FFF;
--color-scrim-background: #00000099;
--color-scrim-background-strong: #000000CC;
--color-secondary: #DBE4E9;
--color-secondary-background: #2A3236;
--color-secondary-background-hover: #333D42;
--color-secondary-background-selected: #3D494E;
--color-secondary-hover: #ffffff;
--color-secondary-onBackground: #FFFFFF;
--color-secondary-plain: #DBE4E9;
--color-secondary-plain-hover: #FFFFFF;
--color-secondary-plain-weak: #8BA2AD;
--color-secondary-weak: #748791;
--color-success-background: #016E0B;
--color-success-background-hover: #008A10;
--color-success-content: #01A816;
--color-success-hover: #00C61C;
--color-success-onBackground: #FFFFFF;
--color-success-plain: #00C61C;
--color-success-plain-hover: #58E15B;
--color-tone-1: #F2F2F2;
--color-tone-2: #ACACAC;
--color-tone-3: #434343;
--color-tone-4: #303030;
--color-tone-5: #1E1E1E;
--color-tone-6: #131313;
--color-tone-7: #080808;
--color-transparent-background-hover: #6677801a;
--color-ui-canvas: #080808;
--color-ui-modalbackground: var(--color-neutral-background-strong);
--color-upvote-background: #D93900;
--color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
--color-upvote-background-hover: #AE2C00;
--color-upvote-content: #FF4500;
--color-upvote-content-weak: var(--color-global-brand-orangered);
--color-upvote-disabled: #FF45004d;
--color-upvote-onBackground: #FFFFFF;
--color-upvote-onStrongScrim: #FF895D;
--color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-onStrongScrim-weaker: #FF4500;
--color-upvote-plain: #FF895D;
--color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-plain-weaker: #FF4500;
--color-warning-background: #B78800;
--color-warning-background-hover: #D8A100;
--color-warning-content: #B78800;
--color-warning-content-hover: #D8A100;
--color-warning-onBackground: #000000;
--color-button-primary-border-activated: transparent;
--color-button-plain-inverted-activated-text:
var(--color-neutral-background);
--color-input-radio-hover: var(--color-secondary-plain);
--color-shimmer-background: #ffffff08;
--color-shimmer-gradient-overlay:
linear-gradient(
to right,
#ffffff00,
#ffffff05 20%,
#ffffff0f 50%,
#ffffff08 70%,
#ffffff00 100%);
}
.theme-rpl,
.theme-light.theme-rpl {
--spacer-a-px: 0.125rem;
--spacer-button-lg-px: var(--spacer-md);
--spacer-button-md-px: var(--spacer-md);
--spacer-button-sm-px: var(--spacer-sm);
--spacer-input-padding-left: var(--spacer-md);
--spacer-input-padding-top: var(--spacer-2xs);
--spacer-label-default: var(--spacer-md);
--spacer-switch-input-active-pl: var(--spacer-xs);
--size-banner-height: var(--size-rem40);
--size-button-lg-h: var(--size-2xl);
--size-button-md-h: 2.5rem;
--size-button-sm-h: var(--size-xl);
--size-button-xs-h: var(--size-lg);
--size-switch-input-h: var(--size-xl);
--size-switch-input-w: var(--size-2xl);
--line-a-focus: var(--line-md);
--line-a-outline-moz: 0px;
--line-a-outline-wb: 0px;
--line-button-lg-border: var(--line-sm);
--line-button-md-border: var(--line-sm);
--line-button-sm-border: var(--line-sm);
--line-button-xs-border: var(--line-sm);
--line-button-border-activated: var(--line-lg);
--line-input-border: var(--line-lg);
--radius-md: 1.25rem;
--radius-accordion-size: 0px;
--font-10: normal undefined null / null var(--font-sans);
--font-12: normal undefined null / null var(--font-sans);
--font-14: normal undefined null / null var(--font-sans);
--font-16: normal undefined null / null var(--font-sans);
--font-18: normal undefined null / null var(--font-sans);
--font-20: normal undefined null / null var(--font-sans);
--font-24: normal undefined null / null var(--font-sans);
--font-32: normal undefined null / null var(--font-sans);
--font-48: normal undefined null / null var(--font-sans);
--font-64: normal undefined null / null var(--font-sans);
--font-title-h0: var(--font-64);
--font-title-h1: var(--font-32);
--font-title-h2: var(--font-24);
--font-title-h3: var(--font-18);
--font-title-h4: var(--font-16);
--font-title-h5: var(--font-14);
--font-title-h6: var(--font-12);
--font-14-20-regular: normal 400 0.875rem / 1.25rem var(--font-sans);
--font-14-20-semibold: normal 600 0.875rem / 1.25rem var(--font-sans);
--font-16-20-regular: normal 400 1rem / 1.25rem var(--font-sans);
--font-12-16-regular: normal 400 0.75rem / 1rem var(--font-sans);
--font-12-16-semibold: normal 600 0.75rem / 1rem var(--font-sans);
--font-button-lg: var(--font-14-20-semibold);
--font-button-md: var(--font-14-20-semibold);
--font-button-sm: var(--font-12-16-semibold);
--font-label-default: var(--font-12-16-regular);
--misc-accordion-border: 0;
--misc-accordion-open-list-style-type: none;
--misc-accordion-closed-list-style-type: none;
--misc-divider-margin: 0;
--misc-label-text-transform: capitalize;
--misc-label-letter-spacing: initial;
--blur-sm: 0.25rem;
--blur-normal: 0.5rem;
--blur-md: 0.75rem;
--blur-lg: 1rem;
--blur-xl: 1.5rem;
--blur-2xl: 2.5rem;
--blur-3xl: 4rem;
--color-action-downvote: #6A5CFF;
--color-action-upvote: #D93900;
--color-ai-background-weaker: #E7FDF5;
--color-ai-plain: #006C56;
--color-ai-plain-hover: #015140;
--color-alert-caution: #977000;
--color-avatar-gradient:
linear-gradient(
0deg,
#97AFBCff,
#ffffffff 75%);
--color-avatar-media-gradient:
linear-gradient(
0deg,
#00000099,
#181C1Fff 75%);
--color-brand-background: #D93900;
--color-brand-background-hover: #AE2C00;
--color-brand-gradient-active:
linear-gradient(
180deg,
#cd3700ff,
#db3b00ff 68%,
#D93900ff 100%);
--color-brand-gradient-active-highlight:
linear-gradient(
83deg,
#db3f0000 80%,
#D93900ff 100%);
--color-brand-gradient-default:
linear-gradient(
180deg,
#D93900ff,
#db3b00ff 30%,
#AE2C00ff 100%);
--color-brand-gradient-default-highlight:
linear-gradient(
258deg,
#db3f0000 80%,
#D93900ff 100%);
--color-brand-gradient-hover:
linear-gradient(
180deg,
#e23d00ff 15%,
#cb3600ff 49%,
#b43000ff 100%);
--color-brand-gradient-hover-highlight:
linear-gradient(
323deg,
#cb360000 65%,
#cb3600ff 100%);
--color-brand-onBackground: #FFFFFF;
--color-category-live: #D93900;
--color-category-nsfw: #DE019F;
--color-category-spoiler: var(--color-tone-1);
--color-caution-background: #FFBF0B;
--color-caution-background-hover: #D8A100;
--color-caution-onBackground: #000000;
--color-caution-plain: #785800;
--color-caution-plain-hover: #5B4200;
--color-danger-background: #EB001F;
--color-danger-background-disabled: #FDB3A4;
--color-danger-background-hover: #BC0117;
--color-danger-background-weaker: #FBDBD4;
--color-danger-content: #BC0117;
--color-danger-content-default: #ffffff;
--color-danger-content-hover: #90000F;
--color-danger-onBackground: #FFFFFF;
--color-danger-plain: #BC0117;
--color-danger-plain-hover: #90000F;
--color-downvote-background: #6A5CFF;
--color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
--color-downvote-background-hover: #523DFF;
--color-downvote-content: #523DFF;
--color-downvote-content-weak: #6A5CFF;
--color-downvote-disabled: #523DFF4d;
--color-downvote-onBackground: #FFFFFF;
--color-downvote-onStrongScrim: #B29FFF;
--color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
--color-downvote-onStrongScrim-weaker: #9580FF;
--color-downvote-plain: #523DFF;
--color-downvote-plain-disabled: rgba(82, 61, 255, 0.3);
--color-downvote-plain-weaker: #6A5CFF;
--color-elevation-large1: #0000003F;
--color-elevation-large2: #00000026;
--color-elevation-medium1: #0000003F;
--color-elevation-medium2: #00000019;
--color-elevation-small: #00000026;
--color-elevation-xsmall: #0000003F;
--color-favorite: #977000;
--color-global-admin: #D93900;
--color-global-alienblue: #1870F4;
--color-global-black: #000000;
--color-global-brand-orangered: #FF4500;
--color-global-darkblue: #2A3236;
--color-global-focus: #029DD5;
--color-global-gold: #B78800;
--color-global-moderator: #008A10;
--color-global-nsfw: #DE019F;
--color-global-offline: #667780;
--color-global-online: #00C61C;
--color-global-orangered: #FF4500;
--color-global-stars: #977000;
--color-global-white: #FFFFFF;
--color-gradient-media:
linear-gradient(
180deg,
#00000000,
#0000008a 60%,
#00000099 100%);
--color-gradient-media-strong:
linear-gradient(
180deg,
#00000000,
#000000cc 60%,
#000000e6 100%);
--color-identity-admin: #D93900;
--color-identity-coins: #B78800;
--color-identity-moderator: #008A10;
--color-identity-self: #01876D;
--color-interactive-background-disabled: #0000000C;
--color-interactive-content-disabled: #0000003F;
--color-interactive-focused: #007FAE;
--color-interactive-pressed: #00000026;
--color-inverted-interactive-background-disabled: #FFFFFF0C;
--color-inverted-interactive-content-disabled: #FFFFFF3F;
--color-inverted-interactive-pressed: #FFFFFF26;
--color-inverted-neutral-background: #0E1113;
--color-inverted-neutral-background-hover: #181C1F;
--color-inverted-neutral-border: #FFFFFF33;
--color-inverted-neutral-content: #B7CAD4;
--color-inverted-neutral-content-strong: #EEF1F3;
--color-inverted-secondary-background: #2A3236;
--color-inverted-secondary-background-hover: #333D42;
--color-inverted-secondary-background-selected: #3D494E;
--color-inverted-secondary-onBackground: #FFFFFF;
--color-inverted-secondary-plain: #DBE4E9;
--color-inverted-secondary-plain-hover: #FFFFFF;
--color-media-background: rgba(0, 0, 0, 0.6);
--color-media-background-hover: rgba(0, 0, 0, 0.8);
--color-media-background-selected: rgba(0, 0, 0, 0.8);
--color-media-border-selected: #FFFFFF;
--color-media-border-weak: #FFFFFF19;
--color-media-onBackground: #FFFFFF;
--color-media-onBackground-disabled: #FFFFFF3F;
--color-media-onBackground-weak: #E5EBEE;
--color-media-onbackground: #ffffff;
--color-media-onbackground-disabled: #ffffff40;
--color-media-onbackground-weak: #B7CAD4;
--color-neutral-background: #FFFFFF;
--color-neutral-background-container: #F6F8F9;
--color-neutral-background-container-hover: #EEF1F3;
--color-neutral-background-container-strong: #EEF1F3;
--color-neutral-background-container-strong-hover: #E5EBEE;
--color-neutral-background-gilded: #FFF9E0;
--color-neutral-background-gilded-hover: #FFF3C0;
--color-neutral-background-hover: #F6F8F9;
--color-neutral-background-medium: #F8F8F8;
--color-neutral-background-pinned: #FFFFFF;
--color-neutral-background-selected: #E5EBEE;
--color-neutral-background-strong: #FFFFFF;
--color-neutral-background-strong-hover: #F6F8F9;
--color-neutral-background-weak: #F6F8F9;
--color-neutral-background-weak-hover: #EEF1F3;
--color-neutral-border: #00000033;
--color-neutral-border-medium: #0000007F;
--color-neutral-border-strong: #181C1F;
--color-neutral-border-weak: #00000019;
--color-neutral-content: #333D42;
--color-neutral-content-disabled: #D6D6D6;
--color-neutral-content-strong: #181C1F;
--color-neutral-content-weak: #5C6C74;
--color-offline: #767676;
--color-online: #01A816;
--color-opacity-08: #13131314;
--color-opacity-50: #00000080;
--color-opacity-highlight: linear-gradient(#0A2F6C1a,
var(--color-tone-6));
--color-pizzaRed: #ef5350;
--color-primary: #115BCA;
--color-primary-background: #0A449B;
--color-primary-background-hover: #0A2F6C;
--color-primary-background-selected: #0A1A3F;
--color-primary-border: #0A449B;
--color-primary-border-hover: #0A2F6C;
--color-primary-hover: #0A449B;
--color-primary-onBackground: #FFFFFF;
--color-primary-onBackground-selected: #FFFFFF;
--color-primary-plain: #0A449B;
--color-primary-plain-hover: #0A2F6C;
--color-primary-plain-visited: #7600A3;
--color-primary-visited: #9B00D4;
--color-scrim: #00000099;
--color-scrim-background: #00000099;
--color-scrim-background-strong: #000000CC;
--color-scrim-gradient:
linear-gradient(
180deg,
#00000000,
#0000008a 60%,
#00000099 100%);
--color-scrim-strong: #000000cc;
--color-secondary: #21272A;
--color-secondary-background: #E5EBEE;
--color-secondary-background-hover: #DBE4E9;
--color-secondary-background-selected: #C9D7DE;
--color-secondary-hover: #000000;
--color-secondary-onBackground: #000000;
--color-secondary-plain: #181C1F;
--color-secondary-plain-hover: #000000;
--color-secondary-plain-weak: #5C6C74;
--color-secondary-weak: #576F76;
--color-success-background: #008A10;
--color-success-background-hover: #016E0B;
--color-success-content: #016E0B;
--color-success-hover: #005306;
--color-success-onBackground: #FFFFFF;
--color-success-plain: #016E0B;
--color-success-plain-hover: #005306;
--color-tone-1: #131313;
--color-tone-2: #434343;
--color-tone-3: #ACACAC;
--color-tone-4: #E4E4E4;
--color-tone-5: #F2F2F2;
--color-tone-6: #F8F8F8;
--color-tone-7: #ffffff;
--color-transparent-background-hover: #7487911a;
--color-ui-canvas: var(--color-tone-5);
--color-ui-modalbackground: var(--color-neutral-background-strong);
--color-upvote-background: #D93900;
--color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
--color-upvote-background-hover: #AE2C00;
--color-upvote-content: #AE2C00;
--color-upvote-content-weak: var(--color-global-brand-orangered);
--color-upvote-disabled: #AE2C004d;
--color-upvote-onBackground: #FFFFFF;
--color-upvote-onStrongScrim: #FF895D;
--color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-onStrongScrim-weaker: #FF4500;
--color-upvote-plain: #AE2C00;
--color-upvote-plain-disabled: rgba(174, 44, 0, 0.3);
--color-upvote-plain-weaker: #FF4500;
--color-warning-background: #B78800;
--color-warning-background-hover: #977000;
--color-warning-content: #785800;
--color-warning-content-hover: #5B4200;
--color-warning-onBackground: #000000;
--color-a-default: var(--color-primary);
--color-a-hover: var(--color-primary-hover);
--color-a-visited: var(--color-primary-visited);
--color-banner-plain: var(--color-neutral-background-strong);
--color-banner-plain-inverted: var(--color-neutral-content-strong);
--color-banner-error: var(--color-danger-background);
--color-banner-caution: var(--color-warning-background);
--color-banner-success: var(--color-success-background);
--color-banner-brand: var(--color-brand-background);
--color-banner-plain-text: var(--color-neutral-content);
--color-banner-plain-inverted-text:
var(--color-neutral-background-weak);
--color-banner-error-text: var(--color-danger-onBackground);
--color-banner-caution-text: var(--color-warning-onBackground);
--color-banner-caution-hover: var(--color-warning-background-hover);
--color-banner-success-text: var(--color-success-onBackground);
--color-banner-brand-text: var(--color-brand-onBackground);
--color-button-overlay-focus: transparent;
--color-button-overlay-active: transparent;
--color-button-border-width: tomato;
--color-button-border-width-activated: tomato;
--color-button-primary-background-hover:
var(--color-primary-background-hover);
--color-button-primary-background-activated:
var(--color-primary-background-selected);
--color-button-primary-background-disabled:
var(--color-interactive-background-disabled);
--color-button-primary-border-hover: var(--color-primary-background);
--color-button-primary-border-active:
var(--color-primary-background-hover);
--color-button-primary-text-disabled:
var(--color-interactive-content-disabled);
--color-button-primary-text-activated:
var(--color-primary-onBackground-selected);
--color-button-secondary-background: var(--color-secondary-background);
--color-button-secondary-background-focus:
var(--color-secondary-background);
--color-button-secondary-background-hover:
var(--color-secondary-background-hover);
--color-button-secondary-background-disabled:
var(--color-interactive-background-disabled);
--color-button-secondary-background-activated:
var(--color-secondary-background-selected);
--color-button-secondary-border: transparent;
--color-button-secondary-border-hover:
var(--color-secondary-background);
--color-button-secondary-border-active:
var(--color-secondary-background-hover);
--color-button-secondary-border-activated: transparent;
--color-button-secondary-border-disabled: transparent;
--color-button-secondary-text: var(--color-secondary-onBackground);
--color-button-secondary-text-disabled:
var(--color-interactive-content-disabled);
--color-button-secondary-text-activated:
var(--color-secondary-onBackground);
--color-button-tertiary-background: transparent;
--color-button-tertiary-background-focus: transparent;
--color-button-tertiary-background-hover:
var(--color-secondary-background-hover);
--color-button-tertiary-background-disabled: transparent;
--color-button-tertiary-background-activated:
var(--color-neutral-content);
--color-button-tertiary-border-hover: var(--color-secondary-background);
--color-button-tertiary-border-active:
var(--color-secondary-background-hover);
--color-button-tertiary-text: var(--color-neutral-content-strong);
--color-button-tertiary-text-disabled:
var(--color-neutral-content-disabled);
--color-button-tertiary-text-activated: var(--color-neutral-background);
--color-button-plain-background-hover:
var(--color-secondary-background-hover);
--color-button-plain-background-disabled: transparent;
--color-button-plain-background-activated:
var(--color-secondary-background-selected);
--color-button-plain-border-hover: var(--color-secondary-background);
--color-button-plain-border-active:
var(--color-secondary-background-hover);
--color-button-plain-text: var(--color-secondary-plain);
--color-button-plain-text-hover: var(--color-secondary-plain-hover);
--color-button-plain-text-disabled:
var(--color-interactive-content-disabled);
--color-button-plain-text-activated:
var(--color-secondary-onBackground);
--color-button-primary-border-activated:
var(--color-primary-background);
--color-button-plain-text-weak: var(--color-secondary-plain-weak);
--color-button-plain-inverted-background-activated:
var(--color-neutral-content);
--color-button-plain-inverted-text-activated:
var(--color-neutral-background);
--color-button-media-border-color-activated:
var(--color-media-border-selected);
--color-button-favorite-text: var(--color-favorite);
--color-button-caution-background: var(--color-caution-background);
--color-button-caution-background-hover:
var(--color-caution-background-hover);
--color-button-caution-background-disabled:
var(--color-interactive-background-disabled);
--color-button-caution-text: var(--color-caution-onBackground);
--color-divider-default: var(--color-neutral-border);
--color-input-secondary: var(--color-secondary-background);
--color-input-secondary-hover: var(--color-secondary-background-hover);
--color-input-border: transparent;
--color-input-bordered: transparent;
--color-input-bordered-hover: var(--color-neutral-background-hover);
--color-input-secondary-text: var(--color-secondary-onBackground);
--color-input-bordered-text: var(--color-secondary-plain);
--color-input-helper-text: var(--color-neutral-content-weak);
--color-input-pressed: var(--color-interactive-pressed);
--color-input-radio: var(--color-secondary-plain-weak);
--color-input-radio-hover: var(--color-neutral-content-strong);
--color-label-default: var(--color-neutral-content-weak);
--color-shimmer-background: #00000008;
--color-shimmer-gradient-overlay:
linear-gradient(
to right,
#00000000,
#00000005 20%,
#0000000f 50%,
#00000008 70%,
#00000000 100%);
--color-switch-input-background-pressed-scrim:
var(--color-interactive-pressed);
--color-switch-input-background-handle: var(--color-global-white);
--color-switch-input-background-handle-disabled:
var(--color-secondary-background);
--color-switch-input-background-default:
var(--color-secondary-background);
--color-switch-input-background-default-hover:
var(--color-secondary-background-hover);
--color-switch-input-background-default-disabled:
var(--color-interactive-background-disabled);
--color-switch-input-background-checked:
var(--color-primary-background);
--color-switch-input-background-checked-hover:
var(--color-primary-background-hover);
--color-switch-input-background-checked-disabled:
var(--color-interactive-content-disabled);
--color-tooltip-bg-neutral: var(--color-neutral-background-strong);
--color-tooltip-text-neutral: var(--color-neutral-content);
--color-tooltip-bg-inverted: var(--color-neutral-content);
--color-tooltip-text-inverted: var(--color-neutral-background);
--color-tooltip-bg-primary: var(--color-primary-background);
--color-tooltip-text-primary: var(--color-primary-onBackground);
--elevation-sm-inset: inset 0 0.0625rem 0.125rem 0 #00000021;
--elevation-button-focus: var(--elevation-focus-ring);
--elevation-switch-input-default-inset: var(--elevation-sm-inset);
}
@media (prefers-color-scheme: dark) {
:root:not(.theme-light) .theme-rpl,
:root:not(.theme-light).theme-rpl {
--color-ai-background-weaker: #00382B;
--color-ai-plain: #01A484;
--color-ai-plain-hover: #00C29D;
--color-avatar-gradient:
linear-gradient(
0deg,
#48545Bff,
#181C1Fff 75%);
--color-brand-background: #D93900;
--color-brand-background-hover: #AE2C00;
--color-brand-onBackground: #FFFFFF;
--color-caution-background: #D8A100;
--color-caution-background-hover: #FFBF0B;
--color-caution-onBackground: #000000;
--color-caution-plain: #FFBF0B;
--color-caution-plain-hover: #FFE284;
--color-danger-background: #BC0117;
--color-danger-background-disabled: #340F05;
--color-danger-background-hover: #EB001F;
--color-danger-background-weaker: #650405;
--color-danger-content: #FF4F40;
--color-danger-content-hover: #FF8773;
--color-danger-onBackground: #FFFFFF;
--color-danger-plain: #FF8773;
--color-danger-plain-hover: #FDB3A4;
--color-downvote-background: #6A5CFF;
--color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
--color-downvote-background-hover: #523DFF;
--color-downvote-content: #9580FF;
--color-downvote-content-weak: #6A5CFF;
--color-downvote-disabled: #9580FF4d;
--color-downvote-onBackground: #FFFFFF;
--color-downvote-onStrongScrim: #B29FFF;
--color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
--color-downvote-onStrongScrim-weaker: #9580FF;
--color-downvote-plain: #9580FF;
--color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
--color-downvote-plain-weaker: #6A5CFF;
--color-elevation-large1: #0000007F;
--color-elevation-large2: #00000033;
--color-elevation-medium1: #0000007F;
--color-elevation-medium2: #00000033;
--color-elevation-small: #00000054;
--color-elevation-xsmall: #000000AA;
--color-favorite: #B78800;
--color-global-admin: #D93900;
--color-global-black: #000000;
--color-global-brand-orangered: #FF4500;
--color-global-focus: #007FAE;
--color-global-gold: #D8A100;
--color-global-moderator: #008A10;
--color-global-nsfw: #DE019F;
--color-global-offline: #667780;
--color-global-online: #00C61C;
--color-global-orangered: #FF4500;
--color-global-stars: #D8A100;
--color-global-white: #FFFFFF;
--color-interactive-background-disabled: #FFFFFF0C;
--color-interactive-content-disabled: #FFFFFF3F;
--color-interactive-focused: #007FAE;
--color-interactive-pressed: #FFFFFF26;
--color-inverted-interactive-background-disabled: #0000000C;
--color-inverted-interactive-content-disabled: #0000003F;
--color-inverted-interactive-pressed: #00000026;
--color-inverted-neutral-background: #FFFFFF;
--color-inverted-neutral-background-hover: #F6F8F9;
--color-inverted-neutral-border: #00000033;
--color-inverted-neutral-content: #333D42;
--color-inverted-neutral-content-strong: #181C1F;
--color-inverted-secondary-background: #E5EBEE;
--color-inverted-secondary-background-hover: #DBE4E9;
--color-inverted-secondary-background-selected: #C9D7DE;
--color-inverted-secondary-onBackground: #000000;
--color-inverted-secondary-plain: #181C1F;
--color-inverted-secondary-plain-hover: #000000;
--color-media-background: rgba(0, 0, 0, 0.6);
--color-media-background-hover: rgba(0, 0, 0, 0.8);
--color-media-background-selected: rgba(0, 0, 0, 0.8);
--color-media-border-selected: #FFFFFF;
--color-media-border-weak: #FFFFFF19;
--color-media-onBackground: #FFFFFF;
--color-media-onBackground-disabled: #FFFFFF3F;
--color-media-onBackground-weak: #E5EBEE;
--color-neutral-background: #0E1113;
--color-neutral-background-container: #181C1F;
--color-neutral-background-container-hover: #21272A;
--color-neutral-background-container-strong: #21272A;
--color-neutral-background-container-strong-hover: #2A3236;
--color-neutral-background-gilded: #181C1F;
--color-neutral-background-gilded-hover: #21272A;
--color-neutral-background-hover: #181C1F;
--color-neutral-background-medium: #131313;
--color-neutral-background-pinned: #0E1113;
--color-neutral-background-selected: #2A3236;
--color-neutral-background-strong: #181C1F;
--color-neutral-background-strong-hover: #21272A;
--color-neutral-background-weak: #000000;
--color-neutral-background-weak-hover: #0E1113;
--color-neutral-border: #FFFFFF33;
--color-neutral-border-medium: #FFFFFF7F;
--color-neutral-border-strong: #F6F8F9;
--color-neutral-border-weak: #FFFFFF19;
--color-neutral-content: #B7CAD4;
--color-neutral-content-disabled: #303030;
--color-neutral-content-strong: #EEF1F3;
--color-neutral-content-weak: #8BA2AD;
--color-offline: #767676;
--color-online: #01A816;
--color-opacity-50: #F2F2F280;
--color-pizzaRed: #c62828;
--color-primary: #648EFC;
--color-primary-background: #115BCA;
--color-primary-background-hover: #1870F4;
--color-primary-background-selected: #648EFC;
--color-primary-border: #648EFC;
--color-primary-border-hover: #90A9FD;
--color-primary-hover: #90A9FD;
--color-primary-onBackground: #FFFFFF;
--color-primary-onBackground-selected: #000000;
--color-primary-plain: #648EFC;
--color-primary-plain-hover: #90A9FD;
--color-primary-plain-visited: #CF5FFF;
--color-primary-visited: #CF5FFF;
--color-scrim-background: #00000099;
--color-scrim-background-strong: #000000CC;
--color-secondary: #DBE4E9;
--color-secondary-background: #2A3236;
--color-secondary-background-hover: #333D42;
--color-secondary-background-selected: #3D494E;
--color-secondary-hover: #ffffff;
--color-secondary-onBackground: #FFFFFF;
--color-secondary-plain: #DBE4E9;
--color-secondary-plain-hover: #FFFFFF;
--color-secondary-plain-weak: #8BA2AD;
--color-secondary-weak: #748791;
--color-success-background: #016E0B;
--color-success-background-hover: #008A10;
--color-success-content: #01A816;
--color-success-hover: #00C61C;
--color-success-onBackground: #FFFFFF;
--color-success-plain: #00C61C;
--color-success-plain-hover: #58E15B;
--color-tone-1: #F2F2F2;
--color-tone-2: #ACACAC;
--color-tone-3: #434343;
--color-tone-4: #303030;
--color-tone-5: #1E1E1E;
--color-tone-6: #131313;
--color-tone-7: #080808;
--color-transparent-background-hover: #6677801a;
--color-ui-canvas: #080808;
--color-ui-modalbackground: var(--color-neutral-background-strong);
--color-upvote-background: #D93900;
--color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
--color-upvote-background-hover: #AE2C00;
--color-upvote-content: #FF4500;
--color-upvote-content-weak: var(--color-global-brand-orangered);
--color-upvote-disabled: #FF45004d;
--color-upvote-onBackground: #FFFFFF;
--color-upvote-onStrongScrim: #FF895D;
--color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-onStrongScrim-weaker: #FF4500;
--color-upvote-plain: #FF895D;
--color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-plain-weaker: #FF4500;
--color-warning-background: #B78800;
--color-warning-background-hover: #D8A100;
--color-warning-content: #B78800;
--color-warning-content-hover: #D8A100;
--color-warning-onBackground: #000000;
--color-button-primary-border-activated: transparent;
--color-button-plain-inverted-activated-text:
var(--color-neutral-background);
--color-input-radio-hover: var(--color-secondary-plain);
--color-shimmer-background: #ffffff08;
--color-shimmer-gradient-overlay:
linear-gradient(
to right,
#ffffff00,
#ffffff05 20%,
#ffffff0f 50%,
#ffffff08 70%,
#ffffff00 100%);
}
}
.theme-dark .theme-rpl,
.theme-dark.theme-rpl {
--color-ai-background-weaker: #00382B;
--color-ai-plain: #01A484;
--color-ai-plain-hover: #00C29D;
--color-avatar-gradient:
linear-gradient(
0deg,
#48545Bff,
#181C1Fff 75%);
--color-brand-background: #D93900;
--color-brand-background-hover: #AE2C00;
--color-brand-onBackground: #FFFFFF;
--color-caution-background: #D8A100;
--color-caution-background-hover: #FFBF0B;
--color-caution-onBackground: #000000;
--color-caution-plain: #FFBF0B;
--color-caution-plain-hover: #FFE284;
--color-danger-background: #BC0117;
--color-danger-background-disabled: #340F05;
--color-danger-background-hover: #EB001F;
--color-danger-background-weaker: #650405;
--color-danger-content: #FF4F40;
--color-danger-content-hover: #FF8773;
--color-danger-onBackground: #FFFFFF;
--color-danger-plain: #FF8773;
--color-danger-plain-hover: #FDB3A4;
--color-downvote-background: #6A5CFF;
--color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
--color-downvote-background-hover: #523DFF;
--color-downvote-content: #9580FF;
--color-downvote-content-weak: #6A5CFF;
--color-downvote-disabled: #9580FF4d;
--color-downvote-onBackground: #FFFFFF;
--color-downvote-onStrongScrim: #B29FFF;
--color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
--color-downvote-onStrongScrim-weaker: #9580FF;
--color-downvote-plain: #9580FF;
--color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
--color-downvote-plain-weaker: #6A5CFF;
--color-elevation-large1: #0000007F;
--color-elevation-large2: #00000033;
--color-elevation-medium1: #0000007F;
--color-elevation-medium2: #00000033;
--color-elevation-small: #00000054;
--color-elevation-xsmall: #000000AA;
--color-favorite: #B78800;
--color-global-admin: #D93900;
--color-global-black: #000000;
--color-global-brand-orangered: #FF4500;
--color-global-focus: #007FAE;
--color-global-gold: #D8A100;
--color-global-moderator: #008A10;
--color-global-nsfw: #DE019F;
--color-global-offline: #667780;
--color-global-online: #00C61C;
--color-global-orangered: #FF4500;
--color-global-stars: #D8A100;
--color-global-white: #FFFFFF;
--color-interactive-background-disabled: #FFFFFF0C;
--color-interactive-content-disabled: #FFFFFF3F;
--color-interactive-focused: #007FAE;
--color-interactive-pressed: #FFFFFF26;
--color-inverted-interactive-background-disabled: #0000000C;
--color-inverted-interactive-content-disabled: #0000003F;
--color-inverted-interactive-pressed: #00000026;
--color-inverted-neutral-background: #FFFFFF;
--color-inverted-neutral-background-hover: #F6F8F9;
--color-inverted-neutral-border: #00000033;
--color-inverted-neutral-content: #333D42;
--color-inverted-neutral-content-strong: #181C1F;
--color-inverted-secondary-background: #E5EBEE;
--color-inverted-secondary-background-hover: #DBE4E9;
--color-inverted-secondary-background-selected: #C9D7DE;
--color-inverted-secondary-onBackground: #000000;
--color-inverted-secondary-plain: #181C1F;
--color-inverted-secondary-plain-hover: #000000;
--color-media-background: rgba(0, 0, 0, 0.6);
--color-media-background-hover: rgba(0, 0, 0, 0.8);
--color-media-background-selected: rgba(0, 0, 0, 0.8);
--color-media-border-selected: #FFFFFF;
--color-media-border-weak: #FFFFFF19;
--color-media-onBackground: #FFFFFF;
--color-media-onBackground-disabled: #FFFFFF3F;
--color-media-onBackground-weak: #E5EBEE;
--color-neutral-background: #0E1113;
--color-neutral-background-container: #181C1F;
--color-neutral-background-container-hover: #21272A;
--color-neutral-background-container-strong: #21272A;
--color-neutral-background-container-strong-hover: #2A3236;
--color-neutral-background-gilded: #181C1F;
--color-neutral-background-gilded-hover: #21272A;
--color-neutral-background-hover: #181C1F;
--color-neutral-background-medium: #131313;
--color-neutral-background-pinned: #0E1113;
--color-neutral-background-selected: #2A3236;
--color-neutral-background-strong: #181C1F;
--color-neutral-background-strong-hover: #21272A;
--color-neutral-background-weak: #000000;
--color-neutral-background-weak-hover: #0E1113;
--color-neutral-border: #FFFFFF33;
--color-neutral-border-medium: #FFFFFF7F;
--color-neutral-border-strong: #F6F8F9;
--color-neutral-border-weak: #FFFFFF19;
--color-neutral-content: #B7CAD4;
--color-neutral-content-disabled: #303030;
--color-neutral-content-strong: #EEF1F3;
--color-neutral-content-weak: #8BA2AD;
--color-offline: #767676;
--color-online: #01A816;
--color-opacity-50: #F2F2F280;
--color-pizzaRed: #c62828;
--color-primary: #648EFC;
--color-primary-background: #115BCA;
--color-primary-background-hover: #1870F4;
--color-primary-background-selected: #648EFC;
--color-primary-border: #648EFC;
--color-primary-border-hover: #90A9FD;
--color-primary-hover: #90A9FD;
--color-primary-onBackground: #FFFFFF;
--color-primary-onBackground-selected: #000000;
--color-primary-plain: #648EFC;
--color-primary-plain-hover: #90A9FD;
--color-primary-plain-visited: #CF5FFF;
--color-primary-visited: #CF5FFF;
--color-scrim-background: #00000099;
--color-scrim-background-strong: #000000CC;
--color-secondary: #DBE4E9;
--color-secondary-background: #2A3236;
--color-secondary-background-hover: #333D42;
--color-secondary-background-selected: #3D494E;
--color-secondary-hover: #ffffff;
--color-secondary-onBackground: #FFFFFF;
--color-secondary-plain: #DBE4E9;
--color-secondary-plain-hover: #FFFFFF;
--color-secondary-plain-weak: #8BA2AD;
--color-secondary-weak: #748791;
--color-success-background: #016E0B;
--color-success-background-hover: #008A10;
--color-success-content: #01A816;
--color-success-hover: #00C61C;
--color-success-onBackground: #FFFFFF;
--color-success-plain: #00C61C;
--color-success-plain-hover: #58E15B;
--color-tone-1: #F2F2F2;
--color-tone-2: #ACACAC;
--color-tone-3: #434343;
--color-tone-4: #303030;
--color-tone-5: #1E1E1E;
--color-tone-6: #131313;
--color-tone-7: #080808;
--color-transparent-background-hover: #6677801a;
--color-ui-canvas: #080808;
--color-ui-modalbackground: var(--color-neutral-background-strong);
--color-upvote-background: #D93900;
--color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
--color-upvote-background-hover: #AE2C00;
--color-upvote-content: #FF4500;
--color-upvote-content-weak: var(--color-global-brand-orangered);
--color-upvote-disabled: #FF45004d;
--color-upvote-onBackground: #FFFFFF;
--color-upvote-onStrongScrim: #FF895D;
--color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-onStrongScrim-weaker: #FF4500;
--color-upvote-plain: #FF895D;
--color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-plain-weaker: #FF4500;
--color-warning-background: #B78800;
--color-warning-background-hover: #D8A100;
--color-warning-content: #B78800;
--color-warning-content-hover: #D8A100;
--color-warning-onBackground: #000000;
--color-button-primary-border-activated: transparent;
--color-button-plain-inverted-activated-text:
var(--color-neutral-background);
--color-input-radio-hover: var(--color-secondary-plain);
--color-shimmer-background: #ffffff08;
--color-shimmer-gradient-overlay:
linear-gradient(
to right,
#ffffff00,
#ffffff05 20%,
#ffffff0f 50%,
#ffffff08 70%,
#ffffff00 100%);
}
:root {
font-family: var(--font-sans);
font-size: 16px;
}
:root,
.theme-light,
.theme-dark {
background: var(--color-tone-7);
color: var(--color-neutral-content, var(--color-tone-1));
}
body {
font-size: var(--font-body);
}
:not(:defined):not(faceplate-auto-height-animator,
faceplate-dropdown-menu, faceplate-expandable-section-helper,
faceplate-hovercard, faceplate-tracker) {
visibility: hidden;
}
faceplate-hovercard:not(:defined) > [slot=content] {
display: none;
}
:focus-visible {
outline-color: var(--color-global-focus);
}
faceplate-banner [slot=closeButton] {
margin-left: var(--spacer-sm);
}
faceplate-banner [slot=actionButtons] button:first-of-type {
margin-right: var(--spacer-xs);
}
faceplate-banner[appearance=caution] button {
color: var(--color-banner-caution-text);
}
faceplate-banner[appearance=caution] button:hover {
background-color: var(--color-banner-caution-hover);
}
.button-favorite {
--button-color-background-focus: transparent;
--button-color-background-hover:
var(--color-button-plain-background-hover);
--button-color-background-disabled:
var(--color-button-plain-background-disabled);
--button-color-background-activated:
var(--color-button-plain-background-activated);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-text-default: var(--color-button-plain-text);
--button-color-text-disabled: var(--color-button-plain-text-disabled);
--button-color-text-activated: var(--color-button-plain-text-activated);
--button-color-text-hover: var(--color-button-plain-text-hover);
--button-border-color-default: transparent;
--button-color-text-default: var(--color-neutral-content-weak);
--button-color-background-default: transparent;
--button-color-text-hover: var(--color-secondary-onBackground);
}
.button-favorite-toggled {
--button-color-background-focus: transparent;
--button-color-background-hover:
var(--color-button-plain-background-hover);
--button-color-background-disabled:
var(--color-button-plain-background-disabled);
--button-color-background-activated:
var(--color-button-plain-background-activated);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-text-default: var(--color-button-plain-text);
--button-color-text-disabled: var(--color-button-plain-text-disabled);
--button-color-text-activated: var(--color-button-plain-text-activated);
--button-color-text-hover: var(--color-button-plain-text-hover);
--button-border-color-default: transparent;
--button-color-background-default: transparent;
--button-color-text-default: var(--color-button-favorite-text);
--button-color-text-hover: var(--color-button-favorite-text);
}
.button-secondary-toggled {
--button-color-background-default:
var(--color-button-secondary-background);
--button-color-background-focus:
var(--color-button-secondary-background-focus);
--button-color-background-hover:
var(--color-button-secondary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-background-disabled:
var(--color-button-secondary-background-disabled);
--button-color-background-activated:
var(--color-button-secondary-background-activated);
--button-color-text-default: var(--color-button-secondary-text);
--button-color-text-disabled:
var(--color-button-secondary-text-disabled);
--button-color-text-activated:
var(--color-button-secondary-text-activated);
--button-border-color-default: var(--color-button-secondary-border);
--button-color-background-default:
var(--color-button-secondary-background-activated);
--button-border-color-default: var(--color-neutral-border);
}
.button-caution {
--button-color-background-default:
var(--color-button-caution-background);
--button-color-background-hover:
var(--color-button-caution-background-hover);
--button-color-background-disabled:
var(--color-button-caution-background-disabled);
--button-color-text-default: var(--color-button-caution-text);
}
.rpl-vote-button-group {
--vote-button-divider-color: var(--color-neutral-border-weak);
}
.rpl-vote-button-group:not([disabled]) .rpl-vote-button-group-label {
color: var(--vote-button-label-color);
}
.rpl-vote-button-group:not([disabled]):hover.rpl-vote-button-group-label {
color: var(--vote-button-label-color-hover);
}
.rpl-vote-button-group .rpl-vote-button-group-divider {
background-color: var(--vote-button-divider-color);
}
.rpl-vote-button-group[disabled] button[rpl]:disabled {
--button-color-background-disabled: transparent;
}
.rpl-vote-button-group.button-plain {
--vote-button-label-color: var(--color-secondary-plain);
--vote-button-label-color-hover: var(--color-secondary-plain);
}
.rpl-vote-button-group.button-plain button[rpl]:first-child {
--button-color-text-hover: var(--color-upvote-plain-weaker);
}
.rpl-vote-button-group.button-plain button[rpl]:last-child {
--button-color-text-hover: var(--color-downvote-plain-weaker);
}
.rpl-vote-button-group.button-plain.upvote {
--vote-button-label-color: var(--color-upvote-plain);
}
.rpl-vote-button-group.button-plain.upvote button[rpl]:first-child {
--button-color-text-default: var(--color-upvote-plain-weaker);
--button-color-text-hover: var(--color-upvote-plain-weaker);
--button-color-text-disabled: var(--color-upvote-plain-disabled);
--button-color-text-activated: var(--color-upvote-plain-weaker);
}
.rpl-vote-button-group.button-plain.downvote {
--vote-button-label-color: var(--color-downvote-plain);
}
.rpl-vote-button-group.button-plain.downvote button[rpl]:last-child {
--button-color-text-default: var(--color-downvote-plain-weaker);
--button-color-text-disabled: var(--color-downvote-plain-disabled);
--button-color-text-activated: var(--color-downvote-plain-weaker);
}
.rpl-vote-button-group.button-secondary {
--vote-button-label-color: var(--color-secondary-plain);
--vote-button-label-color-hover: var(--color-secondary-plain);
--vote-button-divider-color: var(--color-neutral-border);
}
.rpl-vote-button-group.button-secondary button[rpl]:first-child {
--button-color-text-hover: var(--color-upvote-plain-weaker);
}
.rpl-vote-button-group.button-secondary button[rpl]:last-child {
--button-color-text-hover: var(--color-downvote-plain-weaker);
}
.rpl-vote-button-group.button-secondary.upvote,
.rpl-vote-button-group.button-secondary.upvote button[rpl] {
--button-color-text-default: var(--color-upvote-onBackground);
--button-color-text-hover: var(--color-upvote-onBackground);
--button-color-text-disabled: var(--color-upvote-disabled);
--button-color-text-activated: var(--color-upvote-onBackground);
}
.rpl-vote-button-group.button-secondary.upvote:not([disabled]),
.rpl-vote-button-group.button-secondary.upvote button[rpl]:not([disabled])
{
--button-color-background-default: var(--color-upvote-background);
--button-color-background-hover: var(--color-upvote-background-hover);
--button-color-background-active: var(--color-upvote-background-hover);
--vote-button-divider-color: var(--color-upvote-onBackground);
--vote-button-label-color: var(--color-media-onBackground);
}
.rpl-vote-button-group.button-secondary.downvote,
.rpl-vote-button-group.button-secondary.downvote button[rpl] {
--button-color-text-default: var(--color-downvote-onBackground);
--button-color-text-hover: var(--color-downvote-onBackground);
--button-color-text-disabled: var(--color-downvote-disabled);
--button-color-text-activated: var(--color-downvote-onBackground);
}
.rpl-vote-button-group.button-secondary.downvote:not([disabled]),
.rpl-vote-button-group.button-secondary.downvote
button[rpl]:not([disabled]) {
--button-color-background-default: var(--color-downvote-background);
--button-color-background-hover: var(--color-downvote-background-hover);
--button-color-background-active:
var(--color-downvote-background-hover);
--vote-button-divider-color: var(--color-upvote-onBackground);
--vote-button-label-color: var(--color-media-onBackground);
}
.rpl-vote-button-group.button-bordered-cab {
--vote-button-label-color: var(--color-secondary-plain);
--vote-button-label-color-hover: var(--color-secondary-plain);
}
.rpl-vote-button-group.button-bordered-cab button[rpl]:first-child {
--button-color-text-hover: var(--color-upvote-plain-weaker);
}
.rpl-vote-button-group.button-bordered-cab button[rpl]:last-child {
--button-color-text-hover: var(--color-downvote-plain-weaker);
}
.rpl-vote-button-group.button-bordered-cab.upvote {
--vote-button-label-color: var(--color-upvote-plain);
}
.rpl-vote-button-group.button-bordered-cab.upvote button[rpl]:first-child
{
--button-color-text-default: var(--color-upvote-plain-weaker);
--button-color-text-hover: var(--color-upvote-plain-weaker);
--button-color-text-disabled: var(--color-upvote-plain-disabled);
--button-color-text-activated: var(--color-upvote-plain-weaker);
}
.rpl-vote-button-group.button-bordered-cab.downvote {
--vote-button-label-color: var(--color-downvote-plain);
}
.rpl-vote-button-group.button-bordered-cab.downvote button[rpl]:last-child
{
--button-color-text-default: var(--color-downvote-plain-weaker);
--button-color-text-hover: var(--color-downvote-plain-weaker);
--button-color-text-disabled: var(--color-downvote-plain-disabled);
--button-color-text-activated: var(--color-downvote-plain-weaker);
}
.rpl-vote-button-group.button-media-cab {
--vote-button-label-color: var(--color-media-onBackground);
--vote-button-label-color-hover: var(--color-media-onBackground);
--vote-button-divider-color: var(--color-media-border-weak);
}
.rpl-vote-button-group.button-media-cab button[rpl]:first-child {
--button-color-text-hover: var(--color-upvote-onStrongScrim-weaker);
}
.rpl-vote-button-group.button-media-cab button[rpl]:last-child {
--button-color-text-hover: var(--color-downvote-onStrongScrim-weaker);
}
.rpl-vote-button-group.button-media-cab.upvote {
--vote-button-label-color: var(--color-upvote-onStrongScrim);
}
.rpl-vote-button-group.button-media-cab.upvote button[rpl]:first-child {
--button-color-text-default: var(--color-upvote-onStrongScrim-weaker);
--button-color-text-activated: var(--color-upvote-onStrongScrim-weaker);
--button-color-text-disabled:
var(--color-upvote-onStrongScrim-disabled);
}
.rpl-vote-button-group.button-media-cab.downvote {
--vote-button-label-color: var(--color-downvote-onStrongScrim);
}
.rpl-vote-button-group.button-media-cab.downvote button[rpl]:last-child {
--button-color-text-default: var(--color-downvote-onStrongScrim-weaker);
--button-color-text-activated:
var(--color-downvote-onStrongScrim-weaker);
--button-color-text-disabled:
var(--color-downvote-onStrongScrim-disabled);
}
faceplate-dropdown-menu:not(.connected) [slot=menu] {
display: none;
}
faceplate-dropdown-menu faceplate-menu li[rpl]:first-child [role=menuitem]
{
border-top-left-radius: var(--rem8);
border-top-right-radius: var(--rem8);
}
faceplate-dropdown-menu faceplate-menu li[rpl]:last-child [role=menuitem]
{
border-bottom-left-radius: var(--rem8);
border-bottom-right-radius: var(--rem8);
}
faceplate-expandable-section-helper {
display: contents;
}
faceplate-expandable-section-helper > details > summary {
list-style-type: none;
}
faceplate-expandable-section-helper > details > summary::marker,
faceplate-expandable-section-helper > details >
summary::-webkit-details-marker {
display: none;
}
faceplate-expandable-section-helper[rpl] > details > summary {
margin: 0;
}
faceplate-expandable-section-helper > details > summary
[icon-name=caret-down-outline] {
transition: transform 0.22s ease-in-out;
}
faceplate-expandable-section-helper[open] > details > summary
svg[rpl][icon-name=caret-down-outline],
faceplate-expandable-section-helper:not(:defined) > details[open] >
summary svg[rpl][icon-name=caret-down-outline] {
transform: rotate(180deg);
}
faceplate-expandable-section-helper:not([open]) > details > summary
svg[rpl][icon-name=caret-down-outline],
faceplate-expandable-section-helper:not(:defined) > details[open] >
summary svg[rpl][icon-name=caret-down-outline] {
transform: rotate(0deg);
}
address,
area,
article,
aside,
audio,
blockquote,
datalist,
details,
dl,
fieldset,
figure,
form,
input,
iframe,
img,
meter,
nav,
ol,
optgroup,
option,
output,
p,
pre,
progress,
ruby,
section,
textarea,
ul,
menu,
video {
margin-bottom: 1rem;
}
html,
input,
select,
button {
font-family: var(--font-sans);
}
body {
--faceplate-body-padding: 1.5rem;
margin: 0 auto;
padding: var(--faceplate-body-padding);
overflow-x: hidden;
word-break: break-word;
overflow-wrap: break-word;
line-height: 1.5;
}
@media (max-width: 599px) {
body {
--faceplate-body-padding: 1rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 1em 0 0.5em;
}
h1 {
font: var(--font-title-h1);
}
h2 {
font: var(--font-title-h2);
}
h3 {
font: var(--font-title-h3);
}
h4 {
font: var(--font-title-h4);
}
h5 {
font: var(--font-title-h5);
}
h6 {
font: var(--font-title-h6);
}
label {
text-transform: var(--misc-label-text-transform);
letter-spacing: var(--misc-label-letter-spacing);
font: var(--font-label-default);
color: var(--color-label-default);
}
label > input,
label > textarea {
margin-top: var(--spacer-label-default);
}
faceplate-switch-input + label,
input[type=checkbox] + label,
input[type=radio] + label {
font-size: inherit;
text-transform: inherit;
letter-spacing: inherit;
font-weight: inherit;
vertical-align: middle;
}
a {
color: var(--color-a-default);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
abbr:hover {
cursor: help;
}
blockquote {
padding: 1.5rem;
background: var(--color-tone-6);
border-left: 5px solid var(--color-tone-5);
}
abbr {
cursor: help;
}
blockquote *:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
header {
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
margin-left: calc(0px - (50vw - 50%));
margin-right: calc(0px - (50vw - 50%));
padding-top: var(--faceplate-body-padding);
padding-bottom: var(--faceplate-body-padding);
margin-top: calc(-1 * var(--faceplate-body-padding));
margin-bottom: var(--faceplate-body-padding);
background: var(--color-tone-6);
}
dialog header,
faceplate-dialog header,
article header,
section header,
main header,
aside header {
padding: 0.5rem 0;
margin: 1rem 0;
background: transparent;
}
dialog header h1,
faceplate-dialog header h1,
article header h1,
section header h1,
main header h1,
aside header h1 {
font: var(--font-title-h1);
}
header h1 {
font: var(--font-title-h0);
}
header > *:first-child {
margin-top: 0;
}
header > *:last-child {
margin-bottom: 0;
}
:where(button),
:where(input):where([type=submit], [type=reset], [type=button]) {
background: var(--button-color-background);
border-radius: 999px;
border: none;
border: var(--button-border-width, 0) solid var(--button-border-color,
transparent);
box-shadow: var(--button-shadow);
box-sizing: border-box;
color: var(--button-color-text);
cursor: pointer;
display: inline-block;
font: var(--button-font);
height: var(--button-height);
line-height: calc(var(--button-height) - (2 * var(--button-border-width,
0px)));
overflow: hidden;
padding: 0 calc(var(--button-padding) - var(--button-border-width,
0px));
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
outline-offset: 0;
--button-border-color: var(--button-border-color-default);
--button-border-width: var(--button-border-width-default);
--button-color-background: var(--button-color-background-default);
--button-color-text: var(--button-color-text-default);
--button-height: var(--size-button-sm-h);
--button-padding: var(--spacer-2xs);
--button-font: var(--font-button-sm);
--button-border-width-default: var(--line-button-sm-border);
--button-color-background-default:
var(--color-button-secondary-background);
--button-color-background-focus:
var(--color-button-secondary-background-focus);
--button-color-background-hover:
var(--color-button-secondary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-background-disabled:
var(--color-button-secondary-background-disabled);
--button-color-background-activated:
var(--color-button-secondary-background-activated);
--button-color-text-default: var(--color-button-secondary-text);
--button-color-text-disabled:
var(--color-button-secondary-text-disabled);
--button-color-text-activated:
var(--color-button-secondary-text-activated);
--button-border-color-default: var(--color-button-secondary-border);
}
:where(button).icon,
:where(input):where([type=submit], [type=reset], [type=button]).icon {
width: var(--button-height);
}
:where(button) .button-icon,
:where(input):where([type=submit], [type=reset], [type=button])
.button-icon {
margin-right: var(--spacer-xs);
}
:where(button) .dropdown-icon,
:where(input):where([type=submit], [type=reset], [type=button])
.dropdown-icon {
transform: rotate(0deg);
transition: transform 0.2s ease-in-out;
}
:where(button):focus,
:where(input):where([type=submit], [type=reset], [type=button]):focus {
--button-color-overlay: var(--color-button-overlay-focus);
}
:where(button).hover,
:where(input):where([type=submit], [type=reset], [type=button]).hover {
--button-color-overlay: var(--color-button-overlay-focus);
--button-border-color: var(--button-border-color-hover);
--button-color-background: var(--button-color-background-hover);
--button-color-text: var(--button-color-text-hover,
var(--button-color-text-default));
}
@media (hover: hover) {
:where(button):hover,
:where(input):where([type=submit], [type=reset], [type=button]):hover {
--button-color-overlay: var(--color-button-overlay-focus);
--button-border-color: var(--button-border-color-hover);
--button-color-background: var(--button-color-background-hover);
--button-color-text: var(--button-color-text-hover,
var(--button-color-text-default));
}
}
:where(button):active,
:where(input):where([type=submit], [type=reset], [type=button]):active,
:where(button).active,
:where(input):where([type=submit], [type=reset], [type=button]).active {
--button-color-overlay: var(--color-button-overlay-active);
--button-color-background:
linear-gradient(var(--color-interactive-pressed),
var(--color-interactive-pressed)), var(--button-color-background-active);
}
:where(button):disabled,
:where(input):where([type=submit], [type=reset], [type=button]):disabled,
:where(button).anchor-disabled,
:where(input):where([type=submit], [type=reset],
[type=button]).anchor-disabled {
--button-border-color-hover: var(--button-border-color-default);
--button-color-background: var(--button-color-background-disabled);
--button-color-text: var(--button-color-text-disabled);
cursor: not-allowed;
pointer-events: none;
}
:where(button).disabled.pointer-all,
:where(input):where([type=submit], [type=reset],
[type=button]).disabled.pointer-all {
--button-border-color-hover: var(--button-border-color-default);
--button-color-background: var(--button-color-background-disabled);
--button-color-text: var(--button-color-text-disabled);
cursor: not-allowed;
pointer-events: all;
}
:where(button).button-activated,
:where(input):where([type=submit], [type=reset],
[type=button]).button-activated {
--button-border-color: var(--button-border-color-activated);
--button-color-background: var(--button-color-background-activated);
--button-color-text: var(--button-color-text-activated);
}
small :where(button),
small :where(input):where([type=submit], [type=reset], [type=button]) {
--button-height: var(--size-button-xs-h);
--button-padding: var(--spacer-sm);
--button-font: var(--font-button-xs);
--button-border-width-default: var(--line-button-xs-border);
}
:where(button).button-large,
:where(input):where([type=submit], [type=reset],
[type=button]).button-large {
--button-height: var(--size-button-lg-h);
--button-padding: var(--spacer-xs);
--button-font: var(--font-button-lg);
--button-border-width-default: var(--line-button-lg-border);
}
:where(button).button-primary,
:where(input):where([type=submit], [type=reset],
[type=button]).button-primary {
--button-color-background-default: var(--color-primary-background);
--button-color-background-focus: var(--color-primary-background);
--button-color-background-hover:
var(--color-button-primary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-primary-background-hover),
var(--color-button-primary-background-hover));
--button-color-background-disabled:
var(--color-button-primary-background-disabled);
--button-color-background-activated:
var(--color-button-primary-background-activated);
--button-color-text-default: var(--color-global-white);
--button-color-text-disabled: var(--color-button-primary-text-disabled);
--button-color-text-activated:
var(--color-button-primary-text-activated);
--button-border-color-default: transparent;
}
:where(button).button-plain,
:where(input):where([type=submit], [type=reset],
[type=button]).button-plain {
--button-color-background-default: transparent;
--button-color-background-focus: transparent;
--button-color-background-hover:
var(--color-button-plain-background-hover);
--button-color-background-disabled:
var(--color-button-plain-background-disabled);
--button-color-background-activated:
var(--color-button-plain-background-activated);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-text-default: var(--color-button-plain-text);
--button-color-text-disabled: var(--color-button-plain-text-disabled);
--button-color-text-activated: var(--color-button-plain-text-activated);
--button-color-text-hover: var(--color-button-plain-text-hover);
--button-border-color-default: transparent;
}
:where(button).button-icon-only,
:where(input):where([type=submit], [type=reset],
[type=button]).button-icon-only {
--button-padding: 0;
width: var(--button-height);
}
:root {
--button-color-background-default:
var(--color-button-secondary-background);
--button-color-background-focus:
var(--color-button-secondary-background-focus);
--button-color-background-hover:
var(--color-button-secondary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-background-disabled:
var(--color-button-secondary-background-disabled);
--button-color-background-activated:
var(--color-button-secondary-background-activated);
--button-color-text-default: var(--color-button-secondary-text);
--button-color-text-disabled:
var(--color-button-secondary-text-disabled);
--button-color-text-activated:
var(--color-button-secondary-text-activated);
--button-border-color-default: var(--color-button-secondary-border);
}
:where(button, input):where([type=submit]) {
--button-color-background-default: var(--color-primary-background);
--button-color-background-focus: var(--color-primary-background);
--button-color-background-hover:
var(--color-button-primary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-primary-background-hover),
var(--color-button-primary-background-hover));
--button-color-background-disabled:
var(--color-button-primary-background-disabled);
--button-color-background-activated:
var(--color-button-primary-background-activated);
--button-color-text-default: var(--color-global-white);
--button-color-text-disabled: var(--color-button-primary-text-disabled);
--button-color-text-activated:
var(--color-button-primary-text-activated);
--button-border-color-default: transparent;
}
faceplate-tablist button {
border-radius: 0;
}
faceplate-tablist button:first-child {
border-radius: 999px 0 0 999px;
}
faceplate-tablist button:last-child {
border-radius: 0 999px 999px 0;
}
faceplate-tablist a {
border-bottom: 2px solid var(--button-color-primary);
color: inherit;
display: inline-block;
font: var(--font-button-b3);
padding: 0.5rem 1rem 0.375rem;
}
faceplate-tablist a:hover {
text-decoration: none;
}
code,
pre,
kbd,
samp {
font-size: var(--font-code);
font-family: var(--font-mono);
background: var(--color-tone-6);
border: 1px solid var(--color-tone-5);
border-radius: 4px;
padding: 2px 4px;
font-size: 0.9em;
}
pre {
background: var(--color-tone-5);
border-color: var(--color-tone-4);
padding: 1rem 1.4rem;
max-width: 100%;
overflow: auto;
}
kbd {
border-bottom-width: 3px;
}
pre code {
background: inherit;
font-size: inherit;
color: inherit;
border: 0;
padding: 0;
margin: 0;
}
code pre {
display: inline;
background: inherit;
font-size: inherit;
color: inherit;
border: 0;
padding: 0;
margin: 0;
}
details {
padding: 0.5rem 1rem;
background: var(--color-tone-6);
border: var(--misc-accordion-border);
border-radius: var(--radius-accordion-size);
}
details summary {
cursor: pointer;
font-weight: bold;
list-style-type: var(--misc-accordion-closed-list-style-type);
}
details[open] summary {
margin-bottom: 0.375rem;
list-style-type: var(--misc-accordion-open-list-style-type);
}
details[open] summary icon-caret-down,
details[open] summary svg[rpl][icon-name=caret-down-outline] {
transform: rotate(180deg);
transition: transform 0.22s ease-in-out;
}
details summary icon-caret-down,
details summary svg[rpl][icon-name=caret-down-outline] {
transform: rotate(0);
transition: transform 0.22s ease-in-out;
}
details[open] > *:last-child {
margin-bottom: 0;
}
dt {
font-weight: bold;
margin-bottom: 0.5rem;
}
dd {
margin-inline-start: 2rem;
}
hr {
border: 0;
border-bottom: 1px solid var(--color-divider-default);
background-color: transparent;
margin: var(--misc-divider-margin);
}
hr[padding="2xs"] {
padding: var(--spacer-2xs);
}
hr[padding=xs] {
padding: var(--spacer-xs);
}
hr[padding=sm] {
padding: var(--spacer-sm);
}
hr[padding=md] {
padding: var(--spacer-md);
}
hr[color=subdued] {
border-bottom-color: var(--color-neutral-border-weak);
}
hr[color=inverted] {
border-bottom-color: var(--color-neutral-border-strong);
}
fieldset {
margin-top: 1rem;
padding: 1rem 2rem;
border: 1px solid var(--color-tone-5);
border-radius: 0.25rem;
background: var(--color-tone-7);
min-width: 0;
}
legend {
padding: 0;
font-weight: bold;
}
table {
border-collapse: collapse;
width: 100%;
word-break: normal;
margin-bottom: 1rem;
}
td,
th {
text-align: left;
padding: 0.5rem;
}
th {
background: var(--color-tone-6);
}
tr:nth-child(even) {
background: var(--color-tone-6);
}
table caption {
font-weight: bold;
margin-bottom: 0.5rem;
}
textarea {
max-width: 100%;
}
ol,
ul {
padding-left: 2rem;
}
li {
margin-top: 0.25rem;
}
menu {
list-style-type: none;
padding-left: 0;
border-radius: 4px;
width: fit-content;
border: 1px solid var(--color-tone-5);
}
menu li {
padding: 0.5rem 0.75rem;
border-block-end: 1px solid var(--color-tone-5);
}
menu li:last-child {
border-block-end: none;
}
menu menu,
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
ins {
text-decoration-color: var(--color-success-content);
text-decoration-line: overline underline;
text-underline-position: under;
}
del {
text-decoration-color: var(--color-danger-content);
text-decoration-line: overline underline line-through;
text-underline-position: under;
}
textarea,
select,
input {
font-family: var(--font-sans);
color: var(--color-input-text);
padding: 0.5rem 0.75rem;
margin-bottom: 0.5rem;
background: var(--color-input-default);
border: var(--color-input-default) solid var(--line-input-border);
border-radius: var(--radius-sm);
box-shadow: none;
box-sizing: border-box;
font-size: 1rem;
}
textarea:disabled,
select:disabled,
input:disabled {
cursor: not-allowed;
opacity: 0.5;
}
textarea:invalid,
select:invalid,
input:invalid {
border-color: var(--color-danger-content);
}
img {
max-width: 100%;
}
input[type=radio],
input[type=checkbox] {
vertical-align: middle;
margin-bottom: 0;
margin-top: 0;
}
input[type=color],
input[type=range] {
padding: initial;
}
input[type=search] {
border-radius: 400px;
-webkit-appearance: textfield;
}
input {
max-width: 100%;
}
dialog {
border: 0;
border-radius: 4px;
padding: 1rem;
box-shadow: var(--boxshadow-modal);
background: var(--color-ui-modalbackground);
}
dialog::backdrop {
background: var(--color-scrim);
}
.fp-avatar-container img {
margin-bottom: 0;
}
faceplate-expandable-section-helper {
display: contents;
}
faceplate-expandable-section-helper > details > summary {
list-style-type: none;
}
faceplate-expandable-section-helper > details > summary::marker,
faceplate-expandable-section-helper > details >
summary::-webkit-details-marker {
display: none;
}
faceplate-expandable-section-helper[rpl] > details > summary {
margin: 0;
}
faceplate-expandable-section-helper > details > summary
[icon-name=caret-down-outline] {
transition: transform 0.22s ease-in-out;
}
faceplate-expandable-section-helper[open] > details > summary
svg[rpl][icon-name=caret-down-outline],
faceplate-expandable-section-helper:not(:defined) > details[open] >
summary svg[rpl][icon-name=caret-down-outline] {
transform: rotate(180deg);
}
faceplate-expandable-section-helper:not([open]) > details > summary
svg[rpl][icon-name=caret-down-outline],
faceplate-expandable-section-helper:not(:defined) > details[open] >
summary svg[rpl][icon-name=caret-down-outline] {
transform: rotate(0deg);
}
faceplate-hovercard:not(:defined) > [slot=content] {
display: none;
}
faceplate-hovercard[trigger=mouse] a,
faceplate-hovercard[trigger=mouse] button,
faceplate-hovercard[trigger=mouse] [faceplate-focusable],
faceplate-hovercard[trigger=mouse] [tabindex="0"] {
outline: none;
}
.translate-x-px,
.rotate-90,
.-scale-x-100,
.transform {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
}
.shadow-xs,
.shadow-md {
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
.ring {
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
.container {
width: 100%;
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 960px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1416px) {
.container {
max-width: 1416px;
}
}
@media (min-width: 1920px) {
.container {
max-width: 1920px;
}
}
.a {
color: var(--color-a-default);
font-size: 1em;
text-decoration: none;
}
.\!a {
color: var(--color-a-default) !important;
font-size: 1em !important;
text-decoration: none !important;
}
.a:hover {
color: var(--color-a-hover);
}
.\!a:hover {
color: var(--color-a-hover) !important;
}
.a:visited:not(.no-visited),
.a.visited:not(.no-visited) {
color: var(--color-a-visited);
}
.\!a:visited:not(.no-visited),
.\!a.visited:not(.no-visited) {
color: var(--color-a-visited) !important;
}
.button {
background: var(--button-color-background);
border-radius: 999px;
border: none;
border: var(--button-border-width, 0) solid var(--button-border-color,
transparent);
box-shadow: var(--button-shadow);
box-sizing: border-box;
color: var(--button-color-text);
cursor: pointer;
display: inline-block;
font: var(--button-font);
height: var(--button-height);
line-height: calc(var(--button-height) - (2 * var(--button-border-width,
0px)));
overflow: hidden;
padding: 0 calc(var(--button-padding) - var(--button-border-width,
0px));
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
outline-offset: 0;
--button-border-color: var(--button-border-color-default);
--button-border-width: var(--button-border-width-default);
--button-color-background: var(--button-color-background-default);
--button-color-text: var(--button-color-text-default);
}
.button.icon {
width: var(--button-height);
}
.button .button-icon {
margin-right: var(--spacer-xs);
}
.button .dropdown-icon {
transform: rotate(0deg);
transition: transform 0.2s ease-in-out;
}
.button:focus {
--button-color-overlay: var(--color-button-overlay-focus);
}
.button.hover {
--button-color-overlay: var(--color-button-overlay-focus);
--button-border-color: var(--button-border-color-hover);
--button-color-background: var(--button-color-background-hover);
--button-color-text: var(--button-color-text-hover,
var(--button-color-text-default));
}
@media (hover: hover) {
.button:hover {
--button-color-overlay: var(--color-button-overlay-focus);
--button-border-color: var(--button-border-color-hover);
--button-color-background: var(--button-color-background-hover);
--button-color-text: var(--button-color-text-hover,
var(--button-color-text-default));
}
}
.button:active,
.button.active {
--button-color-overlay: var(--color-button-overlay-active);
--button-color-background:
linear-gradient(var(--color-interactive-pressed),
var(--color-interactive-pressed)), var(--button-color-background-active);
}
.button:active,
.button.\!active {
--button-color-overlay: var(--color-button-overlay-active) !important;
--button-color-background:
linear-gradient(var(--color-interactive-pressed),
var(--color-interactive-pressed)), var(--button-color-background-active)
!important;
}
.button:disabled,
.button.anchor-disabled {
--button-border-color-hover: var(--button-border-color-default);
--button-color-background: var(--button-color-background-disabled);
--button-color-text: var(--button-color-text-disabled);
cursor: not-allowed;
pointer-events: none;
}
.button.disabled.pointer-all {
--button-border-color-hover: var(--button-border-color-default);
--button-color-background: var(--button-color-background-disabled);
--button-color-text: var(--button-color-text-disabled);
cursor: not-allowed;
pointer-events: all;
}
.button.\!disabled.pointer-all {
--button-border-color-hover: var(--button-border-color-default)
!important;
--button-color-background: var(--button-color-background-disabled)
!important;
--button-color-text: var(--button-color-text-disabled) !important;
cursor: not-allowed !important;
pointer-events: all !important;
}
.button.button-activated {
--button-border-color: var(--button-border-color-activated);
--button-color-background: var(--button-color-background-activated);
--button-color-text: var(--button-color-text-activated);
}
.button-shell {
background: var(--button-color-background);
border-radius: 999px;
border: none;
border: var(--button-border-width, 0) solid var(--button-border-color,
transparent);
box-shadow: var(--button-shadow);
box-sizing: border-box;
color: var(--button-color-text);
cursor: pointer;
display: inline-block;
font: var(--button-font);
height: var(--button-height);
line-height: calc(var(--button-height) - (2 * var(--button-border-width,
0px)));
overflow: hidden;
padding: 0 calc(var(--button-padding) - var(--button-border-width,
0px));
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
outline-offset: 0;
--button-border-color: var(--button-border-color-default);
--button-border-width: var(--button-border-width-default);
--button-color-background: var(--button-color-background-default);
--button-color-text: var(--button-color-text-default);
}
.button-shell.icon {
width: var(--button-height);
}
.button-large {
--button-height: var(--size-button-lg-h);
--button-padding: var(--spacer-xs);
--button-font: var(--font-button-lg);
--button-border-width-default: var(--line-button-lg-border);
}
.button-medium {
--button-height: var(--size-button-md-h);
--button-padding: var(--spacer-xs);
--button-font: var(--font-button-md);
--button-border-width-default: var(--line-button-md-border);
}
.button-small {
--button-height: var(--size-button-sm-h);
--button-padding: var(--spacer-2xs);
--button-font: var(--font-button-sm);
--button-border-width-default: var(--line-button-sm-border);
}
.button-x-small {
--button-height: var(--size-button-xs-h);
--button-padding: var(--spacer-sm);
--button-font: var(--font-button-xs);
--button-border-width-default: var(--line-button-xs-border);
}
.button-primary {
--button-color-background-default: var(--color-primary-background);
--button-color-background-focus: var(--color-primary-background);
--button-color-background-hover:
var(--color-button-primary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-primary-background-hover),
var(--color-button-primary-background-hover));
--button-color-background-disabled:
var(--color-button-primary-background-disabled);
--button-color-background-activated:
var(--color-button-primary-background-activated);
--button-color-text-default: var(--color-global-white);
--button-color-text-disabled: var(--color-button-primary-text-disabled);
--button-color-text-activated:
var(--color-button-primary-text-activated);
--button-border-color-default: transparent;
}
.button-secondary {
--button-color-background-default:
var(--color-button-secondary-background);
--button-color-background-focus:
var(--color-button-secondary-background-focus);
--button-color-background-hover:
var(--color-button-secondary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-background-disabled:
var(--color-button-secondary-background-disabled);
--button-color-background-activated:
var(--color-button-secondary-background-activated);
--button-color-text-default: var(--color-button-secondary-text);
--button-color-text-disabled:
var(--color-button-secondary-text-disabled);
--button-color-text-activated:
var(--color-button-secondary-text-activated);
--button-border-color-default: var(--color-button-secondary-border);
}
.button-tertiary {
--button-color-background-default:
var(--color-button-tertiary-background);
--button-color-background-focus:
var(--color-button-tertiary-background-focus);
--button-color-background-hover:
var(--color-button-tertiary-background-hover);
--button-color-background-disabled:
var(--color-button-tertiary-background-disabled);
--button-color-background-activated:
var(--color-button-tertiary-background-activated);
--button-color-text-default: var(--color-button-tertiary-text);
--button-color-text-disabled:
var(--color-button-tertiary-text-disabled);
--button-color-text-activated:
var(--color-button-tertiary-text-activated);
--button-border-color-default: transparent;
}
.button-plain {
--button-color-background-default: transparent;
--button-color-background-focus: transparent;
--button-color-background-hover:
var(--color-button-plain-background-hover);
--button-color-background-disabled:
var(--color-button-plain-background-disabled);
--button-color-background-activated:
var(--color-button-plain-background-activated);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-text-default: var(--color-button-plain-text);
--button-color-text-disabled: var(--color-button-plain-text-disabled);
--button-color-text-activated: var(--color-button-plain-text-activated);
--button-color-text-hover: var(--color-button-plain-text-hover);
--button-border-color-default: transparent;
}
.button-plain-weak {
--button-color-background-default: transparent;
--button-color-background-focus: transparent;
--button-color-background-hover:
var(--color-button-plain-background-hover);
--button-color-background-disabled:
var(--color-button-plain-background-disabled);
--button-color-background-activated:
var(--color-button-plain-background-activated);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-text-default: var(--color-button-plain-text);
--button-color-text-disabled: var(--color-button-plain-text-disabled);
--button-color-text-activated: var(--color-button-plain-text-activated);
--button-color-text-hover: var(--color-button-plain-text-hover);
--button-border-color-default: transparent;
--button-color-text-default: var(--color-button-plain-text-weak);
}
.button-bordered {
--button-color-background-default: transparent;
--button-color-background-focus: transparent;
--button-color-background-hover: transparent;
--button-color-background-active: linear-gradient(transparent,
transparent);
--button-color-background-disabled: transparent;
--button-color-background-activated:
var(--color-button-secondary-background-activated);
--button-color-text-default: var(--color-secondary-plain);
--button-color-text-disabled: var(--color-interactive-content-disabled);
--button-color-text-activated: var(--color-neutral-content-strong);
--button-color-text-hover: var(--color-secondary-plain-hover);
--button-border-color-default: var(--color-neutral-border-medium);
--button-border-color-hover: var(--color-neutral-border-strong);
--button-border-color-active: var(--color-neutral-border-strong);
--button-border-color-activated: var(--color-neutral-border-strong);
--button-border-color-disabled: var(--color-neutral-content-disabled);
--button-border-width-default: var(--line-sm);
--button-border-width-activated: var(--line-sm);
}
.button-bordered-cab {
--button-color-background-default: transparent;
--button-color-background-focus: transparent;
--button-color-background-hover: transparent;
--button-color-background-active: linear-gradient(transparent,
transparent);
--button-color-background-disabled: transparent;
--button-color-background-activated:
var(--color-button-secondary-background-activated);
--button-color-text-default: var(--color-secondary-plain);
--button-color-text-disabled: var(--color-interactive-content-disabled);
--button-color-text-activated: var(--color-neutral-content-strong);
--button-color-text-hover: var(--color-secondary-plain-hover);
--button-border-color-default: var(--color-neutral-border-medium);
--button-border-color-hover: var(--color-neutral-border-strong);
--button-border-color-active: var(--color-neutral-border-strong);
--button-border-color-activated: var(--color-neutral-border-strong);
--button-border-color-disabled: var(--color-neutral-content-disabled);
--button-border-width-default: var(--line-sm);
--button-border-width-activated: var(--line-sm);
--button-color-background-hover:
var(--color-button-secondary-background-hover);
--button-border-color-default: var(--color-neutral-border-weak);
--button-border-color-hover: var(--color-neutral-border-weak);
--button-border-color-active: var(--color-neutral-border-weak);
--button-border-color-activated: var(--color-neutral-border-weak);
}
.button-destructive {
--button-color-background-default: var(--color-danger-background);
--button-color-background-focus: var(--color-danger-background-hover);
--button-color-background-hover: var(--color-danger-background-hover);
--button-color-background-active:
linear-gradient(var(--color-danger-background-hover),
var(--color-danger-background-hover));
--button-color-background-disabled:
var(--color-button-secondary-background-disabled);
--button-color-text-default: var(--color-danger-content-default);
--button-color-text-disabled:
var(--color-button-secondary-text-disabled);
--button-border-color-default: transparent;
--button-border-color-hover: transparent;
--button-border-color-active: transparent;
}
.button-media {
--button-color-background-default: var(--color-media-background);
--button-color-background-focus: var(--color-media-background-hover);
--button-color-background-hover: var(--color-media-background-hover);
--button-color-background-active:
linear-gradient(var(--color-media-background-hover),
var(--color-media-background-hover));
--button-border-color-activated: var(--color-neutral-content-strong);
--button-color-text-default: white;
--button-color-text-disabled: var(--color-media-onbackground-disabled);
--button-color-background-disabled: var(--color-media-background);
}
.button-media-cab {
--button-color-background-default: transparent;
--button-color-background-hover: var(--color-media-background-hover);
--button-color-background-disabled: transparent;
--button-color-background-active:
linear-gradient(var(--color-media-background-hover),
var(--color-media-background-hover));
--button-color-background-activated:
var(--color-media-background-selected);
--button-color-text-default: var(--color-media-onBackground);
--button-color-text-activated: var(--color-media-onBackground);
--button-color-text-hover: var(--color-media-onBackground);
--button-color-text-disabled: var(--color-media-onbackground-disabled);
--button-border-color-default: var(--color-media-border-weak);
--button-border-color-hover: var(--color-media-border-weak);
--button-border-color-disabled: var(--color-media-border-weak);
--button-border-width-default: var(--line-sm);
}
.button-brand {
--button-color-background-default: var(--color-brand-background);
--button-color-background-hover: var(--color-brand-background-hover);
--button-color-background-active:
linear-gradient(var(--color-brand-background-hover),
var(--color-brand-background-hover));
--button-color-background-disabled:
var(--color-interactive-background-disabled);
--button-color-text-default: var(--color-danger-content-default);
--button-color-text-disabled: var(--color-interactive-content-disabled);
--button-border-color-default: transparent;
}
.button-success {
--button-color-background-default: var(--color-success-background);
--button-color-background-focus: var(--color-success-background-hover);
--button-color-background-hover: var(--color-success-background-hover);
--button-color-background-active:
linear-gradient(var(--color-success-background-hover),
var(--color-success-background-hover));
--button-color-background-disabled:
var(--color-button-primary-background-disabled);
--button-color-text-default: var(--color-success-onBackground);
--button-color-text-disabled: var(--color-button-primary-text-disabled);
--button-border-color-default: transparent;
}
.button-plain-inverted {
--button-color-background-default: transparent;
--button-color-background-focus: var(--color-neutral-content);
--button-color-background-hover: var(--color-neutral-content);
--button-color-background-active: var(--color-interactive-pressed);
--button-color-background-disabled: transparent;
--button-color-text-default: var(--color-neutral-background-weak);
--button-color-text-disabled: var(--color-neutral-content);
--button-border-color-default: transparent;
--button-color-background-activated:
var(--color-button-plain-inverted-background-activated);
--button-color-text-activated:
var(--color-button-plain-inverted-text-activated);
}
.full-snoo-xs {
--full-snoo-size: var(--rem48);
--full-snoo-top-spacer: 0.125rem;
--full-snoo-bottom-spacer: calc(-1 * 0.1875rem);
}
.full-snoo-xs:not(.no-safe-area) {
height: var(--full-snoo-size);
width: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
}
.full-snoo-xs:not(.no-safe-area) > img {
bottom: var(--full-snoo-bottom-spacer);
}
.full-snoo-xs > img {
width: var(--rem36);
}
.full-snoo-sm {
--full-snoo-size: var(--rem64);
--full-snoo-top-spacer: 0.125rem;
--full-snoo-bottom-spacer: calc(-1 * var(--rem4));
}
.full-snoo-sm:not(.no-safe-area) {
height: var(--full-snoo-size);
width: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
}
.full-snoo-sm:not(.no-safe-area) > img {
bottom: var(--full-snoo-bottom-spacer);
}
.full-snoo-sm > img {
width: var(--rem48);
}
.full-snoo-md {
--full-snoo-size: var(--rem88);
--full-snoo-top-spacer: var(--spacer-2xs);
--full-snoo-bottom-spacer: calc(-1 * var(--rem6));
}
.full-snoo-md:not(.no-safe-area) {
height: var(--full-snoo-size);
width: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
}
.full-snoo-md:not(.no-safe-area) > img {
bottom: var(--full-snoo-bottom-spacer);
}
.full-snoo-md > img {
width: var(--rem64);
}
.full-snoo-lg {
--full-snoo-size: var(--rem144);
--full-snoo-top-spacer: 0.375rem;
--full-snoo-bottom-spacer: calc(-1 * var(--rem10));
}
.full-snoo-lg:not(.no-safe-area) {
height: var(--full-snoo-size);
width: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
}
.full-snoo-lg:not(.no-safe-area) > img {
bottom: var(--full-snoo-bottom-spacer);
}
.full-snoo-lg > img {
width: 6.625rem;
}
.full-snoo-xl {
--full-snoo-size: var(--rem192);
--full-snoo-top-spacer: var(--spacer-xs);
--full-snoo-bottom-spacer: calc(-1 * var(--rem14));
}
.full-snoo-xl:not(.no-safe-area) {
height: var(--full-snoo-size);
width: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
}
.full-snoo-xl:not(.no-safe-area) > img {
bottom: var(--full-snoo-bottom-spacer);
}
.full-snoo-xl > img {
width: 8.8125rem;
}
.full-snoo-2xl {
--full-snoo-size: var(--rem320);
--full-snoo-top-spacer: var(--spacer-sm);
--full-snoo-bottom-spacer: calc(-1 * var(--rem22));
}
.full-snoo-2xl:not(.no-safe-area) {
height: var(--full-snoo-size);
width: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
}
.full-snoo-2xl:not(.no-safe-area) > img {
bottom: var(--full-snoo-bottom-spacer);
}
.full-snoo-2xl > img {
width: 14.75rem;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.pointer-events-none {
pointer-events: none;
}
.visible {
visibility: visible;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.top-0 {
top: 0px;
}
.left-0 {
left: 0px;
}
.right-0 {
right: 0px;
}
.-right-\[0\.0625rem\] {
right: -0.0625rem;
}
.right-\[0\.05rem\] {
right: 0.05rem;
}
.right-\[0\.10rem\] {
right: 0.10rem;
}
.-right-\[0\.0825rem\] {
right: -0.0825rem;
}
.-right-\[0\.125rem\] {
right: -0.125rem;
}
.-right-\[\.65rem\] {
right: -.65rem;
}
.-right-\[\.75rem\] {
right: -.75rem;
}
.bottom-0 {
bottom: 0px;
}
.top-1\/2 {
top: 50%;
}
.isolate {
isolation: isolate;
}
.z-\[2\] {
z-index: 2;
}
.z-\[1000\] {
z-index: 1000;
}
.z-auto {
z-index: auto;
}
.z-50 {
z-index: 50;
}
.col-span-full {
grid-column: 1 / -1;
}
.m-0 {
margin: 0px;
}
.m-auto {
margin: auto;
}
.m-md {
margin: 1rem;
}
.m-xs {
margin: 0.5rem;
}
.m-xl {
margin: 2rem;
}
.mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.my-md {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-sm {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.my-2xs {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mx-md {
margin-left: 1rem;
margin-right: 1rem;
}
.my-xl {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mx-xs {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.-mx-xs {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.mr-md {
margin-right: 1rem;
}
.mb-lg {
margin-bottom: 1.5rem;
}
.mt-xs {
margin-top: 0.5rem;
}
.mt-lg {
margin-top: 1.5rem;
}
.mt-0 {
margin-top: 0px;
}
.mb-sm {
margin-bottom: 0.75rem;
}
.mt-md {
margin-top: 1rem;
}
.mr-lg {
margin-right: 1.5rem;
}
.mt-2xl {
margin-top: 3rem;
}
.mt-sm {
margin-top: 0.75rem;
}
.-mb-\[4px\] {
margin-bottom: -4px;
}
.mr-sm {
margin-right: 0.75rem;
}
.mb-\[24px\] {
margin-bottom: 24px;
}
.mb-xs {
margin-bottom: 0.5rem;
}
.ml-xs {
margin-left: 0.5rem;
}
.ml-sm {
margin-left: 0.75rem;
}
.mb-xl {
margin-bottom: 2rem;
}
.mb-2xs {
margin-bottom: 0.25rem;
}
.mt-xl {
margin-top: 2rem;
}
.mb-0 {
margin-bottom: 0px;
}
.mt-\[40px\] {
margin-top: 40px;
}
.mb-md {
margin-bottom: 1rem;
}
.mr-xs {
margin-right: 0.5rem;
}
.-mt-\[2px\] {
margin-top: -2px;
}
.-mt-2xs {
margin-top: -0.25rem;
}
.ml-2xs {
margin-left: 0.25rem;
}
.-ml-\[var\(--rem4\)\] {
margin-left: calc(var(--rem4) * -1);
}
.-ml-\[var\(--rem6\)\] {
margin-left: calc(var(--rem6) * -1);
}
.-ml-\[var\(--rem8\)\] {
margin-left: calc(var(--rem8) * -1);
}
.-ml-\[var\(--rem10\)\] {
margin-left: calc(var(--rem10) * -1);
}
.-ml-\[var\(--rem12\)\] {
margin-left: calc(var(--rem12) * -1);
}
.-ml-\[var\(--rem14\)\] {
margin-left: calc(var(--rem14) * -1);
}
.-ml-\[var\(--rem16\)\] {
margin-left: calc(var(--rem16) * -1);
}
.-ml-\[var\(--rem18\)\] {
margin-left: calc(var(--rem18) * -1);
}
.-ml-\[var\(--rem20\)\] {
margin-left: calc(var(--rem20) * -1);
}
.ml-0 {
margin-left: 0px;
}
.mr-\[calc\(var\(--size-button-sm-h\)-var\(--rem10\)-var\(--button-border-
width-default\)\)\] {
margin-right: calc(var(--size-button-sm-h) - var(--rem10) -
var(--button-border-width-default));
}
.mr-\[var\(--rem6\)\] {
margin-right: var(--rem6);
}
.ml-\[3px\] {
margin-left: 3px;
}
.mr-2xs {
margin-right: 0.25rem;
}
.mt-\[-0\.125rem\] {
margin-top: -0.125rem;
}
.ml-\[-\.25rem\] {
margin-left: -.25rem;
}
.mt-\[-0\.25rem\] {
margin-top: -0.25rem;
}
.ml-md {
margin-left: 1rem;
}
.mr-\[6px\] {
margin-right: 6px;
}
.ml-\[-2px\] {
margin-left: -2px;
}
.box-border {
box-sizing: border-box;
}
.box-content {
box-sizing: content-box;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.list-item {
display: list-item;
}
.hidden {
display: none;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.h-3xl {
height: 4rem;
}
.h-100 {
height: 100%;
}
.h-full {
height: 100%;
}
.h-\[40px\] {
height: 40px;
}
.h-\[95vh\] {
height: 95vh;
}
.h-\[4px\] {
height: 4px;
}
.h-\[296px\] {
height: 296px;
}
.h-screen {
height: 100vh;
}
.h-\[20px\] {
height: 20px;
}
.h-\[84px\] {
height: 84px;
}
.h-\[26px\] {
height: 26px;
}
.h-\[21px\] {
height: 21px;
}
.h-\[38px\] {
height: 38px;
}
.h-\[60px\] {
height: 60px;
}
.h-\[180px\] {
height: 180px;
}
.h-1\/2 {
height: 50%;
}
.h-\[85vh\] {
height: 85vh;
}
.h-\[2px\] {
height: 2px;
}
.h-2xs {
height: 0.25rem;
}
.h-\[1rem\] {
height: 1rem;
}
.h-\[1\.5rem\] {
height: 1.5rem;
}
.h-\[2rem\] {
height: 2rem;
}
.h-\[2\.5rem\] {
height: 2.5rem;
}
.h-\[3rem\] {
height: 3rem;
}
.h-\[3\.5rem\] {
height: 3.5rem;
}
.h-\[4rem\] {
height: 4rem;
}
.h-\[5\.5rem\] {
height: 5.5rem;
}
.h-\[2\.875rem\] {
height: 2.875rem;
}
.h-\[3\.25rem\] {
height: 3.25rem;
}
.h-\[4\.5rem\] {
height: 4.5rem;
}
.h-\[\.25rem\] {
height: .25rem;
}
.h-\[\.375rem\] {
height: .375rem;
}
.h-\[\.625rem\] {
height: .625rem;
}
.h-\[1\.25rem\] {
height: 1.25rem;
}
.h-xs {
height: 0.5rem;
}
.h-md {
height: 1rem;
}
.h-xl {
height: 2rem;
}
.h-2xl {
height: 3rem;
}
.h-lg {
height: 1.5rem;
}
.h-auto {
height: auto;
}
.max-h-min {
max-height: min-content;
}
.max-h-\[600px\] {
max-height: 600px;
}
.max-h-\[25vh\] {
max-height: 25vh;
}
.max-h-\[60vh\] {
max-height: 60vh;
}
.max-h-full {
max-height: 100%;
}
.max-h-\[596px\] {
max-height: 596px;
}
.max-h-\[480px\] {
max-height: 480px;
}
.max-h-\[620px\] {
max-height: 620px;
}
.max-h-100 {
max-height: 100%;
}
.max-h-\[var\(--rem20\)\] {
max-height: var(--rem20);
}
.min-h-screen {
min-height: 100vh;
}
.min-h-\[1rem\] {
min-height: 1rem;
}
.min-h-\[1\.5rem\] {
min-height: 1.5rem;
}
.min-h-\[2rem\] {
min-height: 2rem;
}
.min-h-\[2\.5rem\] {
min-height: 2.5rem;
}
.min-h-\[3rem\] {
min-height: 3rem;
}
.min-h-\[2\.875rem\] {
min-height: 2.875rem;
}
.min-h-\[3\.25rem\] {
min-height: 3.25rem;
}
.min-h-\[4\.5rem\] {
min-height: 4.5rem;
}
.w-3xl {
width: 4rem;
}
.w-100 {
width: 100%;
}
.w-md {
width: 1rem;
}
.w-full {
width: 100%;
}
.w-\[70\%\] {
width: 70%;
}
.w-\[15\%\] {
width: 15%;
}
.w-\[95vw\] {
width: 95vw;
}
.w-1\/2 {
width: 50%;
}
.w-min {
width: min-content;
}
.w-\[30\%\] {
width: 30%;
}
.w-\[40\%\] {
width: 40%;
}
.w-\[200px\] {
width: 200px;
}
.w-\[300px\] {
width: 300px;
}
.w-2\/3 {
width: 66.666667%;
}
.w-\[20px\] {
width: 20px;
}
.w-1\/3 {
width: 33.333333%;
}
.w-\[32rem\] {
width: 32rem;
}
.w-1\/4 {
width: 25%;
}
.w-fit {
width: fit-content;
}
.w-\[150px\] {
width: 150px;
}
.w-8\/12 {
width: 66.666667%;
}
.w-1\/6 {
width: 16.666667%;
}
.w-10\/12 {
width: 83.333333%;
}
.w-screen {
width: 100vw;
}
.w-\[28vw\] {
width: 28vw;
}
.w-\[1rem\] {
width: 1rem;
}
.w-\[1\.5rem\] {
width: 1.5rem;
}
.w-\[2rem\] {
width: 2rem;
}
.w-\[2\.5rem\] {
width: 2.5rem;
}
.w-\[3rem\] {
width: 3rem;
}
.w-\[3\.5rem\] {
width: 3.5rem;
}
.w-\[4rem\] {
width: 4rem;
}
.w-\[5\.5rem\] {
width: 5.5rem;
}
.w-\[2\.875rem\] {
width: 2.875rem;
}
.w-\[3\.25rem\] {
width: 3.25rem;
}
.w-\[4\.5rem\] {
width: 4.5rem;
}
.w-\[\.25rem\] {
width: .25rem;
}
.w-\[\.375rem\] {
width: .375rem;
}
.w-\[\.625rem\] {
width: .625rem;
}
.w-\[1\.25rem\] {
width: 1.25rem;
}
.w-xs {
width: 0.5rem;
}
.w-xl {
width: 2rem;
}
.w-px {
width: 1px;
}
.min-w-full {
min-width: 100%;
}
.min-w-\[1rem\] {
min-width: 1rem;
}
.min-w-\[1\.5rem\] {
min-width: 1.5rem;
}
.min-w-\[2rem\] {
min-width: 2rem;
}
.min-w-\[2\.5rem\] {
min-width: 2.5rem;
}
.min-w-\[3rem\] {
min-width: 3rem;
}
.min-w-\[2\.875rem\] {
min-width: 2.875rem;
}
.min-w-\[3\.25rem\] {
min-width: 3.25rem;
}
.min-w-\[4\.5rem\] {
min-width: 4.5rem;
}
.min-w-\[0\.5rem\] {
min-width: 0.5rem;
}
.min-w-0 {
min-width: 0px;
}
.max-w-md {
max-width: 28rem;
}
.max-w-5xl {
max-width: 64rem;
}
.max-w-\[380px\] {
max-width: 380px;
}
.max-w-full {
max-width: 100%;
}
.max-w-\[480px\] {
max-width: 480px;
}
.max-w-2xl {
max-width: 42rem;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[178px\] {
max-width: 178px;
}
.max-w-\[180px\] {
max-width: 180px;
}
.max-w-\[72px\] {
max-width: 72px;
}
.max-w-\[492px\] {
max-width: 492px;
}
.max-w-lg {
max-width: 32rem;
}
.max-w-\[400px\] {
max-width: 400px;
}
.flex-none {
flex: none;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.flex-shrink {
flex-shrink: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.shrink {
flex-shrink: 1;
}
.flex-grow {
flex-grow: 1;
}
.grow {
flex-grow: 1;
}
.grow-0 {
flex-grow: 0;
}
.table-fixed {
table-layout: fixed;
}
.translate-x-px {
--tw-translate-x: 1px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-100 {
--tw-scale-x: -1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.animate-spin {
animation: spin 1s linear infinite;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-auto {
cursor: auto;
}
.select-none {
user-select: none;
}
.select-all {
user-select: all;
}
.resize {
resize: both;
}
.list-inside {
list-style-position: inside;
}
.list-none {
list-style-type: none;
}
.list-disc {
list-style-type: disc;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.content-start {
align-content: flex-start;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.items-baseline {
align-items: baseline;
}
.items-stretch {
align-items: stretch;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-xs {
gap: 0.5rem;
}
.gap-2xs {
gap: 0.25rem;
}
.gap-md {
gap: 1rem;
}
.gap-sm {
gap: 0.75rem;
}
.gap-lg {
gap: 1.5rem;
}
.gap-xl {
gap: 2rem;
}
.gap-\[0\.5rem\] {
gap: 0.5rem;
}
.gap-\[var\(--rem4\)\] {
gap: var(--rem4);
}
.gap-x-2xl {
column-gap: 3rem;
}
.gap-x-lg {
column-gap: 1.5rem;
}
.gap-y-xs {
row-gap: 0.5rem;
}
.space-y-\[8px\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(8px * var(--tw-space-y-reverse));
}
.space-y-xs > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-x-xs > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-\[16px\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(16px * var(--tw-space-y-reverse));
}
.space-y-sm > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.self-start {
align-self: flex-start;
}
.self-center {
align-self: center;
}
.justify-self-end {
justify-self: end;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-ellipsis {
text-overflow: ellipsis;
}
.text-ellipsis {
text-overflow: ellipsis;
}
.whitespace-normal {
white-space: normal;
}
.whitespace-nowrap {
white-space: nowrap;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.break-normal {
overflow-wrap: normal;
word-break: normal;
}
.rounded-\[8px\] {
border-radius: 8px;
}
.rounded-lg {
border-radius: 2rem;
}
.rounded-md {
border-radius: 1.25rem;
}
.rounded-full {
border-radius: 624.9375rem;
}
.rounded-sm {
border-radius: 0.25rem;
}
.rounded-\[16px\] {
border-radius: 16px;
}
.rounded-\[\.5rem\] {
border-radius: .5rem;
}
.rounded-\[0\.5rem\] {
border-radius: 0.5rem;
}
.rounded-\[\.25rem\] {
border-radius: .25rem;
}
.rounded-\[\.50rem\] {
border-radius: .50rem;
}
.rounded-\[\.75rem\] {
border-radius: .75rem;
}
.rounded-\[1rem\] {
border-radius: 1rem;
}
.rounded-none {
border-radius: 0rem;
}
.rounded-l-\[8px\] {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.rounded-l-\[12px\] {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.rounded-r-\[8px\] {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.rounded-r-\[12px\] {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.border {
border-width: 0.0625rem;
}
.border-sm {
border-width: 0.0625rem;
}
.border-0 {
border-width: 0rem;
}
.border-lg {
border-width: 0.25rem;
}
.border-\[0\.125rem\] {
border-width: 0.125rem;
}
.border-\[0\.1875rem\] {
border-width: 0.1875rem;
}
.border-\[\.25rem\] {
border-width: .25rem;
}
.border-md {
border-width: 0.125rem;
}
.border-t {
border-top-width: 0.0625rem;
}
.border-b {
border-bottom-width: 0.0625rem;
}
.border-solid {
border-style: solid;
}
.border-hidden {
border-style: hidden;
}
.border-none {
border-style: none;
}
.border-neutral-border-weak {
border-color: var(--color-neutral-border-weak);
}
.border-neutral-border {
border-color: var(--color-neutral-border);
}
.border-tone-4 {
border-color: var(--color-tone-4);
}
.border-transparent {
border-color: transparent;
}
.border-interactive-pressed {
border-color: var(--color-interactive-pressed);
}
.border-neutral-background-selected {
border-color: var(--color-neutral-background-selected);
}
.border-neutral-background-weak {
border-color: var(--color-neutral-background-weak);
}
.border-tone-5 {
border-color: var(--color-tone-5);
}
.border-neutral-background-container {
border-color: var(--color-neutral-background-container);
}
.border-neutral-background {
border-color: var(--color-neutral-background);
}
.border-action-upvote {
border-color: var(--color-action-upvote);
}
.border-action-downvote {
border-color: var(--color-action-downvote);
}
.border-b-alienblue-600 {
--tw-border-opacity: 1;
border-bottom-color: rgb(17 91 202 / var(--tw-border-opacity));
}
.border-b-global-brand-orangered {
--tw-border-opacity: 1;
border-bottom-color: rgb(255 69 0 / var(--tw-border-opacity));
}
.bg-orangered-500 {
--tw-bg-opacity: 1;
background-color: rgb(217 57 0 / var(--tw-bg-opacity));
}
.bg-neutral-background {
background-color: var(--color-neutral-background);
}
.bg-neutral-background-weak {
background-color: var(--color-neutral-background-weak);
}
.bg-success-plain {
background-color: var(--color-success-plain);
}
.bg-danger-background-weaker {
background-color: var(--color-danger-background-weaker);
}
.bg-neutral-background-hover {
background-color: var(--color-neutral-background-hover);
}
.bg-neutral-content-strong {
background-color: var(--color-neutral-content-strong);
}
.bg-neutral-background-selected {
background-color: var(--color-neutral-background-selected);
}
.bg-neutral-content-weak {
background-color: var(--color-neutral-content-weak);
}
.bg-transparent {
background-color: transparent;
}
.bg-secondary-background-selected {
background-color: var(--color-secondary-background-selected);
}
.bg-alienblue-100 {
--tw-bg-opacity: 1;
background-color: rgb(220 226 251 / var(--tw-bg-opacity));
}
.bg-orangered-100 {
--tw-bg-opacity: 1;
background-color: rgb(252 219 207 / var(--tw-bg-opacity));
}
.bg-neutral-background-gilded {
background-color: var(--color-neutral-background-gilded);
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-secondary-background {
background-color: var(--color-secondary-background);
}
.bg-caution-background {
background-color: var(--color-caution-background);
}
.bg-success-background {
background-color: var(--color-success-background);
}
.bg-danger-background {
background-color: var(--color-danger-background);
}
.bg-primary {
background-color: var(--color-primary);
}
.bg-online {
background-color: var(--color-online);
}
.bg-brand-background {
background-color: var(--color-brand-background);
}
.bg-warning-background {
background-color: var(--color-warning-background);
}
.bg-neutral-content {
background-color: var(--color-neutral-content);
}
.bg-interactive-content-disabled {
background-color: var(--color-interactive-content-disabled);
}
.bg-inverted-neutral-background {
background-color: var(--color-inverted-neutral-background);
}
.bg-media-background {
background-color: var(--color-media-background);
}
.bg-\[color\:var\(--button-color-background-default\)\] {
background-color: var(--button-color-background-default);
}
.bg-secondary-plain {
background-color: var(--color-secondary-plain);
}
.bg-action-upvote {
background-color: var(--color-action-upvote);
}
.bg-action-downvote {
background-color: var(--color-action-downvote);
}
.bg-interactive-background-disabled {
background-color: var(--color-interactive-background-disabled);
}
.bg-\[color\:var\(--color-button-plain-background-disabled\)\] {
background-color: var(--color-button-plain-background-disabled);
}
.p-0 {
padding: 0px;
}
.p-xs {
padding: 0.5rem;
}
.p-md {
padding: 1rem;
}
.p-sm {
padding: 0.75rem;
}
.p-lg {
padding: 1.5rem;
}
.p-2xs {
padding: 0.25rem;
}
.px-md {
padding-left: 1rem;
padding-right: 1rem;
}
.py-md {
padding-top: 1rem;
padding-bottom: 1rem;
}
.px-xs {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-xs {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.px-lg {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-xl {
padding-top: 2rem;
padding-bottom: 2rem;
}
.px-sm {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.py-sm {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-2xs {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-\[var\(--rem10\)\] {
padding-left: var(--rem10);
padding-right: var(--rem10);
}
.px-\[var\(--rem14\)\] {
padding-left: var(--rem14);
padding-right: var(--rem14);
}
.px-\[var\(--rem6\)\] {
padding-left: var(--rem6);
padding-right: var(--rem6);
}
.px-\[var\(--rem8\)\] {
padding-left: var(--rem8);
padding-right: var(--rem8);
}
.px-\[var\(--rem12\)\] {
padding-left: var(--rem12);
padding-right: var(--rem12);
}
.px-\[0\.375rem\] {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
.py-\[0\.125rem\] {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.py-2xs {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-\[var\(--rem6\)\] {
padding-top: var(--rem6);
padding-bottom: var(--rem6);
}
.py-\[var\(--rem10\)\] {
padding-top: var(--rem10);
padding-bottom: var(--rem10);
}
.py-\[var\(--rem14\)\] {
padding-top: var(--rem14);
padding-bottom: var(--rem14);
}
.pt-sm {
padding-top: 0.75rem;
}
.pr-xs {
padding-right: 0.5rem;
}
.pt-lg {
padding-top: 1.5rem;
}
.pb-md {
padding-bottom: 1rem;
}
.pr-sm {
padding-right: 0.75rem;
}
.pb-0 {
padding-bottom: 0px;
}
.pl-xs {
padding-left: 0.5rem;
}
.pt-md {
padding-top: 1rem;
}
.pl-\[var\(--rem10\)\] {
padding-left: var(--rem10);
}
.pr-\[var\(--rem6\)\] {
padding-right: var(--rem6);
}
.pl-\[var\(--rem14\)\] {
padding-left: var(--rem14);
}
.pr-\[var\(--rem10\)\] {
padding-right: var(--rem10);
}
.pr-\[var\(--rem14\)\] {
padding-right: var(--rem14);
}
.pl-md {
padding-left: 1rem;
}
.pr-md {
padding-right: 1rem;
}
.pl-\[var\(--rem12\)\] {
padding-left: var(--rem12);
}
.pr-\[var\(--rem12\)\] {
padding-right: var(--rem12);
}
.pr-\[var\(--rem16\)\] {
padding-right: var(--rem16);
}
.pr-\[var\(--rem8\)\] {
padding-right: var(--rem8);
}
.pl-\[var\(--rem16\)\] {
padding-left: var(--rem16);
}
.pr-\[3px\] {
padding-right: 3px;
}
.pr-\[10px\] {
padding-right: 10px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-start {
text-align: start;
}
.align-baseline {
vertical-align: baseline;
}
.align-middle {
vertical-align: middle;
}
.font-sans {
font-family: var(--font-sans);
}
.text-32 {
font-size: 2rem;
line-height: 2.25rem;
}
.text-14 {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-24 {
font-size: 1.5rem;
line-height: 1.75rem;
}
.text-18 {
font-size: 1.125rem;
line-height: 1.5rem;
}
.text-16 {
font-size: 1rem;
line-height: 1.25rem;
}
.text-12 {
font-size: 0.75rem;
line-height: 1rem;
}
.text-48 {
font-size: 3rem;
line-height: 3rem;
}
.text-20 {
font-size: 1.25rem;
line-height: 1.25rem;
}
.text-10 {
font-size: 0.625rem;
line-height: 1rem;
}
.font-bold {
font-weight: 700;
}
.font-normal {
font-weight: 400;
}
.font-semibold {
font-weight: 600;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.leading-6 {
line-height: 1.5rem;
}
.leading-5 {
line-height: 1.25rem;
}
.leading-none {
line-height: 1;
}
.leading-9 {
line-height: 2.25rem;
}
.leading-4 {
line-height: 1rem;
}
.tracking-widest {
letter-spacing: 0.1em;
}
.text-primary-onBackground {
color: var(--color-primary-onBackground);
}
.text-neutral-content-strong {
color: var(--color-neutral-content-strong);
}
.text-neutral-content {
color: var(--color-neutral-content);
}
.text-neutral-content-weak {
color: var(--color-neutral-content-weak);
}
.text-secondary {
color: var(--color-secondary);
}
.text-orangered-400 {
--tw-text-opacity: 1;
color: rgb(255 69 0 / var(--tw-text-opacity));
}
.text-danger-content {
color: var(--color-danger-content);
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-success-content {
color: var(--color-success-content);
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(235 0 31 / var(--tw-text-opacity));
}
.text-alert-negative {
color: var(--color-alert-negative);
}
.text-success-plain {
color: var(--color-success-plain);
}
.text-neutral-background-strong {
color: var(--color-neutral-background-strong);
}
.text-interactive-content-disabled {
color: var(--color-interactive-content-disabled);
}
.text-caution-plain {
color: var(--color-caution-plain);
}
.text-global-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-orangered-500 {
--tw-text-opacity: 1;
color: rgb(217 57 0 / var(--tw-text-opacity));
}
.text-secondary-onBackground {
color: var(--color-secondary-onBackground);
}
.text-caution-onBackground {
color: var(--color-caution-onBackground);
}
.text-success-onBackground {
color: var(--color-success-onBackground);
}
.text-danger-onBackground {
color: var(--color-danger-onBackground);
}
.text-secondary-plain {
color: var(--color-secondary-plain);
}
.text-secondary-plain-weak {
color: var(--color-secondary-plain-weak);
}
.text-media-onbackground {
color: var(--color-media-onbackground);
}
.text-inverted-secondary-plain {
color: var(--color-inverted-secondary-plain);
}
.text-brand-onBackground {
color: var(--color-brand-onBackground);
}
.text-neutral-background {
color: var(--color-neutral-background);
}
.text-media-onBackground {
color: var(--color-media-onBackground);
}
.text-ai-plain {
color: var(--color-ai-plain);
}
.text-category-nsfw {
color: var(--color-category-nsfw);
}
.text-primary {
color: var(--color-primary);
}
.text-category-spoiler {
color: var(--color-category-spoiler);
}
.text-warning-content {
color: var(--color-warning-content);
}
.text-action-downvote {
color: var(--color-action-downvote);
}
.text-secondary-weak {
color: var(--color-secondary-weak);
}
.text-\[color\:var\(--button-color-text-default\)\] {
color: var(--button-color-text-default);
}
.text-media-onbackground-weak {
color: var(--color-media-onbackground-weak);
}
.\!text-neutral-content-strong {
color: var(--color-neutral-content-strong) !important;
}
.text-neutral-content-disabled {
color: var(--color-neutral-content-disabled);
}
.text-action-upvote {
color: var(--color-action-upvote);
}
.text-\[color\:var\(--color-button-secondary-text-disabled\)\] {
color: var(--color-button-secondary-text-disabled);
}
.text-\[color\:var\(--color-button-plain-text-disabled\)\] {
color: var(--color-button-plain-text-disabled);
}
.underline {
text-decoration-line: underline;
}
.line-through {
text-decoration-line: line-through;
}
.no-underline {
text-decoration-line: none;
}
.opacity-60 {
opacity: 0.6;
}
.opacity-40 {
opacity: 0.4;
}
.shadow-xs {
--tw-shadow: var(--elevation-xs);
--tw-shadow-colored: var(--elevation-xs);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-md {
--tw-shadow: var(--elevation-md);
--tw-shadow-colored: var(--elevation-md);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.outline {
outline-style: solid;
}
.ring {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px +
var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
}
.drop-shadow {
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0
1px 1px rgb(0 0 0 / 0.06));
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);
}
.invert {
--tw-invert: invert(100%);
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);
}
.transition {
transition-property:
color,
background-color,
border-color,
text-decoration-color,
fill,
stroke,
opacity,
box-shadow,
transform,
filter,
backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
*,
::before,
::after {
--davinci-blue: rgb(13, 189, 235);
--alien-blue: #4791ff;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-transform: translateX(var(--tw-translate-x))
translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))
skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
scaleY(var(--tw-scale-y));
}
body {
--faceplate-body-padding: 0;
}
body * {
--faceplate-body-padding: 0;
}
.markdown-container h1 {
display: block;
font-size: 2em;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.markdown-container h2 {
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.markdown-container h3 {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.markdown-container h4 {
display: block;
font-size: 1em;
margin-block-start: 1.33em;
margin-block-end: 1.33em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.markdown-container h5 {
display: block;
font-size: 0.83em;
margin-block-start: 1.67em;
margin-block-end: 1.67em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.markdown-container h6 {
display: block;
font-size: 0.67em;
margin-block-start: 2.33em;
margin-block-end: 2.33em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.markdown-container pre {
max-width: calc(100vw - 170px);
}
.before\:content-\[\'\2022\'\]::before {
--tw-content: "\2022";
content: var(--tw-content);
}
.even\:bg-neutral-background-weak-hover:nth-child(even) {
background-color: var(--color-neutral-background-weak-hover);
}
.visited\:text-secondary-plain:visited {
color: var(--color-secondary-plain);
}
.visited\:text-secondary-plain-weak:visited {
color: var(--color-secondary-plain-weak);
}
.visited\:text-media-onbackground:visited {
color: var(--color-media-onbackground);
}
.visited\:text-neutral-background-weak:visited {
color: var(--color-neutral-background-weak);
}
@media (hover: hover) and (pointer: fine) {
.hover\:cursor-none:hover {
cursor: none;
}
.hover\:border-neutral-border:hover {
border-color: var(--color-neutral-border);
}
.hover\:border-primary-background-hover:hover {
border-color: var(--color-primary-background-hover);
}
.hover\:border-transparent:hover {
border-color: transparent;
}
.hover\:bg-neutral-background-weak-hover:hover {
background-color: var(--color-neutral-background-weak-hover);
}
.hover\:bg-neutral-background-hover:hover {
background-color: var(--color-neutral-background-hover);
}
.hover\:bg-tone-5:hover {
background-color: var(--color-tone-5);
}
.hover\:bg-orangered-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(253 180 152 / var(--tw-bg-opacity));
}
.hover\:bg-downvote-background-hover:hover {
background-color: var(--color-downvote-background-hover);
}
.hover\:bg-upvote-background-hover:hover {
background-color: var(--color-upvote-background-hover);
}
.hover\:bg-secondary-background-hover:hover {
background-color: var(--color-secondary-background-hover);
}
.hover\:bg-neutral-background-selected:hover {
background-color: var(--color-neutral-background-selected);
}
.hover\:text-secondary-hover:hover {
color: var(--color-secondary-hover);
}
.hover\:text-global-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-secondary-plain-hover:hover {
color: var(--color-secondary-plain-hover);
}
.hover\:text-inverted-secondary-plain-hover:hover {
color: var(--color-inverted-secondary-plain-hover);
}
.hover\:text-action-downvote:hover {
color: var(--color-action-downvote);
}
.hover\:text-danger-content-hover:hover {
color: var(--color-danger-content-hover);
}
.hover\:text-secondary-plain:hover {
color: var(--color-secondary-plain);
}
.hover\:text-action-upvote:hover {
color: var(--color-action-upvote);
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:no-underline:hover {
text-decoration-line: none;
}
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus-visible\:text-action-downvote:focus-visible {
color: var(--color-action-downvote);
}
.focus-visible\:text-action-upvote:focus-visible {
color: var(--color-action-upvote);
}
.active\:bg-interactive-pressed:active {
background-color: var(--color-interactive-pressed);
}
.active\:bg-secondary-background:active {
background-color: var(--color-secondary-background);
}
.disabled\:bg-interactive-background-disabled:disabled {
background-color: var(--color-interactive-background-disabled);
}
.disabled\:text-interactive-content-disabled:disabled {
color: var(--color-interactive-content-disabled);
}
@media (hover: hover) and (pointer: fine) {
.group:hover .group-hover\:block {
display: block;
}
.group:hover .group-hover\:bg-secondary-plain-weak {
background-color: var(--color-secondary-plain-weak);
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-primary-background {
background-color: var(--color-primary-background);
}
.dark\:bg-orangered-800 {
--tw-bg-opacity: 1;
background-color: rgb(89 27 2 / var(--tw-bg-opacity));
}
@media (hover: hover) and (pointer: fine) {
.dark\:hover\:bg-orangered-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(132 33 0 / var(--tw-bg-opacity));
}
}
}
@media (min-width: 768px) {
.xs\:h-screen {
height: 100vh;
}
.xs\:w-\[385px\] {
width: 385px;
}
.xs\:w-\[512px\] {
width: 512px;
}
.xs\:flex-row {
flex-direction: row;
}
.xs\:gap-md {
gap: 1rem;
}
.xs\:gap-xl {
gap: 2rem;
}
.xs\:p-md {
padding: 1rem;
}
.xs\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.xs\:py-xl {
padding-top: 2rem;
padding-bottom: 2rem;
}
.xs\:text-20 {
font-size: 1.25rem;
line-height: 1.25rem;
}
.xs\:text-14 {
font-size: 0.875rem;
line-height: 1.25rem;
}
.xs\:text-24 {
font-size: 1.5rem;
line-height: 1.75rem;
}
.xs\:leading-7 {
line-height: 1.75rem;
}
}
@media (min-width: 960px) {
.s\:mt-0 {
margin-top: 0px;
}
.s\:block {
display: block;
}
.s\:hidden {
display: none;
}
.s\:w-\[375px\] {
width: 375px;
}
.s\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.s\:flex-row {
flex-direction: row;
}
.s\:flex-row-reverse {
flex-direction: row-reverse;
}
.s\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.s\:text-48 {
font-size: 3rem;
line-height: 3rem;
}
.s\:text-32 {
font-size: 2rem;
line-height: 2.25rem;
}
}
@media (min-width: 1200px) {
.m\:block {
display: block;
}
.m\:hidden {
display: none;
}
.m\:space-y-\[16px\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(16px * var(--tw-space-y-reverse));
}
.m\:space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(20px * var(--tw-space-y-reverse));
}
.m\:space-y-md > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.m\:px-\[15\%\] {
padding-left: 15%;
padding-right: 15%;
}
.m\:py-md {
padding-top: 1rem;
padding-bottom: 1rem;
}
.m\:pt-md {
padding-top: 1rem;
}
.m\:text-16 {
font-size: 1rem;
line-height: 1.25rem;
}
.m\:leading-7 {
line-height: 1.75rem;
}
}
.\[\&\>\:first-child\]\:mb-0 > :first-child {
margin-bottom: 0px;
}
.\[\&\>\:first-child\]\:max-h-full > :first-child {
max-height: 100%;
}
.\[\&\>\:first-child\]\:overflow-hidden > :first-child {
overflow: hidden;
}
.\[\&\>\:first-child\]\:rounded-\[inherit\] > :first-child {
border-radius: inherit;
}
/*# sourceMappingURL=styles-RLVGUUC2.css.map */
</style>
<script
type="module"
importance="high"
src="https://www.redditstatic.com/devvit-dev-portal/index-SWNGVBAA.js"
></script>
<link
href="https://www.redditstatic.com/devvit-dev-portal/assets/favicon/
orangered_icon_devvit_fill.svg"
rel="icon shortcut"
/>
</head>
<body class="theme-beta">
<div class="grow flex justify-center bg-neutral-background-hover">
<div class="grow max-w-5xl px-md mb-xl">
<div
class="bg-neutral-background border-sm border-solid border-tone-5
rounded-[8px] mt-lg mb-lg text-center p-lg"
>
<div class="m-xl">
<svg
width="150"
height="150"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_2315_652)">
<path
d="M2.32003 24.1538C-0.221507 23.8769 -0.996892 19.9262 1.61849
18.8738C2.41315 18.5926 3.27166 18.5446 4.09273 18.7354C4.91379 18.9262
5.66314 19.3479 6.25234 19.9508C7.23695 20.8615 8.25849 23.7169 8.45541
23.6431C9.90772 22.8923 10.1785 22.5046 11.5323 24.2585C14.0431 27.5262
13.1693 28.1354 9.93849 27.8523C4.64618 27.0769 5.11388 24.4554 2.32003
24.1538Z"
fill="black"
/>
<path
d="M1.38463 19.9877C2.5354 18.7569 4.07386 19.2307 5.29848
20.043C7.69848 21.643 7.34771 23.7354 8.20309 24.0738C9.05848 24.4123
9.56925 23.36 10.8616 23.9384C14.9539 25.7846 11.4769 26.8061 9.68001
26.9661C6.67078 27.2307 5.67386 24.8923 3.90771 23.7723C4.12256 23.6806
4.32855 23.5693 4.52309 23.44C4.76924 23.2861 3.85848 23.44 3.56309
23.6C1.62463 24.3507 -0.159986 21.6123 1.38463 19.9877Z"
fill="white"
/>
<path
d="M13.6615 8.94767C13.0461 9.18767 12.6277 9.36613 12.1969
9.51382C10.6402 10.1087 9.23879 11.0493 8.09844 12.2646C7.61211 12.661
7.023 12.9107 6.39998 12.9846C4.73844 13.4031 3.72921 14.0246 2.92306
15.5261C1.90152 17.4277 3.26152 19.4277 3.83383 19.8338C4.72613 20.4492
4.72613 21.0646 5.0646 22.1046C5.75998 24.1723 7.40306 25.5077 9.08306
26.7692C10.4133 27.4936 11.8543 27.9927 13.3477 28.2461C15.0154 28.5169
16.64 28.1231 18.2708 27.7846C19.9439 27.421 21.5397 26.7648 22.9846
25.8461C24.0348 25.1448 24.9957 24.3182 25.8461 23.3846C25.9261 23.2923
26.0123 23.2 26.0861 23.1077C26.784 22.2982 27.2978 21.3469 27.5921
20.3195C27.8864 19.2921 27.9542 18.2131 27.7908 17.1569C27.7585 16.7847
27.8709 16.4145 28.1046 16.1231C29.2308 14.7754 29.3354 11.7107 27.6369
10.1354C25.68 8.28921 23.5569 7.99382 21.1938 9.23074C20.9314 9.3343
20.6432 9.35366 20.3692 9.28613C19.7029 9.08885 19.0246 8.93468 18.3384
8.82459C17.1077 8.7569 15.9138 8.82459 14.7077 8.82459"
fill="black"
/>
<path
d="M3.91384 18.9969C4.19619 19.2707 4.53408 19.4805 4.90461
19.6123L5.03999 19.4092C5.23076 20.0677 5.39692 20.7385 5.6123
21.3908C5.9768 22.5941 6.60909 23.6992 7.46172 24.6233C8.31436 25.5473
9.36519 26.2663 10.5354 26.7262C16.0738 28.9046 21.8338 26.7262 25.3046
22.5723C26.1633 21.5206 26.6825 20.2331 26.7938 18.88C27.0512 17.1796
26.719 15.4424 25.8523 13.9569C25.8143 13.8961 25.7893 13.8281 25.7787
13.7572C25.7681 13.6863 25.7722 13.6139 25.7908 13.5446C26.1044 13.8479
26.3964 14.1728 26.6646 14.5169C26.8952 14.914 27.1007 15.325 27.28
15.7477C28.4061 14.5846 28.3569 12.4123 27.2308 11.0769C25.7846 9.36002
23.5877 8.84925 21.9631 9.95079C23.28 10.3016 25.04 12.4985 25.04
12.8369C23.5789 11.3954 21.7619 10.3666 19.7741 9.8553C17.7862 9.34401
15.6984 9.36846 13.7231 9.92617C9.58153 10.9846 6.76922 13.7785 5.23076
17.8462C5.26768 16.3569 5.93845 15.0892 6.67692 13.6062C6.1795 13.6856
5.69103 13.8133 5.21845 13.9877C3.39692 14.9231 2.54153 17.1692 3.91384
18.9969Z"
fill="white"
/>
<path
d="M30.4 18.9231C29.5192 18.6374 28.579 18.5865 27.6725
18.7754C26.7659 18.9643 25.9243 19.3864 25.2308 20C24.5925 20.6931 24.0671
21.4822 23.6739 22.3384C23.6782 22.3525 23.6782 22.3675 23.6739
22.3815C22.1908 25.6061 21.0216 26.4061 18.9969 27.2061C19.6123 27.76
20.8431 27.76 22.0739 27.8708C26.0493 28.2277 26.3816 23.9631 29.3662
24.2277C32.1908 24.4738 33.0585 19.9569 30.4 18.9231Z"
fill="black"
/>
<path
d="M8.42464 20.4862C8.26696 20.1029 8.2326 19.6801 8.32635
19.2765C8.42009 18.8728 8.63728 18.5084 8.94772 18.2339C9.33417 17.9425
9.776 17.7331 10.2462 17.6185C11.1569 17.4523 12.4369 18.3816 12.8123
19.2862C13.1877 20.1908 13.2123 20.9169 12.1969 21.5508C11.5826 21.9584
10.8603 22.1727 10.1231 22.1662C9.72065 22.0534 9.35355 21.84 9.0564
21.546C8.75925 21.2521 8.54183 20.8874 8.42464 20.4862Z"
fill="black"
/>
<path
d="M22.72 17.2307C21.9008 17.9924 20.8943 18.5233 19.8031
18.7692C18.7077 19.0523 17.8154 17.0707 18.08 15.7477C18.32 14.5784
19.5016 13.9015 20.88 14.1969C21.9692 14.4246 23.4585 16.6154 22.72
17.2307Z"
fill="black"
/>
<path
d="M18.88 15.9631C19.0288 15.6095 19.2909 15.3155 19.6251
15.1272C19.9593 14.9389 20.3466 14.8671 20.7261 14.9231C21.1003 15.0609
21.4211 15.3139 21.6423 15.6457C21.8635 15.9774 21.9736 16.3709 21.9569
16.7693C21.8092 17.557 21.0584 17.6246 19.9754 18C19.0338 18.357 18.6954
16.7631 18.88 15.9631Z"
fill="#FF4500"
/>
<path
d="M9.23076 19.3107C9.26675 19.1442 9.3369 18.987 9.43678
18.8491C9.53666 18.7111 9.66409 18.5953 9.81101 18.5091C9.95794 18.423
10.1211 18.3682 10.2903 18.3484C10.4595 18.3285 10.631 18.344 10.7938
18.3938C11.2267 18.4707 11.6122 18.7141 11.8676 19.0719C12.123 19.4297
12.228 19.8733 12.16 20.3077C11.9754 21.1446 11.3723 21.0277 10.4246
21.5384C9.65538 21.8954 9.03999 20.2707 9.23076 19.3107Z"
fill="#FF4500"
/>
<path
d="M16.1661 24.1969C18.2708 24.3077 22.9354 21.92 23.28
18.3138C23.3169 17.9015 22.4 19.2554 22.2338 19.6369C21.2615 21.8154
19.0277 22.9292 16.9723 23.5508C16.5477 23.68 15.3046 23.8585 16.1354
24.2215L16.1661 24.1969Z"
fill="black"
/>
<path
d="M30.5231 20.0677C29.2923 18.8369 27.6862 19.2923 26.3939
20.0984C25.6026 20.572 24.9491 21.2446 24.4985 22.0492C24.3631 22.3692
24.2154 22.6646 24.0616 22.9907C23.3687 24.5983 22.1865 25.9463 20.6831
26.843C21.0306 26.9161 21.3819 26.9695 21.7354 27.003C24.9108 27.2861
25.9754 24.9538 27.8462 23.84C27.6149 23.7475 27.3924 23.6342 27.1816
23.5015C26.9231 23.3477 27.8831 23.5015 28.197 23.6677C30.2462 24.4307
32.1477 21.6984 30.5231 20.0677Z"
fill="white"
/>
<path
d="M13.4707 9.60616C13.6554 8.37539 13.8031 7.23077 13.9938
6.11077C14.0206 5.89368 14.1251 5.69363 14.288 5.54768C14.451 5.40172
14.6613 5.31975 14.88 5.31693C15.7231 5.31693 16.56 5.31693 17.4031
5.3477C17.8031 5.3477 17.9323 5.56308 17.9754 5.96308C17.9865 6.40995
18.1356 6.84242 18.4023 7.20119C18.6689 7.55996 19.04 7.82746 19.4647
7.96699C19.8893 8.10652 20.3468 8.11126 20.7742 7.98056C21.2017 7.84985
21.5783 7.5901 21.8523 7.23693C22.0657 7.04148 22.2361 6.80378 22.3527
6.53892C22.4693 6.27406 22.5295 5.98785 22.5295 5.69847C22.5295 5.40908
22.4693 5.12287 22.3527 4.85801C22.2361 4.59315 22.0657 4.35545 21.8523
4.16C20.8431 3.23693 19.1692 3.22462 18.3938 4.16C18.2942 4.32113 18.1397
4.44094 17.9589 4.49745C17.7781 4.55396 17.5829 4.5434 17.4092
4.4677C16.508 4.18385 15.5412 4.18385 14.64 4.4677C14.3311 4.54403 14.0441
4.69104 13.8017 4.89714C13.5593 5.10324 13.3681 5.3628 13.2431
5.65539C12.6954 6.88616 12.7877 8.11693 12.8123 9.34769C12.8123 9.64923
12.8123 9.83385 12.48 9.96308"
fill="black"
/>
<path
d="M21.0093 4.7508C20.9001 4.6274 20.7665 4.52796 20.6169
4.45872C20.4674 4.38947 20.3052 4.35194 20.1404 4.34847C19.9757 4.345
19.812 4.37568 19.6597 4.43856C19.5074 4.50145 19.3697 4.59519 19.2554
4.71387C19.0984 4.81343 18.9632 4.94372 18.8578 5.0969C18.7524 5.25009
18.6792 5.423 18.6424 5.60524C18.6056 5.78748 18.606 5.97528 18.6437
6.15735C18.6814 6.33941 18.7555 6.51197 18.8616 6.66464C19.1094 6.97055
19.4587 7.17733 19.8461 7.24736C20.2335 7.31738 20.6332 7.24599 20.9723
7.04618C21.2769 6.74411 21.4513 6.33491 21.4582 5.90601C21.4651 5.4771
21.304 5.0625 21.0093 4.7508Z"
fill="white"
/>
</g>
<defs>
<clipPath id="clip0_2315_652">
<rect width="32" height="32" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="mb-md">
<h1 class="m-0 font-bold text-24 mb-xs">404</h1>
<h2 class="mb-xl text-16"></h2>
<a rpl
class="
button-medium px-[var(--rem14)]
button-brand
items-center justify-center
button inline-flex "
href="/"
><span
class="flex items-center justify-center"
>
<span class="flex items-center gap-xs">Back to Community Apps</span>
</span>
</a
>
</div>
</div>
</div>
</div>
Last error: 404 Not Found:
<!DOCTYPE html>
<html lang="en-US">
<head>
<!-- HTML Meta Tags -->
<meta
name="description"
content="Build powerful apps and immersive experiences to enhance
the communities you love."
/>
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://developers.reddit.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Reddit for Developers" />
<meta
property="og:description"
content="Build powerful apps and immersive experiences to enhance
the communities you love."
/>
<meta
property="og:image"
content="https://www.redditstatic.com/devvit-dev-portal/assets/flyin
gSnooSocial.png"
/>
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="developers.reddit.com" />
<meta property="twitter:url" content="https://developers.reddit.com"
/>
<meta name="twitter:title" content="Reddit for Developers" />
<meta
name="twitter:description"
content="Build powerful apps and immersive experiences to enhance
the communities you love."
/>
<meta
name="twitter:image"
content="https://www.redditstatic.com/devvit-dev-portal/assets/flyin
gSnooSocial.png"
/>
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-GWE79J8M6R"
></script>
<script nonce="">
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-GWE79J8M6R', {
user_id: '',
});
</script>
<title>Reddit for Developers</title>
<meta name="viewport" content="width=device-width,
initial-scale=1, viewport-fit=cover">
<link rel="preconnect" href="https://www.redditstatic.com/"
crossorigin="anonymous" />
<link rel="dns-prefetch" href="https://www.redditstatic.com/" />
<style>
/* src/styles.less */
:root,
.theme-light {
--rem360: 22.5rem;
--rem320: 20rem;
--rem192: 12rem;
--rem144: 9rem;
--rem128: 8rem;
--rem96: 6rem;
--rem90: 5.625rem;
--rem88: 5.5rem;
--rem64: 4rem;
--rem56: 3.5rem;
--rem48: 3rem;
--rem40: 2.5rem;
--rem36: 2.25rem;
--rem32: 2rem;
--rem28: 1.75rem;
--rem26: 1.625rem;
--rem24: 1.5rem;
--rem22: 1.375rem;
--rem20: 1.25rem;
--rem18: 1.125rem;
--rem16: 1rem;
--rem15: 0.9375rem;
--rem14: 0.875rem;
--rem12: 0.75rem;
--rem10: 0.625rem;
--rem8: 0.5rem;
--rem6: 0.375rem;
--rem4: 0.25rem;
--rem2: 0.125rem;
--rem1: 0.0625rem;
--spacer-4xs: 0.125rem;
--spacer-2xs: 0.25rem;
--spacer-xs: 0.5rem;
--spacer-sm: 0.75rem;
--spacer-md: 1rem;
--spacer-lg: 1.5rem;
--spacer-xl: 2rem;
--spacer-2xl: 3rem;
--spacer-a-px: 0px;
--spacer-button-lg-px: var(--spacer-lg);
--spacer-button-md-px: var(--spacer-lg);
--spacer-button-sm-px: var(--spacer-md);
--spacer-input-padding-left: 0px;
--spacer-input-padding-top: 0px;
--spacer-label-default: 0px;
--spacer-switch-input-active-pl: 0px;
--size-2xs: 0.25rem;
--size-xs: 0.5rem;
--size-sm: 0.75rem;
--size-md: 1rem;
--size-lg: 1.5rem;
--size-xl: 2rem;
--size-2xl: 3rem;
--size-3xl: 4rem;
--size-4xl: 6rem;
--size-5xl: 8rem;
--size-button-lg-h: 3.375rem;
--size-button-md-h: 2.75rem;
--size-button-sm-h: 2.125rem;
--size-button-xs-h: 1.375rem;
--size-switch-input-h: 1.25rem;
--size-switch-input-w: 2rem;
--line-sm: 0.0625rem;
--line-md: 0.125rem;
--line-lg: 0.25rem;
--line-a-focus: 0px;
--line-a-outline-moz: 0.0625rem;
--line-a-outline-wb: 0.3125rem;
--line-button-lg-border: 0.0625rem;
--line-button-md-border: 0.0625rem;
--line-button-sm-border: 0.0625rem;
--line-button-xs-border: 0.0625rem;
--line-button-border-activated: 0.0625rem;
--line-input-border: var(--line-sm);
--radius-sm: 0.25rem;
--radius-lg: 2rem;
--radius-full: 624.9375rem;
--radius-accordion-size: var(--radius-sm);
--font-10-15-bold: normal 700 0.625rem / 0.9375rem var(--font-sans);
--font-button-lg: normal 700 1.125rem / 1.375rem var(--font-sans);
--font-button-md: normal 700 1rem / 1.25rem var(--font-sans);
--font-button-sm: normal 700 0.875rem / 1.125rem var(--font-sans);
--font-button-xs: normal 700 0.75rem / 0.875rem var(--font-sans);
--font-label-default: var(--font-10-15-bold);
--misc-accordion-border: 1px solid var(--color-tone-5);
--misc-accordion-open-list-style-type: disclosure-open;
--misc-accordion-closed-list-style-type: disclosure-closed;
--misc-divider-margin: 0.5rem auto;
--misc-label-text-transform: uppercase;
--misc-label-letter-spacing: 0.5px;
--color-primary-visited: #660099;
--color-primary-background: #24a0ed;
--color-primary-background-hover: #006cbf;
--color-danger-content: #ea0027;
--color-success-content: #46d160;
--color-global-black: #000000;
--color-global-white: #ffffff;
--color-global-orangered: #D93900;
--color-global-alienblue: #0079d3;
--color-global-darkblue: #1d2535;
--color-tone-1: #1a1a1b;
--color-tone-2: #6a6d6f;
--color-tone-3: #878a8c;
--color-tone-4: #d3d6da;
--color-tone-5: #edeff1;
--color-tone-6: #f6f7f8;
--color-tone-7: #ffffff;
--color-action-primary: var(--color-primary-background);
--color-action-secondary: var(--color-primary-background-hover);
--color-action-upvote: var(--color-global-orangered);
--color-action-downvote: #7193ff;
--color-alert-positive: var(--color-success-content);
--color-alert-negative: var(--color-danger-content);
--color-alert-caution: #ffb000;
--color-identity-admin: var(--color-global-orangered);
--color-identity-moderator: #46d160;
--color-identity-self: #0dd3bb;
--color-identity-coins: #ddbd37;
--color-category-live: var(--color-global-orangered);
--color-category-nsfw: #ff3881;
--color-category-spoiler: var(--color-tone-1);
--color-ui-canvas: var(--color-tone-5);
--color-ui-modalbackground: var(--color-tone-7);
--color-opacity-highlight: linear-gradient(#006cbf1a,
var(--color-tone-6));
--color-opacity-08: #1a1a1b14;
--color-opacity-50: #00000080;
--color-scrim: #1a1a1b4d;
--color-a-default: var(--color-primary-background-hover);
--color-a-hover: var(--color-primary-background-hover);
--color-a-visited: var(--color-primary-background-hover);
--color-button-overlay-focus: #ffffff1a;
--color-button-overlay-active: #00000014;
--color-button-primary-background-hover:
var(--color-primary-background);
--color-button-primary-background-disabled: var(--color-tone-6);
--color-button-primary-border-hover: transparent;
--color-button-primary-border-active: transparent;
--color-button-primary-border-activated: transparent;
--color-button-primary-border-disabled: transparent;
--color-button-primary-text-disabled: var(--color-tone-2);
--color-button-secondary-background: transparent;
--color-button-secondary-background-focus: transparent;
--color-button-secondary-background-hover: transparent;
--color-button-secondary-background-disabled: var(--color-tone-6);
--color-button-secondary-background-activated: transparent;
--color-button-secondary-border: var(--color-primary-background-hover);
--color-button-secondary-border-hover:
var(--color-primary-background-hover);
--color-button-secondary-border-active:
var(--color-primary-background-hover);
--color-button-secondary-border-activated:
var(--color-primary-background-hover);
--color-button-secondary-border-disabled: var(--color-tone-2);
--color-button-secondary-text: var(--color-primary-background-hover);
--color-button-secondary-text-disabled: var(--color-tone-2);
--color-button-secondary-text-activated:
var(--color-button-secondary-text);
--color-button-tertiary-background: var(--color-tone-6);
--color-button-tertiary-background-focus: var(--color-tone-6);
--color-button-tertiary-background-hover: var(--color-tone-6);
--color-button-tertiary-background-disabled: var(--color-tone-6);
--color-button-tertiary-background-activated: var(--color-tone-6);
--color-button-tertiary-border-hover: transparent;
--color-button-tertiary-border-active: transparent;
--color-button-tertiary-text: var(--color-primary-background-hover);
--color-button-tertiary-text-disabled: var(--color-tone-2);
--color-button-tertiary-text-activated:
var(--color-primary-background-hover);
--color-button-plain-background-hover: transparent;
--color-button-plain-background-disabled: var(--color-tone-7);
--color-button-plain-background-activated: transparent;
--color-button-plain-border-hover: transparent;
--color-button-plain-border-active: transparent;
--color-button-plain-text: var(--color-primary-background-hover);
--color-button-plain-text-disabled: var(--color-tone-2);
--color-button-plain-text-activated:
var(--color-primary-background-hover);
--color-divider-default: var(--color-tone-5);
--color-input-default: var(--color-tone-6);
--color-input-hover: var(--color-primary-background-hover);
--color-input-border: var(--color-tone-5);
--color-input-text: var(--color-tone-1);
--color-input-helper-text: var(--color-tone-1);
--color-label-default: var(--color-tone-1);
--color-switch-input-background-default: var(--color-tone-3);
--color-switch-input-background-checked: var(--color-global-alienblue);
--color-switch-input-background-disabled: var(--color-tone-6);
--color-switch-input-background-checked-disabled: var(--color-tone-5);
--color-switch-input-background-hover: var(--color-tone-3);
--color-switch-input-background-checked-hover:
var(--color-global-alienblue);
--elevation-xs: 0 0.0625rem 0.125rem 0 #00000040;
--elevation-sm: 0 0.0625rem 0.25rem 0 #00000026, 0 0.25rem 0.25rem 0
#00000026;
--elevation-md: 0 0.25rem 0.5rem 0 #0000001a, 0 0.375rem 0.75rem 0
#00000040;
--elevation-lg: 0 0.75rem 0.75rem 0 #00000026, 0 1rem 2rem 0 #00000040;
--elevation-focus-ring: 0 0 0 0.25rem var(--color-global-alienblue);
--font-sans:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
sans-serif;
--font-mono:
Noto Mono,
Menlo,
Monaco,
Consolas,
monospace;
--font-title-h0: normal 500 1.625rem / 2rem var(--font-sans);
--font-title-h1: normal 500 1.375rem / 1.625rem var(--font-sans);
--font-title-h2: normal 500 1.25rem / 1.5rem var(--font-sans);
--font-title-h3: normal 500 1.125rem / 1.375rem var(--font-sans);
--font-title-h4: normal 500 1rem / 1.25rem var(--font-sans);
--font-title-h5: normal 500 0.875rem / 1.125rem var(--font-sans);
--font-title-h6: normal 500 0.75rem / 1rem var(--font-sans);
--font-body: 0.875rem;
--font-small: 0.75rem;
--font-code: 0.875rem;
--font-subheading: 0.75rem;
--font-label: 0.625rem;
--font-button-b1: normal bold 1.125rem / 1.375rem var(--font-sans);
--font-button-b2: normal bold 1rem / 1.25rem var(--font-sans);
--font-button-b3: normal bold 0.875rem / 1.125rem var(--font-sans);
--font-button-b4: normal bold 0.75rem / 0.875rem var(--font-sans);
--color-gradient-orangeyellow:
linear-gradient(
89.94deg,
#ec0623 0%,
#ff8717 100%);
--color-gradient-bluepink:
linear-gradient(
89.94deg,
#51b9ff 0%,
#7785ff 52.6%,
#b279ff 73.96%,
#ff81ed 100%);
--boxshadow-modal: 0px 2px 15px rgba(26, 26, 27, 0.3);
--boxshadow-navigation: 0px 4px 14px rgba(0, 0, 0, 0.1);
--boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0,
0, 0.15);
color-scheme: light;
}
:root dialog::backdrop,
.theme-light dialog::backdrop {
--color-dialog-background: #00000080;
}
@media (prefers-color-scheme: dark) {
:root:not(.theme-light) {
--color-primary-visited: #c58af9;
--color-primary-background: #006cbf;
--color-primary-background-hover: #24a0ed;
--color-tone-1: #d7dadc;
--color-tone-2: #818384;
--color-tone-3: #565758;
--color-tone-4: #3a3a3c;
--color-tone-5: #272729;
--color-tone-6: #1a1a1b;
--color-tone-7: #121213;
--color-identity-coins: #ffe600;
--color-ui-canvas: #050505;
--color-ui-modalbackground: var(--color-tone-6);
--color-opacity-50: #d7dadc80;
--color-scrim: #0000004d;
--elevation-xs: 0 0.0625rem 0.125rem 0 #000000ab;
--elevation-sm: 0 0.0625rem 0.25rem 0 #00000054, 0 0.25rem 0.25rem 0
#00000054;
--elevation-md: 0 0.25rem 0.5rem 0 #00000033, 0 0.375rem 0.75rem 0
#00000080;
--elevation-lg: 0 0.75rem 0.75rem 0 #00000033, 0 1rem 2rem 0
#00000080;
--boxshadow-modal: 0px 2px 15px rgba(0, 0, 0, 0.3);
--boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.33), 0 4px 4px rgba(0,
0, 0, 0.33);
color-scheme: dark;
}
:root:not(.theme-light) dialog::backdrop {
--color-dialog-background: #d7dadc80;
}
}
.theme-dark {
--color-primary-visited: #c58af9;
--color-primary-background: #006cbf;
--color-primary-background-hover: #24a0ed;
--color-tone-1: #d7dadc;
--color-tone-2: #818384;
--color-tone-3: #565758;
--color-tone-4: #3a3a3c;
--color-tone-5: #272729;
--color-tone-6: #1a1a1b;
--color-tone-7: #121213;
--color-identity-coins: #ffe600;
--color-ui-canvas: #050505;
--color-ui-modalbackground: var(--color-tone-6);
--color-opacity-50: #d7dadc80;
--color-scrim: #0000004d;
--elevation-xs: 0 0.0625rem 0.125rem 0 #000000ab;
--elevation-sm: 0 0.0625rem 0.25rem 0 #00000054, 0 0.25rem 0.25rem 0
#00000054;
--elevation-md: 0 0.25rem 0.5rem 0 #00000033, 0 0.375rem 0.75rem 0
#00000080;
--elevation-lg: 0 0.75rem 0.75rem 0 #00000033, 0 1rem 2rem 0 #00000080;
--boxshadow-modal: 0px 2px 15px rgba(0, 0, 0, 0.3);
--boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.33), 0 4px 4px rgba(0, 0,
0, 0.33);
color-scheme: dark;
}
.theme-dark dialog::backdrop {
--color-dialog-background: #d7dadc80;
}
.theme-beta,
.theme-light.theme-beta {
--spacer-a-px: 0.125rem;
--spacer-button-lg-px: var(--spacer-md);
--spacer-button-md-px: var(--spacer-md);
--spacer-button-sm-px: var(--spacer-sm);
--spacer-input-padding-left: var(--spacer-md);
--spacer-input-padding-top: var(--spacer-2xs);
--spacer-label-default: var(--spacer-md);
--spacer-switch-input-active-pl: var(--spacer-xs);
--size-banner-height: var(--size-rem40);
--size-button-lg-h: var(--size-2xl);
--size-button-md-h: 2.5rem;
--size-button-sm-h: var(--size-xl);
--size-button-xs-h: var(--size-lg);
--size-switch-input-h: var(--size-xl);
--size-switch-input-w: var(--size-2xl);
--line-a-focus: var(--line-md);
--line-a-outline-moz: 0px;
--line-a-outline-wb: 0px;
--line-button-lg-border: var(--line-sm);
--line-button-md-border: var(--line-sm);
--line-button-sm-border: var(--line-sm);
--line-button-xs-border: var(--line-sm);
--line-button-border-activated: var(--line-lg);
--line-input-border: var(--line-lg);
--radius-md: 1.25rem;
--radius-accordion-size: 0px;
--font-10: normal undefined null / null var(--font-sans);
--font-12: normal undefined null / null var(--font-sans);
--font-14: normal undefined null / null var(--font-sans);
--font-16: normal undefined null / null var(--font-sans);
--font-18: normal undefined null / null var(--font-sans);
--font-20: normal undefined null / null var(--font-sans);
--font-24: normal undefined null / null var(--font-sans);
--font-32: normal undefined null / null var(--font-sans);
--font-48: normal undefined null / null var(--font-sans);
--font-64: normal undefined null / null var(--font-sans);
--font-title-h0: var(--font-64);
--font-title-h1: var(--font-32);
--font-title-h2: var(--font-24);
--font-title-h3: var(--font-18);
--font-title-h4: var(--font-16);
--font-title-h5: var(--font-14);
--font-title-h6: var(--font-12);
--font-14-20-regular: normal 400 0.875rem / 1.25rem var(--font-sans);
--font-14-20-semibold: normal 600 0.875rem / 1.25rem var(--font-sans);
--font-16-20-regular: normal 400 1rem / 1.25rem var(--font-sans);
--font-12-16-regular: normal 400 0.75rem / 1rem var(--font-sans);
--font-12-16-semibold: normal 600 0.75rem / 1rem var(--font-sans);
--font-button-lg: var(--font-14-20-semibold);
--font-button-md: var(--font-14-20-semibold);
--font-button-sm: var(--font-12-16-semibold);
--font-label-default: var(--font-12-16-regular);
--misc-accordion-border: 0;
--misc-accordion-open-list-style-type: none;
--misc-accordion-closed-list-style-type: none;
--misc-divider-margin: 0;
--misc-label-text-transform: capitalize;
--misc-label-letter-spacing: initial;
--blur-sm: 0.25rem;
--blur-normal: 0.5rem;
--blur-md: 0.75rem;
--blur-lg: 1rem;
--blur-xl: 1.5rem;
--blur-2xl: 2.5rem;
--blur-3xl: 4rem;
--color-action-downvote: #6A5CFF;
--color-action-upvote: #D93900;
--color-ai-background-weaker: #E7FDF5;
--color-ai-plain: #006C56;
--color-ai-plain-hover: #015140;
--color-alert-caution: #977000;
--color-avatar-gradient:
linear-gradient(
0deg,
#97AFBCff,
#ffffffff 75%);
--color-avatar-media-gradient:
linear-gradient(
0deg,
#00000099,
#181C1Fff 75%);
--color-brand-background: #D93900;
--color-brand-background-hover: #AE2C00;
--color-brand-gradient-active:
linear-gradient(
180deg,
#cd3700ff,
#db3b00ff 68%,
#D93900ff 100%);
--color-brand-gradient-active-highlight:
linear-gradient(
83deg,
#db3f0000 80%,
#D93900ff 100%);
--color-brand-gradient-default:
linear-gradient(
180deg,
#D93900ff,
#db3b00ff 30%,
#AE2C00ff 100%);
--color-brand-gradient-default-highlight:
linear-gradient(
258deg,
#db3f0000 80%,
#D93900ff 100%);
--color-brand-gradient-hover:
linear-gradient(
180deg,
#e23d00ff 15%,
#cb3600ff 49%,
#b43000ff 100%);
--color-brand-gradient-hover-highlight:
linear-gradient(
323deg,
#cb360000 65%,
#cb3600ff 100%);
--color-brand-onBackground: #FFFFFF;
--color-category-live: #D93900;
--color-category-nsfw: #DE019F;
--color-category-spoiler: var(--color-tone-1);
--color-caution-background: #FFBF0B;
--color-caution-background-hover: #D8A100;
--color-caution-onBackground: #000000;
--color-caution-plain: #785800;
--color-caution-plain-hover: #5B4200;
--color-danger-background: #EB001F;
--color-danger-background-disabled: #FDB3A4;
--color-danger-background-hover: #BC0117;
--color-danger-background-weaker: #FBDBD4;
--color-danger-content: #BC0117;
--color-danger-content-default: #ffffff;
--color-danger-content-hover: #90000F;
--color-danger-onBackground: #FFFFFF;
--color-danger-plain: #BC0117;
--color-danger-plain-hover: #90000F;
--color-downvote-background: #6A5CFF;
--color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
--color-downvote-background-hover: #523DFF;
--color-downvote-content: #523DFF;
--color-downvote-content-weak: #6A5CFF;
--color-downvote-disabled: #523DFF4d;
--color-downvote-onBackground: #FFFFFF;
--color-downvote-onStrongScrim: #B29FFF;
--color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
--color-downvote-onStrongScrim-weaker: #9580FF;
--color-downvote-plain: #523DFF;
--color-downvote-plain-disabled: rgba(82, 61, 255, 0.3);
--color-downvote-plain-weaker: #6A5CFF;
--color-elevation-large1: #0000003F;
--color-elevation-large2: #00000026;
--color-elevation-medium1: #0000003F;
--color-elevation-medium2: #00000019;
--color-elevation-small: #00000026;
--color-elevation-xsmall: #0000003F;
--color-favorite: #977000;
--color-global-admin: #D93900;
--color-global-alienblue: #1870F4;
--color-global-black: #000000;
--color-global-brand-orangered: #FF4500;
--color-global-darkblue: #2A3236;
--color-global-focus: #029DD5;
--color-global-gold: #B78800;
--color-global-moderator: #008A10;
--color-global-nsfw: #DE019F;
--color-global-offline: #667780;
--color-global-online: #00C61C;
--color-global-orangered: #FF4500;
--color-global-stars: #977000;
--color-global-white: #FFFFFF;
--color-gradient-media:
linear-gradient(
180deg,
#00000000,
#0000008a 60%,
#00000099 100%);
--color-gradient-media-strong:
linear-gradient(
180deg,
#00000000,
#000000cc 60%,
#000000e6 100%);
--color-identity-admin: #D93900;
--color-identity-coins: #B78800;
--color-identity-moderator: #008A10;
--color-identity-self: #01876D;
--color-interactive-background-disabled: #0000000C;
--color-interactive-content-disabled: #0000003F;
--color-interactive-focused: #007FAE;
--color-interactive-pressed: #00000026;
--color-inverted-interactive-background-disabled: #FFFFFF0C;
--color-inverted-interactive-content-disabled: #FFFFFF3F;
--color-inverted-interactive-pressed: #FFFFFF26;
--color-inverted-neutral-background: #0E1113;
--color-inverted-neutral-background-hover: #181C1F;
--color-inverted-neutral-border: #FFFFFF33;
--color-inverted-neutral-content: #B7CAD4;
--color-inverted-neutral-content-strong: #EEF1F3;
--color-inverted-secondary-background: #2A3236;
--color-inverted-secondary-background-hover: #333D42;
--color-inverted-secondary-background-selected: #3D494E;
--color-inverted-secondary-onBackground: #FFFFFF;
--color-inverted-secondary-plain: #DBE4E9;
--color-inverted-secondary-plain-hover: #FFFFFF;
--color-media-background: rgba(0, 0, 0, 0.6);
--color-media-background-hover: rgba(0, 0, 0, 0.8);
--color-media-background-selected: rgba(0, 0, 0, 0.8);
--color-media-border-selected: #FFFFFF;
--color-media-border-weak: #FFFFFF19;
--color-media-onBackground: #FFFFFF;
--color-media-onBackground-disabled: #FFFFFF3F;
--color-media-onBackground-weak: #E5EBEE;
--color-media-onbackground: #ffffff;
--color-media-onbackground-disabled: #ffffff40;
--color-media-onbackground-weak: #B7CAD4;
--color-neutral-background: #FFFFFF;
--color-neutral-background-container: #F6F8F9;
--color-neutral-background-container-hover: #EEF1F3;
--color-neutral-background-container-strong: #EEF1F3;
--color-neutral-background-container-strong-hover: #E5EBEE;
--color-neutral-background-gilded: #FFF9E0;
--color-neutral-background-gilded-hover: #FFF3C0;
--color-neutral-background-hover: #F6F8F9;
--color-neutral-background-medium: #F8F8F8;
--color-neutral-background-pinned: #FFFFFF;
--color-neutral-background-selected: #E5EBEE;
--color-neutral-background-strong: #FFFFFF;
--color-neutral-background-strong-hover: #F6F8F9;
--color-neutral-background-weak: #F6F8F9;
--color-neutral-background-weak-hover: #EEF1F3;
--color-neutral-border: #00000033;
--color-neutral-border-medium: #0000007F;
--color-neutral-border-strong: #181C1F;
--color-neutral-border-weak: #00000019;
--color-neutral-content: #333D42;
--color-neutral-content-disabled: #D6D6D6;
--color-neutral-content-strong: #181C1F;
--color-neutral-content-weak: #5C6C74;
--color-offline: #767676;
--color-online: #01A816;
--color-opacity-08: #13131314;
--color-opacity-50: #00000080;
--color-opacity-highlight: linear-gradient(#0A2F6C1a,
var(--color-tone-6));
--color-pizzaRed: #ef5350;
--color-primary: #115BCA;
--color-primary-background: #0A449B;
--color-primary-background-hover: #0A2F6C;
--color-primary-background-selected: #0A1A3F;
--color-primary-border: #0A449B;
--color-primary-border-hover: #0A2F6C;
--color-primary-hover: #0A449B;
--color-primary-onBackground: #FFFFFF;
--color-primary-onBackground-selected: #FFFFFF;
--color-primary-plain: #0A449B;
--color-primary-plain-hover: #0A2F6C;
--color-primary-plain-visited: #7600A3;
--color-primary-visited: #9B00D4;
--color-scrim: #00000099;
--color-scrim-background: #00000099;
--color-scrim-background-strong: #000000CC;
--color-scrim-gradient:
linear-gradient(
180deg,
#00000000,
#0000008a 60%,
#00000099 100%);
--color-scrim-strong: #000000cc;
--color-secondary: #21272A;
--color-secondary-background: #E5EBEE;
--color-secondary-background-hover: #DBE4E9;
--color-secondary-background-selected: #C9D7DE;
--color-secondary-hover: #000000;
--color-secondary-onBackground: #000000;
--color-secondary-plain: #181C1F;
--color-secondary-plain-hover: #000000;
--color-secondary-plain-weak: #5C6C74;
--color-secondary-weak: #576F76;
--color-success-background: #008A10;
--color-success-background-hover: #016E0B;
--color-success-content: #016E0B;
--color-success-hover: #005306;
--color-success-onBackground: #FFFFFF;
--color-success-plain: #016E0B;
--color-success-plain-hover: #005306;
--color-tone-1: #131313;
--color-tone-2: #434343;
--color-tone-3: #ACACAC;
--color-tone-4: #E4E4E4;
--color-tone-5: #F2F2F2;
--color-tone-6: #F8F8F8;
--color-tone-7: #ffffff;
--color-transparent-background-hover: #7487911a;
--color-ui-canvas: var(--color-tone-5);
--color-ui-modalbackground: var(--color-neutral-background-strong);
--color-upvote-background: #D93900;
--color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
--color-upvote-background-hover: #AE2C00;
--color-upvote-content: #AE2C00;
--color-upvote-content-weak: var(--color-global-brand-orangered);
--color-upvote-disabled: #AE2C004d;
--color-upvote-onBackground: #FFFFFF;
--color-upvote-onStrongScrim: #FF895D;
--color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-onStrongScrim-weaker: #FF4500;
--color-upvote-plain: #AE2C00;
--color-upvote-plain-disabled: rgba(174, 44, 0, 0.3);
--color-upvote-plain-weaker: #FF4500;
--color-warning-background: #B78800;
--color-warning-background-hover: #977000;
--color-warning-content: #785800;
--color-warning-content-hover: #5B4200;
--color-warning-onBackground: #000000;
--color-a-default: var(--color-primary);
--color-a-hover: var(--color-primary-hover);
--color-a-visited: var(--color-primary-visited);
--color-banner-plain: var(--color-neutral-background-strong);
--color-banner-plain-inverted: var(--color-neutral-content-strong);
--color-banner-error: var(--color-danger-background);
--color-banner-caution: var(--color-warning-background);
--color-banner-success: var(--color-success-background);
--color-banner-brand: var(--color-brand-background);
--color-banner-plain-text: var(--color-neutral-content);
--color-banner-plain-inverted-text:
var(--color-neutral-background-weak);
--color-banner-error-text: var(--color-danger-onBackground);
--color-banner-caution-text: var(--color-warning-onBackground);
--color-banner-caution-hover: var(--color-warning-background-hover);
--color-banner-success-text: var(--color-success-onBackground);
--color-banner-brand-text: var(--color-brand-onBackground);
--color-button-overlay-focus: transparent;
--color-button-overlay-active: transparent;
--color-button-border-width: tomato;
--color-button-border-width-activated: tomato;
--color-button-primary-background-hover:
var(--color-primary-background-hover);
--color-button-primary-background-activated:
var(--color-primary-background-selected);
--color-button-primary-background-disabled:
var(--color-interactive-background-disabled);
--color-button-primary-border-hover: var(--color-primary-background);
--color-button-primary-border-active:
var(--color-primary-background-hover);
--color-button-primary-text-disabled:
var(--color-interactive-content-disabled);
--color-button-primary-text-activated:
var(--color-primary-onBackground-selected);
--color-button-secondary-background: var(--color-secondary-background);
--color-button-secondary-background-focus:
var(--color-secondary-background);
--color-button-secondary-background-hover:
var(--color-secondary-background-hover);
--color-button-secondary-background-disabled:
var(--color-interactive-background-disabled);
--color-button-secondary-background-activated:
var(--color-secondary-background-selected);
--color-button-secondary-border: transparent;
--color-button-secondary-border-hover:
var(--color-secondary-background);
--color-button-secondary-border-active:
var(--color-secondary-background-hover);
--color-button-secondary-border-activated: transparent;
--color-button-secondary-border-disabled: transparent;
--color-button-secondary-text: var(--color-secondary-onBackground);
--color-button-secondary-text-disabled:
var(--color-interactive-content-disabled);
--color-button-secondary-text-activated:
var(--color-secondary-onBackground);
--color-button-tertiary-background: transparent;
--color-button-tertiary-background-focus: transparent;
--color-button-tertiary-background-hover:
var(--color-secondary-background-hover);
--color-button-tertiary-background-disabled: transparent;
--color-button-tertiary-background-activated:
var(--color-neutral-content);
--color-button-tertiary-border-hover: var(--color-secondary-background);
--color-button-tertiary-border-active:
var(--color-secondary-background-hover);
--color-button-tertiary-text: var(--color-neutral-content-strong);
--color-button-tertiary-text-disabled:
var(--color-neutral-content-disabled);
--color-button-tertiary-text-activated: var(--color-neutral-background);
--color-button-plain-background-hover:
var(--color-secondary-background-hover);
--color-button-plain-background-disabled: transparent;
--color-button-plain-background-activated:
var(--color-secondary-background-selected);
--color-button-plain-border-hover: var(--color-secondary-background);
--color-button-plain-border-active:
var(--color-secondary-background-hover);
--color-button-plain-text: var(--color-secondary-plain);
--color-button-plain-text-hover: var(--color-secondary-plain-hover);
--color-button-plain-text-disabled:
var(--color-interactive-content-disabled);
--color-button-plain-text-activated:
var(--color-secondary-onBackground);
--color-button-primary-border-activated:
var(--color-primary-background);
--color-button-plain-text-weak: var(--color-secondary-plain-weak);
--color-button-plain-inverted-background-activated:
var(--color-neutral-content);
--color-button-plain-inverted-text-activated:
var(--color-neutral-background);
--color-button-media-border-color-activated:
var(--color-media-border-selected);
--color-button-favorite-text: var(--color-favorite);
--color-button-caution-background: var(--color-caution-background);
--color-button-caution-background-hover:
var(--color-caution-background-hover);
--color-button-caution-background-disabled:
var(--color-interactive-background-disabled);
--color-button-caution-text: var(--color-caution-onBackground);
--color-divider-default: var(--color-neutral-border);
--color-input-secondary: var(--color-secondary-background);
--color-input-secondary-hover: var(--color-secondary-background-hover);
--color-input-border: transparent;
--color-input-bordered: transparent;
--color-input-bordered-hover: var(--color-neutral-background-hover);
--color-input-secondary-text: var(--color-secondary-onBackground);
--color-input-bordered-text: var(--color-secondary-plain);
--color-input-helper-text: var(--color-neutral-content-weak);
--color-input-pressed: var(--color-interactive-pressed);
--color-input-radio: var(--color-secondary-plain-weak);
--color-input-radio-hover: var(--color-neutral-content-strong);
--color-label-default: var(--color-neutral-content-weak);
--color-shimmer-background: #00000008;
--color-shimmer-gradient-overlay:
linear-gradient(
to right,
#00000000,
#00000005 20%,
#0000000f 50%,
#00000008 70%,
#00000000 100%);
--color-switch-input-background-pressed-scrim:
var(--color-interactive-pressed);
--color-switch-input-background-handle: var(--color-global-white);
--color-switch-input-background-handle-disabled:
var(--color-secondary-background);
--color-switch-input-background-default:
var(--color-secondary-background);
--color-switch-input-background-default-hover:
var(--color-secondary-background-hover);
--color-switch-input-background-default-disabled:
var(--color-interactive-background-disabled);
--color-switch-input-background-checked:
var(--color-primary-background);
--color-switch-input-background-checked-hover:
var(--color-primary-background-hover);
--color-switch-input-background-checked-disabled:
var(--color-interactive-content-disabled);
--color-tooltip-bg-neutral: var(--color-neutral-background-strong);
--color-tooltip-text-neutral: var(--color-neutral-content);
--color-tooltip-bg-inverted: var(--color-neutral-content);
--color-tooltip-text-inverted: var(--color-neutral-background);
--color-tooltip-bg-primary: var(--color-primary-background);
--color-tooltip-text-primary: var(--color-primary-onBackground);
--elevation-sm-inset: inset 0 0.0625rem 0.125rem 0 #00000021;
--elevation-button-focus: var(--elevation-focus-ring);
--elevation-switch-input-default-inset: var(--elevation-sm-inset);
}
@media (prefers-color-scheme: dark) {
:root:not(.theme-light) .theme-beta,
:root:not(.theme-light).theme-beta {
--color-ai-background-weaker: #00382B;
--color-ai-plain: #01A484;
--color-ai-plain-hover: #00C29D;
--color-avatar-gradient:
linear-gradient(
0deg,
#48545Bff,
#181C1Fff 75%);
--color-brand-background: #D93900;
--color-brand-background-hover: #AE2C00;
--color-brand-onBackground: #FFFFFF;
--color-caution-background: #D8A100;
--color-caution-background-hover: #FFBF0B;
--color-caution-onBackground: #000000;
--color-caution-plain: #FFBF0B;
--color-caution-plain-hover: #FFE284;
--color-danger-background: #BC0117;
--color-danger-background-disabled: #340F05;
--color-danger-background-hover: #EB001F;
--color-danger-background-weaker: #650405;
--color-danger-content: #FF4F40;
--color-danger-content-hover: #FF8773;
--color-danger-onBackground: #FFFFFF;
--color-danger-plain: #FF8773;
--color-danger-plain-hover: #FDB3A4;
--color-downvote-background: #6A5CFF;
--color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
--color-downvote-background-hover: #523DFF;
--color-downvote-content: #9580FF;
--color-downvote-content-weak: #6A5CFF;
--color-downvote-disabled: #9580FF4d;
--color-downvote-onBackground: #FFFFFF;
--color-downvote-onStrongScrim: #B29FFF;
--color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
--color-downvote-onStrongScrim-weaker: #9580FF;
--color-downvote-plain: #9580FF;
--color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
--color-downvote-plain-weaker: #6A5CFF;
--color-elevation-large1: #0000007F;
--color-elevation-large2: #00000033;
--color-elevation-medium1: #0000007F;
--color-elevation-medium2: #00000033;
--color-elevation-small: #00000054;
--color-elevation-xsmall: #000000AA;
--color-favorite: #B78800;
--color-global-admin: #D93900;
--color-global-black: #000000;
--color-global-brand-orangered: #FF4500;
--color-global-focus: #007FAE;
--color-global-gold: #D8A100;
--color-global-moderator: #008A10;
--color-global-nsfw: #DE019F;
--color-global-offline: #667780;
--color-global-online: #00C61C;
--color-global-orangered: #FF4500;
--color-global-stars: #D8A100;
--color-global-white: #FFFFFF;
--color-interactive-background-disabled: #FFFFFF0C;
--color-interactive-content-disabled: #FFFFFF3F;
--color-interactive-focused: #007FAE;
--color-interactive-pressed: #FFFFFF26;
--color-inverted-interactive-background-disabled: #0000000C;
--color-inverted-interactive-content-disabled: #0000003F;
--color-inverted-interactive-pressed: #00000026;
--color-inverted-neutral-background: #FFFFFF;
--color-inverted-neutral-background-hover: #F6F8F9;
--color-inverted-neutral-border: #00000033;
--color-inverted-neutral-content: #333D42;
--color-inverted-neutral-content-strong: #181C1F;
--color-inverted-secondary-background: #E5EBEE;
--color-inverted-secondary-background-hover: #DBE4E9;
--color-inverted-secondary-background-selected: #C9D7DE;
--color-inverted-secondary-onBackground: #000000;
--color-inverted-secondary-plain: #181C1F;
--color-inverted-secondary-plain-hover: #000000;
--color-media-background: rgba(0, 0, 0, 0.6);
--color-media-background-hover: rgba(0, 0, 0, 0.8);
--color-media-background-selected: rgba(0, 0, 0, 0.8);
--color-media-border-selected: #FFFFFF;
--color-media-border-weak: #FFFFFF19;
--color-media-onBackground: #FFFFFF;
--color-media-onBackground-disabled: #FFFFFF3F;
--color-media-onBackground-weak: #E5EBEE;
--color-neutral-background: #0E1113;
--color-neutral-background-container: #181C1F;
--color-neutral-background-container-hover: #21272A;
--color-neutral-background-container-strong: #21272A;
--color-neutral-background-container-strong-hover: #2A3236;
--color-neutral-background-gilded: #181C1F;
--color-neutral-background-gilded-hover: #21272A;
--color-neutral-background-hover: #181C1F;
--color-neutral-background-medium: #131313;
--color-neutral-background-pinned: #0E1113;
--color-neutral-background-selected: #2A3236;
--color-neutral-background-strong: #181C1F;
--color-neutral-background-strong-hover: #21272A;
--color-neutral-background-weak: #000000;
--color-neutral-background-weak-hover: #0E1113;
--color-neutral-border: #FFFFFF33;
--color-neutral-border-medium: #FFFFFF7F;
--color-neutral-border-strong: #F6F8F9;
--color-neutral-border-weak: #FFFFFF19;
--color-neutral-content: #B7CAD4;
--color-neutral-content-disabled: #303030;
--color-neutral-content-strong: #EEF1F3;
--color-neutral-content-weak: #8BA2AD;
--color-offline: #767676;
--color-online: #01A816;
--color-opacity-50: #F2F2F280;
--color-pizzaRed: #c62828;
--color-primary: #648EFC;
--color-primary-background: #115BCA;
--color-primary-background-hover: #1870F4;
--color-primary-background-selected: #648EFC;
--color-primary-border: #648EFC;
--color-primary-border-hover: #90A9FD;
--color-primary-hover: #90A9FD;
--color-primary-onBackground: #FFFFFF;
--color-primary-onBackground-selected: #000000;
--color-primary-plain: #648EFC;
--color-primary-plain-hover: #90A9FD;
--color-primary-plain-visited: #CF5FFF;
--color-primary-visited: #CF5FFF;
--color-scrim-background: #00000099;
--color-scrim-background-strong: #000000CC;
--color-secondary: #DBE4E9;
--color-secondary-background: #2A3236;
--color-secondary-background-hover: #333D42;
--color-secondary-background-selected: #3D494E;
--color-secondary-hover: #ffffff;
--color-secondary-onBackground: #FFFFFF;
--color-secondary-plain: #DBE4E9;
--color-secondary-plain-hover: #FFFFFF;
--color-secondary-plain-weak: #8BA2AD;
--color-secondary-weak: #748791;
--color-success-background: #016E0B;
--color-success-background-hover: #008A10;
--color-success-content: #01A816;
--color-success-hover: #00C61C;
--color-success-onBackground: #FFFFFF;
--color-success-plain: #00C61C;
--color-success-plain-hover: #58E15B;
--color-tone-1: #F2F2F2;
--color-tone-2: #ACACAC;
--color-tone-3: #434343;
--color-tone-4: #303030;
--color-tone-5: #1E1E1E;
--color-tone-6: #131313;
--color-tone-7: #080808;
--color-transparent-background-hover: #6677801a;
--color-ui-canvas: #080808;
--color-ui-modalbackground: var(--color-neutral-background-strong);
--color-upvote-background: #D93900;
--color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
--color-upvote-background-hover: #AE2C00;
--color-upvote-content: #FF4500;
--color-upvote-content-weak: var(--color-global-brand-orangered);
--color-upvote-disabled: #FF45004d;
--color-upvote-onBackground: #FFFFFF;
--color-upvote-onStrongScrim: #FF895D;
--color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-onStrongScrim-weaker: #FF4500;
--color-upvote-plain: #FF895D;
--color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-plain-weaker: #FF4500;
--color-warning-background: #B78800;
--color-warning-background-hover: #D8A100;
--color-warning-content: #B78800;
--color-warning-content-hover: #D8A100;
--color-warning-onBackground: #000000;
--color-button-primary-border-activated: transparent;
--color-button-plain-inverted-activated-text:
var(--color-neutral-background);
--color-input-radio-hover: var(--color-secondary-plain);
--color-shimmer-background: #ffffff08;
--color-shimmer-gradient-overlay:
linear-gradient(
to right,
#ffffff00,
#ffffff05 20%,
#ffffff0f 50%,
#ffffff08 70%,
#ffffff00 100%);
}
}
.theme-dark .theme-beta,
.theme-dark.theme-beta {
--color-ai-background-weaker: #00382B;
--color-ai-plain: #01A484;
--color-ai-plain-hover: #00C29D;
--color-avatar-gradient:
linear-gradient(
0deg,
#48545Bff,
#181C1Fff 75%);
--color-brand-background: #D93900;
--color-brand-background-hover: #AE2C00;
--color-brand-onBackground: #FFFFFF;
--color-caution-background: #D8A100;
--color-caution-background-hover: #FFBF0B;
--color-caution-onBackground: #000000;
--color-caution-plain: #FFBF0B;
--color-caution-plain-hover: #FFE284;
--color-danger-background: #BC0117;
--color-danger-background-disabled: #340F05;
--color-danger-background-hover: #EB001F;
--color-danger-background-weaker: #650405;
--color-danger-content: #FF4F40;
--color-danger-content-hover: #FF8773;
--color-danger-onBackground: #FFFFFF;
--color-danger-plain: #FF8773;
--color-danger-plain-hover: #FDB3A4;
--color-downvote-background: #6A5CFF;
--color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
--color-downvote-background-hover: #523DFF;
--color-downvote-content: #9580FF;
--color-downvote-content-weak: #6A5CFF;
--color-downvote-disabled: #9580FF4d;
--color-downvote-onBackground: #FFFFFF;
--color-downvote-onStrongScrim: #B29FFF;
--color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
--color-downvote-onStrongScrim-weaker: #9580FF;
--color-downvote-plain: #9580FF;
--color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
--color-downvote-plain-weaker: #6A5CFF;
--color-elevation-large1: #0000007F;
--color-elevation-large2: #00000033;
--color-elevation-medium1: #0000007F;
--color-elevation-medium2: #00000033;
--color-elevation-small: #00000054;
--color-elevation-xsmall: #000000AA;
--color-favorite: #B78800;
--color-global-admin: #D93900;
--color-global-black: #000000;
--color-global-brand-orangered: #FF4500;
--color-global-focus: #007FAE;
--color-global-gold: #D8A100;
--color-global-moderator: #008A10;
--color-global-nsfw: #DE019F;
--color-global-offline: #667780;
--color-global-online: #00C61C;
--color-global-orangered: #FF4500;
--color-global-stars: #D8A100;
--color-global-white: #FFFFFF;
--color-interactive-background-disabled: #FFFFFF0C;
--color-interactive-content-disabled: #FFFFFF3F;
--color-interactive-focused: #007FAE;
--color-interactive-pressed: #FFFFFF26;
--color-inverted-interactive-background-disabled: #0000000C;
--color-inverted-interactive-content-disabled: #0000003F;
--color-inverted-interactive-pressed: #00000026;
--color-inverted-neutral-background: #FFFFFF;
--color-inverted-neutral-background-hover: #F6F8F9;
--color-inverted-neutral-border: #00000033;
--color-inverted-neutral-content: #333D42;
--color-inverted-neutral-content-strong: #181C1F;
--color-inverted-secondary-background: #E5EBEE;
--color-inverted-secondary-background-hover: #DBE4E9;
--color-inverted-secondary-background-selected: #C9D7DE;
--color-inverted-secondary-onBackground: #000000;
--color-inverted-secondary-plain: #181C1F;
--color-inverted-secondary-plain-hover: #000000;
--color-media-background: rgba(0, 0, 0, 0.6);
--color-media-background-hover: rgba(0, 0, 0, 0.8);
--color-media-background-selected: rgba(0, 0, 0, 0.8);
--color-media-border-selected: #FFFFFF;
--color-media-border-weak: #FFFFFF19;
--color-media-onBackground: #FFFFFF;
--color-media-onBackground-disabled: #FFFFFF3F;
--color-media-onBackground-weak: #E5EBEE;
--color-neutral-background: #0E1113;
--color-neutral-background-container: #181C1F;
--color-neutral-background-container-hover: #21272A;
--color-neutral-background-container-strong: #21272A;
--color-neutral-background-container-strong-hover: #2A3236;
--color-neutral-background-gilded: #181C1F;
--color-neutral-background-gilded-hover: #21272A;
--color-neutral-background-hover: #181C1F;
--color-neutral-background-medium: #131313;
--color-neutral-background-pinned: #0E1113;
--color-neutral-background-selected: #2A3236;
--color-neutral-background-strong: #181C1F;
--color-neutral-background-strong-hover: #21272A;
--color-neutral-background-weak: #000000;
--color-neutral-background-weak-hover: #0E1113;
--color-neutral-border: #FFFFFF33;
--color-neutral-border-medium: #FFFFFF7F;
--color-neutral-border-strong: #F6F8F9;
--color-neutral-border-weak: #FFFFFF19;
--color-neutral-content: #B7CAD4;
--color-neutral-content-disabled: #303030;
--color-neutral-content-strong: #EEF1F3;
--color-neutral-content-weak: #8BA2AD;
--color-offline: #767676;
--color-online: #01A816;
--color-opacity-50: #F2F2F280;
--color-pizzaRed: #c62828;
--color-primary: #648EFC;
--color-primary-background: #115BCA;
--color-primary-background-hover: #1870F4;
--color-primary-background-selected: #648EFC;
--color-primary-border: #648EFC;
--color-primary-border-hover: #90A9FD;
--color-primary-hover: #90A9FD;
--color-primary-onBackground: #FFFFFF;
--color-primary-onBackground-selected: #000000;
--color-primary-plain: #648EFC;
--color-primary-plain-hover: #90A9FD;
--color-primary-plain-visited: #CF5FFF;
--color-primary-visited: #CF5FFF;
--color-scrim-background: #00000099;
--color-scrim-background-strong: #000000CC;
--color-secondary: #DBE4E9;
--color-secondary-background: #2A3236;
--color-secondary-background-hover: #333D42;
--color-secondary-background-selected: #3D494E;
--color-secondary-hover: #ffffff;
--color-secondary-onBackground: #FFFFFF;
--color-secondary-plain: #DBE4E9;
--color-secondary-plain-hover: #FFFFFF;
--color-secondary-plain-weak: #8BA2AD;
--color-secondary-weak: #748791;
--color-success-background: #016E0B;
--color-success-background-hover: #008A10;
--color-success-content: #01A816;
--color-success-hover: #00C61C;
--color-success-onBackground: #FFFFFF;
--color-success-plain: #00C61C;
--color-success-plain-hover: #58E15B;
--color-tone-1: #F2F2F2;
--color-tone-2: #ACACAC;
--color-tone-3: #434343;
--color-tone-4: #303030;
--color-tone-5: #1E1E1E;
--color-tone-6: #131313;
--color-tone-7: #080808;
--color-transparent-background-hover: #6677801a;
--color-ui-canvas: #080808;
--color-ui-modalbackground: var(--color-neutral-background-strong);
--color-upvote-background: #D93900;
--color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
--color-upvote-background-hover: #AE2C00;
--color-upvote-content: #FF4500;
--color-upvote-content-weak: var(--color-global-brand-orangered);
--color-upvote-disabled: #FF45004d;
--color-upvote-onBackground: #FFFFFF;
--color-upvote-onStrongScrim: #FF895D;
--color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-onStrongScrim-weaker: #FF4500;
--color-upvote-plain: #FF895D;
--color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-plain-weaker: #FF4500;
--color-warning-background: #B78800;
--color-warning-background-hover: #D8A100;
--color-warning-content: #B78800;
--color-warning-content-hover: #D8A100;
--color-warning-onBackground: #000000;
--color-button-primary-border-activated: transparent;
--color-button-plain-inverted-activated-text:
var(--color-neutral-background);
--color-input-radio-hover: var(--color-secondary-plain);
--color-shimmer-background: #ffffff08;
--color-shimmer-gradient-overlay:
linear-gradient(
to right,
#ffffff00,
#ffffff05 20%,
#ffffff0f 50%,
#ffffff08 70%,
#ffffff00 100%);
}
.theme-rpl,
.theme-light.theme-rpl {
--spacer-a-px: 0.125rem;
--spacer-button-lg-px: var(--spacer-md);
--spacer-button-md-px: var(--spacer-md);
--spacer-button-sm-px: var(--spacer-sm);
--spacer-input-padding-left: var(--spacer-md);
--spacer-input-padding-top: var(--spacer-2xs);
--spacer-label-default: var(--spacer-md);
--spacer-switch-input-active-pl: var(--spacer-xs);
--size-banner-height: var(--size-rem40);
--size-button-lg-h: var(--size-2xl);
--size-button-md-h: 2.5rem;
--size-button-sm-h: var(--size-xl);
--size-button-xs-h: var(--size-lg);
--size-switch-input-h: var(--size-xl);
--size-switch-input-w: var(--size-2xl);
--line-a-focus: var(--line-md);
--line-a-outline-moz: 0px;
--line-a-outline-wb: 0px;
--line-button-lg-border: var(--line-sm);
--line-button-md-border: var(--line-sm);
--line-button-sm-border: var(--line-sm);
--line-button-xs-border: var(--line-sm);
--line-button-border-activated: var(--line-lg);
--line-input-border: var(--line-lg);
--radius-md: 1.25rem;
--radius-accordion-size: 0px;
--font-10: normal undefined null / null var(--font-sans);
--font-12: normal undefined null / null var(--font-sans);
--font-14: normal undefined null / null var(--font-sans);
--font-16: normal undefined null / null var(--font-sans);
--font-18: normal undefined null / null var(--font-sans);
--font-20: normal undefined null / null var(--font-sans);
--font-24: normal undefined null / null var(--font-sans);
--font-32: normal undefined null / null var(--font-sans);
--font-48: normal undefined null / null var(--font-sans);
--font-64: normal undefined null / null var(--font-sans);
--font-title-h0: var(--font-64);
--font-title-h1: var(--font-32);
--font-title-h2: var(--font-24);
--font-title-h3: var(--font-18);
--font-title-h4: var(--font-16);
--font-title-h5: var(--font-14);
--font-title-h6: var(--font-12);
--font-14-20-regular: normal 400 0.875rem / 1.25rem var(--font-sans);
--font-14-20-semibold: normal 600 0.875rem / 1.25rem var(--font-sans);
--font-16-20-regular: normal 400 1rem / 1.25rem var(--font-sans);
--font-12-16-regular: normal 400 0.75rem / 1rem var(--font-sans);
--font-12-16-semibold: normal 600 0.75rem / 1rem var(--font-sans);
--font-button-lg: var(--font-14-20-semibold);
--font-button-md: var(--font-14-20-semibold);
--font-button-sm: var(--font-12-16-semibold);
--font-label-default: var(--font-12-16-regular);
--misc-accordion-border: 0;
--misc-accordion-open-list-style-type: none;
--misc-accordion-closed-list-style-type: none;
--misc-divider-margin: 0;
--misc-label-text-transform: capitalize;
--misc-label-letter-spacing: initial;
--blur-sm: 0.25rem;
--blur-normal: 0.5rem;
--blur-md: 0.75rem;
--blur-lg: 1rem;
--blur-xl: 1.5rem;
--blur-2xl: 2.5rem;
--blur-3xl: 4rem;
--color-action-downvote: #6A5CFF;
--color-action-upvote: #D93900;
--color-ai-background-weaker: #E7FDF5;
--color-ai-plain: #006C56;
--color-ai-plain-hover: #015140;
--color-alert-caution: #977000;
--color-avatar-gradient:
linear-gradient(
0deg,
#97AFBCff,
#ffffffff 75%);
--color-avatar-media-gradient:
linear-gradient(
0deg,
#00000099,
#181C1Fff 75%);
--color-brand-background: #D93900;
--color-brand-background-hover: #AE2C00;
--color-brand-gradient-active:
linear-gradient(
180deg,
#cd3700ff,
#db3b00ff 68%,
#D93900ff 100%);
--color-brand-gradient-active-highlight:
linear-gradient(
83deg,
#db3f0000 80%,
#D93900ff 100%);
--color-brand-gradient-default:
linear-gradient(
180deg,
#D93900ff,
#db3b00ff 30%,
#AE2C00ff 100%);
--color-brand-gradient-default-highlight:
linear-gradient(
258deg,
#db3f0000 80%,
#D93900ff 100%);
--color-brand-gradient-hover:
linear-gradient(
180deg,
#e23d00ff 15%,
#cb3600ff 49%,
#b43000ff 100%);
--color-brand-gradient-hover-highlight:
linear-gradient(
323deg,
#cb360000 65%,
#cb3600ff 100%);
--color-brand-onBackground: #FFFFFF;
--color-category-live: #D93900;
--color-category-nsfw: #DE019F;
--color-category-spoiler: var(--color-tone-1);
--color-caution-background: #FFBF0B;
--color-caution-background-hover: #D8A100;
--color-caution-onBackground: #000000;
--color-caution-plain: #785800;
--color-caution-plain-hover: #5B4200;
--color-danger-background: #EB001F;
--color-danger-background-disabled: #FDB3A4;
--color-danger-background-hover: #BC0117;
--color-danger-background-weaker: #FBDBD4;
--color-danger-content: #BC0117;
--color-danger-content-default: #ffffff;
--color-danger-content-hover: #90000F;
--color-danger-onBackground: #FFFFFF;
--color-danger-plain: #BC0117;
--color-danger-plain-hover: #90000F;
--color-downvote-background: #6A5CFF;
--color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
--color-downvote-background-hover: #523DFF;
--color-downvote-content: #523DFF;
--color-downvote-content-weak: #6A5CFF;
--color-downvote-disabled: #523DFF4d;
--color-downvote-onBackground: #FFFFFF;
--color-downvote-onStrongScrim: #B29FFF;
--color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
--color-downvote-onStrongScrim-weaker: #9580FF;
--color-downvote-plain: #523DFF;
--color-downvote-plain-disabled: rgba(82, 61, 255, 0.3);
--color-downvote-plain-weaker: #6A5CFF;
--color-elevation-large1: #0000003F;
--color-elevation-large2: #00000026;
--color-elevation-medium1: #0000003F;
--color-elevation-medium2: #00000019;
--color-elevation-small: #00000026;
--color-elevation-xsmall: #0000003F;
--color-favorite: #977000;
--color-global-admin: #D93900;
--color-global-alienblue: #1870F4;
--color-global-black: #000000;
--color-global-brand-orangered: #FF4500;
--color-global-darkblue: #2A3236;
--color-global-focus: #029DD5;
--color-global-gold: #B78800;
--color-global-moderator: #008A10;
--color-global-nsfw: #DE019F;
--color-global-offline: #667780;
--color-global-online: #00C61C;
--color-global-orangered: #FF4500;
--color-global-stars: #977000;
--color-global-white: #FFFFFF;
--color-gradient-media:
linear-gradient(
180deg,
#00000000,
#0000008a 60%,
#00000099 100%);
--color-gradient-media-strong:
linear-gradient(
180deg,
#00000000,
#000000cc 60%,
#000000e6 100%);
--color-identity-admin: #D93900;
--color-identity-coins: #B78800;
--color-identity-moderator: #008A10;
--color-identity-self: #01876D;
--color-interactive-background-disabled: #0000000C;
--color-interactive-content-disabled: #0000003F;
--color-interactive-focused: #007FAE;
--color-interactive-pressed: #00000026;
--color-inverted-interactive-background-disabled: #FFFFFF0C;
--color-inverted-interactive-content-disabled: #FFFFFF3F;
--color-inverted-interactive-pressed: #FFFFFF26;
--color-inverted-neutral-background: #0E1113;
--color-inverted-neutral-background-hover: #181C1F;
--color-inverted-neutral-border: #FFFFFF33;
--color-inverted-neutral-content: #B7CAD4;
--color-inverted-neutral-content-strong: #EEF1F3;
--color-inverted-secondary-background: #2A3236;
--color-inverted-secondary-background-hover: #333D42;
--color-inverted-secondary-background-selected: #3D494E;
--color-inverted-secondary-onBackground: #FFFFFF;
--color-inverted-secondary-plain: #DBE4E9;
--color-inverted-secondary-plain-hover: #FFFFFF;
--color-media-background: rgba(0, 0, 0, 0.6);
--color-media-background-hover: rgba(0, 0, 0, 0.8);
--color-media-background-selected: rgba(0, 0, 0, 0.8);
--color-media-border-selected: #FFFFFF;
--color-media-border-weak: #FFFFFF19;
--color-media-onBackground: #FFFFFF;
--color-media-onBackground-disabled: #FFFFFF3F;
--color-media-onBackground-weak: #E5EBEE;
--color-media-onbackground: #ffffff;
--color-media-onbackground-disabled: #ffffff40;
--color-media-onbackground-weak: #B7CAD4;
--color-neutral-background: #FFFFFF;
--color-neutral-background-container: #F6F8F9;
--color-neutral-background-container-hover: #EEF1F3;
--color-neutral-background-container-strong: #EEF1F3;
--color-neutral-background-container-strong-hover: #E5EBEE;
--color-neutral-background-gilded: #FFF9E0;
--color-neutral-background-gilded-hover: #FFF3C0;
--color-neutral-background-hover: #F6F8F9;
--color-neutral-background-medium: #F8F8F8;
--color-neutral-background-pinned: #FFFFFF;
--color-neutral-background-selected: #E5EBEE;
--color-neutral-background-strong: #FFFFFF;
--color-neutral-background-strong-hover: #F6F8F9;
--color-neutral-background-weak: #F6F8F9;
--color-neutral-background-weak-hover: #EEF1F3;
--color-neutral-border: #00000033;
--color-neutral-border-medium: #0000007F;
--color-neutral-border-strong: #181C1F;
--color-neutral-border-weak: #00000019;
--color-neutral-content: #333D42;
--color-neutral-content-disabled: #D6D6D6;
--color-neutral-content-strong: #181C1F;
--color-neutral-content-weak: #5C6C74;
--color-offline: #767676;
--color-online: #01A816;
--color-opacity-08: #13131314;
--color-opacity-50: #00000080;
--color-opacity-highlight: linear-gradient(#0A2F6C1a,
var(--color-tone-6));
--color-pizzaRed: #ef5350;
--color-primary: #115BCA;
--color-primary-background: #0A449B;
--color-primary-background-hover: #0A2F6C;
--color-primary-background-selected: #0A1A3F;
--color-primary-border: #0A449B;
--color-primary-border-hover: #0A2F6C;
--color-primary-hover: #0A449B;
--color-primary-onBackground: #FFFFFF;
--color-primary-onBackground-selected: #FFFFFF;
--color-primary-plain: #0A449B;
--color-primary-plain-hover: #0A2F6C;
--color-primary-plain-visited: #7600A3;
--color-primary-visited: #9B00D4;
--color-scrim: #00000099;
--color-scrim-background: #00000099;
--color-scrim-background-strong: #000000CC;
--color-scrim-gradient:
linear-gradient(
180deg,
#00000000,
#0000008a 60%,
#00000099 100%);
--color-scrim-strong: #000000cc;
--color-secondary: #21272A;
--color-secondary-background: #E5EBEE;
--color-secondary-background-hover: #DBE4E9;
--color-secondary-background-selected: #C9D7DE;
--color-secondary-hover: #000000;
--color-secondary-onBackground: #000000;
--color-secondary-plain: #181C1F;
--color-secondary-plain-hover: #000000;
--color-secondary-plain-weak: #5C6C74;
--color-secondary-weak: #576F76;
--color-success-background: #008A10;
--color-success-background-hover: #016E0B;
--color-success-content: #016E0B;
--color-success-hover: #005306;
--color-success-onBackground: #FFFFFF;
--color-success-plain: #016E0B;
--color-success-plain-hover: #005306;
--color-tone-1: #131313;
--color-tone-2: #434343;
--color-tone-3: #ACACAC;
--color-tone-4: #E4E4E4;
--color-tone-5: #F2F2F2;
--color-tone-6: #F8F8F8;
--color-tone-7: #ffffff;
--color-transparent-background-hover: #7487911a;
--color-ui-canvas: var(--color-tone-5);
--color-ui-modalbackground: var(--color-neutral-background-strong);
--color-upvote-background: #D93900;
--color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
--color-upvote-background-hover: #AE2C00;
--color-upvote-content: #AE2C00;
--color-upvote-content-weak: var(--color-global-brand-orangered);
--color-upvote-disabled: #AE2C004d;
--color-upvote-onBackground: #FFFFFF;
--color-upvote-onStrongScrim: #FF895D;
--color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-onStrongScrim-weaker: #FF4500;
--color-upvote-plain: #AE2C00;
--color-upvote-plain-disabled: rgba(174, 44, 0, 0.3);
--color-upvote-plain-weaker: #FF4500;
--color-warning-background: #B78800;
--color-warning-background-hover: #977000;
--color-warning-content: #785800;
--color-warning-content-hover: #5B4200;
--color-warning-onBackground: #000000;
--color-a-default: var(--color-primary);
--color-a-hover: var(--color-primary-hover);
--color-a-visited: var(--color-primary-visited);
--color-banner-plain: var(--color-neutral-background-strong);
--color-banner-plain-inverted: var(--color-neutral-content-strong);
--color-banner-error: var(--color-danger-background);
--color-banner-caution: var(--color-warning-background);
--color-banner-success: var(--color-success-background);
--color-banner-brand: var(--color-brand-background);
--color-banner-plain-text: var(--color-neutral-content);
--color-banner-plain-inverted-text:
var(--color-neutral-background-weak);
--color-banner-error-text: var(--color-danger-onBackground);
--color-banner-caution-text: var(--color-warning-onBackground);
--color-banner-caution-hover: var(--color-warning-background-hover);
--color-banner-success-text: var(--color-success-onBackground);
--color-banner-brand-text: var(--color-brand-onBackground);
--color-button-overlay-focus: transparent;
--color-button-overlay-active: transparent;
--color-button-border-width: tomato;
--color-button-border-width-activated: tomato;
--color-button-primary-background-hover:
var(--color-primary-background-hover);
--color-button-primary-background-activated:
var(--color-primary-background-selected);
--color-button-primary-background-disabled:
var(--color-interactive-background-disabled);
--color-button-primary-border-hover: var(--color-primary-background);
--color-button-primary-border-active:
var(--color-primary-background-hover);
--color-button-primary-text-disabled:
var(--color-interactive-content-disabled);
--color-button-primary-text-activated:
var(--color-primary-onBackground-selected);
--color-button-secondary-background: var(--color-secondary-background);
--color-button-secondary-background-focus:
var(--color-secondary-background);
--color-button-secondary-background-hover:
var(--color-secondary-background-hover);
--color-button-secondary-background-disabled:
var(--color-interactive-background-disabled);
--color-button-secondary-background-activated:
var(--color-secondary-background-selected);
--color-button-secondary-border: transparent;
--color-button-secondary-border-hover:
var(--color-secondary-background);
--color-button-secondary-border-active:
var(--color-secondary-background-hover);
--color-button-secondary-border-activated: transparent;
--color-button-secondary-border-disabled: transparent;
--color-button-secondary-text: var(--color-secondary-onBackground);
--color-button-secondary-text-disabled:
var(--color-interactive-content-disabled);
--color-button-secondary-text-activated:
var(--color-secondary-onBackground);
--color-button-tertiary-background: transparent;
--color-button-tertiary-background-focus: transparent;
--color-button-tertiary-background-hover:
var(--color-secondary-background-hover);
--color-button-tertiary-background-disabled: transparent;
--color-button-tertiary-background-activated:
var(--color-neutral-content);
--color-button-tertiary-border-hover: var(--color-secondary-background);
--color-button-tertiary-border-active:
var(--color-secondary-background-hover);
--color-button-tertiary-text: var(--color-neutral-content-strong);
--color-button-tertiary-text-disabled:
var(--color-neutral-content-disabled);
--color-button-tertiary-text-activated: var(--color-neutral-background);
--color-button-plain-background-hover:
var(--color-secondary-background-hover);
--color-button-plain-background-disabled: transparent;
--color-button-plain-background-activated:
var(--color-secondary-background-selected);
--color-button-plain-border-hover: var(--color-secondary-background);
--color-button-plain-border-active:
var(--color-secondary-background-hover);
--color-button-plain-text: var(--color-secondary-plain);
--color-button-plain-text-hover: var(--color-secondary-plain-hover);
--color-button-plain-text-disabled:
var(--color-interactive-content-disabled);
--color-button-plain-text-activated:
var(--color-secondary-onBackground);
--color-button-primary-border-activated:
var(--color-primary-background);
--color-button-plain-text-weak: var(--color-secondary-plain-weak);
--color-button-plain-inverted-background-activated:
var(--color-neutral-content);
--color-button-plain-inverted-text-activated:
var(--color-neutral-background);
--color-button-media-border-color-activated:
var(--color-media-border-selected);
--color-button-favorite-text: var(--color-favorite);
--color-button-caution-background: var(--color-caution-background);
--color-button-caution-background-hover:
var(--color-caution-background-hover);
--color-button-caution-background-disabled:
var(--color-interactive-background-disabled);
--color-button-caution-text: var(--color-caution-onBackground);
--color-divider-default: var(--color-neutral-border);
--color-input-secondary: var(--color-secondary-background);
--color-input-secondary-hover: var(--color-secondary-background-hover);
--color-input-border: transparent;
--color-input-bordered: transparent;
--color-input-bordered-hover: var(--color-neutral-background-hover);
--color-input-secondary-text: var(--color-secondary-onBackground);
--color-input-bordered-text: var(--color-secondary-plain);
--color-input-helper-text: var(--color-neutral-content-weak);
--color-input-pressed: var(--color-interactive-pressed);
--color-input-radio: var(--color-secondary-plain-weak);
--color-input-radio-hover: var(--color-neutral-content-strong);
--color-label-default: var(--color-neutral-content-weak);
--color-shimmer-background: #00000008;
--color-shimmer-gradient-overlay:
linear-gradient(
to right,
#00000000,
#00000005 20%,
#0000000f 50%,
#00000008 70%,
#00000000 100%);
--color-switch-input-background-pressed-scrim:
var(--color-interactive-pressed);
--color-switch-input-background-handle: var(--color-global-white);
--color-switch-input-background-handle-disabled:
var(--color-secondary-background);
--color-switch-input-background-default:
var(--color-secondary-background);
--color-switch-input-background-default-hover:
var(--color-secondary-background-hover);
--color-switch-input-background-default-disabled:
var(--color-interactive-background-disabled);
--color-switch-input-background-checked:
var(--color-primary-background);
--color-switch-input-background-checked-hover:
var(--color-primary-background-hover);
--color-switch-input-background-checked-disabled:
var(--color-interactive-content-disabled);
--color-tooltip-bg-neutral: var(--color-neutral-background-strong);
--color-tooltip-text-neutral: var(--color-neutral-content);
--color-tooltip-bg-inverted: var(--color-neutral-content);
--color-tooltip-text-inverted: var(--color-neutral-background);
--color-tooltip-bg-primary: var(--color-primary-background);
--color-tooltip-text-primary: var(--color-primary-onBackground);
--elevation-sm-inset: inset 0 0.0625rem 0.125rem 0 #00000021;
--elevation-button-focus: var(--elevation-focus-ring);
--elevation-switch-input-default-inset: var(--elevation-sm-inset);
}
@media (prefers-color-scheme: dark) {
:root:not(.theme-light) .theme-rpl,
:root:not(.theme-light).theme-rpl {
--color-ai-background-weaker: #00382B;
--color-ai-plain: #01A484;
--color-ai-plain-hover: #00C29D;
--color-avatar-gradient:
linear-gradient(
0deg,
#48545Bff,
#181C1Fff 75%);
--color-brand-background: #D93900;
--color-brand-background-hover: #AE2C00;
--color-brand-onBackground: #FFFFFF;
--color-caution-background: #D8A100;
--color-caution-background-hover: #FFBF0B;
--color-caution-onBackground: #000000;
--color-caution-plain: #FFBF0B;
--color-caution-plain-hover: #FFE284;
--color-danger-background: #BC0117;
--color-danger-background-disabled: #340F05;
--color-danger-background-hover: #EB001F;
--color-danger-background-weaker: #650405;
--color-danger-content: #FF4F40;
--color-danger-content-hover: #FF8773;
--color-danger-onBackground: #FFFFFF;
--color-danger-plain: #FF8773;
--color-danger-plain-hover: #FDB3A4;
--color-downvote-background: #6A5CFF;
--color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
--color-downvote-background-hover: #523DFF;
--color-downvote-content: #9580FF;
--color-downvote-content-weak: #6A5CFF;
--color-downvote-disabled: #9580FF4d;
--color-downvote-onBackground: #FFFFFF;
--color-downvote-onStrongScrim: #B29FFF;
--color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
--color-downvote-onStrongScrim-weaker: #9580FF;
--color-downvote-plain: #9580FF;
--color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
--color-downvote-plain-weaker: #6A5CFF;
--color-elevation-large1: #0000007F;
--color-elevation-large2: #00000033;
--color-elevation-medium1: #0000007F;
--color-elevation-medium2: #00000033;
--color-elevation-small: #00000054;
--color-elevation-xsmall: #000000AA;
--color-favorite: #B78800;
--color-global-admin: #D93900;
--color-global-black: #000000;
--color-global-brand-orangered: #FF4500;
--color-global-focus: #007FAE;
--color-global-gold: #D8A100;
--color-global-moderator: #008A10;
--color-global-nsfw: #DE019F;
--color-global-offline: #667780;
--color-global-online: #00C61C;
--color-global-orangered: #FF4500;
--color-global-stars: #D8A100;
--color-global-white: #FFFFFF;
--color-interactive-background-disabled: #FFFFFF0C;
--color-interactive-content-disabled: #FFFFFF3F;
--color-interactive-focused: #007FAE;
--color-interactive-pressed: #FFFFFF26;
--color-inverted-interactive-background-disabled: #0000000C;
--color-inverted-interactive-content-disabled: #0000003F;
--color-inverted-interactive-pressed: #00000026;
--color-inverted-neutral-background: #FFFFFF;
--color-inverted-neutral-background-hover: #F6F8F9;
--color-inverted-neutral-border: #00000033;
--color-inverted-neutral-content: #333D42;
--color-inverted-neutral-content-strong: #181C1F;
--color-inverted-secondary-background: #E5EBEE;
--color-inverted-secondary-background-hover: #DBE4E9;
--color-inverted-secondary-background-selected: #C9D7DE;
--color-inverted-secondary-onBackground: #000000;
--color-inverted-secondary-plain: #181C1F;
--color-inverted-secondary-plain-hover: #000000;
--color-media-background: rgba(0, 0, 0, 0.6);
--color-media-background-hover: rgba(0, 0, 0, 0.8);
--color-media-background-selected: rgba(0, 0, 0, 0.8);
--color-media-border-selected: #FFFFFF;
--color-media-border-weak: #FFFFFF19;
--color-media-onBackground: #FFFFFF;
--color-media-onBackground-disabled: #FFFFFF3F;
--color-media-onBackground-weak: #E5EBEE;
--color-neutral-background: #0E1113;
--color-neutral-background-container: #181C1F;
--color-neutral-background-container-hover: #21272A;
--color-neutral-background-container-strong: #21272A;
--color-neutral-background-container-strong-hover: #2A3236;
--color-neutral-background-gilded: #181C1F;
--color-neutral-background-gilded-hover: #21272A;
--color-neutral-background-hover: #181C1F;
--color-neutral-background-medium: #131313;
--color-neutral-background-pinned: #0E1113;
--color-neutral-background-selected: #2A3236;
--color-neutral-background-strong: #181C1F;
--color-neutral-background-strong-hover: #21272A;
--color-neutral-background-weak: #000000;
--color-neutral-background-weak-hover: #0E1113;
--color-neutral-border: #FFFFFF33;
--color-neutral-border-medium: #FFFFFF7F;
--color-neutral-border-strong: #F6F8F9;
--color-neutral-border-weak: #FFFFFF19;
--color-neutral-content: #B7CAD4;
--color-neutral-content-disabled: #303030;
--color-neutral-content-strong: #EEF1F3;
--color-neutral-content-weak: #8BA2AD;
--color-offline: #767676;
--color-online: #01A816;
--color-opacity-50: #F2F2F280;
--color-pizzaRed: #c62828;
--color-primary: #648EFC;
--color-primary-background: #115BCA;
--color-primary-background-hover: #1870F4;
--color-primary-background-selected: #648EFC;
--color-primary-border: #648EFC;
--color-primary-border-hover: #90A9FD;
--color-primary-hover: #90A9FD;
--color-primary-onBackground: #FFFFFF;
--color-primary-onBackground-selected: #000000;
--color-primary-plain: #648EFC;
--color-primary-plain-hover: #90A9FD;
--color-primary-plain-visited: #CF5FFF;
--color-primary-visited: #CF5FFF;
--color-scrim-background: #00000099;
--color-scrim-background-strong: #000000CC;
--color-secondary: #DBE4E9;
--color-secondary-background: #2A3236;
--color-secondary-background-hover: #333D42;
--color-secondary-background-selected: #3D494E;
--color-secondary-hover: #ffffff;
--color-secondary-onBackground: #FFFFFF;
--color-secondary-plain: #DBE4E9;
--color-secondary-plain-hover: #FFFFFF;
--color-secondary-plain-weak: #8BA2AD;
--color-secondary-weak: #748791;
--color-success-background: #016E0B;
--color-success-background-hover: #008A10;
--color-success-content: #01A816;
--color-success-hover: #00C61C;
--color-success-onBackground: #FFFFFF;
--color-success-plain: #00C61C;
--color-success-plain-hover: #58E15B;
--color-tone-1: #F2F2F2;
--color-tone-2: #ACACAC;
--color-tone-3: #434343;
--color-tone-4: #303030;
--color-tone-5: #1E1E1E;
--color-tone-6: #131313;
--color-tone-7: #080808;
--color-transparent-background-hover: #6677801a;
--color-ui-canvas: #080808;
--color-ui-modalbackground: var(--color-neutral-background-strong);
--color-upvote-background: #D93900;
--color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
--color-upvote-background-hover: #AE2C00;
--color-upvote-content: #FF4500;
--color-upvote-content-weak: var(--color-global-brand-orangered);
--color-upvote-disabled: #FF45004d;
--color-upvote-onBackground: #FFFFFF;
--color-upvote-onStrongScrim: #FF895D;
--color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-onStrongScrim-weaker: #FF4500;
--color-upvote-plain: #FF895D;
--color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-plain-weaker: #FF4500;
--color-warning-background: #B78800;
--color-warning-background-hover: #D8A100;
--color-warning-content: #B78800;
--color-warning-content-hover: #D8A100;
--color-warning-onBackground: #000000;
--color-button-primary-border-activated: transparent;
--color-button-plain-inverted-activated-text:
var(--color-neutral-background);
--color-input-radio-hover: var(--color-secondary-plain);
--color-shimmer-background: #ffffff08;
--color-shimmer-gradient-overlay:
linear-gradient(
to right,
#ffffff00,
#ffffff05 20%,
#ffffff0f 50%,
#ffffff08 70%,
#ffffff00 100%);
}
}
.theme-dark .theme-rpl,
.theme-dark.theme-rpl {
--color-ai-background-weaker: #00382B;
--color-ai-plain: #01A484;
--color-ai-plain-hover: #00C29D;
--color-avatar-gradient:
linear-gradient(
0deg,
#48545Bff,
#181C1Fff 75%);
--color-brand-background: #D93900;
--color-brand-background-hover: #AE2C00;
--color-brand-onBackground: #FFFFFF;
--color-caution-background: #D8A100;
--color-caution-background-hover: #FFBF0B;
--color-caution-onBackground: #000000;
--color-caution-plain: #FFBF0B;
--color-caution-plain-hover: #FFE284;
--color-danger-background: #BC0117;
--color-danger-background-disabled: #340F05;
--color-danger-background-hover: #EB001F;
--color-danger-background-weaker: #650405;
--color-danger-content: #FF4F40;
--color-danger-content-hover: #FF8773;
--color-danger-onBackground: #FFFFFF;
--color-danger-plain: #FF8773;
--color-danger-plain-hover: #FDB3A4;
--color-downvote-background: #6A5CFF;
--color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
--color-downvote-background-hover: #523DFF;
--color-downvote-content: #9580FF;
--color-downvote-content-weak: #6A5CFF;
--color-downvote-disabled: #9580FF4d;
--color-downvote-onBackground: #FFFFFF;
--color-downvote-onStrongScrim: #B29FFF;
--color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
--color-downvote-onStrongScrim-weaker: #9580FF;
--color-downvote-plain: #9580FF;
--color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
--color-downvote-plain-weaker: #6A5CFF;
--color-elevation-large1: #0000007F;
--color-elevation-large2: #00000033;
--color-elevation-medium1: #0000007F;
--color-elevation-medium2: #00000033;
--color-elevation-small: #00000054;
--color-elevation-xsmall: #000000AA;
--color-favorite: #B78800;
--color-global-admin: #D93900;
--color-global-black: #000000;
--color-global-brand-orangered: #FF4500;
--color-global-focus: #007FAE;
--color-global-gold: #D8A100;
--color-global-moderator: #008A10;
--color-global-nsfw: #DE019F;
--color-global-offline: #667780;
--color-global-online: #00C61C;
--color-global-orangered: #FF4500;
--color-global-stars: #D8A100;
--color-global-white: #FFFFFF;
--color-interactive-background-disabled: #FFFFFF0C;
--color-interactive-content-disabled: #FFFFFF3F;
--color-interactive-focused: #007FAE;
--color-interactive-pressed: #FFFFFF26;
--color-inverted-interactive-background-disabled: #0000000C;
--color-inverted-interactive-content-disabled: #0000003F;
--color-inverted-interactive-pressed: #00000026;
--color-inverted-neutral-background: #FFFFFF;
--color-inverted-neutral-background-hover: #F6F8F9;
--color-inverted-neutral-border: #00000033;
--color-inverted-neutral-content: #333D42;
--color-inverted-neutral-content-strong: #181C1F;
--color-inverted-secondary-background: #E5EBEE;
--color-inverted-secondary-background-hover: #DBE4E9;
--color-inverted-secondary-background-selected: #C9D7DE;
--color-inverted-secondary-onBackground: #000000;
--color-inverted-secondary-plain: #181C1F;
--color-inverted-secondary-plain-hover: #000000;
--color-media-background: rgba(0, 0, 0, 0.6);
--color-media-background-hover: rgba(0, 0, 0, 0.8);
--color-media-background-selected: rgba(0, 0, 0, 0.8);
--color-media-border-selected: #FFFFFF;
--color-media-border-weak: #FFFFFF19;
--color-media-onBackground: #FFFFFF;
--color-media-onBackground-disabled: #FFFFFF3F;
--color-media-onBackground-weak: #E5EBEE;
--color-neutral-background: #0E1113;
--color-neutral-background-container: #181C1F;
--color-neutral-background-container-hover: #21272A;
--color-neutral-background-container-strong: #21272A;
--color-neutral-background-container-strong-hover: #2A3236;
--color-neutral-background-gilded: #181C1F;
--color-neutral-background-gilded-hover: #21272A;
--color-neutral-background-hover: #181C1F;
--color-neutral-background-medium: #131313;
--color-neutral-background-pinned: #0E1113;
--color-neutral-background-selected: #2A3236;
--color-neutral-background-strong: #181C1F;
--color-neutral-background-strong-hover: #21272A;
--color-neutral-background-weak: #000000;
--color-neutral-background-weak-hover: #0E1113;
--color-neutral-border: #FFFFFF33;
--color-neutral-border-medium: #FFFFFF7F;
--color-neutral-border-strong: #F6F8F9;
--color-neutral-border-weak: #FFFFFF19;
--color-neutral-content: #B7CAD4;
--color-neutral-content-disabled: #303030;
--color-neutral-content-strong: #EEF1F3;
--color-neutral-content-weak: #8BA2AD;
--color-offline: #767676;
--color-online: #01A816;
--color-opacity-50: #F2F2F280;
--color-pizzaRed: #c62828;
--color-primary: #648EFC;
--color-primary-background: #115BCA;
--color-primary-background-hover: #1870F4;
--color-primary-background-selected: #648EFC;
--color-primary-border: #648EFC;
--color-primary-border-hover: #90A9FD;
--color-primary-hover: #90A9FD;
--color-primary-onBackground: #FFFFFF;
--color-primary-onBackground-selected: #000000;
--color-primary-plain: #648EFC;
--color-primary-plain-hover: #90A9FD;
--color-primary-plain-visited: #CF5FFF;
--color-primary-visited: #CF5FFF;
--color-scrim-background: #00000099;
--color-scrim-background-strong: #000000CC;
--color-secondary: #DBE4E9;
--color-secondary-background: #2A3236;
--color-secondary-background-hover: #333D42;
--color-secondary-background-selected: #3D494E;
--color-secondary-hover: #ffffff;
--color-secondary-onBackground: #FFFFFF;
--color-secondary-plain: #DBE4E9;
--color-secondary-plain-hover: #FFFFFF;
--color-secondary-plain-weak: #8BA2AD;
--color-secondary-weak: #748791;
--color-success-background: #016E0B;
--color-success-background-hover: #008A10;
--color-success-content: #01A816;
--color-success-hover: #00C61C;
--color-success-onBackground: #FFFFFF;
--color-success-plain: #00C61C;
--color-success-plain-hover: #58E15B;
--color-tone-1: #F2F2F2;
--color-tone-2: #ACACAC;
--color-tone-3: #434343;
--color-tone-4: #303030;
--color-tone-5: #1E1E1E;
--color-tone-6: #131313;
--color-tone-7: #080808;
--color-transparent-background-hover: #6677801a;
--color-ui-canvas: #080808;
--color-ui-modalbackground: var(--color-neutral-background-strong);
--color-upvote-background: #D93900;
--color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
--color-upvote-background-hover: #AE2C00;
--color-upvote-content: #FF4500;
--color-upvote-content-weak: var(--color-global-brand-orangered);
--color-upvote-disabled: #FF45004d;
--color-upvote-onBackground: #FFFFFF;
--color-upvote-onStrongScrim: #FF895D;
--color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-onStrongScrim-weaker: #FF4500;
--color-upvote-plain: #FF895D;
--color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
--color-upvote-plain-weaker: #FF4500;
--color-warning-background: #B78800;
--color-warning-background-hover: #D8A100;
--color-warning-content: #B78800;
--color-warning-content-hover: #D8A100;
--color-warning-onBackground: #000000;
--color-button-primary-border-activated: transparent;
--color-button-plain-inverted-activated-text:
var(--color-neutral-background);
--color-input-radio-hover: var(--color-secondary-plain);
--color-shimmer-background: #ffffff08;
--color-shimmer-gradient-overlay:
linear-gradient(
to right,
#ffffff00,
#ffffff05 20%,
#ffffff0f 50%,
#ffffff08 70%,
#ffffff00 100%);
}
:root {
font-family: var(--font-sans);
font-size: 16px;
}
:root,
.theme-light,
.theme-dark {
background: var(--color-tone-7);
color: var(--color-neutral-content, var(--color-tone-1));
}
body {
font-size: var(--font-body);
}
:not(:defined):not(faceplate-auto-height-animator,
faceplate-dropdown-menu, faceplate-expandable-section-helper,
faceplate-hovercard, faceplate-tracker) {
visibility: hidden;
}
faceplate-hovercard:not(:defined) > [slot=content] {
display: none;
}
:focus-visible {
outline-color: var(--color-global-focus);
}
faceplate-banner [slot=closeButton] {
margin-left: var(--spacer-sm);
}
faceplate-banner [slot=actionButtons] button:first-of-type {
margin-right: var(--spacer-xs);
}
faceplate-banner[appearance=caution] button {
color: var(--color-banner-caution-text);
}
faceplate-banner[appearance=caution] button:hover {
background-color: var(--color-banner-caution-hover);
}
.button-favorite {
--button-color-background-focus: transparent;
--button-color-background-hover:
var(--color-button-plain-background-hover);
--button-color-background-disabled:
var(--color-button-plain-background-disabled);
--button-color-background-activated:
var(--color-button-plain-background-activated);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-text-default: var(--color-button-plain-text);
--button-color-text-disabled: var(--color-button-plain-text-disabled);
--button-color-text-activated: var(--color-button-plain-text-activated);
--button-color-text-hover: var(--color-button-plain-text-hover);
--button-border-color-default: transparent;
--button-color-text-default: var(--color-neutral-content-weak);
--button-color-background-default: transparent;
--button-color-text-hover: var(--color-secondary-onBackground);
}
.button-favorite-toggled {
--button-color-background-focus: transparent;
--button-color-background-hover:
var(--color-button-plain-background-hover);
--button-color-background-disabled:
var(--color-button-plain-background-disabled);
--button-color-background-activated:
var(--color-button-plain-background-activated);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-text-default: var(--color-button-plain-text);
--button-color-text-disabled: var(--color-button-plain-text-disabled);
--button-color-text-activated: var(--color-button-plain-text-activated);
--button-color-text-hover: var(--color-button-plain-text-hover);
--button-border-color-default: transparent;
--button-color-background-default: transparent;
--button-color-text-default: var(--color-button-favorite-text);
--button-color-text-hover: var(--color-button-favorite-text);
}
.button-secondary-toggled {
--button-color-background-default:
var(--color-button-secondary-background);
--button-color-background-focus:
var(--color-button-secondary-background-focus);
--button-color-background-hover:
var(--color-button-secondary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-background-disabled:
var(--color-button-secondary-background-disabled);
--button-color-background-activated:
var(--color-button-secondary-background-activated);
--button-color-text-default: var(--color-button-secondary-text);
--button-color-text-disabled:
var(--color-button-secondary-text-disabled);
--button-color-text-activated:
var(--color-button-secondary-text-activated);
--button-border-color-default: var(--color-button-secondary-border);
--button-color-background-default:
var(--color-button-secondary-background-activated);
--button-border-color-default: var(--color-neutral-border);
}
.button-caution {
--button-color-background-default:
var(--color-button-caution-background);
--button-color-background-hover:
var(--color-button-caution-background-hover);
--button-color-background-disabled:
var(--color-button-caution-background-disabled);
--button-color-text-default: var(--color-button-caution-text);
}
.rpl-vote-button-group {
--vote-button-divider-color: var(--color-neutral-border-weak);
}
.rpl-vote-button-group:not([disabled]) .rpl-vote-button-group-label {
color: var(--vote-button-label-color);
}
.rpl-vote-button-group:not([disabled]):hover.rpl-vote-button-group-label {
color: var(--vote-button-label-color-hover);
}
.rpl-vote-button-group .rpl-vote-button-group-divider {
background-color: var(--vote-button-divider-color);
}
.rpl-vote-button-group[disabled] button[rpl]:disabled {
--button-color-background-disabled: transparent;
}
.rpl-vote-button-group.button-plain {
--vote-button-label-color: var(--color-secondary-plain);
--vote-button-label-color-hover: var(--color-secondary-plain);
}
.rpl-vote-button-group.button-plain button[rpl]:first-child {
--button-color-text-hover: var(--color-upvote-plain-weaker);
}
.rpl-vote-button-group.button-plain button[rpl]:last-child {
--button-color-text-hover: var(--color-downvote-plain-weaker);
}
.rpl-vote-button-group.button-plain.upvote {
--vote-button-label-color: var(--color-upvote-plain);
}
.rpl-vote-button-group.button-plain.upvote button[rpl]:first-child {
--button-color-text-default: var(--color-upvote-plain-weaker);
--button-color-text-hover: var(--color-upvote-plain-weaker);
--button-color-text-disabled: var(--color-upvote-plain-disabled);
--button-color-text-activated: var(--color-upvote-plain-weaker);
}
.rpl-vote-button-group.button-plain.downvote {
--vote-button-label-color: var(--color-downvote-plain);
}
.rpl-vote-button-group.button-plain.downvote button[rpl]:last-child {
--button-color-text-default: var(--color-downvote-plain-weaker);
--button-color-text-disabled: var(--color-downvote-plain-disabled);
--button-color-text-activated: var(--color-downvote-plain-weaker);
}
.rpl-vote-button-group.button-secondary {
--vote-button-label-color: var(--color-secondary-plain);
--vote-button-label-color-hover: var(--color-secondary-plain);
--vote-button-divider-color: var(--color-neutral-border);
}
.rpl-vote-button-group.button-secondary button[rpl]:first-child {
--button-color-text-hover: var(--color-upvote-plain-weaker);
}
.rpl-vote-button-group.button-secondary button[rpl]:last-child {
--button-color-text-hover: var(--color-downvote-plain-weaker);
}
.rpl-vote-button-group.button-secondary.upvote,
.rpl-vote-button-group.button-secondary.upvote button[rpl] {
--button-color-text-default: var(--color-upvote-onBackground);
--button-color-text-hover: var(--color-upvote-onBackground);
--button-color-text-disabled: var(--color-upvote-disabled);
--button-color-text-activated: var(--color-upvote-onBackground);
}
.rpl-vote-button-group.button-secondary.upvote:not([disabled]),
.rpl-vote-button-group.button-secondary.upvote button[rpl]:not([disabled])
{
--button-color-background-default: var(--color-upvote-background);
--button-color-background-hover: var(--color-upvote-background-hover);
--button-color-background-active: var(--color-upvote-background-hover);
--vote-button-divider-color: var(--color-upvote-onBackground);
--vote-button-label-color: var(--color-media-onBackground);
}
.rpl-vote-button-group.button-secondary.downvote,
.rpl-vote-button-group.button-secondary.downvote button[rpl] {
--button-color-text-default: var(--color-downvote-onBackground);
--button-color-text-hover: var(--color-downvote-onBackground);
--button-color-text-disabled: var(--color-downvote-disabled);
--button-color-text-activated: var(--color-downvote-onBackground);
}
.rpl-vote-button-group.button-secondary.downvote:not([disabled]),
.rpl-vote-button-group.button-secondary.downvote
button[rpl]:not([disabled]) {
--button-color-background-default: var(--color-downvote-background);
--button-color-background-hover: var(--color-downvote-background-hover);
--button-color-background-active:
var(--color-downvote-background-hover);
--vote-button-divider-color: var(--color-upvote-onBackground);
--vote-button-label-color: var(--color-media-onBackground);
}
.rpl-vote-button-group.button-bordered-cab {
--vote-button-label-color: var(--color-secondary-plain);
--vote-button-label-color-hover: var(--color-secondary-plain);
}
.rpl-vote-button-group.button-bordered-cab button[rpl]:first-child {
--button-color-text-hover: var(--color-upvote-plain-weaker);
}
.rpl-vote-button-group.button-bordered-cab button[rpl]:last-child {
--button-color-text-hover: var(--color-downvote-plain-weaker);
}
.rpl-vote-button-group.button-bordered-cab.upvote {
--vote-button-label-color: var(--color-upvote-plain);
}
.rpl-vote-button-group.button-bordered-cab.upvote button[rpl]:first-child
{
--button-color-text-default: var(--color-upvote-plain-weaker);
--button-color-text-hover: var(--color-upvote-plain-weaker);
--button-color-text-disabled: var(--color-upvote-plain-disabled);
--button-color-text-activated: var(--color-upvote-plain-weaker);
}
.rpl-vote-button-group.button-bordered-cab.downvote {
--vote-button-label-color: var(--color-downvote-plain);
}
.rpl-vote-button-group.button-bordered-cab.downvote button[rpl]:last-child
{
--button-color-text-default: var(--color-downvote-plain-weaker);
--button-color-text-hover: var(--color-downvote-plain-weaker);
--button-color-text-disabled: var(--color-downvote-plain-disabled);
--button-color-text-activated: var(--color-downvote-plain-weaker);
}
.rpl-vote-button-group.button-media-cab {
--vote-button-label-color: var(--color-media-onBackground);
--vote-button-label-color-hover: var(--color-media-onBackground);
--vote-button-divider-color: var(--color-media-border-weak);
}
.rpl-vote-button-group.button-media-cab button[rpl]:first-child {
--button-color-text-hover: var(--color-upvote-onStrongScrim-weaker);
}
.rpl-vote-button-group.button-media-cab button[rpl]:last-child {
--button-color-text-hover: var(--color-downvote-onStrongScrim-weaker);
}
.rpl-vote-button-group.button-media-cab.upvote {
--vote-button-label-color: var(--color-upvote-onStrongScrim);
}
.rpl-vote-button-group.button-media-cab.upvote button[rpl]:first-child {
--button-color-text-default: var(--color-upvote-onStrongScrim-weaker);
--button-color-text-activated: var(--color-upvote-onStrongScrim-weaker);
--button-color-text-disabled:
var(--color-upvote-onStrongScrim-disabled);
}
.rpl-vote-button-group.button-media-cab.downvote {
--vote-button-label-color: var(--color-downvote-onStrongScrim);
}
.rpl-vote-button-group.button-media-cab.downvote button[rpl]:last-child {
--button-color-text-default: var(--color-downvote-onStrongScrim-weaker);
--button-color-text-activated:
var(--color-downvote-onStrongScrim-weaker);
--button-color-text-disabled:
var(--color-downvote-onStrongScrim-disabled);
}
faceplate-dropdown-menu:not(.connected) [slot=menu] {
display: none;
}
faceplate-dropdown-menu faceplate-menu li[rpl]:first-child [role=menuitem]
{
border-top-left-radius: var(--rem8);
border-top-right-radius: var(--rem8);
}
faceplate-dropdown-menu faceplate-menu li[rpl]:last-child [role=menuitem]
{
border-bottom-left-radius: var(--rem8);
border-bottom-right-radius: var(--rem8);
}
faceplate-expandable-section-helper {
display: contents;
}
faceplate-expandable-section-helper > details > summary {
list-style-type: none;
}
faceplate-expandable-section-helper > details > summary::marker,
faceplate-expandable-section-helper > details >
summary::-webkit-details-marker {
display: none;
}
faceplate-expandable-section-helper[rpl] > details > summary {
margin: 0;
}
faceplate-expandable-section-helper > details > summary
[icon-name=caret-down-outline] {
transition: transform 0.22s ease-in-out;
}
faceplate-expandable-section-helper[open] > details > summary
svg[rpl][icon-name=caret-down-outline],
faceplate-expandable-section-helper:not(:defined) > details[open] >
summary svg[rpl][icon-name=caret-down-outline] {
transform: rotate(180deg);
}
faceplate-expandable-section-helper:not([open]) > details > summary
svg[rpl][icon-name=caret-down-outline],
faceplate-expandable-section-helper:not(:defined) > details[open] >
summary svg[rpl][icon-name=caret-down-outline] {
transform: rotate(0deg);
}
address,
area,
article,
aside,
audio,
blockquote,
datalist,
details,
dl,
fieldset,
figure,
form,
input,
iframe,
img,
meter,
nav,
ol,
optgroup,
option,
output,
p,
pre,
progress,
ruby,
section,
textarea,
ul,
menu,
video {
margin-bottom: 1rem;
}
html,
input,
select,
button {
font-family: var(--font-sans);
}
body {
--faceplate-body-padding: 1.5rem;
margin: 0 auto;
padding: var(--faceplate-body-padding);
overflow-x: hidden;
word-break: break-word;
overflow-wrap: break-word;
line-height: 1.5;
}
@media (max-width: 599px) {
body {
--faceplate-body-padding: 1rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 1em 0 0.5em;
}
h1 {
font: var(--font-title-h1);
}
h2 {
font: var(--font-title-h2);
}
h3 {
font: var(--font-title-h3);
}
h4 {
font: var(--font-title-h4);
}
h5 {
font: var(--font-title-h5);
}
h6 {
font: var(--font-title-h6);
}
label {
text-transform: var(--misc-label-text-transform);
letter-spacing: var(--misc-label-letter-spacing);
font: var(--font-label-default);
color: var(--color-label-default);
}
label > input,
label > textarea {
margin-top: var(--spacer-label-default);
}
faceplate-switch-input + label,
input[type=checkbox] + label,
input[type=radio] + label {
font-size: inherit;
text-transform: inherit;
letter-spacing: inherit;
font-weight: inherit;
vertical-align: middle;
}
a {
color: var(--color-a-default);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
abbr:hover {
cursor: help;
}
blockquote {
padding: 1.5rem;
background: var(--color-tone-6);
border-left: 5px solid var(--color-tone-5);
}
abbr {
cursor: help;
}
blockquote *:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
header {
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
margin-left: calc(0px - (50vw - 50%));
margin-right: calc(0px - (50vw - 50%));
padding-top: var(--faceplate-body-padding);
padding-bottom: var(--faceplate-body-padding);
margin-top: calc(-1 * var(--faceplate-body-padding));
margin-bottom: var(--faceplate-body-padding);
background: var(--color-tone-6);
}
dialog header,
faceplate-dialog header,
article header,
section header,
main header,
aside header {
padding: 0.5rem 0;
margin: 1rem 0;
background: transparent;
}
dialog header h1,
faceplate-dialog header h1,
article header h1,
section header h1,
main header h1,
aside header h1 {
font: var(--font-title-h1);
}
header h1 {
font: var(--font-title-h0);
}
header > *:first-child {
margin-top: 0;
}
header > *:last-child {
margin-bottom: 0;
}
:where(button),
:where(input):where([type=submit], [type=reset], [type=button]) {
background: var(--button-color-background);
border-radius: 999px;
border: none;
border: var(--button-border-width, 0) solid var(--button-border-color,
transparent);
box-shadow: var(--button-shadow);
box-sizing: border-box;
color: var(--button-color-text);
cursor: pointer;
display: inline-block;
font: var(--button-font);
height: var(--button-height);
line-height: calc(var(--button-height) - (2 * var(--button-border-width,
0px)));
overflow: hidden;
padding: 0 calc(var(--button-padding) - var(--button-border-width,
0px));
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
outline-offset: 0;
--button-border-color: var(--button-border-color-default);
--button-border-width: var(--button-border-width-default);
--button-color-background: var(--button-color-background-default);
--button-color-text: var(--button-color-text-default);
--button-height: var(--size-button-sm-h);
--button-padding: var(--spacer-2xs);
--button-font: var(--font-button-sm);
--button-border-width-default: var(--line-button-sm-border);
--button-color-background-default:
var(--color-button-secondary-background);
--button-color-background-focus:
var(--color-button-secondary-background-focus);
--button-color-background-hover:
var(--color-button-secondary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-background-disabled:
var(--color-button-secondary-background-disabled);
--button-color-background-activated:
var(--color-button-secondary-background-activated);
--button-color-text-default: var(--color-button-secondary-text);
--button-color-text-disabled:
var(--color-button-secondary-text-disabled);
--button-color-text-activated:
var(--color-button-secondary-text-activated);
--button-border-color-default: var(--color-button-secondary-border);
}
:where(button).icon,
:where(input):where([type=submit], [type=reset], [type=button]).icon {
width: var(--button-height);
}
:where(button) .button-icon,
:where(input):where([type=submit], [type=reset], [type=button])
.button-icon {
margin-right: var(--spacer-xs);
}
:where(button) .dropdown-icon,
:where(input):where([type=submit], [type=reset], [type=button])
.dropdown-icon {
transform: rotate(0deg);
transition: transform 0.2s ease-in-out;
}
:where(button):focus,
:where(input):where([type=submit], [type=reset], [type=button]):focus {
--button-color-overlay: var(--color-button-overlay-focus);
}
:where(button).hover,
:where(input):where([type=submit], [type=reset], [type=button]).hover {
--button-color-overlay: var(--color-button-overlay-focus);
--button-border-color: var(--button-border-color-hover);
--button-color-background: var(--button-color-background-hover);
--button-color-text: var(--button-color-text-hover,
var(--button-color-text-default));
}
@media (hover: hover) {
:where(button):hover,
:where(input):where([type=submit], [type=reset], [type=button]):hover {
--button-color-overlay: var(--color-button-overlay-focus);
--button-border-color: var(--button-border-color-hover);
--button-color-background: var(--button-color-background-hover);
--button-color-text: var(--button-color-text-hover,
var(--button-color-text-default));
}
}
:where(button):active,
:where(input):where([type=submit], [type=reset], [type=button]):active,
:where(button).active,
:where(input):where([type=submit], [type=reset], [type=button]).active {
--button-color-overlay: var(--color-button-overlay-active);
--button-color-background:
linear-gradient(var(--color-interactive-pressed),
var(--color-interactive-pressed)), var(--button-color-background-active);
}
:where(button):disabled,
:where(input):where([type=submit], [type=reset], [type=button]):disabled,
:where(button).anchor-disabled,
:where(input):where([type=submit], [type=reset],
[type=button]).anchor-disabled {
--button-border-color-hover: var(--button-border-color-default);
--button-color-background: var(--button-color-background-disabled);
--button-color-text: var(--button-color-text-disabled);
cursor: not-allowed;
pointer-events: none;
}
:where(button).disabled.pointer-all,
:where(input):where([type=submit], [type=reset],
[type=button]).disabled.pointer-all {
--button-border-color-hover: var(--button-border-color-default);
--button-color-background: var(--button-color-background-disabled);
--button-color-text: var(--button-color-text-disabled);
cursor: not-allowed;
pointer-events: all;
}
:where(button).button-activated,
:where(input):where([type=submit], [type=reset],
[type=button]).button-activated {
--button-border-color: var(--button-border-color-activated);
--button-color-background: var(--button-color-background-activated);
--button-color-text: var(--button-color-text-activated);
}
small :where(button),
small :where(input):where([type=submit], [type=reset], [type=button]) {
--button-height: var(--size-button-xs-h);
--button-padding: var(--spacer-sm);
--button-font: var(--font-button-xs);
--button-border-width-default: var(--line-button-xs-border);
}
:where(button).button-large,
:where(input):where([type=submit], [type=reset],
[type=button]).button-large {
--button-height: var(--size-button-lg-h);
--button-padding: var(--spacer-xs);
--button-font: var(--font-button-lg);
--button-border-width-default: var(--line-button-lg-border);
}
:where(button).button-primary,
:where(input):where([type=submit], [type=reset],
[type=button]).button-primary {
--button-color-background-default: var(--color-primary-background);
--button-color-background-focus: var(--color-primary-background);
--button-color-background-hover:
var(--color-button-primary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-primary-background-hover),
var(--color-button-primary-background-hover));
--button-color-background-disabled:
var(--color-button-primary-background-disabled);
--button-color-background-activated:
var(--color-button-primary-background-activated);
--button-color-text-default: var(--color-global-white);
--button-color-text-disabled: var(--color-button-primary-text-disabled);
--button-color-text-activated:
var(--color-button-primary-text-activated);
--button-border-color-default: transparent;
}
:where(button).button-plain,
:where(input):where([type=submit], [type=reset],
[type=button]).button-plain {
--button-color-background-default: transparent;
--button-color-background-focus: transparent;
--button-color-background-hover:
var(--color-button-plain-background-hover);
--button-color-background-disabled:
var(--color-button-plain-background-disabled);
--button-color-background-activated:
var(--color-button-plain-background-activated);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-text-default: var(--color-button-plain-text);
--button-color-text-disabled: var(--color-button-plain-text-disabled);
--button-color-text-activated: var(--color-button-plain-text-activated);
--button-color-text-hover: var(--color-button-plain-text-hover);
--button-border-color-default: transparent;
}
:where(button).button-icon-only,
:where(input):where([type=submit], [type=reset],
[type=button]).button-icon-only {
--button-padding: 0;
width: var(--button-height);
}
:root {
--button-color-background-default:
var(--color-button-secondary-background);
--button-color-background-focus:
var(--color-button-secondary-background-focus);
--button-color-background-hover:
var(--color-button-secondary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-background-disabled:
var(--color-button-secondary-background-disabled);
--button-color-background-activated:
var(--color-button-secondary-background-activated);
--button-color-text-default: var(--color-button-secondary-text);
--button-color-text-disabled:
var(--color-button-secondary-text-disabled);
--button-color-text-activated:
var(--color-button-secondary-text-activated);
--button-border-color-default: var(--color-button-secondary-border);
}
:where(button, input):where([type=submit]) {
--button-color-background-default: var(--color-primary-background);
--button-color-background-focus: var(--color-primary-background);
--button-color-background-hover:
var(--color-button-primary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-primary-background-hover),
var(--color-button-primary-background-hover));
--button-color-background-disabled:
var(--color-button-primary-background-disabled);
--button-color-background-activated:
var(--color-button-primary-background-activated);
--button-color-text-default: var(--color-global-white);
--button-color-text-disabled: var(--color-button-primary-text-disabled);
--button-color-text-activated:
var(--color-button-primary-text-activated);
--button-border-color-default: transparent;
}
faceplate-tablist button {
border-radius: 0;
}
faceplate-tablist button:first-child {
border-radius: 999px 0 0 999px;
}
faceplate-tablist button:last-child {
border-radius: 0 999px 999px 0;
}
faceplate-tablist a {
border-bottom: 2px solid var(--button-color-primary);
color: inherit;
display: inline-block;
font: var(--font-button-b3);
padding: 0.5rem 1rem 0.375rem;
}
faceplate-tablist a:hover {
text-decoration: none;
}
code,
pre,
kbd,
samp {
font-size: var(--font-code);
font-family: var(--font-mono);
background: var(--color-tone-6);
border: 1px solid var(--color-tone-5);
border-radius: 4px;
padding: 2px 4px;
font-size: 0.9em;
}
pre {
background: var(--color-tone-5);
border-color: var(--color-tone-4);
padding: 1rem 1.4rem;
max-width: 100%;
overflow: auto;
}
kbd {
border-bottom-width: 3px;
}
pre code {
background: inherit;
font-size: inherit;
color: inherit;
border: 0;
padding: 0;
margin: 0;
}
code pre {
display: inline;
background: inherit;
font-size: inherit;
color: inherit;
border: 0;
padding: 0;
margin: 0;
}
details {
padding: 0.5rem 1rem;
background: var(--color-tone-6);
border: var(--misc-accordion-border);
border-radius: var(--radius-accordion-size);
}
details summary {
cursor: pointer;
font-weight: bold;
list-style-type: var(--misc-accordion-closed-list-style-type);
}
details[open] summary {
margin-bottom: 0.375rem;
list-style-type: var(--misc-accordion-open-list-style-type);
}
details[open] summary icon-caret-down,
details[open] summary svg[rpl][icon-name=caret-down-outline] {
transform: rotate(180deg);
transition: transform 0.22s ease-in-out;
}
details summary icon-caret-down,
details summary svg[rpl][icon-name=caret-down-outline] {
transform: rotate(0);
transition: transform 0.22s ease-in-out;
}
details[open] > *:last-child {
margin-bottom: 0;
}
dt {
font-weight: bold;
margin-bottom: 0.5rem;
}
dd {
margin-inline-start: 2rem;
}
hr {
border: 0;
border-bottom: 1px solid var(--color-divider-default);
background-color: transparent;
margin: var(--misc-divider-margin);
}
hr[padding="2xs"] {
padding: var(--spacer-2xs);
}
hr[padding=xs] {
padding: var(--spacer-xs);
}
hr[padding=sm] {
padding: var(--spacer-sm);
}
hr[padding=md] {
padding: var(--spacer-md);
}
hr[color=subdued] {
border-bottom-color: var(--color-neutral-border-weak);
}
hr[color=inverted] {
border-bottom-color: var(--color-neutral-border-strong);
}
fieldset {
margin-top: 1rem;
padding: 1rem 2rem;
border: 1px solid var(--color-tone-5);
border-radius: 0.25rem;
background: var(--color-tone-7);
min-width: 0;
}
legend {
padding: 0;
font-weight: bold;
}
table {
border-collapse: collapse;
width: 100%;
word-break: normal;
margin-bottom: 1rem;
}
td,
th {
text-align: left;
padding: 0.5rem;
}
th {
background: var(--color-tone-6);
}
tr:nth-child(even) {
background: var(--color-tone-6);
}
table caption {
font-weight: bold;
margin-bottom: 0.5rem;
}
textarea {
max-width: 100%;
}
ol,
ul {
padding-left: 2rem;
}
li {
margin-top: 0.25rem;
}
menu {
list-style-type: none;
padding-left: 0;
border-radius: 4px;
width: fit-content;
border: 1px solid var(--color-tone-5);
}
menu li {
padding: 0.5rem 0.75rem;
border-block-end: 1px solid var(--color-tone-5);
}
menu li:last-child {
border-block-end: none;
}
menu menu,
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
ins {
text-decoration-color: var(--color-success-content);
text-decoration-line: overline underline;
text-underline-position: under;
}
del {
text-decoration-color: var(--color-danger-content);
text-decoration-line: overline underline line-through;
text-underline-position: under;
}
textarea,
select,
input {
font-family: var(--font-sans);
color: var(--color-input-text);
padding: 0.5rem 0.75rem;
margin-bottom: 0.5rem;
background: var(--color-input-default);
border: var(--color-input-default) solid var(--line-input-border);
border-radius: var(--radius-sm);
box-shadow: none;
box-sizing: border-box;
font-size: 1rem;
}
textarea:disabled,
select:disabled,
input:disabled {
cursor: not-allowed;
opacity: 0.5;
}
textarea:invalid,
select:invalid,
input:invalid {
border-color: var(--color-danger-content);
}
img {
max-width: 100%;
}
input[type=radio],
input[type=checkbox] {
vertical-align: middle;
margin-bottom: 0;
margin-top: 0;
}
input[type=color],
input[type=range] {
padding: initial;
}
input[type=search] {
border-radius: 400px;
-webkit-appearance: textfield;
}
input {
max-width: 100%;
}
dialog {
border: 0;
border-radius: 4px;
padding: 1rem;
box-shadow: var(--boxshadow-modal);
background: var(--color-ui-modalbackground);
}
dialog::backdrop {
background: var(--color-scrim);
}
.fp-avatar-container img {
margin-bottom: 0;
}
faceplate-expandable-section-helper {
display: contents;
}
faceplate-expandable-section-helper > details > summary {
list-style-type: none;
}
faceplate-expandable-section-helper > details > summary::marker,
faceplate-expandable-section-helper > details >
summary::-webkit-details-marker {
display: none;
}
faceplate-expandable-section-helper[rpl] > details > summary {
margin: 0;
}
faceplate-expandable-section-helper > details > summary
[icon-name=caret-down-outline] {
transition: transform 0.22s ease-in-out;
}
faceplate-expandable-section-helper[open] > details > summary
svg[rpl][icon-name=caret-down-outline],
faceplate-expandable-section-helper:not(:defined) > details[open] >
summary svg[rpl][icon-name=caret-down-outline] {
transform: rotate(180deg);
}
faceplate-expandable-section-helper:not([open]) > details > summary
svg[rpl][icon-name=caret-down-outline],
faceplate-expandable-section-helper:not(:defined) > details[open] >
summary svg[rpl][icon-name=caret-down-outline] {
transform: rotate(0deg);
}
faceplate-hovercard:not(:defined) > [slot=content] {
display: none;
}
faceplate-hovercard[trigger=mouse] a,
faceplate-hovercard[trigger=mouse] button,
faceplate-hovercard[trigger=mouse] [faceplate-focusable],
faceplate-hovercard[trigger=mouse] [tabindex="0"] {
outline: none;
}
.translate-x-px,
.rotate-90,
.-scale-x-100,
.transform {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
}
.shadow-xs,
.shadow-md {
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
.ring {
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
.container {
width: 100%;
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 960px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1416px) {
.container {
max-width: 1416px;
}
}
@media (min-width: 1920px) {
.container {
max-width: 1920px;
}
}
.a {
color: var(--color-a-default);
font-size: 1em;
text-decoration: none;
}
.\!a {
color: var(--color-a-default) !important;
font-size: 1em !important;
text-decoration: none !important;
}
.a:hover {
color: var(--color-a-hover);
}
.\!a:hover {
color: var(--color-a-hover) !important;
}
.a:visited:not(.no-visited),
.a.visited:not(.no-visited) {
color: var(--color-a-visited);
}
.\!a:visited:not(.no-visited),
.\!a.visited:not(.no-visited) {
color: var(--color-a-visited) !important;
}
.button {
background: var(--button-color-background);
border-radius: 999px;
border: none;
border: var(--button-border-width, 0) solid var(--button-border-color,
transparent);
box-shadow: var(--button-shadow);
box-sizing: border-box;
color: var(--button-color-text);
cursor: pointer;
display: inline-block;
font: var(--button-font);
height: var(--button-height);
line-height: calc(var(--button-height) - (2 * var(--button-border-width,
0px)));
overflow: hidden;
padding: 0 calc(var(--button-padding) - var(--button-border-width,
0px));
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
outline-offset: 0;
--button-border-color: var(--button-border-color-default);
--button-border-width: var(--button-border-width-default);
--button-color-background: var(--button-color-background-default);
--button-color-text: var(--button-color-text-default);
}
.button.icon {
width: var(--button-height);
}
.button .button-icon {
margin-right: var(--spacer-xs);
}
.button .dropdown-icon {
transform: rotate(0deg);
transition: transform 0.2s ease-in-out;
}
.button:focus {
--button-color-overlay: var(--color-button-overlay-focus);
}
.button.hover {
--button-color-overlay: var(--color-button-overlay-focus);
--button-border-color: var(--button-border-color-hover);
--button-color-background: var(--button-color-background-hover);
--button-color-text: var(--button-color-text-hover,
var(--button-color-text-default));
}
@media (hover: hover) {
.button:hover {
--button-color-overlay: var(--color-button-overlay-focus);
--button-border-color: var(--button-border-color-hover);
--button-color-background: var(--button-color-background-hover);
--button-color-text: var(--button-color-text-hover,
var(--button-color-text-default));
}
}
.button:active,
.button.active {
--button-color-overlay: var(--color-button-overlay-active);
--button-color-background:
linear-gradient(var(--color-interactive-pressed),
var(--color-interactive-pressed)), var(--button-color-background-active);
}
.button:active,
.button.\!active {
--button-color-overlay: var(--color-button-overlay-active) !important;
--button-color-background:
linear-gradient(var(--color-interactive-pressed),
var(--color-interactive-pressed)), var(--button-color-background-active)
!important;
}
.button:disabled,
.button.anchor-disabled {
--button-border-color-hover: var(--button-border-color-default);
--button-color-background: var(--button-color-background-disabled);
--button-color-text: var(--button-color-text-disabled);
cursor: not-allowed;
pointer-events: none;
}
.button.disabled.pointer-all {
--button-border-color-hover: var(--button-border-color-default);
--button-color-background: var(--button-color-background-disabled);
--button-color-text: var(--button-color-text-disabled);
cursor: not-allowed;
pointer-events: all;
}
.button.\!disabled.pointer-all {
--button-border-color-hover: var(--button-border-color-default)
!important;
--button-color-background: var(--button-color-background-disabled)
!important;
--button-color-text: var(--button-color-text-disabled) !important;
cursor: not-allowed !important;
pointer-events: all !important;
}
.button.button-activated {
--button-border-color: var(--button-border-color-activated);
--button-color-background: var(--button-color-background-activated);
--button-color-text: var(--button-color-text-activated);
}
.button-shell {
background: var(--button-color-background);
border-radius: 999px;
border: none;
border: var(--button-border-width, 0) solid var(--button-border-color,
transparent);
box-shadow: var(--button-shadow);
box-sizing: border-box;
color: var(--button-color-text);
cursor: pointer;
display: inline-block;
font: var(--button-font);
height: var(--button-height);
line-height: calc(var(--button-height) - (2 * var(--button-border-width,
0px)));
overflow: hidden;
padding: 0 calc(var(--button-padding) - var(--button-border-width,
0px));
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
outline-offset: 0;
--button-border-color: var(--button-border-color-default);
--button-border-width: var(--button-border-width-default);
--button-color-background: var(--button-color-background-default);
--button-color-text: var(--button-color-text-default);
}
.button-shell.icon {
width: var(--button-height);
}
.button-large {
--button-height: var(--size-button-lg-h);
--button-padding: var(--spacer-xs);
--button-font: var(--font-button-lg);
--button-border-width-default: var(--line-button-lg-border);
}
.button-medium {
--button-height: var(--size-button-md-h);
--button-padding: var(--spacer-xs);
--button-font: var(--font-button-md);
--button-border-width-default: var(--line-button-md-border);
}
.button-small {
--button-height: var(--size-button-sm-h);
--button-padding: var(--spacer-2xs);
--button-font: var(--font-button-sm);
--button-border-width-default: var(--line-button-sm-border);
}
.button-x-small {
--button-height: var(--size-button-xs-h);
--button-padding: var(--spacer-sm);
--button-font: var(--font-button-xs);
--button-border-width-default: var(--line-button-xs-border);
}
.button-primary {
--button-color-background-default: var(--color-primary-background);
--button-color-background-focus: var(--color-primary-background);
--button-color-background-hover:
var(--color-button-primary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-primary-background-hover),
var(--color-button-primary-background-hover));
--button-color-background-disabled:
var(--color-button-primary-background-disabled);
--button-color-background-activated:
var(--color-button-primary-background-activated);
--button-color-text-default: var(--color-global-white);
--button-color-text-disabled: var(--color-button-primary-text-disabled);
--button-color-text-activated:
var(--color-button-primary-text-activated);
--button-border-color-default: transparent;
}
.button-secondary {
--button-color-background-default:
var(--color-button-secondary-background);
--button-color-background-focus:
var(--color-button-secondary-background-focus);
--button-color-background-hover:
var(--color-button-secondary-background-hover);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-background-disabled:
var(--color-button-secondary-background-disabled);
--button-color-background-activated:
var(--color-button-secondary-background-activated);
--button-color-text-default: var(--color-button-secondary-text);
--button-color-text-disabled:
var(--color-button-secondary-text-disabled);
--button-color-text-activated:
var(--color-button-secondary-text-activated);
--button-border-color-default: var(--color-button-secondary-border);
}
.button-tertiary {
--button-color-background-default:
var(--color-button-tertiary-background);
--button-color-background-focus:
var(--color-button-tertiary-background-focus);
--button-color-background-hover:
var(--color-button-tertiary-background-hover);
--button-color-background-disabled:
var(--color-button-tertiary-background-disabled);
--button-color-background-activated:
var(--color-button-tertiary-background-activated);
--button-color-text-default: var(--color-button-tertiary-text);
--button-color-text-disabled:
var(--color-button-tertiary-text-disabled);
--button-color-text-activated:
var(--color-button-tertiary-text-activated);
--button-border-color-default: transparent;
}
.button-plain {
--button-color-background-default: transparent;
--button-color-background-focus: transparent;
--button-color-background-hover:
var(--color-button-plain-background-hover);
--button-color-background-disabled:
var(--color-button-plain-background-disabled);
--button-color-background-activated:
var(--color-button-plain-background-activated);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-text-default: var(--color-button-plain-text);
--button-color-text-disabled: var(--color-button-plain-text-disabled);
--button-color-text-activated: var(--color-button-plain-text-activated);
--button-color-text-hover: var(--color-button-plain-text-hover);
--button-border-color-default: transparent;
}
.button-plain-weak {
--button-color-background-default: transparent;
--button-color-background-focus: transparent;
--button-color-background-hover:
var(--color-button-plain-background-hover);
--button-color-background-disabled:
var(--color-button-plain-background-disabled);
--button-color-background-activated:
var(--color-button-plain-background-activated);
--button-color-background-active:
linear-gradient(var(--color-button-secondary-background-hover),
var(--color-button-secondary-background-hover));
--button-color-text-default: var(--color-button-plain-text);
--button-color-text-disabled: var(--color-button-plain-text-disabled);
--button-color-text-activated: var(--color-button-plain-text-activated);
--button-color-text-hover: var(--color-button-plain-text-hover);
--button-border-color-default: transparent;
--button-color-text-default: var(--color-button-plain-text-weak);
}
.button-bordered {
--button-color-background-default: transparent;
--button-color-background-focus: transparent;
--button-color-background-hover: transparent;
--button-color-background-active: linear-gradient(transparent,
transparent);
--button-color-background-disabled: transparent;
--button-color-background-activated:
var(--color-button-secondary-background-activated);
--button-color-text-default: var(--color-secondary-plain);
--button-color-text-disabled: var(--color-interactive-content-disabled);
--button-color-text-activated: var(--color-neutral-content-strong);
--button-color-text-hover: var(--color-secondary-plain-hover);
--button-border-color-default: var(--color-neutral-border-medium);
--button-border-color-hover: var(--color-neutral-border-strong);
--button-border-color-active: var(--color-neutral-border-strong);
--button-border-color-activated: var(--color-neutral-border-strong);
--button-border-color-disabled: var(--color-neutral-content-disabled);
--button-border-width-default: var(--line-sm);
--button-border-width-activated: var(--line-sm);
}
.button-bordered-cab {
--button-color-background-default: transparent;
--button-color-background-focus: transparent;
--button-color-background-hover: transparent;
--button-color-background-active: linear-gradient(transparent,
transparent);
--button-color-background-disabled: transparent;
--button-color-background-activated:
var(--color-button-secondary-background-activated);
--button-color-text-default: var(--color-secondary-plain);
--button-color-text-disabled: var(--color-interactive-content-disabled);
--button-color-text-activated: var(--color-neutral-content-strong);
--button-color-text-hover: var(--color-secondary-plain-hover);
--button-border-color-default: var(--color-neutral-border-medium);
--button-border-color-hover: var(--color-neutral-border-strong);
--button-border-color-active: var(--color-neutral-border-strong);
--button-border-color-activated: var(--color-neutral-border-strong);
--button-border-color-disabled: var(--color-neutral-content-disabled);
--button-border-width-default: var(--line-sm);
--button-border-width-activated: var(--line-sm);
--button-color-background-hover:
var(--color-button-secondary-background-hover);
--button-border-color-default: var(--color-neutral-border-weak);
--button-border-color-hover: var(--color-neutral-border-weak);
--button-border-color-active: var(--color-neutral-border-weak);
--button-border-color-activated: var(--color-neutral-border-weak);
}
.button-destructive {
--button-color-background-default: var(--color-danger-background);
--button-color-background-focus: var(--color-danger-background-hover);
--button-color-background-hover: var(--color-danger-background-hover);
--button-color-background-active:
linear-gradient(var(--color-danger-background-hover),
var(--color-danger-background-hover));
--button-color-background-disabled:
var(--color-button-secondary-background-disabled);
--button-color-text-default: var(--color-danger-content-default);
--button-color-text-disabled:
var(--color-button-secondary-text-disabled);
--button-border-color-default: transparent;
--button-border-color-hover: transparent;
--button-border-color-active: transparent;
}
.button-media {
--button-color-background-default: var(--color-media-background);
--button-color-background-focus: var(--color-media-background-hover);
--button-color-background-hover: var(--color-media-background-hover);
--button-color-background-active:
linear-gradient(var(--color-media-background-hover),
var(--color-media-background-hover));
--button-border-color-activated: var(--color-neutral-content-strong);
--button-color-text-default: white;
--button-color-text-disabled: var(--color-media-onbackground-disabled);
--button-color-background-disabled: var(--color-media-background);
}
.button-media-cab {
--button-color-background-default: transparent;
--button-color-background-hover: var(--color-media-background-hover);
--button-color-background-disabled: transparent;
--button-color-background-active:
linear-gradient(var(--color-media-background-hover),
var(--color-media-background-hover));
--button-color-background-activated:
var(--color-media-background-selected);
--button-color-text-default: var(--color-media-onBackground);
--button-color-text-activated: var(--color-media-onBackground);
--button-color-text-hover: var(--color-media-onBackground);
--button-color-text-disabled: var(--color-media-onbackground-disabled);
--button-border-color-default: var(--color-media-border-weak);
--button-border-color-hover: var(--color-media-border-weak);
--button-border-color-disabled: var(--color-media-border-weak);
--button-border-width-default: var(--line-sm);
}
.button-brand {
--button-color-background-default: var(--color-brand-background);
--button-color-background-hover: var(--color-brand-background-hover);
--button-color-background-active:
linear-gradient(var(--color-brand-background-hover),
var(--color-brand-background-hover));
--button-color-background-disabled:
var(--color-interactive-background-disabled);
--button-color-text-default: var(--color-danger-content-default);
--button-color-text-disabled: var(--color-interactive-content-disabled);
--button-border-color-default: transparent;
}
.button-success {
--button-color-background-default: var(--color-success-background);
--button-color-background-focus: var(--color-success-background-hover);
--button-color-background-hover: var(--color-success-background-hover);
--button-color-background-active:
linear-gradient(var(--color-success-background-hover),
var(--color-success-background-hover));
--button-color-background-disabled:
var(--color-button-primary-background-disabled);
--button-color-text-default: var(--color-success-onBackground);
--button-color-text-disabled: var(--color-button-primary-text-disabled);
--button-border-color-default: transparent;
}
.button-plain-inverted {
--button-color-background-default: transparent;
--button-color-background-focus: var(--color-neutral-content);
--button-color-background-hover: var(--color-neutral-content);
--button-color-background-active: var(--color-interactive-pressed);
--button-color-background-disabled: transparent;
--button-color-text-default: var(--color-neutral-background-weak);
--button-color-text-disabled: var(--color-neutral-content);
--button-border-color-default: transparent;
--button-color-background-activated:
var(--color-button-plain-inverted-background-activated);
--button-color-text-activated:
var(--color-button-plain-inverted-text-activated);
}
.full-snoo-xs {
--full-snoo-size: var(--rem48);
--full-snoo-top-spacer: 0.125rem;
--full-snoo-bottom-spacer: calc(-1 * 0.1875rem);
}
.full-snoo-xs:not(.no-safe-area) {
height: var(--full-snoo-size);
width: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
}
.full-snoo-xs:not(.no-safe-area) > img {
bottom: var(--full-snoo-bottom-spacer);
}
.full-snoo-xs > img {
width: var(--rem36);
}
.full-snoo-sm {
--full-snoo-size: var(--rem64);
--full-snoo-top-spacer: 0.125rem;
--full-snoo-bottom-spacer: calc(-1 * var(--rem4));
}
.full-snoo-sm:not(.no-safe-area) {
height: var(--full-snoo-size);
width: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
}
.full-snoo-sm:not(.no-safe-area) > img {
bottom: var(--full-snoo-bottom-spacer);
}
.full-snoo-sm > img {
width: var(--rem48);
}
.full-snoo-md {
--full-snoo-size: var(--rem88);
--full-snoo-top-spacer: var(--spacer-2xs);
--full-snoo-bottom-spacer: calc(-1 * var(--rem6));
}
.full-snoo-md:not(.no-safe-area) {
height: var(--full-snoo-size);
width: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
}
.full-snoo-md:not(.no-safe-area) > img {
bottom: var(--full-snoo-bottom-spacer);
}
.full-snoo-md > img {
width: var(--rem64);
}
.full-snoo-lg {
--full-snoo-size: var(--rem144);
--full-snoo-top-spacer: 0.375rem;
--full-snoo-bottom-spacer: calc(-1 * var(--rem10));
}
.full-snoo-lg:not(.no-safe-area) {
height: var(--full-snoo-size);
width: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
}
.full-snoo-lg:not(.no-safe-area) > img {
bottom: var(--full-snoo-bottom-spacer);
}
.full-snoo-lg > img {
width: 6.625rem;
}
.full-snoo-xl {
--full-snoo-size: var(--rem192);
--full-snoo-top-spacer: var(--spacer-xs);
--full-snoo-bottom-spacer: calc(-1 * var(--rem14));
}
.full-snoo-xl:not(.no-safe-area) {
height: var(--full-snoo-size);
width: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
}
.full-snoo-xl:not(.no-safe-area) > img {
bottom: var(--full-snoo-bottom-spacer);
}
.full-snoo-xl > img {
width: 8.8125rem;
}
.full-snoo-2xl {
--full-snoo-size: var(--rem320);
--full-snoo-top-spacer: var(--spacer-sm);
--full-snoo-bottom-spacer: calc(-1 * var(--rem22));
}
.full-snoo-2xl:not(.no-safe-area) {
height: var(--full-snoo-size);
width: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
}
.full-snoo-2xl:not(.no-safe-area) > img {
bottom: var(--full-snoo-bottom-spacer);
}
.full-snoo-2xl > img {
width: 14.75rem;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.pointer-events-none {
pointer-events: none;
}
.visible {
visibility: visible;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.top-0 {
top: 0px;
}
.left-0 {
left: 0px;
}
.right-0 {
right: 0px;
}
.-right-\[0\.0625rem\] {
right: -0.0625rem;
}
.right-\[0\.05rem\] {
right: 0.05rem;
}
.right-\[0\.10rem\] {
right: 0.10rem;
}
.-right-\[0\.0825rem\] {
right: -0.0825rem;
}
.-right-\[0\.125rem\] {
right: -0.125rem;
}
.-right-\[\.65rem\] {
right: -.65rem;
}
.-right-\[\.75rem\] {
right: -.75rem;
}
.bottom-0 {
bottom: 0px;
}
.top-1\/2 {
top: 50%;
}
.isolate {
isolation: isolate;
}
.z-\[2\] {
z-index: 2;
}
.z-\[1000\] {
z-index: 1000;
}
.z-auto {
z-index: auto;
}
.z-50 {
z-index: 50;
}
.col-span-full {
grid-column: 1 / -1;
}
.m-0 {
margin: 0px;
}
.m-auto {
margin: auto;
}
.m-md {
margin: 1rem;
}
.m-xs {
margin: 0.5rem;
}
.m-xl {
margin: 2rem;
}
.mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.my-md {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-sm {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.my-2xs {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mx-md {
margin-left: 1rem;
margin-right: 1rem;
}
.my-xl {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mx-xs {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.-mx-xs {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.mr-md {
margin-right: 1rem;
}
.mb-lg {
margin-bottom: 1.5rem;
}
.mt-xs {
margin-top: 0.5rem;
}
.mt-lg {
margin-top: 1.5rem;
}
.mt-0 {
margin-top: 0px;
}
.mb-sm {
margin-bottom: 0.75rem;
}
.mt-md {
margin-top: 1rem;
}
.mr-lg {
margin-right: 1.5rem;
}
.mt-2xl {
margin-top: 3rem;
}
.mt-sm {
margin-top: 0.75rem;
}
.-mb-\[4px\] {
margin-bottom: -4px;
}
.mr-sm {
margin-right: 0.75rem;
}
.mb-\[24px\] {
margin-bottom: 24px;
}
.mb-xs {
margin-bottom: 0.5rem;
}
.ml-xs {
margin-left: 0.5rem;
}
.ml-sm {
margin-left: 0.75rem;
}
.mb-xl {
margin-bottom: 2rem;
}
.mb-2xs {
margin-bottom: 0.25rem;
}
.mt-xl {
margin-top: 2rem;
}
.mb-0 {
margin-bottom: 0px;
}
.mt-\[40px\] {
margin-top: 40px;
}
.mb-md {
margin-bottom: 1rem;
}
.mr-xs {
margin-right: 0.5rem;
}
.-mt-\[2px\] {
margin-top: -2px;
}
.-mt-2xs {
margin-top: -0.25rem;
}
.ml-2xs {
margin-left: 0.25rem;
}
.-ml-\[var\(--rem4\)\] {
margin-left: calc(var(--rem4) * -1);
}
.-ml-\[var\(--rem6\)\] {
margin-left: calc(var(--rem6) * -1);
}
.-ml-\[var\(--rem8\)\] {
margin-left: calc(var(--rem8) * -1);
}
.-ml-\[var\(--rem10\)\] {
margin-left: calc(var(--rem10) * -1);
}
.-ml-\[var\(--rem12\)\] {
margin-left: calc(var(--rem12) * -1);
}
.-ml-\[var\(--rem14\)\] {
margin-left: calc(var(--rem14) * -1);
}
.-ml-\[var\(--rem16\)\] {
margin-left: calc(var(--rem16) * -1);
}
.-ml-\[var\(--rem18\)\] {
margin-left: calc(var(--rem18) * -1);
}
.-ml-\[var\(--rem20\)\] {
margin-left: calc(var(--rem20) * -1);
}
.ml-0 {
margin-left: 0px;
}
.mr-\[calc\(var\(--size-button-sm-h\)-var\(--rem10\)-var\(--button-border-
width-default\)\)\] {
margin-right: calc(var(--size-button-sm-h) - var(--rem10) -
var(--button-border-width-default));
}
.mr-\[var\(--rem6\)\] {
margin-right: var(--rem6);
}
.ml-\[3px\] {
margin-left: 3px;
}
.mr-2xs {
margin-right: 0.25rem;
}
.mt-\[-0\.125rem\] {
margin-top: -0.125rem;
}
.ml-\[-\.25rem\] {
margin-left: -.25rem;
}
.mt-\[-0\.25rem\] {
margin-top: -0.25rem;
}
.ml-md {
margin-left: 1rem;
}
.mr-\[6px\] {
margin-right: 6px;
}
.ml-\[-2px\] {
margin-left: -2px;
}
.box-border {
box-sizing: border-box;
}
.box-content {
box-sizing: content-box;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.list-item {
display: list-item;
}
.hidden {
display: none;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.h-3xl {
height: 4rem;
}
.h-100 {
height: 100%;
}
.h-full {
height: 100%;
}
.h-\[40px\] {
height: 40px;
}
.h-\[95vh\] {
height: 95vh;
}
.h-\[4px\] {
height: 4px;
}
.h-\[296px\] {
height: 296px;
}
.h-screen {
height: 100vh;
}
.h-\[20px\] {
height: 20px;
}
.h-\[84px\] {
height: 84px;
}
.h-\[26px\] {
height: 26px;
}
.h-\[21px\] {
height: 21px;
}
.h-\[38px\] {
height: 38px;
}
.h-\[60px\] {
height: 60px;
}
.h-\[180px\] {
height: 180px;
}
.h-1\/2 {
height: 50%;
}
.h-\[85vh\] {
height: 85vh;
}
.h-\[2px\] {
height: 2px;
}
.h-2xs {
height: 0.25rem;
}
.h-\[1rem\] {
height: 1rem;
}
.h-\[1\.5rem\] {
height: 1.5rem;
}
.h-\[2rem\] {
height: 2rem;
}
.h-\[2\.5rem\] {
height: 2.5rem;
}
.h-\[3rem\] {
height: 3rem;
}
.h-\[3\.5rem\] {
height: 3.5rem;
}
.h-\[4rem\] {
height: 4rem;
}
.h-\[5\.5rem\] {
height: 5.5rem;
}
.h-\[2\.875rem\] {
height: 2.875rem;
}
.h-\[3\.25rem\] {
height: 3.25rem;
}
.h-\[4\.5rem\] {
height: 4.5rem;
}
.h-\[\.25rem\] {
height: .25rem;
}
.h-\[\.375rem\] {
height: .375rem;
}
.h-\[\.625rem\] {
height: .625rem;
}
.h-\[1\.25rem\] {
height: 1.25rem;
}
.h-xs {
height: 0.5rem;
}
.h-md {
height: 1rem;
}
.h-xl {
height: 2rem;
}
.h-2xl {
height: 3rem;
}
.h-lg {
height: 1.5rem;
}
.h-auto {
height: auto;
}
.max-h-min {
max-height: min-content;
}
.max-h-\[600px\] {
max-height: 600px;
}
.max-h-\[25vh\] {
max-height: 25vh;
}
.max-h-\[60vh\] {
max-height: 60vh;
}
.max-h-full {
max-height: 100%;
}
.max-h-\[596px\] {
max-height: 596px;
}
.max-h-\[480px\] {
max-height: 480px;
}
.max-h-\[620px\] {
max-height: 620px;
}
.max-h-100 {
max-height: 100%;
}
.max-h-\[var\(--rem20\)\] {
max-height: var(--rem20);
}
.min-h-screen {
min-height: 100vh;
}
.min-h-\[1rem\] {
min-height: 1rem;
}
.min-h-\[1\.5rem\] {
min-height: 1.5rem;
}
.min-h-\[2rem\] {
min-height: 2rem;
}
.min-h-\[2\.5rem\] {
min-height: 2.5rem;
}
.min-h-\[3rem\] {
min-height: 3rem;
}
.min-h-\[2\.875rem\] {
min-height: 2.875rem;
}
.min-h-\[3\.25rem\] {
min-height: 3.25rem;
}
.min-h-\[4\.5rem\] {
min-height: 4.5rem;
}
.w-3xl {
width: 4rem;
}
.w-100 {
width: 100%;
}
.w-md {
width: 1rem;
}
.w-full {
width: 100%;
}
.w-\[70\%\] {
width: 70%;
}
.w-\[15\%\] {
width: 15%;
}
.w-\[95vw\] {
width: 95vw;
}
.w-1\/2 {
width: 50%;
}
.w-min {
width: min-content;
}
.w-\[30\%\] {
width: 30%;
}
.w-\[40\%\] {
width: 40%;
}
.w-\[200px\] {
width: 200px;
}
.w-\[300px\] {
width: 300px;
}
.w-2\/3 {
width: 66.666667%;
}
.w-\[20px\] {
width: 20px;
}
.w-1\/3 {
width: 33.333333%;
}
.w-\[32rem\] {
width: 32rem;
}
.w-1\/4 {
width: 25%;
}
.w-fit {
width: fit-content;
}
.w-\[150px\] {
width: 150px;
}
.w-8\/12 {
width: 66.666667%;
}
.w-1\/6 {
width: 16.666667%;
}
.w-10\/12 {
width: 83.333333%;
}
.w-screen {
width: 100vw;
}
.w-\[28vw\] {
width: 28vw;
}
.w-\[1rem\] {
width: 1rem;
}
.w-\[1\.5rem\] {
width: 1.5rem;
}
.w-\[2rem\] {
width: 2rem;
}
.w-\[2\.5rem\] {
width: 2.5rem;
}
.w-\[3rem\] {
width: 3rem;
}
.w-\[3\.5rem\] {
width: 3.5rem;
}
.w-\[4rem\] {
width: 4rem;
}
.w-\[5\.5rem\] {
width: 5.5rem;
}
.w-\[2\.875rem\] {
width: 2.875rem;
}
.w-\[3\.25rem\] {
width: 3.25rem;
}
.w-\[4\.5rem\] {
width: 4.5rem;
}
.w-\[\.25rem\] {
width: .25rem;
}
.w-\[\.375rem\] {
width: .375rem;
}
.w-\[\.625rem\] {
width: .625rem;
}
.w-\[1\.25rem\] {
width: 1.25rem;
}
.w-xs {
width: 0.5rem;
}
.w-xl {
width: 2rem;
}
.w-px {
width: 1px;
}
.min-w-full {
min-width: 100%;
}
.min-w-\[1rem\] {
min-width: 1rem;
}
.min-w-\[1\.5rem\] {
min-width: 1.5rem;
}
.min-w-\[2rem\] {
min-width: 2rem;
}
.min-w-\[2\.5rem\] {
min-width: 2.5rem;
}
.min-w-\[3rem\] {
min-width: 3rem;
}
.min-w-\[2\.875rem\] {
min-width: 2.875rem;
}
.min-w-\[3\.25rem\] {
min-width: 3.25rem;
}
.min-w-\[4\.5rem\] {
min-width: 4.5rem;
}
.min-w-\[0\.5rem\] {
min-width: 0.5rem;
}
.min-w-0 {
min-width: 0px;
}
.max-w-md {
max-width: 28rem;
}
.max-w-5xl {
max-width: 64rem;
}
.max-w-\[380px\] {
max-width: 380px;
}
.max-w-full {
max-width: 100%;
}
.max-w-\[480px\] {
max-width: 480px;
}
.max-w-2xl {
max-width: 42rem;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[178px\] {
max-width: 178px;
}
.max-w-\[180px\] {
max-width: 180px;
}
.max-w-\[72px\] {
max-width: 72px;
}
.max-w-\[492px\] {
max-width: 492px;
}
.max-w-lg {
max-width: 32rem;
}
.max-w-\[400px\] {
max-width: 400px;
}
.flex-none {
flex: none;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.flex-shrink {
flex-shrink: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.shrink {
flex-shrink: 1;
}
.flex-grow {
flex-grow: 1;
}
.grow {
flex-grow: 1;
}
.grow-0 {
flex-grow: 0;
}
.table-fixed {
table-layout: fixed;
}
.translate-x-px {
--tw-translate-x: 1px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-100 {
--tw-scale-x: -1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.animate-spin {
animation: spin 1s linear infinite;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-auto {
cursor: auto;
}
.select-none {
user-select: none;
}
.select-all {
user-select: all;
}
.resize {
resize: both;
}
.list-inside {
list-style-position: inside;
}
.list-none {
list-style-type: none;
}
.list-disc {
list-style-type: disc;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.content-start {
align-content: flex-start;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.items-baseline {
align-items: baseline;
}
.items-stretch {
align-items: stretch;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-xs {
gap: 0.5rem;
}
.gap-2xs {
gap: 0.25rem;
}
.gap-md {
gap: 1rem;
}
.gap-sm {
gap: 0.75rem;
}
.gap-lg {
gap: 1.5rem;
}
.gap-xl {
gap: 2rem;
}
.gap-\[0\.5rem\] {
gap: 0.5rem;
}
.gap-\[var\(--rem4\)\] {
gap: var(--rem4);
}
.gap-x-2xl {
column-gap: 3rem;
}
.gap-x-lg {
column-gap: 1.5rem;
}
.gap-y-xs {
row-gap: 0.5rem;
}
.space-y-\[8px\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(8px * var(--tw-space-y-reverse));
}
.space-y-xs > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-x-xs > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-\[16px\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(16px * var(--tw-space-y-reverse));
}
.space-y-sm > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.self-start {
align-self: flex-start;
}
.self-center {
align-self: center;
}
.justify-self-end {
justify-self: end;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-ellipsis {
text-overflow: ellipsis;
}
.text-ellipsis {
text-overflow: ellipsis;
}
.whitespace-normal {
white-space: normal;
}
.whitespace-nowrap {
white-space: nowrap;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.break-normal {
overflow-wrap: normal;
word-break: normal;
}
.rounded-\[8px\] {
border-radius: 8px;
}
.rounded-lg {
border-radius: 2rem;
}
.rounded-md {
border-radius: 1.25rem;
}
.rounded-full {
border-radius: 624.9375rem;
}
.rounded-sm {
border-radius: 0.25rem;
}
.rounded-\[16px\] {
border-radius: 16px;
}
.rounded-\[\.5rem\] {
border-radius: .5rem;
}
.rounded-\[0\.5rem\] {
border-radius: 0.5rem;
}
.rounded-\[\.25rem\] {
border-radius: .25rem;
}
.rounded-\[\.50rem\] {
border-radius: .50rem;
}
.rounded-\[\.75rem\] {
border-radius: .75rem;
}
.rounded-\[1rem\] {
border-radius: 1rem;
}
.rounded-none {
border-radius: 0rem;
}
.rounded-l-\[8px\] {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.rounded-l-\[12px\] {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.rounded-r-\[8px\] {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.rounded-r-\[12px\] {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.border {
border-width: 0.0625rem;
}
.border-sm {
border-width: 0.0625rem;
}
.border-0 {
border-width: 0rem;
}
.border-lg {
border-width: 0.25rem;
}
.border-\[0\.125rem\] {
border-width: 0.125rem;
}
.border-\[0\.1875rem\] {
border-width: 0.1875rem;
}
.border-\[\.25rem\] {
border-width: .25rem;
}
.border-md {
border-width: 0.125rem;
}
.border-t {
border-top-width: 0.0625rem;
}
.border-b {
border-bottom-width: 0.0625rem;
}
.border-solid {
border-style: solid;
}
.border-hidden {
border-style: hidden;
}
.border-none {
border-style: none;
}
.border-neutral-border-weak {
border-color: var(--color-neutral-border-weak);
}
.border-neutral-border {
border-color: var(--color-neutral-border);
}
.border-tone-4 {
border-color: var(--color-tone-4);
}
.border-transparent {
border-color: transparent;
}
.border-interactive-pressed {
border-color: var(--color-interactive-pressed);
}
.border-neutral-background-selected {
border-color: var(--color-neutral-background-selected);
}
.border-neutral-background-weak {
border-color: var(--color-neutral-background-weak);
}
.border-tone-5 {
border-color: var(--color-tone-5);
}
.border-neutral-background-container {
border-color: var(--color-neutral-background-container);
}
.border-neutral-background {
border-color: var(--color-neutral-background);
}
.border-action-upvote {
border-color: var(--color-action-upvote);
}
.border-action-downvote {
border-color: var(--color-action-downvote);
}
.border-b-alienblue-600 {
--tw-border-opacity: 1;
border-bottom-color: rgb(17 91 202 / var(--tw-border-opacity));
}
.border-b-global-brand-orangered {
--tw-border-opacity: 1;
border-bottom-color: rgb(255 69 0 / var(--tw-border-opacity));
}
.bg-orangered-500 {
--tw-bg-opacity: 1;
background-color: rgb(217 57 0 / var(--tw-bg-opacity));
}
.bg-neutral-background {
background-color: var(--color-neutral-background);
}
.bg-neutral-background-weak {
background-color: var(--color-neutral-background-weak);
}
.bg-success-plain {
background-color: var(--color-success-plain);
}
.bg-danger-background-weaker {
background-color: var(--color-danger-background-weaker);
}
.bg-neutral-background-hover {
background-color: var(--color-neutral-background-hover);
}
.bg-neutral-content-strong {
background-color: var(--color-neutral-content-strong);
}
.bg-neutral-background-selected {
background-color: var(--color-neutral-background-selected);
}
.bg-neutral-content-weak {
background-color: var(--color-neutral-content-weak);
}
.bg-transparent {
background-color: transparent;
}
.bg-secondary-background-selected {
background-color: var(--color-secondary-background-selected);
}
.bg-alienblue-100 {
--tw-bg-opacity: 1;
background-color: rgb(220 226 251 / var(--tw-bg-opacity));
}
.bg-orangered-100 {
--tw-bg-opacity: 1;
background-color: rgb(252 219 207 / var(--tw-bg-opacity));
}
.bg-neutral-background-gilded {
background-color: var(--color-neutral-background-gilded);
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-secondary-background {
background-color: var(--color-secondary-background);
}
.bg-caution-background {
background-color: var(--color-caution-background);
}
.bg-success-background {
background-color: var(--color-success-background);
}
.bg-danger-background {
background-color: var(--color-danger-background);
}
.bg-primary {
background-color: var(--color-primary);
}
.bg-online {
background-color: var(--color-online);
}
.bg-brand-background {
background-color: var(--color-brand-background);
}
.bg-warning-background {
background-color: var(--color-warning-background);
}
.bg-neutral-content {
background-color: var(--color-neutral-content);
}
.bg-interactive-content-disabled {
background-color: var(--color-interactive-content-disabled);
}
.bg-inverted-neutral-background {
background-color: var(--color-inverted-neutral-background);
}
.bg-media-background {
background-color: var(--color-media-background);
}
.bg-\[color\:var\(--button-color-background-default\)\] {
background-color: var(--button-color-background-default);
}
.bg-secondary-plain {
background-color: var(--color-secondary-plain);
}
.bg-action-upvote {
background-color: var(--color-action-upvote);
}
.bg-action-downvote {
background-color: var(--color-action-downvote);
}
.bg-interactive-background-disabled {
background-color: var(--color-interactive-background-disabled);
}
.bg-\[color\:var\(--color-button-plain-background-disabled\)\] {
background-color: var(--color-button-plain-background-disabled);
}
.p-0 {
padding: 0px;
}
.p-xs {
padding: 0.5rem;
}
.p-md {
padding: 1rem;
}
.p-sm {
padding: 0.75rem;
}
.p-lg {
padding: 1.5rem;
}
.p-2xs {
padding: 0.25rem;
}
.px-md {
padding-left: 1rem;
padding-right: 1rem;
}
.py-md {
padding-top: 1rem;
padding-bottom: 1rem;
}
.px-xs {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-xs {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.px-lg {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-xl {
padding-top: 2rem;
padding-bottom: 2rem;
}
.px-sm {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.py-sm {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-2xs {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-\[var\(--rem10\)\] {
padding-left: var(--rem10);
padding-right: var(--rem10);
}
.px-\[var\(--rem14\)\] {
padding-left: var(--rem14);
padding-right: var(--rem14);
}
.px-\[var\(--rem6\)\] {
padding-left: var(--rem6);
padding-right: var(--rem6);
}
.px-\[var\(--rem8\)\] {
padding-left: var(--rem8);
padding-right: var(--rem8);
}
.px-\[var\(--rem12\)\] {
padding-left: var(--rem12);
padding-right: var(--rem12);
}
.px-\[0\.375rem\] {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
.py-\[0\.125rem\] {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.py-2xs {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-\[var\(--rem6\)\] {
padding-top: var(--rem6);
padding-bottom: var(--rem6);
}
.py-\[var\(--rem10\)\] {
padding-top: var(--rem10);
padding-bottom: var(--rem10);
}
.py-\[var\(--rem14\)\] {
padding-top: var(--rem14);
padding-bottom: var(--rem14);
}
.pt-sm {
padding-top: 0.75rem;
}
.pr-xs {
padding-right: 0.5rem;
}
.pt-lg {
padding-top: 1.5rem;
}
.pb-md {
padding-bottom: 1rem;
}
.pr-sm {
padding-right: 0.75rem;
}
.pb-0 {
padding-bottom: 0px;
}
.pl-xs {
padding-left: 0.5rem;
}
.pt-md {
padding-top: 1rem;
}
.pl-\[var\(--rem10\)\] {
padding-left: var(--rem10);
}
.pr-\[var\(--rem6\)\] {
padding-right: var(--rem6);
}
.pl-\[var\(--rem14\)\] {
padding-left: var(--rem14);
}
.pr-\[var\(--rem10\)\] {
padding-right: var(--rem10);
}
.pr-\[var\(--rem14\)\] {
padding-right: var(--rem14);
}
.pl-md {
padding-left: 1rem;
}
.pr-md {
padding-right: 1rem;
}
.pl-\[var\(--rem12\)\] {
padding-left: var(--rem12);
}
.pr-\[var\(--rem12\)\] {
padding-right: var(--rem12);
}
.pr-\[var\(--rem16\)\] {
padding-right: var(--rem16);
}
.pr-\[var\(--rem8\)\] {
padding-right: var(--rem8);
}
.pl-\[var\(--rem16\)\] {
padding-left: var(--rem16);
}
.pr-\[3px\] {
padding-right: 3px;
}
.pr-\[10px\] {
padding-right: 10px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-start {
text-align: start;
}
.align-baseline {
vertical-align: baseline;
}
.align-middle {
vertical-align: middle;
}
.font-sans {
font-family: var(--font-sans);
}
.text-32 {
font-size: 2rem;
line-height: 2.25rem;
}
.text-14 {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-24 {
font-size: 1.5rem;
line-height: 1.75rem;
}
.text-18 {
font-size: 1.125rem;
line-height: 1.5rem;
}
.text-16 {
font-size: 1rem;
line-height: 1.25rem;
}
.text-12 {
font-size: 0.75rem;
line-height: 1rem;
}
.text-48 {
font-size: 3rem;
line-height: 3rem;
}
.text-20 {
font-size: 1.25rem;
line-height: 1.25rem;
}
.text-10 {
font-size: 0.625rem;
line-height: 1rem;
}
.font-bold {
font-weight: 700;
}
.font-normal {
font-weight: 400;
}
.font-semibold {
font-weight: 600;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.leading-6 {
line-height: 1.5rem;
}
.leading-5 {
line-height: 1.25rem;
}
.leading-none {
line-height: 1;
}
.leading-9 {
line-height: 2.25rem;
}
.leading-4 {
line-height: 1rem;
}
.tracking-widest {
letter-spacing: 0.1em;
}
.text-primary-onBackground {
color: var(--color-primary-onBackground);
}
.text-neutral-content-strong {
color: var(--color-neutral-content-strong);
}
.text-neutral-content {
color: var(--color-neutral-content);
}
.text-neutral-content-weak {
color: var(--color-neutral-content-weak);
}
.text-secondary {
color: var(--color-secondary);
}
.text-orangered-400 {
--tw-text-opacity: 1;
color: rgb(255 69 0 / var(--tw-text-opacity));
}
.text-danger-content {
color: var(--color-danger-content);
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-success-content {
color: var(--color-success-content);
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(235 0 31 / var(--tw-text-opacity));
}
.text-alert-negative {
color: var(--color-alert-negative);
}
.text-success-plain {
color: var(--color-success-plain);
}
.text-neutral-background-strong {
color: var(--color-neutral-background-strong);
}
.text-interactive-content-disabled {
color: var(--color-interactive-content-disabled);
}
.text-caution-plain {
color: var(--color-caution-plain);
}
.text-global-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-orangered-500 {
--tw-text-opacity: 1;
color: rgb(217 57 0 / var(--tw-text-opacity));
}
.text-secondary-onBackground {
color: var(--color-secondary-onBackground);
}
.text-caution-onBackground {
color: var(--color-caution-onBackground);
}
.text-success-onBackground {
color: var(--color-success-onBackground);
}
.text-danger-onBackground {
color: var(--color-danger-onBackground);
}
.text-secondary-plain {
color: var(--color-secondary-plain);
}
.text-secondary-plain-weak {
color: var(--color-secondary-plain-weak);
}
.text-media-onbackground {
color: var(--color-media-onbackground);
}
.text-inverted-secondary-plain {
color: var(--color-inverted-secondary-plain);
}
.text-brand-onBackground {
color: var(--color-brand-onBackground);
}
.text-neutral-background {
color: var(--color-neutral-background);
}
.text-media-onBackground {
color: var(--color-media-onBackground);
}
.text-ai-plain {
color: var(--color-ai-plain);
}
.text-category-nsfw {
color: var(--color-category-nsfw);
}
.text-primary {
color: var(--color-primary);
}
.text-category-spoiler {
color: var(--color-category-spoiler);
}
.text-warning-content {
color: var(--color-warning-content);
}
.text-action-downvote {
color: var(--color-action-downvote);
}
.text-secondary-weak {
color: var(--color-secondary-weak);
}
.text-\[color\:var\(--button-color-text-default\)\] {
color: var(--button-color-text-default);
}
.text-media-onbackground-weak {
color: var(--color-media-onbackground-weak);
}
.\!text-neutral-content-strong {
color: var(--color-neutral-content-strong) !important;
}
.text-neutral-content-disabled {
color: var(--color-neutral-content-disabled);
}
.text-action-upvote {
color: var(--color-action-upvote);
}
.text-\[color\:var\(--color-button-secondary-text-disabled\)\] {
color: var(--color-button-secondary-text-disabled);
}
.text-\[color\:var\(--color-button-plain-text-disabled\)\] {
color: var(--color-button-plain-text-disabled);
}
.underline {
text-decoration-line: underline;
}
.line-through {
text-decoration-line: line-through;
}
.no-underline {
text-decoration-line: none;
}
.opacity-60 {
opacity: 0.6;
}
.opacity-40 {
opacity: 0.4;
}
.shadow-xs {
--tw-shadow: var(--elevation-xs);
--tw-shadow-colored: var(--elevation-xs);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-md {
--tw-shadow: var(--elevation-md);
--tw-shadow-colored: var(--elevation-md);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.outline {
outline-style: solid;
}
.ring {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px +
var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
}
.drop-shadow {
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0
1px 1px rgb(0 0 0 / 0.06));
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);
}
.invert {
--tw-invert: invert(100%);
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);
}
.transition {
transition-property:
color,
background-color,
border-color,
text-decoration-color,
fill,
stroke,
opacity,
box-shadow,
transform,
filter,
backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
*,
::before,
::after {
--davinci-blue: rgb(13, 189, 235);
--alien-blue: #4791ff;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-transform: translateX(var(--tw-translate-x))
translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))
skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
scaleY(var(--tw-scale-y));
}
body {
--faceplate-body-padding: 0;
}
body * {
--faceplate-body-padding: 0;
}
.markdown-container h1 {
display: block;
font-size: 2em;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.markdown-container h2 {
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.markdown-container h3 {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.markdown-container h4 {
display: block;
font-size: 1em;
margin-block-start: 1.33em;
margin-block-end: 1.33em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.markdown-container h5 {
display: block;
font-size: 0.83em;
margin-block-start: 1.67em;
margin-block-end: 1.67em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.markdown-container h6 {
display: block;
font-size: 0.67em;
margin-block-start: 2.33em;
margin-block-end: 2.33em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.markdown-container pre {
max-width: calc(100vw - 170px);
}
.before\:content-\[\'\2022\'\]::before {
--tw-content: "\2022";
content: var(--tw-content);
}
.even\:bg-neutral-background-weak-hover:nth-child(even) {
background-color: var(--color-neutral-background-weak-hover);
}
.visited\:text-secondary-plain:visited {
color: var(--color-secondary-plain);
}
.visited\:text-secondary-plain-weak:visited {
color: var(--color-secondary-plain-weak);
}
.visited\:text-media-onbackground:visited {
color: var(--color-media-onbackground);
}
.visited\:text-neutral-background-weak:visited {
color: var(--color-neutral-background-weak);
}
@media (hover: hover) and (pointer: fine) {
.hover\:cursor-none:hover {
cursor: none;
}
.hover\:border-neutral-border:hover {
border-color: var(--color-neutral-border);
}
.hover\:border-primary-background-hover:hover {
border-color: var(--color-primary-background-hover);
}
.hover\:border-transparent:hover {
border-color: transparent;
}
.hover\:bg-neutral-background-weak-hover:hover {
background-color: var(--color-neutral-background-weak-hover);
}
.hover\:bg-neutral-background-hover:hover {
background-color: var(--color-neutral-background-hover);
}
.hover\:bg-tone-5:hover {
background-color: var(--color-tone-5);
}
.hover\:bg-orangered-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(253 180 152 / var(--tw-bg-opacity));
}
.hover\:bg-downvote-background-hover:hover {
background-color: var(--color-downvote-background-hover);
}
.hover\:bg-upvote-background-hover:hover {
background-color: var(--color-upvote-background-hover);
}
.hover\:bg-secondary-background-hover:hover {
background-color: var(--color-secondary-background-hover);
}
.hover\:bg-neutral-background-selected:hover {
background-color: var(--color-neutral-background-selected);
}
.hover\:text-secondary-hover:hover {
color: var(--color-secondary-hover);
}
.hover\:text-global-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-secondary-plain-hover:hover {
color: var(--color-secondary-plain-hover);
}
.hover\:text-inverted-secondary-plain-hover:hover {
color: var(--color-inverted-secondary-plain-hover);
}
.hover\:text-action-downvote:hover {
color: var(--color-action-downvote);
}
.hover\:text-danger-content-hover:hover {
color: var(--color-danger-content-hover);
}
.hover\:text-secondary-plain:hover {
color: var(--color-secondary-plain);
}
.hover\:text-action-upvote:hover {
color: var(--color-action-upvote);
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:no-underline:hover {
text-decoration-line: none;
}
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus-visible\:text-action-downvote:focus-visible {
color: var(--color-action-downvote);
}
.focus-visible\:text-action-upvote:focus-visible {
color: var(--color-action-upvote);
}
.active\:bg-interactive-pressed:active {
background-color: var(--color-interactive-pressed);
}
.active\:bg-secondary-background:active {
background-color: var(--color-secondary-background);
}
.disabled\:bg-interactive-background-disabled:disabled {
background-color: var(--color-interactive-background-disabled);
}
.disabled\:text-interactive-content-disabled:disabled {
color: var(--color-interactive-content-disabled);
}
@media (hover: hover) and (pointer: fine) {
.group:hover .group-hover\:block {
display: block;
}
.group:hover .group-hover\:bg-secondary-plain-weak {
background-color: var(--color-secondary-plain-weak);
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-primary-background {
background-color: var(--color-primary-background);
}
.dark\:bg-orangered-800 {
--tw-bg-opacity: 1;
background-color: rgb(89 27 2 / var(--tw-bg-opacity));
}
@media (hover: hover) and (pointer: fine) {
.dark\:hover\:bg-orangered-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(132 33 0 / var(--tw-bg-opacity));
}
}
}
@media (min-width: 768px) {
.xs\:h-screen {
height: 100vh;
}
.xs\:w-\[385px\] {
width: 385px;
}
.xs\:w-\[512px\] {
width: 512px;
}
.xs\:flex-row {
flex-direction: row;
}
.xs\:gap-md {
gap: 1rem;
}
.xs\:gap-xl {
gap: 2rem;
}
.xs\:p-md {
padding: 1rem;
}
.xs\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.xs\:py-xl {
padding-top: 2rem;
padding-bottom: 2rem;
}
.xs\:text-20 {
font-size: 1.25rem;
line-height: 1.25rem;
}
.xs\:text-14 {
font-size: 0.875rem;
line-height: 1.25rem;
}
.xs\:text-24 {
font-size: 1.5rem;
line-height: 1.75rem;
}
.xs\:leading-7 {
line-height: 1.75rem;
}
}
@media (min-width: 960px) {
.s\:mt-0 {
margin-top: 0px;
}
.s\:block {
display: block;
}
.s\:hidden {
display: none;
}
.s\:w-\[375px\] {
width: 375px;
}
.s\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.s\:flex-row {
flex-direction: row;
}
.s\:flex-row-reverse {
flex-direction: row-reverse;
}
.s\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.s\:text-48 {
font-size: 3rem;
line-height: 3rem;
}
.s\:text-32 {
font-size: 2rem;
line-height: 2.25rem;
}
}
@media (min-width: 1200px) {
.m\:block {
display: block;
}
.m\:hidden {
display: none;
}
.m\:space-y-\[16px\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(16px * var(--tw-space-y-reverse));
}
.m\:space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(20px * var(--tw-space-y-reverse));
}
.m\:space-y-md > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.m\:px-\[15\%\] {
padding-left: 15%;
padding-right: 15%;
}
.m\:py-md {
padding-top: 1rem;
padding-bottom: 1rem;
}
.m\:pt-md {
padding-top: 1rem;
}
.m\:text-16 {
font-size: 1rem;
line-height: 1.25rem;
}
.m\:leading-7 {
line-height: 1.75rem;
}
}
.\[\&\>\:first-child\]\:mb-0 > :first-child {
margin-bottom: 0px;
}
.\[\&\>\:first-child\]\:max-h-full > :first-child {
max-height: 100%;
}
.\[\&\>\:first-child\]\:overflow-hidden > :first-child {
overflow: hidden;
}
.\[\&\>\:first-child\]\:rounded-\[inherit\] > :first-child {
border-radius: inherit;
}
/*# sourceMappingURL=styles-RLVGUUC2.css.map */
</style>
<script
type="module"
importance="high"
src="https://www.redditstatic.com/devvit-dev-portal/index-SWNGVBAA.js"
></script>
<link
href="https://www.redditstatic.com/devvit-dev-portal/assets/favicon/
orangered_icon_devvit_fill.svg"
rel="icon shortcut"
/>
</head>
<body class="theme-beta">
<div class="grow flex justify-center bg-neutral-background-hover">
<div class="grow max-w-5xl px-md mb-xl">
<div
class="bg-neutral-background border-sm border-solid border-tone-5
rounded-[8px] mt-lg mb-lg text-center p-lg"
>
<div class="m-xl">
<svg
width="150"
height="150"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_2315_652)">
<path
d="M2.32003 24.1538C-0.221507 23.8769 -0.996892 19.9262 1.61849
18.8738C2.41315 18.5926 3.27166 18.5446 4.09273 18.7354C4.91379 18.9262
5.66314 19.3479 6.25234 19.9508C7.23695 20.8615 8.25849 23.7169 8.45541
23.6431C9.90772 22.8923 10.1785 22.5046 11.5323 24.2585C14.0431 27.5262
13.1693 28.1354 9.93849 27.8523C4.64618 27.0769 5.11388 24.4554 2.32003
24.1538Z"
fill="black"
/>
<path
d="M1.38463 19.9877C2.5354 18.7569 4.07386 19.2307 5.29848
20.043C7.69848 21.643 7.34771 23.7354 8.20309 24.0738C9.05848 24.4123
9.56925 23.36 10.8616 23.9384C14.9539 25.7846 11.4769 26.8061 9.68001
26.9661C6.67078 27.2307 5.67386 24.8923 3.90771 23.7723C4.12256 23.6806
4.32855 23.5693 4.52309 23.44C4.76924 23.2861 3.85848 23.44 3.56309
23.6C1.62463 24.3507 -0.159986 21.6123 1.38463 19.9877Z"
fill="white"
/>
<path
d="M13.6615 8.94767C13.0461 9.18767 12.6277 9.36613 12.1969
9.51382C10.6402 10.1087 9.23879 11.0493 8.09844 12.2646C7.61211 12.661
7.023 12.9107 6.39998 12.9846C4.73844 13.4031 3.72921 14.0246 2.92306
15.5261C1.90152 17.4277 3.26152 19.4277 3.83383 19.8338C4.72613 20.4492
4.72613 21.0646 5.0646 22.1046C5.75998 24.1723 7.40306 25.5077 9.08306
26.7692C10.4133 27.4936 11.8543 27.9927 13.3477 28.2461C15.0154 28.5169
16.64 28.1231 18.2708 27.7846C19.9439 27.421 21.5397 26.7648 22.9846
25.8461C24.0348 25.1448 24.9957 24.3182 25.8461 23.3846C25.9261 23.2923
26.0123 23.2 26.0861 23.1077C26.784 22.2982 27.2978 21.3469 27.5921
20.3195C27.8864 19.2921 27.9542 18.2131 27.7908 17.1569C27.7585 16.7847
27.8709 16.4145 28.1046 16.1231C29.2308 14.7754 29.3354 11.7107 27.6369
10.1354C25.68 8.28921 23.5569 7.99382 21.1938 9.23074C20.9314 9.3343
20.6432 9.35366 20.3692 9.28613C19.7029 9.08885 19.0246 8.93468 18.3384
8.82459C17.1077 8.7569 15.9138 8.82459 14.7077 8.82459"
fill="black"
/>
<path
d="M3.91384 18.9969C4.19619 19.2707 4.53408 19.4805 4.90461
19.6123L5.03999 19.4092C5.23076 20.0677 5.39692 20.7385 5.6123
21.3908C5.9768 22.5941 6.60909 23.6992 7.46172 24.6233C8.31436 25.5473
9.36519 26.2663 10.5354 26.7262C16.0738 28.9046 21.8338 26.7262 25.3046
22.5723C26.1633 21.5206 26.6825 20.2331 26.7938 18.88C27.0512 17.1796
26.719 15.4424 25.8523 13.9569C25.8143 13.8961 25.7893 13.8281 25.7787
13.7572C25.7681 13.6863 25.7722 13.6139 25.7908 13.5446C26.1044 13.8479
26.3964 14.1728 26.6646 14.5169C26.8952 14.914 27.1007 15.325 27.28
15.7477C28.4061 14.5846 28.3569 12.4123 27.2308 11.0769C25.7846 9.36002
23.5877 8.84925 21.9631 9.95079C23.28 10.3016 25.04 12.4985 25.04
12.8369C23.5789 11.3954 21.7619 10.3666 19.7741 9.8553C17.7862 9.34401
15.6984 9.36846 13.7231 9.92617C9.58153 10.9846 6.76922 13.7785 5.23076
17.8462C5.26768 16.3569 5.93845 15.0892 6.67692 13.6062C6.1795 13.6856
5.69103 13.8133 5.21845 13.9877C3.39692 14.9231 2.54153 17.1692 3.91384
18.9969Z"
fill="white"
/>
<path
d="M30.4 18.9231C29.5192 18.6374 28.579 18.5865 27.6725
18.7754C26.7659 18.9643 25.9243 19.3864 25.2308 20C24.5925 20.6931 24.0671
21.4822 23.6739 22.3384C23.6782 22.3525 23.6782 22.3675 23.6739
22.3815C22.1908 25.6061 21.0216 26.4061 18.9969 27.2061C19.6123 27.76
20.8431 27.76 22.0739 27.8708C26.0493 28.2277 26.3816 23.9631 29.3662
24.2277C32.1908 24.4738 33.0585 19.9569 30.4 18.9231Z"
fill="black"
/>
<path
d="M8.42464 20.4862C8.26696 20.1029 8.2326 19.6801 8.32635
19.2765C8.42009 18.8728 8.63728 18.5084 8.94772 18.2339C9.33417 17.9425
9.776 17.7331 10.2462 17.6185C11.1569 17.4523 12.4369 18.3816 12.8123
19.2862C13.1877 20.1908 13.2123 20.9169 12.1969 21.5508C11.5826 21.9584
10.8603 22.1727 10.1231 22.1662C9.72065 22.0534 9.35355 21.84 9.0564
21.546C8.75925 21.2521 8.54183 20.8874 8.42464 20.4862Z"
fill="black"
/>
<path
d="M22.72 17.2307C21.9008 17.9924 20.8943 18.5233 19.8031
18.7692C18.7077 19.0523 17.8154 17.0707 18.08 15.7477C18.32 14.5784
19.5016 13.9015 20.88 14.1969C21.9692 14.4246 23.4585 16.6154 22.72
17.2307Z"
fill="black"
/>
<path
d="M18.88 15.9631C19.0288 15.6095 19.2909 15.3155 19.6251
15.1272C19.9593 14.9389 20.3466 14.8671 20.7261 14.9231C21.1003 15.0609
21.4211 15.3139 21.6423 15.6457C21.8635 15.9774 21.9736 16.3709 21.9569
16.7693C21.8092 17.557 21.0584 17.6246 19.9754 18C19.0338 18.357 18.6954
16.7631 18.88 15.9631Z"
fill="#FF4500"
/>
<path
d="M9.23076 19.3107C9.26675 19.1442 9.3369 18.987 9.43678
18.8491C9.53666 18.7111 9.66409 18.5953 9.81101 18.5091C9.95794 18.423
10.1211 18.3682 10.2903 18.3484C10.4595 18.3285 10.631 18.344 10.7938
18.3938C11.2267 18.4707 11.6122 18.7141 11.8676 19.0719C12.123 19.4297
12.228 19.8733 12.16 20.3077C11.9754 21.1446 11.3723 21.0277 10.4246
21.5384C9.65538 21.8954 9.03999 20.2707 9.23076 19.3107Z"
fill="#FF4500"
/>
<path
d="M16.1661 24.1969C18.2708 24.3077 22.9354 21.92 23.28
18.3138C23.3169 17.9015 22.4 19.2554 22.2338 19.6369C21.2615 21.8154
19.0277 22.9292 16.9723 23.5508C16.5477 23.68 15.3046 23.8585 16.1354
24.2215L16.1661 24.1969Z"
fill="black"
/>
<path
d="M30.5231 20.0677C29.2923 18.8369 27.6862 19.2923 26.3939
20.0984C25.6026 20.572 24.9491 21.2446 24.4985 22.0492C24.3631 22.3692
24.2154 22.6646 24.0616 22.9907C23.3687 24.5983 22.1865 25.9463 20.6831
26.843C21.0306 26.9161 21.3819 26.9695 21.7354 27.003C24.9108 27.2861
25.9754 24.9538 27.8462 23.84C27.6149 23.7475 27.3924 23.6342 27.1816
23.5015C26.9231 23.3477 27.8831 23.5015 28.197 23.6677C30.2462 24.4307
32.1477 21.6984 30.5231 20.0677Z"
fill="white"
/>
<path
d="M13.4707 9.60616C13.6554 8.37539 13.8031 7.23077 13.9938
6.11077C14.0206 5.89368 14.1251 5.69363 14.288 5.54768C14.451 5.40172
14.6613 5.31975 14.88 5.31693C15.7231 5.31693 16.56 5.31693 17.4031
5.3477C17.8031 5.3477 17.9323 5.56308 17.9754 5.96308C17.9865 6.40995
18.1356 6.84242 18.4023 7.20119C18.6689 7.55996 19.04 7.82746 19.4647
7.96699C19.8893 8.10652 20.3468 8.11126 20.7742 7.98056C21.2017 7.84985
21.5783 7.5901 21.8523 7.23693C22.0657 7.04148 22.2361 6.80378 22.3527
6.53892C22.4693 6.27406 22.5295 5.98785 22.5295 5.69847C22.5295 5.40908
22.4693 5.12287 22.3527 4.85801C22.2361 4.59315 22.0657 4.35545 21.8523
4.16C20.8431 3.23693 19.1692 3.22462 18.3938 4.16C18.2942 4.32113 18.1397
4.44094 17.9589 4.49745C17.7781 4.55396 17.5829 4.5434 17.4092
4.4677C16.508 4.18385 15.5412 4.18385 14.64 4.4677C14.3311 4.54403 14.0441
4.69104 13.8017 4.89714C13.5593 5.10324 13.3681 5.3628 13.2431
5.65539C12.6954 6.88616 12.7877 8.11693 12.8123 9.34769C12.8123 9.64923
12.8123 9.83385 12.48 9.96308"
fill="black"
/>
<path
d="M21.0093 4.7508C20.9001 4.6274 20.7665 4.52796 20.6169
4.45872C20.4674 4.38947 20.3052 4.35194 20.1404 4.34847C19.9757 4.345
19.812 4.37568 19.6597 4.43856C19.5074 4.50145 19.3697 4.59519 19.2554
4.71387C19.0984 4.81343 18.9632 4.94372 18.8578 5.0969C18.7524 5.25009
18.6792 5.423 18.6424 5.60524C18.6056 5.78748 18.606 5.97528 18.6437
6.15735C18.6814 6.33941 18.7555 6.51197 18.8616 6.66464C19.1094 6.97055
19.4587 7.17733 19.8461 7.24736C20.2335 7.31738 20.6332 7.24599 20.9723
7.04618C21.2769 6.74411 21.4513 6.33491 21.4582 5.90601C21.4651 5.4771
21.304 5.0625 21.0093 4.7508Z"
fill="white"
/>
</g>
<defs>
<clipPath id="clip0_2315_652">
<rect width="32" height="32" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="mb-md">
<h1 class="m-0 font-bold text-24 mb-xs">404</h1>
<h2 class="mb-xl text-16"></h2>
<a rpl
class="
button-medium px-[var(--rem14)]
button-brand
items-center justify-center
button inline-flex "
href="/"
><span
class="flex items-center justify-center"
>
<span class="flex items-center gap-xs">Back to Community Apps</span>
</span>
</a
>
</div>
</div>
</div>
</div>
Raw
react-tempate - npm run dev
This file has been truncated, but you can view the full file.
> snapkitty-devvit@0.0.0 dev
> concurrently -k -p "[{name}]" -n "CLIENT,SERVER,DEVVIT" -c "blue,green,magenta" "npm run dev:client" "npm run dev:server" "npm run dev:devvit"
[CLIENT]
[CLIENT] > snapkitty-devvit@0.0.0 dev:client
[CLIENT] > cd src/client && vite build --watch
[CLIENT]
[DEVVIT]
[DEVVIT] > snapkitty-devvit@0.0.0 dev:devvit
[DEVVIT] > devvit playtest
[DEVVIT]
[SERVER]
[SERVER] > snapkitty-devvit@0.0.0 dev:server
[SERVER] > cd src/server && vite build --watch
[SERVER]
[SERVER] vite v6.2.4 building SSR bundle for production...
[SERVER] 
[SERVER] watching for file changes...
[SERVER] 
[SERVER] build started...
[SERVER] transforming...
[CLIENT] vite v6.2.4 building for production...
[CLIENT] 
[CLIENT] (!) outDir C:\Users\can.altiparmak\_proje\snapkitty-devvit\dist\client is not inside project root and will not be emptied.
[CLIENT] Use --emptyOutDir to override.
[CLIENT] 
[CLIENT] 
[CLIENT] watching for file changes...
[CLIENT] 
[CLIENT] build started...
[CLIENT] transforming...
[CLIENT] Ô£ô 282 modules transformed.
[CLIENT] ../../node_modules/@protobufjs/inquire/index.js (12:18): Use of eval in "../../node_modules/@protobufjs/inquire/index.js" is strongly discouraged as it poses security risks and may cause issues with minification.
[CLIENT] rendering chunks...
[CLIENT] computing gzip size...
[CLIENT] ../../dist/client/index.html  0.46 kB Ôöé gzip: 0.28 kB
[CLIENT] ../../dist/client/index.css  7.14 kB Ôöé gzip: 2.31 kB
[CLIENT] ../../dist/client/index.js 311.16 kB Ôöé gzip: 83.75 kB Ôöé map: 1,321.31 kB
[CLIENT] built in 1273ms.
[SERVER] Ô£ô 954 modules transformed.
[SERVER] ../../node_modules/@protobufjs/inquire/index.js (12:18): Use of eval in "../../node_modules/@protobufjs/inquire/index.js" is strongly discouraged as it poses security risks and may cause issues with minification.
[SERVER] rendering chunks...
[SERVER] ../../dist/server/index.cjs 4,929.33 kB Ôöé map: 8,411.12 kB
[SERVER] built in 3611ms.
[DEVVIT] ┬╗ Warning: connection server error undefined: listen EADDRINUSE: address
[DEVVIT] ┬╗ already in use :::5678
[DEVVIT] We'll create a default playtest subreddit for your app!
[DEVVIT] Checking for new assets to upload...
[DEVVIT] Checking for new assets to upload... -
[DEVVIT] Checking for new assets to upload... \
[DEVVIT] Checking for new assets to upload... |
[DEVVIT] Checking for new assets to upload... /
[DEVVIT] Checking for new assets to upload... -
[DEVVIT] Checking for new assets...
[DEVVIT] Checking for new assets... None found!
[DEVVIT] Found 1 assets (0 unique new assets)
[DEVVIT] Checking for new WebView assets to upload...
[DEVVIT] Checking for new WebView assets to upload... \
[DEVVIT] Checking for new WebView assets to upload... |
[DEVVIT] Checking for new WebView assets to upload... /
[DEVVIT] Checking for new WebView assets to upload... -
[DEVVIT] Checking for new WebView assets to upload... \
[DEVVIT] Checking for new WebView assets to upload... |
[DEVVIT] Checking for new WebView assets to upload... /
[DEVVIT] Checking for new WebView assets to upload... -
[DEVVIT] Checking for new WebView assets to upload... \
[DEVVIT] Checking for new WebView assets to upload... |
[DEVVIT] Checking for new WebView assets to upload... /
[DEVVIT] Checking for new WebView assets...
[DEVVIT] Found 5 WebView assets (0 unique new assets)
[DEVVIT] Checking for new WebView assets... None found!
[DEVVIT] Uploading new version "0.0.1" to Reddit...
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... -
[DEVVIT] Uploading new version "0.0.1" to Reddit... \
[DEVVIT] Uploading new version "0.0.1" to Reddit... |
[DEVVIT] Uploading new version "0.0.1" to Reddit... /
[DEVVIT] Uploading new version "0.0.1" to Reddit... Error
[DEVVIT] Error: "Create" failed after 3 attempts.
[DEVVIT] First error: 404 Not Found:
[DEVVIT] <!DOCTYPE html>
[DEVVIT] <html lang="en-US">
[DEVVIT] <head>
[DEVVIT]
[DEVVIT] <!-- HTML Meta Tags -->
[DEVVIT] <meta
[DEVVIT] name="description"
[DEVVIT] content="Build powerful apps and immersive experiences to enhance
[DEVVIT] the communities you love."
[DEVVIT] />
[DEVVIT]
[DEVVIT] <!-- Facebook Meta Tags -->
[DEVVIT] <meta property="og:url" content="https://developers.reddit.com" />
[DEVVIT] <meta property="og:type" content="website" />
[DEVVIT] <meta property="og:title" content="Reddit for Developers" />
[DEVVIT] <meta
[DEVVIT] property="og:description"
[DEVVIT] content="Build powerful apps and immersive experiences to enhance
[DEVVIT] the communities you love."
[DEVVIT] />
[DEVVIT] <meta
[DEVVIT] property="og:image"
[DEVVIT] content="https://www.redditstatic.com/devvit-dev-portal/assets/flyin
[DEVVIT] gSnooSocial.png"
[DEVVIT] />
[DEVVIT]
[DEVVIT] <!-- Twitter Meta Tags -->
[DEVVIT] <meta name="twitter:card" content="summary_large_image" />
[DEVVIT] <meta property="twitter:domain" content="developers.reddit.com" />
[DEVVIT] <meta property="twitter:url" content="https://developers.reddit.com"
[DEVVIT] />
[DEVVIT] <meta name="twitter:title" content="Reddit for Developers" />
[DEVVIT] <meta
[DEVVIT] name="twitter:description"
[DEVVIT] content="Build powerful apps and immersive experiences to enhance
[DEVVIT] the communities you love."
[DEVVIT] />
[DEVVIT] <meta
[DEVVIT] name="twitter:image"
[DEVVIT] content="https://www.redditstatic.com/devvit-dev-portal/assets/flyin
[DEVVIT] gSnooSocial.png"
[DEVVIT] />
[DEVVIT]
[DEVVIT] <!-- Meta Tags Generated via https://www.opengraph.xyz -->
[DEVVIT]
[DEVVIT]
[DEVVIT] <!-- Google tag (gtag.js) -->
[DEVVIT] <script
[DEVVIT] async
[DEVVIT] src="https://www.googletagmanager.com/gtag/js?id=G-GWE79J8M6R"
[DEVVIT] ></script>
[DEVVIT] <script nonce="">
[DEVVIT] window.dataLayer = window.dataLayer || [];
[DEVVIT] function gtag() {
[DEVVIT] dataLayer.push(arguments);
[DEVVIT] }
[DEVVIT] gtag('js', new Date());
[DEVVIT]
[DEVVIT] gtag('config', 'G-GWE79J8M6R', {
[DEVVIT] user_id: '',
[DEVVIT] });
[DEVVIT] </script>
[DEVVIT]
[DEVVIT] <title>Reddit for Developers</title>
[DEVVIT] <meta name="viewport" content="width=device-width,
[DEVVIT] initial-scale=1, viewport-fit=cover">
[DEVVIT]
[DEVVIT] <link rel="preconnect" href="https://www.redditstatic.com/"
[DEVVIT] crossorigin="anonymous" />
[DEVVIT] <link rel="dns-prefetch" href="https://www.redditstatic.com/" />
[DEVVIT]
[DEVVIT]
[DEVVIT]
[DEVVIT] <style>
[DEVVIT] /* src/styles.less */
[DEVVIT] :root,
[DEVVIT] .theme-light {
[DEVVIT] --rem360: 22.5rem;
[DEVVIT] --rem320: 20rem;
[DEVVIT] --rem192: 12rem;
[DEVVIT] --rem144: 9rem;
[DEVVIT] --rem128: 8rem;
[DEVVIT] --rem96: 6rem;
[DEVVIT] --rem90: 5.625rem;
[DEVVIT] --rem88: 5.5rem;
[DEVVIT] --rem64: 4rem;
[DEVVIT] --rem56: 3.5rem;
[DEVVIT] --rem48: 3rem;
[DEVVIT] --rem40: 2.5rem;
[DEVVIT] --rem36: 2.25rem;
[DEVVIT] --rem32: 2rem;
[DEVVIT] --rem28: 1.75rem;
[DEVVIT] --rem26: 1.625rem;
[DEVVIT] --rem24: 1.5rem;
[DEVVIT] --rem22: 1.375rem;
[DEVVIT] --rem20: 1.25rem;
[DEVVIT] --rem18: 1.125rem;
[DEVVIT] --rem16: 1rem;
[DEVVIT] --rem15: 0.9375rem;
[DEVVIT] --rem14: 0.875rem;
[DEVVIT] --rem12: 0.75rem;
[DEVVIT] --rem10: 0.625rem;
[DEVVIT] --rem8: 0.5rem;
[DEVVIT] --rem6: 0.375rem;
[DEVVIT] --rem4: 0.25rem;
[DEVVIT] --rem2: 0.125rem;
[DEVVIT] --rem1: 0.0625rem;
[DEVVIT] --spacer-4xs: 0.125rem;
[DEVVIT] --spacer-2xs: 0.25rem;
[DEVVIT] --spacer-xs: 0.5rem;
[DEVVIT] --spacer-sm: 0.75rem;
[DEVVIT] --spacer-md: 1rem;
[DEVVIT] --spacer-lg: 1.5rem;
[DEVVIT] --spacer-xl: 2rem;
[DEVVIT] --spacer-2xl: 3rem;
[DEVVIT] --spacer-a-px: 0px;
[DEVVIT] --spacer-button-lg-px: var(--spacer-lg);
[DEVVIT] --spacer-button-md-px: var(--spacer-lg);
[DEVVIT] --spacer-button-sm-px: var(--spacer-md);
[DEVVIT] --spacer-input-padding-left: 0px;
[DEVVIT] --spacer-input-padding-top: 0px;
[DEVVIT] --spacer-label-default: 0px;
[DEVVIT] --spacer-switch-input-active-pl: 0px;
[DEVVIT] --size-2xs: 0.25rem;
[DEVVIT] --size-xs: 0.5rem;
[DEVVIT] --size-sm: 0.75rem;
[DEVVIT] --size-md: 1rem;
[DEVVIT] --size-lg: 1.5rem;
[DEVVIT] --size-xl: 2rem;
[DEVVIT] --size-2xl: 3rem;
[DEVVIT] --size-3xl: 4rem;
[DEVVIT] --size-4xl: 6rem;
[DEVVIT] --size-5xl: 8rem;
[DEVVIT] --size-button-lg-h: 3.375rem;
[DEVVIT] --size-button-md-h: 2.75rem;
[DEVVIT] --size-button-sm-h: 2.125rem;
[DEVVIT] --size-button-xs-h: 1.375rem;
[DEVVIT] --size-switch-input-h: 1.25rem;
[DEVVIT] --size-switch-input-w: 2rem;
[DEVVIT] --line-sm: 0.0625rem;
[DEVVIT] --line-md: 0.125rem;
[DEVVIT] --line-lg: 0.25rem;
[DEVVIT] --line-a-focus: 0px;
[DEVVIT] --line-a-outline-moz: 0.0625rem;
[DEVVIT] --line-a-outline-wb: 0.3125rem;
[DEVVIT] --line-button-lg-border: 0.0625rem;
[DEVVIT] --line-button-md-border: 0.0625rem;
[DEVVIT] --line-button-sm-border: 0.0625rem;
[DEVVIT] --line-button-xs-border: 0.0625rem;
[DEVVIT] --line-button-border-activated: 0.0625rem;
[DEVVIT] --line-input-border: var(--line-sm);
[DEVVIT] --radius-sm: 0.25rem;
[DEVVIT] --radius-lg: 2rem;
[DEVVIT] --radius-full: 624.9375rem;
[DEVVIT] --radius-accordion-size: var(--radius-sm);
[DEVVIT] --font-10-15-bold: normal 700 0.625rem / 0.9375rem var(--font-sans);
[DEVVIT] --font-button-lg: normal 700 1.125rem / 1.375rem var(--font-sans);
[DEVVIT] --font-button-md: normal 700 1rem / 1.25rem var(--font-sans);
[DEVVIT] --font-button-sm: normal 700 0.875rem / 1.125rem var(--font-sans);
[DEVVIT] --font-button-xs: normal 700 0.75rem / 0.875rem var(--font-sans);
[DEVVIT] --font-label-default: var(--font-10-15-bold);
[DEVVIT] --misc-accordion-border: 1px solid var(--color-tone-5);
[DEVVIT] --misc-accordion-open-list-style-type: disclosure-open;
[DEVVIT] --misc-accordion-closed-list-style-type: disclosure-closed;
[DEVVIT] --misc-divider-margin: 0.5rem auto;
[DEVVIT] --misc-label-text-transform: uppercase;
[DEVVIT] --misc-label-letter-spacing: 0.5px;
[DEVVIT] --color-primary-visited: #660099;
[DEVVIT] --color-primary-background: #24a0ed;
[DEVVIT] --color-primary-background-hover: #006cbf;
[DEVVIT] --color-danger-content: #ea0027;
[DEVVIT] --color-success-content: #46d160;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-white: #ffffff;
[DEVVIT] --color-global-orangered: #D93900;
[DEVVIT] --color-global-alienblue: #0079d3;
[DEVVIT] --color-global-darkblue: #1d2535;
[DEVVIT] --color-tone-1: #1a1a1b;
[DEVVIT] --color-tone-2: #6a6d6f;
[DEVVIT] --color-tone-3: #878a8c;
[DEVVIT] --color-tone-4: #d3d6da;
[DEVVIT] --color-tone-5: #edeff1;
[DEVVIT] --color-tone-6: #f6f7f8;
[DEVVIT] --color-tone-7: #ffffff;
[DEVVIT] --color-action-primary: var(--color-primary-background);
[DEVVIT] --color-action-secondary: var(--color-primary-background-hover);
[DEVVIT] --color-action-upvote: var(--color-global-orangered);
[DEVVIT] --color-action-downvote: #7193ff;
[DEVVIT] --color-alert-positive: var(--color-success-content);
[DEVVIT] --color-alert-negative: var(--color-danger-content);
[DEVVIT] --color-alert-caution: #ffb000;
[DEVVIT] --color-identity-admin: var(--color-global-orangered);
[DEVVIT] --color-identity-moderator: #46d160;
[DEVVIT] --color-identity-self: #0dd3bb;
[DEVVIT] --color-identity-coins: #ddbd37;
[DEVVIT] --color-category-live: var(--color-global-orangered);
[DEVVIT] --color-category-nsfw: #ff3881;
[DEVVIT] --color-category-spoiler: var(--color-tone-1);
[DEVVIT] --color-ui-canvas: var(--color-tone-5);
[DEVVIT] --color-ui-modalbackground: var(--color-tone-7);
[DEVVIT] --color-opacity-highlight: linear-gradient(#006cbf1a,
[DEVVIT] var(--color-tone-6));
[DEVVIT] --color-opacity-08: #1a1a1b14;
[DEVVIT] --color-opacity-50: #00000080;
[DEVVIT] --color-scrim: #1a1a1b4d;
[DEVVIT] --color-a-default: var(--color-primary-background-hover);
[DEVVIT] --color-a-hover: var(--color-primary-background-hover);
[DEVVIT] --color-a-visited: var(--color-primary-background-hover);
[DEVVIT] --color-button-overlay-focus: #ffffff1a;
[DEVVIT] --color-button-overlay-active: #00000014;
[DEVVIT] --color-button-primary-background-hover:
[DEVVIT] var(--color-primary-background);
[DEVVIT] --color-button-primary-background-disabled: var(--color-tone-6);
[DEVVIT] --color-button-primary-border-hover: transparent;
[DEVVIT] --color-button-primary-border-active: transparent;
[DEVVIT] --color-button-primary-border-activated: transparent;
[DEVVIT] --color-button-primary-border-disabled: transparent;
[DEVVIT] --color-button-primary-text-disabled: var(--color-tone-2);
[DEVVIT] --color-button-secondary-background: transparent;
[DEVVIT] --color-button-secondary-background-focus: transparent;
[DEVVIT] --color-button-secondary-background-hover: transparent;
[DEVVIT] --color-button-secondary-background-disabled: var(--color-tone-6);
[DEVVIT] --color-button-secondary-background-activated: transparent;
[DEVVIT] --color-button-secondary-border: var(--color-primary-background-hover);
[DEVVIT] --color-button-secondary-border-hover:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-secondary-border-active:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-secondary-border-activated:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-secondary-border-disabled: var(--color-tone-2);
[DEVVIT] --color-button-secondary-text: var(--color-primary-background-hover);
[DEVVIT] --color-button-secondary-text-disabled: var(--color-tone-2);
[DEVVIT] --color-button-secondary-text-activated:
[DEVVIT] var(--color-button-secondary-text);
[DEVVIT] --color-button-tertiary-background: var(--color-tone-6);
[DEVVIT] --color-button-tertiary-background-focus: var(--color-tone-6);
[DEVVIT] --color-button-tertiary-background-hover: var(--color-tone-6);
[DEVVIT] --color-button-tertiary-background-disabled: var(--color-tone-6);
[DEVVIT] --color-button-tertiary-background-activated: var(--color-tone-6);
[DEVVIT] --color-button-tertiary-border-hover: transparent;
[DEVVIT] --color-button-tertiary-border-active: transparent;
[DEVVIT] --color-button-tertiary-text: var(--color-primary-background-hover);
[DEVVIT] --color-button-tertiary-text-disabled: var(--color-tone-2);
[DEVVIT] --color-button-tertiary-text-activated:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-plain-background-hover: transparent;
[DEVVIT] --color-button-plain-background-disabled: var(--color-tone-7);
[DEVVIT] --color-button-plain-background-activated: transparent;
[DEVVIT] --color-button-plain-border-hover: transparent;
[DEVVIT] --color-button-plain-border-active: transparent;
[DEVVIT] --color-button-plain-text: var(--color-primary-background-hover);
[DEVVIT] --color-button-plain-text-disabled: var(--color-tone-2);
[DEVVIT] --color-button-plain-text-activated:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-divider-default: var(--color-tone-5);
[DEVVIT] --color-input-default: var(--color-tone-6);
[DEVVIT] --color-input-hover: var(--color-primary-background-hover);
[DEVVIT] --color-input-border: var(--color-tone-5);
[DEVVIT] --color-input-text: var(--color-tone-1);
[DEVVIT] --color-input-helper-text: var(--color-tone-1);
[DEVVIT] --color-label-default: var(--color-tone-1);
[DEVVIT] --color-switch-input-background-default: var(--color-tone-3);
[DEVVIT] --color-switch-input-background-checked: var(--color-global-alienblue);
[DEVVIT] --color-switch-input-background-disabled: var(--color-tone-6);
[DEVVIT] --color-switch-input-background-checked-disabled: var(--color-tone-5);
[DEVVIT] --color-switch-input-background-hover: var(--color-tone-3);
[DEVVIT] --color-switch-input-background-checked-hover:
[DEVVIT] var(--color-global-alienblue);
[DEVVIT] --elevation-xs: 0 0.0625rem 0.125rem 0 #00000040;
[DEVVIT] --elevation-sm: 0 0.0625rem 0.25rem 0 #00000026, 0 0.25rem 0.25rem 0
[DEVVIT] #00000026;
[DEVVIT] --elevation-md: 0 0.25rem 0.5rem 0 #0000001a, 0 0.375rem 0.75rem 0
[DEVVIT] #00000040;
[DEVVIT] --elevation-lg: 0 0.75rem 0.75rem 0 #00000026, 0 1rem 2rem 0 #00000040;
[DEVVIT] --elevation-focus-ring: 0 0 0 0.25rem var(--color-global-alienblue);
[DEVVIT] --font-sans:
[DEVVIT] -apple-system,
[DEVVIT] BlinkMacSystemFont,
[DEVVIT] "Segoe UI",
[DEVVIT] Roboto,
[DEVVIT] "Helvetica Neue",
[DEVVIT] Arial,
[DEVVIT] "Apple Color Emoji",
[DEVVIT] "Segoe UI Emoji",
[DEVVIT] "Segoe UI Symbol",
[DEVVIT] sans-serif;
[DEVVIT] --font-mono:
[DEVVIT] Noto Mono,
[DEVVIT] Menlo,
[DEVVIT] Monaco,
[DEVVIT] Consolas,
[DEVVIT] monospace;
[DEVVIT] --font-title-h0: normal 500 1.625rem / 2rem var(--font-sans);
[DEVVIT] --font-title-h1: normal 500 1.375rem / 1.625rem var(--font-sans);
[DEVVIT] --font-title-h2: normal 500 1.25rem / 1.5rem var(--font-sans);
[DEVVIT] --font-title-h3: normal 500 1.125rem / 1.375rem var(--font-sans);
[DEVVIT] --font-title-h4: normal 500 1rem / 1.25rem var(--font-sans);
[DEVVIT] --font-title-h5: normal 500 0.875rem / 1.125rem var(--font-sans);
[DEVVIT] --font-title-h6: normal 500 0.75rem / 1rem var(--font-sans);
[DEVVIT] --font-body: 0.875rem;
[DEVVIT] --font-small: 0.75rem;
[DEVVIT] --font-code: 0.875rem;
[DEVVIT] --font-subheading: 0.75rem;
[DEVVIT] --font-label: 0.625rem;
[DEVVIT] --font-button-b1: normal bold 1.125rem / 1.375rem var(--font-sans);
[DEVVIT] --font-button-b2: normal bold 1rem / 1.25rem var(--font-sans);
[DEVVIT] --font-button-b3: normal bold 0.875rem / 1.125rem var(--font-sans);
[DEVVIT] --font-button-b4: normal bold 0.75rem / 0.875rem var(--font-sans);
[DEVVIT] --color-gradient-orangeyellow:
[DEVVIT] linear-gradient(
[DEVVIT] 89.94deg,
[DEVVIT] #ec0623 0%,
[DEVVIT] #ff8717 100%);
[DEVVIT] --color-gradient-bluepink:
[DEVVIT] linear-gradient(
[DEVVIT] 89.94deg,
[DEVVIT] #51b9ff 0%,
[DEVVIT] #7785ff 52.6%,
[DEVVIT] #b279ff 73.96%,
[DEVVIT] #ff81ed 100%);
[DEVVIT] --boxshadow-modal: 0px 2px 15px rgba(26, 26, 27, 0.3);
[DEVVIT] --boxshadow-navigation: 0px 4px 14px rgba(0, 0, 0, 0.1);
[DEVVIT] --boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0,
[DEVVIT] 0, 0.15);
[DEVVIT] color-scheme: light;
[DEVVIT] }
[DEVVIT] :root dialog::backdrop,
[DEVVIT] .theme-light dialog::backdrop {
[DEVVIT] --color-dialog-background: #00000080;
[DEVVIT] }
[DEVVIT] @media (prefers-color-scheme: dark) {
[DEVVIT] :root:not(.theme-light) {
[DEVVIT] --color-primary-visited: #c58af9;
[DEVVIT] --color-primary-background: #006cbf;
[DEVVIT] --color-primary-background-hover: #24a0ed;
[DEVVIT] --color-tone-1: #d7dadc;
[DEVVIT] --color-tone-2: #818384;
[DEVVIT] --color-tone-3: #565758;
[DEVVIT] --color-tone-4: #3a3a3c;
[DEVVIT] --color-tone-5: #272729;
[DEVVIT] --color-tone-6: #1a1a1b;
[DEVVIT] --color-tone-7: #121213;
[DEVVIT] --color-identity-coins: #ffe600;
[DEVVIT] --color-ui-canvas: #050505;
[DEVVIT] --color-ui-modalbackground: var(--color-tone-6);
[DEVVIT] --color-opacity-50: #d7dadc80;
[DEVVIT] --color-scrim: #0000004d;
[DEVVIT] --elevation-xs: 0 0.0625rem 0.125rem 0 #000000ab;
[DEVVIT] --elevation-sm: 0 0.0625rem 0.25rem 0 #00000054, 0 0.25rem 0.25rem 0
[DEVVIT] #00000054;
[DEVVIT] --elevation-md: 0 0.25rem 0.5rem 0 #00000033, 0 0.375rem 0.75rem 0
[DEVVIT] #00000080;
[DEVVIT] --elevation-lg: 0 0.75rem 0.75rem 0 #00000033, 0 1rem 2rem 0
[DEVVIT] #00000080;
[DEVVIT] --boxshadow-modal: 0px 2px 15px rgba(0, 0, 0, 0.3);
[DEVVIT] --boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.33), 0 4px 4px rgba(0,
[DEVVIT] 0, 0, 0.33);
[DEVVIT] color-scheme: dark;
[DEVVIT] }
[DEVVIT] :root:not(.theme-light) dialog::backdrop {
[DEVVIT] --color-dialog-background: #d7dadc80;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] .theme-dark {
[DEVVIT] --color-primary-visited: #c58af9;
[DEVVIT] --color-primary-background: #006cbf;
[DEVVIT] --color-primary-background-hover: #24a0ed;
[DEVVIT] --color-tone-1: #d7dadc;
[DEVVIT] --color-tone-2: #818384;
[DEVVIT] --color-tone-3: #565758;
[DEVVIT] --color-tone-4: #3a3a3c;
[DEVVIT] --color-tone-5: #272729;
[DEVVIT] --color-tone-6: #1a1a1b;
[DEVVIT] --color-tone-7: #121213;
[DEVVIT] --color-identity-coins: #ffe600;
[DEVVIT] --color-ui-canvas: #050505;
[DEVVIT] --color-ui-modalbackground: var(--color-tone-6);
[DEVVIT] --color-opacity-50: #d7dadc80;
[DEVVIT] --color-scrim: #0000004d;
[DEVVIT] --elevation-xs: 0 0.0625rem 0.125rem 0 #000000ab;
[DEVVIT] --elevation-sm: 0 0.0625rem 0.25rem 0 #00000054, 0 0.25rem 0.25rem 0
[DEVVIT] #00000054;
[DEVVIT] --elevation-md: 0 0.25rem 0.5rem 0 #00000033, 0 0.375rem 0.75rem 0
[DEVVIT] #00000080;
[DEVVIT] --elevation-lg: 0 0.75rem 0.75rem 0 #00000033, 0 1rem 2rem 0 #00000080;
[DEVVIT] --boxshadow-modal: 0px 2px 15px rgba(0, 0, 0, 0.3);
[DEVVIT] --boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.33), 0 4px 4px rgba(0, 0,
[DEVVIT] 0, 0.33);
[DEVVIT] color-scheme: dark;
[DEVVIT] }
[DEVVIT] .theme-dark dialog::backdrop {
[DEVVIT] --color-dialog-background: #d7dadc80;
[DEVVIT] }
[DEVVIT] .theme-beta,
[DEVVIT] .theme-light.theme-beta {
[DEVVIT] --spacer-a-px: 0.125rem;
[DEVVIT] --spacer-button-lg-px: var(--spacer-md);
[DEVVIT] --spacer-button-md-px: var(--spacer-md);
[DEVVIT] --spacer-button-sm-px: var(--spacer-sm);
[DEVVIT] --spacer-input-padding-left: var(--spacer-md);
[DEVVIT] --spacer-input-padding-top: var(--spacer-2xs);
[DEVVIT] --spacer-label-default: var(--spacer-md);
[DEVVIT] --spacer-switch-input-active-pl: var(--spacer-xs);
[DEVVIT] --size-banner-height: var(--size-rem40);
[DEVVIT] --size-button-lg-h: var(--size-2xl);
[DEVVIT] --size-button-md-h: 2.5rem;
[DEVVIT] --size-button-sm-h: var(--size-xl);
[DEVVIT] --size-button-xs-h: var(--size-lg);
[DEVVIT] --size-switch-input-h: var(--size-xl);
[DEVVIT] --size-switch-input-w: var(--size-2xl);
[DEVVIT] --line-a-focus: var(--line-md);
[DEVVIT] --line-a-outline-moz: 0px;
[DEVVIT] --line-a-outline-wb: 0px;
[DEVVIT] --line-button-lg-border: var(--line-sm);
[DEVVIT] --line-button-md-border: var(--line-sm);
[DEVVIT] --line-button-sm-border: var(--line-sm);
[DEVVIT] --line-button-xs-border: var(--line-sm);
[DEVVIT] --line-button-border-activated: var(--line-lg);
[DEVVIT] --line-input-border: var(--line-lg);
[DEVVIT] --radius-md: 1.25rem;
[DEVVIT] --radius-accordion-size: 0px;
[DEVVIT] --font-10: normal undefined null / null var(--font-sans);
[DEVVIT] --font-12: normal undefined null / null var(--font-sans);
[DEVVIT] --font-14: normal undefined null / null var(--font-sans);
[DEVVIT] --font-16: normal undefined null / null var(--font-sans);
[DEVVIT] --font-18: normal undefined null / null var(--font-sans);
[DEVVIT] --font-20: normal undefined null / null var(--font-sans);
[DEVVIT] --font-24: normal undefined null / null var(--font-sans);
[DEVVIT] --font-32: normal undefined null / null var(--font-sans);
[DEVVIT] --font-48: normal undefined null / null var(--font-sans);
[DEVVIT] --font-64: normal undefined null / null var(--font-sans);
[DEVVIT] --font-title-h0: var(--font-64);
[DEVVIT] --font-title-h1: var(--font-32);
[DEVVIT] --font-title-h2: var(--font-24);
[DEVVIT] --font-title-h3: var(--font-18);
[DEVVIT] --font-title-h4: var(--font-16);
[DEVVIT] --font-title-h5: var(--font-14);
[DEVVIT] --font-title-h6: var(--font-12);
[DEVVIT] --font-14-20-regular: normal 400 0.875rem / 1.25rem var(--font-sans);
[DEVVIT] --font-14-20-semibold: normal 600 0.875rem / 1.25rem var(--font-sans);
[DEVVIT] --font-16-20-regular: normal 400 1rem / 1.25rem var(--font-sans);
[DEVVIT] --font-12-16-regular: normal 400 0.75rem / 1rem var(--font-sans);
[DEVVIT] --font-12-16-semibold: normal 600 0.75rem / 1rem var(--font-sans);
[DEVVIT] --font-button-lg: var(--font-14-20-semibold);
[DEVVIT] --font-button-md: var(--font-14-20-semibold);
[DEVVIT] --font-button-sm: var(--font-12-16-semibold);
[DEVVIT] --font-label-default: var(--font-12-16-regular);
[DEVVIT] --misc-accordion-border: 0;
[DEVVIT] --misc-accordion-open-list-style-type: none;
[DEVVIT] --misc-accordion-closed-list-style-type: none;
[DEVVIT] --misc-divider-margin: 0;
[DEVVIT] --misc-label-text-transform: capitalize;
[DEVVIT] --misc-label-letter-spacing: initial;
[DEVVIT] --blur-sm: 0.25rem;
[DEVVIT] --blur-normal: 0.5rem;
[DEVVIT] --blur-md: 0.75rem;
[DEVVIT] --blur-lg: 1rem;
[DEVVIT] --blur-xl: 1.5rem;
[DEVVIT] --blur-2xl: 2.5rem;
[DEVVIT] --blur-3xl: 4rem;
[DEVVIT] --color-action-downvote: #6A5CFF;
[DEVVIT] --color-action-upvote: #D93900;
[DEVVIT] --color-ai-background-weaker: #E7FDF5;
[DEVVIT] --color-ai-plain: #006C56;
[DEVVIT] --color-ai-plain-hover: #015140;
[DEVVIT] --color-alert-caution: #977000;
[DEVVIT] --color-avatar-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #97AFBCff,
[DEVVIT] #ffffffff 75%);
[DEVVIT] --color-avatar-media-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #00000099,
[DEVVIT] #181C1Fff 75%);
[DEVVIT] --color-brand-background: #D93900;
[DEVVIT] --color-brand-background-hover: #AE2C00;
[DEVVIT] --color-brand-gradient-active:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #cd3700ff,
[DEVVIT] #db3b00ff 68%,
[DEVVIT] #D93900ff 100%);
[DEVVIT] --color-brand-gradient-active-highlight:
[DEVVIT] linear-gradient(
[DEVVIT] 83deg,
[DEVVIT] #db3f0000 80%,
[DEVVIT] #D93900ff 100%);
[DEVVIT] --color-brand-gradient-default:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #D93900ff,
[DEVVIT] #db3b00ff 30%,
[DEVVIT] #AE2C00ff 100%);
[DEVVIT] --color-brand-gradient-default-highlight:
[DEVVIT] linear-gradient(
[DEVVIT] 258deg,
[DEVVIT] #db3f0000 80%,
[DEVVIT] #D93900ff 100%);
[DEVVIT] --color-brand-gradient-hover:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #e23d00ff 15%,
[DEVVIT] #cb3600ff 49%,
[DEVVIT] #b43000ff 100%);
[DEVVIT] --color-brand-gradient-hover-highlight:
[DEVVIT] linear-gradient(
[DEVVIT] 323deg,
[DEVVIT] #cb360000 65%,
[DEVVIT] #cb3600ff 100%);
[DEVVIT] --color-brand-onBackground: #FFFFFF;
[DEVVIT] --color-category-live: #D93900;
[DEVVIT] --color-category-nsfw: #DE019F;
[DEVVIT] --color-category-spoiler: var(--color-tone-1);
[DEVVIT] --color-caution-background: #FFBF0B;
[DEVVIT] --color-caution-background-hover: #D8A100;
[DEVVIT] --color-caution-onBackground: #000000;
[DEVVIT] --color-caution-plain: #785800;
[DEVVIT] --color-caution-plain-hover: #5B4200;
[DEVVIT] --color-danger-background: #EB001F;
[DEVVIT] --color-danger-background-disabled: #FDB3A4;
[DEVVIT] --color-danger-background-hover: #BC0117;
[DEVVIT] --color-danger-background-weaker: #FBDBD4;
[DEVVIT] --color-danger-content: #BC0117;
[DEVVIT] --color-danger-content-default: #ffffff;
[DEVVIT] --color-danger-content-hover: #90000F;
[DEVVIT] --color-danger-onBackground: #FFFFFF;
[DEVVIT] --color-danger-plain: #BC0117;
[DEVVIT] --color-danger-plain-hover: #90000F;
[DEVVIT] --color-downvote-background: #6A5CFF;
[DEVVIT] --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
[DEVVIT] --color-downvote-background-hover: #523DFF;
[DEVVIT] --color-downvote-content: #523DFF;
[DEVVIT] --color-downvote-content-weak: #6A5CFF;
[DEVVIT] --color-downvote-disabled: #523DFF4d;
[DEVVIT] --color-downvote-onBackground: #FFFFFF;
[DEVVIT] --color-downvote-onStrongScrim: #B29FFF;
[DEVVIT] --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
[DEVVIT] --color-downvote-onStrongScrim-weaker: #9580FF;
[DEVVIT] --color-downvote-plain: #523DFF;
[DEVVIT] --color-downvote-plain-disabled: rgba(82, 61, 255, 0.3);
[DEVVIT] --color-downvote-plain-weaker: #6A5CFF;
[DEVVIT] --color-elevation-large1: #0000003F;
[DEVVIT] --color-elevation-large2: #00000026;
[DEVVIT] --color-elevation-medium1: #0000003F;
[DEVVIT] --color-elevation-medium2: #00000019;
[DEVVIT] --color-elevation-small: #00000026;
[DEVVIT] --color-elevation-xsmall: #0000003F;
[DEVVIT] --color-favorite: #977000;
[DEVVIT] --color-global-admin: #D93900;
[DEVVIT] --color-global-alienblue: #1870F4;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-brand-orangered: #FF4500;
[DEVVIT] --color-global-darkblue: #2A3236;
[DEVVIT] --color-global-focus: #029DD5;
[DEVVIT] --color-global-gold: #B78800;
[DEVVIT] --color-global-moderator: #008A10;
[DEVVIT] --color-global-nsfw: #DE019F;
[DEVVIT] --color-global-offline: #667780;
[DEVVIT] --color-global-online: #00C61C;
[DEVVIT] --color-global-orangered: #FF4500;
[DEVVIT] --color-global-stars: #977000;
[DEVVIT] --color-global-white: #FFFFFF;
[DEVVIT] --color-gradient-media:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #00000000,
[DEVVIT] #0000008a 60%,
[DEVVIT] #00000099 100%);
[DEVVIT] --color-gradient-media-strong:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #00000000,
[DEVVIT] #000000cc 60%,
[DEVVIT] #000000e6 100%);
[DEVVIT] --color-identity-admin: #D93900;
[DEVVIT] --color-identity-coins: #B78800;
[DEVVIT] --color-identity-moderator: #008A10;
[DEVVIT] --color-identity-self: #01876D;
[DEVVIT] --color-interactive-background-disabled: #0000000C;
[DEVVIT] --color-interactive-content-disabled: #0000003F;
[DEVVIT] --color-interactive-focused: #007FAE;
[DEVVIT] --color-interactive-pressed: #00000026;
[DEVVIT] --color-inverted-interactive-background-disabled: #FFFFFF0C;
[DEVVIT] --color-inverted-interactive-content-disabled: #FFFFFF3F;
[DEVVIT] --color-inverted-interactive-pressed: #FFFFFF26;
[DEVVIT] --color-inverted-neutral-background: #0E1113;
[DEVVIT] --color-inverted-neutral-background-hover: #181C1F;
[DEVVIT] --color-inverted-neutral-border: #FFFFFF33;
[DEVVIT] --color-inverted-neutral-content: #B7CAD4;
[DEVVIT] --color-inverted-neutral-content-strong: #EEF1F3;
[DEVVIT] --color-inverted-secondary-background: #2A3236;
[DEVVIT] --color-inverted-secondary-background-hover: #333D42;
[DEVVIT] --color-inverted-secondary-background-selected: #3D494E;
[DEVVIT] --color-inverted-secondary-onBackground: #FFFFFF;
[DEVVIT] --color-inverted-secondary-plain: #DBE4E9;
[DEVVIT] --color-inverted-secondary-plain-hover: #FFFFFF;
[DEVVIT] --color-media-background: rgba(0, 0, 0, 0.6);
[DEVVIT] --color-media-background-hover: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-background-selected: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-border-selected: #FFFFFF;
[DEVVIT] --color-media-border-weak: #FFFFFF19;
[DEVVIT] --color-media-onBackground: #FFFFFF;
[DEVVIT] --color-media-onBackground-disabled: #FFFFFF3F;
[DEVVIT] --color-media-onBackground-weak: #E5EBEE;
[DEVVIT] --color-media-onbackground: #ffffff;
[DEVVIT] --color-media-onbackground-disabled: #ffffff40;
[DEVVIT] --color-media-onbackground-weak: #B7CAD4;
[DEVVIT] --color-neutral-background: #FFFFFF;
[DEVVIT] --color-neutral-background-container: #F6F8F9;
[DEVVIT] --color-neutral-background-container-hover: #EEF1F3;
[DEVVIT] --color-neutral-background-container-strong: #EEF1F3;
[DEVVIT] --color-neutral-background-container-strong-hover: #E5EBEE;
[DEVVIT] --color-neutral-background-gilded: #FFF9E0;
[DEVVIT] --color-neutral-background-gilded-hover: #FFF3C0;
[DEVVIT] --color-neutral-background-hover: #F6F8F9;
[DEVVIT] --color-neutral-background-medium: #F8F8F8;
[DEVVIT] --color-neutral-background-pinned: #FFFFFF;
[DEVVIT] --color-neutral-background-selected: #E5EBEE;
[DEVVIT] --color-neutral-background-strong: #FFFFFF;
[DEVVIT] --color-neutral-background-strong-hover: #F6F8F9;
[DEVVIT] --color-neutral-background-weak: #F6F8F9;
[DEVVIT] --color-neutral-background-weak-hover: #EEF1F3;
[DEVVIT] --color-neutral-border: #00000033;
[DEVVIT] --color-neutral-border-medium: #0000007F;
[DEVVIT] --color-neutral-border-strong: #181C1F;
[DEVVIT] --color-neutral-border-weak: #00000019;
[DEVVIT] --color-neutral-content: #333D42;
[DEVVIT] --color-neutral-content-disabled: #D6D6D6;
[DEVVIT] --color-neutral-content-strong: #181C1F;
[DEVVIT] --color-neutral-content-weak: #5C6C74;
[DEVVIT] --color-offline: #767676;
[DEVVIT] --color-online: #01A816;
[DEVVIT] --color-opacity-08: #13131314;
[DEVVIT] --color-opacity-50: #00000080;
[DEVVIT] --color-opacity-highlight: linear-gradient(#0A2F6C1a,
[DEVVIT] var(--color-tone-6));
[DEVVIT] --color-pizzaRed: #ef5350;
[DEVVIT] --color-primary: #115BCA;
[DEVVIT] --color-primary-background: #0A449B;
[DEVVIT] --color-primary-background-hover: #0A2F6C;
[DEVVIT] --color-primary-background-selected: #0A1A3F;
[DEVVIT] --color-primary-border: #0A449B;
[DEVVIT] --color-primary-border-hover: #0A2F6C;
[DEVVIT] --color-primary-hover: #0A449B;
[DEVVIT] --color-primary-onBackground: #FFFFFF;
[DEVVIT] --color-primary-onBackground-selected: #FFFFFF;
[DEVVIT] --color-primary-plain: #0A449B;
[DEVVIT] --color-primary-plain-hover: #0A2F6C;
[DEVVIT] --color-primary-plain-visited: #7600A3;
[DEVVIT] --color-primary-visited: #9B00D4;
[DEVVIT] --color-scrim: #00000099;
[DEVVIT] --color-scrim-background: #00000099;
[DEVVIT] --color-scrim-background-strong: #000000CC;
[DEVVIT] --color-scrim-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #00000000,
[DEVVIT] #0000008a 60%,
[DEVVIT] #00000099 100%);
[DEVVIT] --color-scrim-strong: #000000cc;
[DEVVIT] --color-secondary: #21272A;
[DEVVIT] --color-secondary-background: #E5EBEE;
[DEVVIT] --color-secondary-background-hover: #DBE4E9;
[DEVVIT] --color-secondary-background-selected: #C9D7DE;
[DEVVIT] --color-secondary-hover: #000000;
[DEVVIT] --color-secondary-onBackground: #000000;
[DEVVIT] --color-secondary-plain: #181C1F;
[DEVVIT] --color-secondary-plain-hover: #000000;
[DEVVIT] --color-secondary-plain-weak: #5C6C74;
[DEVVIT] --color-secondary-weak: #576F76;
[DEVVIT] --color-success-background: #008A10;
[DEVVIT] --color-success-background-hover: #016E0B;
[DEVVIT] --color-success-content: #016E0B;
[DEVVIT] --color-success-hover: #005306;
[DEVVIT] --color-success-onBackground: #FFFFFF;
[DEVVIT] --color-success-plain: #016E0B;
[DEVVIT] --color-success-plain-hover: #005306;
[DEVVIT] --color-tone-1: #131313;
[DEVVIT] --color-tone-2: #434343;
[DEVVIT] --color-tone-3: #ACACAC;
[DEVVIT] --color-tone-4: #E4E4E4;
[DEVVIT] --color-tone-5: #F2F2F2;
[DEVVIT] --color-tone-6: #F8F8F8;
[DEVVIT] --color-tone-7: #ffffff;
[DEVVIT] --color-transparent-background-hover: #7487911a;
[DEVVIT] --color-ui-canvas: var(--color-tone-5);
[DEVVIT] --color-ui-modalbackground: var(--color-neutral-background-strong);
[DEVVIT] --color-upvote-background: #D93900;
[DEVVIT] --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
[DEVVIT] --color-upvote-background-hover: #AE2C00;
[DEVVIT] --color-upvote-content: #AE2C00;
[DEVVIT] --color-upvote-content-weak: var(--color-global-brand-orangered);
[DEVVIT] --color-upvote-disabled: #AE2C004d;
[DEVVIT] --color-upvote-onBackground: #FFFFFF;
[DEVVIT] --color-upvote-onStrongScrim: #FF895D;
[DEVVIT] --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-onStrongScrim-weaker: #FF4500;
[DEVVIT] --color-upvote-plain: #AE2C00;
[DEVVIT] --color-upvote-plain-disabled: rgba(174, 44, 0, 0.3);
[DEVVIT] --color-upvote-plain-weaker: #FF4500;
[DEVVIT] --color-warning-background: #B78800;
[DEVVIT] --color-warning-background-hover: #977000;
[DEVVIT] --color-warning-content: #785800;
[DEVVIT] --color-warning-content-hover: #5B4200;
[DEVVIT] --color-warning-onBackground: #000000;
[DEVVIT] --color-a-default: var(--color-primary);
[DEVVIT] --color-a-hover: var(--color-primary-hover);
[DEVVIT] --color-a-visited: var(--color-primary-visited);
[DEVVIT] --color-banner-plain: var(--color-neutral-background-strong);
[DEVVIT] --color-banner-plain-inverted: var(--color-neutral-content-strong);
[DEVVIT] --color-banner-error: var(--color-danger-background);
[DEVVIT] --color-banner-caution: var(--color-warning-background);
[DEVVIT] --color-banner-success: var(--color-success-background);
[DEVVIT] --color-banner-brand: var(--color-brand-background);
[DEVVIT] --color-banner-plain-text: var(--color-neutral-content);
[DEVVIT] --color-banner-plain-inverted-text:
[DEVVIT] var(--color-neutral-background-weak);
[DEVVIT] --color-banner-error-text: var(--color-danger-onBackground);
[DEVVIT] --color-banner-caution-text: var(--color-warning-onBackground);
[DEVVIT] --color-banner-caution-hover: var(--color-warning-background-hover);
[DEVVIT] --color-banner-success-text: var(--color-success-onBackground);
[DEVVIT] --color-banner-brand-text: var(--color-brand-onBackground);
[DEVVIT] --color-button-overlay-focus: transparent;
[DEVVIT] --color-button-overlay-active: transparent;
[DEVVIT] --color-button-border-width: tomato;
[DEVVIT] --color-button-border-width-activated: tomato;
[DEVVIT] --color-button-primary-background-hover:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-primary-background-activated:
[DEVVIT] var(--color-primary-background-selected);
[DEVVIT] --color-button-primary-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-button-primary-border-hover: var(--color-primary-background);
[DEVVIT] --color-button-primary-border-active:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-primary-text-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-button-primary-text-activated:
[DEVVIT] var(--color-primary-onBackground-selected);
[DEVVIT] --color-button-secondary-background: var(--color-secondary-background);
[DEVVIT] --color-button-secondary-background-focus:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-button-secondary-background-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-secondary-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-button-secondary-background-activated:
[DEVVIT] var(--color-secondary-background-selected);
[DEVVIT] --color-button-secondary-border: transparent;
[DEVVIT] --color-button-secondary-border-hover:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-button-secondary-border-active:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-secondary-border-activated: transparent;
[DEVVIT] --color-button-secondary-border-disabled: transparent;
[DEVVIT] --color-button-secondary-text: var(--color-secondary-onBackground);
[DEVVIT] --color-button-secondary-text-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-button-secondary-text-activated:
[DEVVIT] var(--color-secondary-onBackground);
[DEVVIT] --color-button-tertiary-background: transparent;
[DEVVIT] --color-button-tertiary-background-focus: transparent;
[DEVVIT] --color-button-tertiary-background-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-tertiary-background-disabled: transparent;
[DEVVIT] --color-button-tertiary-background-activated:
[DEVVIT] var(--color-neutral-content);
[DEVVIT] --color-button-tertiary-border-hover: var(--color-secondary-background);
[DEVVIT] --color-button-tertiary-border-active:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-tertiary-text: var(--color-neutral-content-strong);
[DEVVIT] --color-button-tertiary-text-disabled:
[DEVVIT] var(--color-neutral-content-disabled);
[DEVVIT] --color-button-tertiary-text-activated: var(--color-neutral-background);
[DEVVIT] --color-button-plain-background-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-plain-background-disabled: transparent;
[DEVVIT] --color-button-plain-background-activated:
[DEVVIT] var(--color-secondary-background-selected);
[DEVVIT] --color-button-plain-border-hover: var(--color-secondary-background);
[DEVVIT] --color-button-plain-border-active:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-plain-text: var(--color-secondary-plain);
[DEVVIT] --color-button-plain-text-hover: var(--color-secondary-plain-hover);
[DEVVIT] --color-button-plain-text-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-button-plain-text-activated:
[DEVVIT] var(--color-secondary-onBackground);
[DEVVIT] --color-button-primary-border-activated:
[DEVVIT] var(--color-primary-background);
[DEVVIT] --color-button-plain-text-weak: var(--color-secondary-plain-weak);
[DEVVIT] --color-button-plain-inverted-background-activated:
[DEVVIT] var(--color-neutral-content);
[DEVVIT] --color-button-plain-inverted-text-activated:
[DEVVIT] var(--color-neutral-background);
[DEVVIT] --color-button-media-border-color-activated:
[DEVVIT] var(--color-media-border-selected);
[DEVVIT] --color-button-favorite-text: var(--color-favorite);
[DEVVIT] --color-button-caution-background: var(--color-caution-background);
[DEVVIT] --color-button-caution-background-hover:
[DEVVIT] var(--color-caution-background-hover);
[DEVVIT] --color-button-caution-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-button-caution-text: var(--color-caution-onBackground);
[DEVVIT] --color-divider-default: var(--color-neutral-border);
[DEVVIT] --color-input-secondary: var(--color-secondary-background);
[DEVVIT] --color-input-secondary-hover: var(--color-secondary-background-hover);
[DEVVIT] --color-input-border: transparent;
[DEVVIT] --color-input-bordered: transparent;
[DEVVIT] --color-input-bordered-hover: var(--color-neutral-background-hover);
[DEVVIT] --color-input-secondary-text: var(--color-secondary-onBackground);
[DEVVIT] --color-input-bordered-text: var(--color-secondary-plain);
[DEVVIT] --color-input-helper-text: var(--color-neutral-content-weak);
[DEVVIT] --color-input-pressed: var(--color-interactive-pressed);
[DEVVIT] --color-input-radio: var(--color-secondary-plain-weak);
[DEVVIT] --color-input-radio-hover: var(--color-neutral-content-strong);
[DEVVIT] --color-label-default: var(--color-neutral-content-weak);
[DEVVIT] --color-shimmer-background: #00000008;
[DEVVIT] --color-shimmer-gradient-overlay:
[DEVVIT] linear-gradient(
[DEVVIT] to right,
[DEVVIT] #00000000,
[DEVVIT] #00000005 20%,
[DEVVIT] #0000000f 50%,
[DEVVIT] #00000008 70%,
[DEVVIT] #00000000 100%);
[DEVVIT] --color-switch-input-background-pressed-scrim:
[DEVVIT] var(--color-interactive-pressed);
[DEVVIT] --color-switch-input-background-handle: var(--color-global-white);
[DEVVIT] --color-switch-input-background-handle-disabled:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-switch-input-background-default:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-switch-input-background-default-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-switch-input-background-default-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-switch-input-background-checked:
[DEVVIT] var(--color-primary-background);
[DEVVIT] --color-switch-input-background-checked-hover:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-switch-input-background-checked-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-tooltip-bg-neutral: var(--color-neutral-background-strong);
[DEVVIT] --color-tooltip-text-neutral: var(--color-neutral-content);
[DEVVIT] --color-tooltip-bg-inverted: var(--color-neutral-content);
[DEVVIT] --color-tooltip-text-inverted: var(--color-neutral-background);
[DEVVIT] --color-tooltip-bg-primary: var(--color-primary-background);
[DEVVIT] --color-tooltip-text-primary: var(--color-primary-onBackground);
[DEVVIT] --elevation-sm-inset: inset 0 0.0625rem 0.125rem 0 #00000021;
[DEVVIT] --elevation-button-focus: var(--elevation-focus-ring);
[DEVVIT] --elevation-switch-input-default-inset: var(--elevation-sm-inset);
[DEVVIT] }
[DEVVIT] @media (prefers-color-scheme: dark) {
[DEVVIT] :root:not(.theme-light) .theme-beta,
[DEVVIT] :root:not(.theme-light).theme-beta {
[DEVVIT] --color-ai-background-weaker: #00382B;
[DEVVIT] --color-ai-plain: #01A484;
[DEVVIT] --color-ai-plain-hover: #00C29D;
[DEVVIT] --color-avatar-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #48545Bff,
[DEVVIT] #181C1Fff 75%);
[DEVVIT] --color-brand-background: #D93900;
[DEVVIT] --color-brand-background-hover: #AE2C00;
[DEVVIT] --color-brand-onBackground: #FFFFFF;
[DEVVIT] --color-caution-background: #D8A100;
[DEVVIT] --color-caution-background-hover: #FFBF0B;
[DEVVIT] --color-caution-onBackground: #000000;
[DEVVIT] --color-caution-plain: #FFBF0B;
[DEVVIT] --color-caution-plain-hover: #FFE284;
[DEVVIT] --color-danger-background: #BC0117;
[DEVVIT] --color-danger-background-disabled: #340F05;
[DEVVIT] --color-danger-background-hover: #EB001F;
[DEVVIT] --color-danger-background-weaker: #650405;
[DEVVIT] --color-danger-content: #FF4F40;
[DEVVIT] --color-danger-content-hover: #FF8773;
[DEVVIT] --color-danger-onBackground: #FFFFFF;
[DEVVIT] --color-danger-plain: #FF8773;
[DEVVIT] --color-danger-plain-hover: #FDB3A4;
[DEVVIT] --color-downvote-background: #6A5CFF;
[DEVVIT] --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
[DEVVIT] --color-downvote-background-hover: #523DFF;
[DEVVIT] --color-downvote-content: #9580FF;
[DEVVIT] --color-downvote-content-weak: #6A5CFF;
[DEVVIT] --color-downvote-disabled: #9580FF4d;
[DEVVIT] --color-downvote-onBackground: #FFFFFF;
[DEVVIT] --color-downvote-onStrongScrim: #B29FFF;
[DEVVIT] --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
[DEVVIT] --color-downvote-onStrongScrim-weaker: #9580FF;
[DEVVIT] --color-downvote-plain: #9580FF;
[DEVVIT] --color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
[DEVVIT] --color-downvote-plain-weaker: #6A5CFF;
[DEVVIT] --color-elevation-large1: #0000007F;
[DEVVIT] --color-elevation-large2: #00000033;
[DEVVIT] --color-elevation-medium1: #0000007F;
[DEVVIT] --color-elevation-medium2: #00000033;
[DEVVIT] --color-elevation-small: #00000054;
[DEVVIT] --color-elevation-xsmall: #000000AA;
[DEVVIT] --color-favorite: #B78800;
[DEVVIT] --color-global-admin: #D93900;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-brand-orangered: #FF4500;
[DEVVIT] --color-global-focus: #007FAE;
[DEVVIT] --color-global-gold: #D8A100;
[DEVVIT] --color-global-moderator: #008A10;
[DEVVIT] --color-global-nsfw: #DE019F;
[DEVVIT] --color-global-offline: #667780;
[DEVVIT] --color-global-online: #00C61C;
[DEVVIT] --color-global-orangered: #FF4500;
[DEVVIT] --color-global-stars: #D8A100;
[DEVVIT] --color-global-white: #FFFFFF;
[DEVVIT] --color-interactive-background-disabled: #FFFFFF0C;
[DEVVIT] --color-interactive-content-disabled: #FFFFFF3F;
[DEVVIT] --color-interactive-focused: #007FAE;
[DEVVIT] --color-interactive-pressed: #FFFFFF26;
[DEVVIT] --color-inverted-interactive-background-disabled: #0000000C;
[DEVVIT] --color-inverted-interactive-content-disabled: #0000003F;
[DEVVIT] --color-inverted-interactive-pressed: #00000026;
[DEVVIT] --color-inverted-neutral-background: #FFFFFF;
[DEVVIT] --color-inverted-neutral-background-hover: #F6F8F9;
[DEVVIT] --color-inverted-neutral-border: #00000033;
[DEVVIT] --color-inverted-neutral-content: #333D42;
[DEVVIT] --color-inverted-neutral-content-strong: #181C1F;
[DEVVIT] --color-inverted-secondary-background: #E5EBEE;
[DEVVIT] --color-inverted-secondary-background-hover: #DBE4E9;
[DEVVIT] --color-inverted-secondary-background-selected: #C9D7DE;
[DEVVIT] --color-inverted-secondary-onBackground: #000000;
[DEVVIT] --color-inverted-secondary-plain: #181C1F;
[DEVVIT] --color-inverted-secondary-plain-hover: #000000;
[DEVVIT] --color-media-background: rgba(0, 0, 0, 0.6);
[DEVVIT] --color-media-background-hover: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-background-selected: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-border-selected: #FFFFFF;
[DEVVIT] --color-media-border-weak: #FFFFFF19;
[DEVVIT] --color-media-onBackground: #FFFFFF;
[DEVVIT] --color-media-onBackground-disabled: #FFFFFF3F;
[DEVVIT] --color-media-onBackground-weak: #E5EBEE;
[DEVVIT] --color-neutral-background: #0E1113;
[DEVVIT] --color-neutral-background-container: #181C1F;
[DEVVIT] --color-neutral-background-container-hover: #21272A;
[DEVVIT] --color-neutral-background-container-strong: #21272A;
[DEVVIT] --color-neutral-background-container-strong-hover: #2A3236;
[DEVVIT] --color-neutral-background-gilded: #181C1F;
[DEVVIT] --color-neutral-background-gilded-hover: #21272A;
[DEVVIT] --color-neutral-background-hover: #181C1F;
[DEVVIT] --color-neutral-background-medium: #131313;
[DEVVIT] --color-neutral-background-pinned: #0E1113;
[DEVVIT] --color-neutral-background-selected: #2A3236;
[DEVVIT] --color-neutral-background-strong: #181C1F;
[DEVVIT] --color-neutral-background-strong-hover: #21272A;
[DEVVIT] --color-neutral-background-weak: #000000;
[DEVVIT] --color-neutral-background-weak-hover: #0E1113;
[DEVVIT] --color-neutral-border: #FFFFFF33;
[DEVVIT] --color-neutral-border-medium: #FFFFFF7F;
[DEVVIT] --color-neutral-border-strong: #F6F8F9;
[DEVVIT] --color-neutral-border-weak: #FFFFFF19;
[DEVVIT] --color-neutral-content: #B7CAD4;
[DEVVIT] --color-neutral-content-disabled: #303030;
[DEVVIT] --color-neutral-content-strong: #EEF1F3;
[DEVVIT] --color-neutral-content-weak: #8BA2AD;
[DEVVIT] --color-offline: #767676;
[DEVVIT] --color-online: #01A816;
[DEVVIT] --color-opacity-50: #F2F2F280;
[DEVVIT] --color-pizzaRed: #c62828;
[DEVVIT] --color-primary: #648EFC;
[DEVVIT] --color-primary-background: #115BCA;
[DEVVIT] --color-primary-background-hover: #1870F4;
[DEVVIT] --color-primary-background-selected: #648EFC;
[DEVVIT] --color-primary-border: #648EFC;
[DEVVIT] --color-primary-border-hover: #90A9FD;
[DEVVIT] --color-primary-hover: #90A9FD;
[DEVVIT] --color-primary-onBackground: #FFFFFF;
[DEVVIT] --color-primary-onBackground-selected: #000000;
[DEVVIT] --color-primary-plain: #648EFC;
[DEVVIT] --color-primary-plain-hover: #90A9FD;
[DEVVIT] --color-primary-plain-visited: #CF5FFF;
[DEVVIT] --color-primary-visited: #CF5FFF;
[DEVVIT] --color-scrim-background: #00000099;
[DEVVIT] --color-scrim-background-strong: #000000CC;
[DEVVIT] --color-secondary: #DBE4E9;
[DEVVIT] --color-secondary-background: #2A3236;
[DEVVIT] --color-secondary-background-hover: #333D42;
[DEVVIT] --color-secondary-background-selected: #3D494E;
[DEVVIT] --color-secondary-hover: #ffffff;
[DEVVIT] --color-secondary-onBackground: #FFFFFF;
[DEVVIT] --color-secondary-plain: #DBE4E9;
[DEVVIT] --color-secondary-plain-hover: #FFFFFF;
[DEVVIT] --color-secondary-plain-weak: #8BA2AD;
[DEVVIT] --color-secondary-weak: #748791;
[DEVVIT] --color-success-background: #016E0B;
[DEVVIT] --color-success-background-hover: #008A10;
[DEVVIT] --color-success-content: #01A816;
[DEVVIT] --color-success-hover: #00C61C;
[DEVVIT] --color-success-onBackground: #FFFFFF;
[DEVVIT] --color-success-plain: #00C61C;
[DEVVIT] --color-success-plain-hover: #58E15B;
[DEVVIT] --color-tone-1: #F2F2F2;
[DEVVIT] --color-tone-2: #ACACAC;
[DEVVIT] --color-tone-3: #434343;
[DEVVIT] --color-tone-4: #303030;
[DEVVIT] --color-tone-5: #1E1E1E;
[DEVVIT] --color-tone-6: #131313;
[DEVVIT] --color-tone-7: #080808;
[DEVVIT] --color-transparent-background-hover: #6677801a;
[DEVVIT] --color-ui-canvas: #080808;
[DEVVIT] --color-ui-modalbackground: var(--color-neutral-background-strong);
[DEVVIT] --color-upvote-background: #D93900;
[DEVVIT] --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
[DEVVIT] --color-upvote-background-hover: #AE2C00;
[DEVVIT] --color-upvote-content: #FF4500;
[DEVVIT] --color-upvote-content-weak: var(--color-global-brand-orangered);
[DEVVIT] --color-upvote-disabled: #FF45004d;
[DEVVIT] --color-upvote-onBackground: #FFFFFF;
[DEVVIT] --color-upvote-onStrongScrim: #FF895D;
[DEVVIT] --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-onStrongScrim-weaker: #FF4500;
[DEVVIT] --color-upvote-plain: #FF895D;
[DEVVIT] --color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-plain-weaker: #FF4500;
[DEVVIT] --color-warning-background: #B78800;
[DEVVIT] --color-warning-background-hover: #D8A100;
[DEVVIT] --color-warning-content: #B78800;
[DEVVIT] --color-warning-content-hover: #D8A100;
[DEVVIT] --color-warning-onBackground: #000000;
[DEVVIT] --color-button-primary-border-activated: transparent;
[DEVVIT] --color-button-plain-inverted-activated-text:
[DEVVIT] var(--color-neutral-background);
[DEVVIT] --color-input-radio-hover: var(--color-secondary-plain);
[DEVVIT] --color-shimmer-background: #ffffff08;
[DEVVIT] --color-shimmer-gradient-overlay:
[DEVVIT] linear-gradient(
[DEVVIT] to right,
[DEVVIT] #ffffff00,
[DEVVIT] #ffffff05 20%,
[DEVVIT] #ffffff0f 50%,
[DEVVIT] #ffffff08 70%,
[DEVVIT] #ffffff00 100%);
[DEVVIT] }
[DEVVIT] }
[DEVVIT] .theme-dark .theme-beta,
[DEVVIT] .theme-dark.theme-beta {
[DEVVIT] --color-ai-background-weaker: #00382B;
[DEVVIT] --color-ai-plain: #01A484;
[DEVVIT] --color-ai-plain-hover: #00C29D;
[DEVVIT] --color-avatar-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #48545Bff,
[DEVVIT] #181C1Fff 75%);
[DEVVIT] --color-brand-background: #D93900;
[DEVVIT] --color-brand-background-hover: #AE2C00;
[DEVVIT] --color-brand-onBackground: #FFFFFF;
[DEVVIT] --color-caution-background: #D8A100;
[DEVVIT] --color-caution-background-hover: #FFBF0B;
[DEVVIT] --color-caution-onBackground: #000000;
[DEVVIT] --color-caution-plain: #FFBF0B;
[DEVVIT] --color-caution-plain-hover: #FFE284;
[DEVVIT] --color-danger-background: #BC0117;
[DEVVIT] --color-danger-background-disabled: #340F05;
[DEVVIT] --color-danger-background-hover: #EB001F;
[DEVVIT] --color-danger-background-weaker: #650405;
[DEVVIT] --color-danger-content: #FF4F40;
[DEVVIT] --color-danger-content-hover: #FF8773;
[DEVVIT] --color-danger-onBackground: #FFFFFF;
[DEVVIT] --color-danger-plain: #FF8773;
[DEVVIT] --color-danger-plain-hover: #FDB3A4;
[DEVVIT] --color-downvote-background: #6A5CFF;
[DEVVIT] --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
[DEVVIT] --color-downvote-background-hover: #523DFF;
[DEVVIT] --color-downvote-content: #9580FF;
[DEVVIT] --color-downvote-content-weak: #6A5CFF;
[DEVVIT] --color-downvote-disabled: #9580FF4d;
[DEVVIT] --color-downvote-onBackground: #FFFFFF;
[DEVVIT] --color-downvote-onStrongScrim: #B29FFF;
[DEVVIT] --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
[DEVVIT] --color-downvote-onStrongScrim-weaker: #9580FF;
[DEVVIT] --color-downvote-plain: #9580FF;
[DEVVIT] --color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
[DEVVIT] --color-downvote-plain-weaker: #6A5CFF;
[DEVVIT] --color-elevation-large1: #0000007F;
[DEVVIT] --color-elevation-large2: #00000033;
[DEVVIT] --color-elevation-medium1: #0000007F;
[DEVVIT] --color-elevation-medium2: #00000033;
[DEVVIT] --color-elevation-small: #00000054;
[DEVVIT] --color-elevation-xsmall: #000000AA;
[DEVVIT] --color-favorite: #B78800;
[DEVVIT] --color-global-admin: #D93900;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-brand-orangered: #FF4500;
[DEVVIT] --color-global-focus: #007FAE;
[DEVVIT] --color-global-gold: #D8A100;
[DEVVIT] --color-global-moderator: #008A10;
[DEVVIT] --color-global-nsfw: #DE019F;
[DEVVIT] --color-global-offline: #667780;
[DEVVIT] --color-global-online: #00C61C;
[DEVVIT] --color-global-orangered: #FF4500;
[DEVVIT] --color-global-stars: #D8A100;
[DEVVIT] --color-global-white: #FFFFFF;
[DEVVIT] --color-interactive-background-disabled: #FFFFFF0C;
[DEVVIT] --color-interactive-content-disabled: #FFFFFF3F;
[DEVVIT] --color-interactive-focused: #007FAE;
[DEVVIT] --color-interactive-pressed: #FFFFFF26;
[DEVVIT] --color-inverted-interactive-background-disabled: #0000000C;
[DEVVIT] --color-inverted-interactive-content-disabled: #0000003F;
[DEVVIT] --color-inverted-interactive-pressed: #00000026;
[DEVVIT] --color-inverted-neutral-background: #FFFFFF;
[DEVVIT] --color-inverted-neutral-background-hover: #F6F8F9;
[DEVVIT] --color-inverted-neutral-border: #00000033;
[DEVVIT] --color-inverted-neutral-content: #333D42;
[DEVVIT] --color-inverted-neutral-content-strong: #181C1F;
[DEVVIT] --color-inverted-secondary-background: #E5EBEE;
[DEVVIT] --color-inverted-secondary-background-hover: #DBE4E9;
[DEVVIT] --color-inverted-secondary-background-selected: #C9D7DE;
[DEVVIT] --color-inverted-secondary-onBackground: #000000;
[DEVVIT] --color-inverted-secondary-plain: #181C1F;
[DEVVIT] --color-inverted-secondary-plain-hover: #000000;
[DEVVIT] --color-media-background: rgba(0, 0, 0, 0.6);
[DEVVIT] --color-media-background-hover: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-background-selected: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-border-selected: #FFFFFF;
[DEVVIT] --color-media-border-weak: #FFFFFF19;
[DEVVIT] --color-media-onBackground: #FFFFFF;
[DEVVIT] --color-media-onBackground-disabled: #FFFFFF3F;
[DEVVIT] --color-media-onBackground-weak: #E5EBEE;
[DEVVIT] --color-neutral-background: #0E1113;
[DEVVIT] --color-neutral-background-container: #181C1F;
[DEVVIT] --color-neutral-background-container-hover: #21272A;
[DEVVIT] --color-neutral-background-container-strong: #21272A;
[DEVVIT] --color-neutral-background-container-strong-hover: #2A3236;
[DEVVIT] --color-neutral-background-gilded: #181C1F;
[DEVVIT] --color-neutral-background-gilded-hover: #21272A;
[DEVVIT] --color-neutral-background-hover: #181C1F;
[DEVVIT] --color-neutral-background-medium: #131313;
[DEVVIT] --color-neutral-background-pinned: #0E1113;
[DEVVIT] --color-neutral-background-selected: #2A3236;
[DEVVIT] --color-neutral-background-strong: #181C1F;
[DEVVIT] --color-neutral-background-strong-hover: #21272A;
[DEVVIT] --color-neutral-background-weak: #000000;
[DEVVIT] --color-neutral-background-weak-hover: #0E1113;
[DEVVIT] --color-neutral-border: #FFFFFF33;
[DEVVIT] --color-neutral-border-medium: #FFFFFF7F;
[DEVVIT] --color-neutral-border-strong: #F6F8F9;
[DEVVIT] --color-neutral-border-weak: #FFFFFF19;
[DEVVIT] --color-neutral-content: #B7CAD4;
[DEVVIT] --color-neutral-content-disabled: #303030;
[DEVVIT] --color-neutral-content-strong: #EEF1F3;
[DEVVIT] --color-neutral-content-weak: #8BA2AD;
[DEVVIT] --color-offline: #767676;
[DEVVIT] --color-online: #01A816;
[DEVVIT] --color-opacity-50: #F2F2F280;
[DEVVIT] --color-pizzaRed: #c62828;
[DEVVIT] --color-primary: #648EFC;
[DEVVIT] --color-primary-background: #115BCA;
[DEVVIT] --color-primary-background-hover: #1870F4;
[DEVVIT] --color-primary-background-selected: #648EFC;
[DEVVIT] --color-primary-border: #648EFC;
[DEVVIT] --color-primary-border-hover: #90A9FD;
[DEVVIT] --color-primary-hover: #90A9FD;
[DEVVIT] --color-primary-onBackground: #FFFFFF;
[DEVVIT] --color-primary-onBackground-selected: #000000;
[DEVVIT] --color-primary-plain: #648EFC;
[DEVVIT] --color-primary-plain-hover: #90A9FD;
[DEVVIT] --color-primary-plain-visited: #CF5FFF;
[DEVVIT] --color-primary-visited: #CF5FFF;
[DEVVIT] --color-scrim-background: #00000099;
[DEVVIT] --color-scrim-background-strong: #000000CC;
[DEVVIT] --color-secondary: #DBE4E9;
[DEVVIT] --color-secondary-background: #2A3236;
[DEVVIT] --color-secondary-background-hover: #333D42;
[DEVVIT] --color-secondary-background-selected: #3D494E;
[DEVVIT] --color-secondary-hover: #ffffff;
[DEVVIT] --color-secondary-onBackground: #FFFFFF;
[DEVVIT] --color-secondary-plain: #DBE4E9;
[DEVVIT] --color-secondary-plain-hover: #FFFFFF;
[DEVVIT] --color-secondary-plain-weak: #8BA2AD;
[DEVVIT] --color-secondary-weak: #748791;
[DEVVIT] --color-success-background: #016E0B;
[DEVVIT] --color-success-background-hover: #008A10;
[DEVVIT] --color-success-content: #01A816;
[DEVVIT] --color-success-hover: #00C61C;
[DEVVIT] --color-success-onBackground: #FFFFFF;
[DEVVIT] --color-success-plain: #00C61C;
[DEVVIT] --color-success-plain-hover: #58E15B;
[DEVVIT] --color-tone-1: #F2F2F2;
[DEVVIT] --color-tone-2: #ACACAC;
[DEVVIT] --color-tone-3: #434343;
[DEVVIT] --color-tone-4: #303030;
[DEVVIT] --color-tone-5: #1E1E1E;
[DEVVIT] --color-tone-6: #131313;
[DEVVIT] --color-tone-7: #080808;
[DEVVIT] --color-transparent-background-hover: #6677801a;
[DEVVIT] --color-ui-canvas: #080808;
[DEVVIT] --color-ui-modalbackground: var(--color-neutral-background-strong);
[DEVVIT] --color-upvote-background: #D93900;
[DEVVIT] --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
[DEVVIT] --color-upvote-background-hover: #AE2C00;
[DEVVIT] --color-upvote-content: #FF4500;
[DEVVIT] --color-upvote-content-weak: var(--color-global-brand-orangered);
[DEVVIT] --color-upvote-disabled: #FF45004d;
[DEVVIT] --color-upvote-onBackground: #FFFFFF;
[DEVVIT] --color-upvote-onStrongScrim: #FF895D;
[DEVVIT] --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-onStrongScrim-weaker: #FF4500;
[DEVVIT] --color-upvote-plain: #FF895D;
[DEVVIT] --color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-plain-weaker: #FF4500;
[DEVVIT] --color-warning-background: #B78800;
[DEVVIT] --color-warning-background-hover: #D8A100;
[DEVVIT] --color-warning-content: #B78800;
[DEVVIT] --color-warning-content-hover: #D8A100;
[DEVVIT] --color-warning-onBackground: #000000;
[DEVVIT] --color-button-primary-border-activated: transparent;
[DEVVIT] --color-button-plain-inverted-activated-text:
[DEVVIT] var(--color-neutral-background);
[DEVVIT] --color-input-radio-hover: var(--color-secondary-plain);
[DEVVIT] --color-shimmer-background: #ffffff08;
[DEVVIT] --color-shimmer-gradient-overlay:
[DEVVIT] linear-gradient(
[DEVVIT] to right,
[DEVVIT] #ffffff00,
[DEVVIT] #ffffff05 20%,
[DEVVIT] #ffffff0f 50%,
[DEVVIT] #ffffff08 70%,
[DEVVIT] #ffffff00 100%);
[DEVVIT] }
[DEVVIT] .theme-rpl,
[DEVVIT] .theme-light.theme-rpl {
[DEVVIT] --spacer-a-px: 0.125rem;
[DEVVIT] --spacer-button-lg-px: var(--spacer-md);
[DEVVIT] --spacer-button-md-px: var(--spacer-md);
[DEVVIT] --spacer-button-sm-px: var(--spacer-sm);
[DEVVIT] --spacer-input-padding-left: var(--spacer-md);
[DEVVIT] --spacer-input-padding-top: var(--spacer-2xs);
[DEVVIT] --spacer-label-default: var(--spacer-md);
[DEVVIT] --spacer-switch-input-active-pl: var(--spacer-xs);
[DEVVIT] --size-banner-height: var(--size-rem40);
[DEVVIT] --size-button-lg-h: var(--size-2xl);
[DEVVIT] --size-button-md-h: 2.5rem;
[DEVVIT] --size-button-sm-h: var(--size-xl);
[DEVVIT] --size-button-xs-h: var(--size-lg);
[DEVVIT] --size-switch-input-h: var(--size-xl);
[DEVVIT] --size-switch-input-w: var(--size-2xl);
[DEVVIT] --line-a-focus: var(--line-md);
[DEVVIT] --line-a-outline-moz: 0px;
[DEVVIT] --line-a-outline-wb: 0px;
[DEVVIT] --line-button-lg-border: var(--line-sm);
[DEVVIT] --line-button-md-border: var(--line-sm);
[DEVVIT] --line-button-sm-border: var(--line-sm);
[DEVVIT] --line-button-xs-border: var(--line-sm);
[DEVVIT] --line-button-border-activated: var(--line-lg);
[DEVVIT] --line-input-border: var(--line-lg);
[DEVVIT] --radius-md: 1.25rem;
[DEVVIT] --radius-accordion-size: 0px;
[DEVVIT] --font-10: normal undefined null / null var(--font-sans);
[DEVVIT] --font-12: normal undefined null / null var(--font-sans);
[DEVVIT] --font-14: normal undefined null / null var(--font-sans);
[DEVVIT] --font-16: normal undefined null / null var(--font-sans);
[DEVVIT] --font-18: normal undefined null / null var(--font-sans);
[DEVVIT] --font-20: normal undefined null / null var(--font-sans);
[DEVVIT] --font-24: normal undefined null / null var(--font-sans);
[DEVVIT] --font-32: normal undefined null / null var(--font-sans);
[DEVVIT] --font-48: normal undefined null / null var(--font-sans);
[DEVVIT] --font-64: normal undefined null / null var(--font-sans);
[DEVVIT] --font-title-h0: var(--font-64);
[DEVVIT] --font-title-h1: var(--font-32);
[DEVVIT] --font-title-h2: var(--font-24);
[DEVVIT] --font-title-h3: var(--font-18);
[DEVVIT] --font-title-h4: var(--font-16);
[DEVVIT] --font-title-h5: var(--font-14);
[DEVVIT] --font-title-h6: var(--font-12);
[DEVVIT] --font-14-20-regular: normal 400 0.875rem / 1.25rem var(--font-sans);
[DEVVIT] --font-14-20-semibold: normal 600 0.875rem / 1.25rem var(--font-sans);
[DEVVIT] --font-16-20-regular: normal 400 1rem / 1.25rem var(--font-sans);
[DEVVIT] --font-12-16-regular: normal 400 0.75rem / 1rem var(--font-sans);
[DEVVIT] --font-12-16-semibold: normal 600 0.75rem / 1rem var(--font-sans);
[DEVVIT] --font-button-lg: var(--font-14-20-semibold);
[DEVVIT] --font-button-md: var(--font-14-20-semibold);
[DEVVIT] --font-button-sm: var(--font-12-16-semibold);
[DEVVIT] --font-label-default: var(--font-12-16-regular);
[DEVVIT] --misc-accordion-border: 0;
[DEVVIT] --misc-accordion-open-list-style-type: none;
[DEVVIT] --misc-accordion-closed-list-style-type: none;
[DEVVIT] --misc-divider-margin: 0;
[DEVVIT] --misc-label-text-transform: capitalize;
[DEVVIT] --misc-label-letter-spacing: initial;
[DEVVIT] --blur-sm: 0.25rem;
[DEVVIT] --blur-normal: 0.5rem;
[DEVVIT] --blur-md: 0.75rem;
[DEVVIT] --blur-lg: 1rem;
[DEVVIT] --blur-xl: 1.5rem;
[DEVVIT] --blur-2xl: 2.5rem;
[DEVVIT] --blur-3xl: 4rem;
[DEVVIT] --color-action-downvote: #6A5CFF;
[DEVVIT] --color-action-upvote: #D93900;
[DEVVIT] --color-ai-background-weaker: #E7FDF5;
[DEVVIT] --color-ai-plain: #006C56;
[DEVVIT] --color-ai-plain-hover: #015140;
[DEVVIT] --color-alert-caution: #977000;
[DEVVIT] --color-avatar-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #97AFBCff,
[DEVVIT] #ffffffff 75%);
[DEVVIT] --color-avatar-media-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #00000099,
[DEVVIT] #181C1Fff 75%);
[DEVVIT] --color-brand-background: #D93900;
[DEVVIT] --color-brand-background-hover: #AE2C00;
[DEVVIT] --color-brand-gradient-active:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #cd3700ff,
[DEVVIT] #db3b00ff 68%,
[DEVVIT] #D93900ff 100%);
[DEVVIT] --color-brand-gradient-active-highlight:
[DEVVIT] linear-gradient(
[DEVVIT] 83deg,
[DEVVIT] #db3f0000 80%,
[DEVVIT] #D93900ff 100%);
[DEVVIT] --color-brand-gradient-default:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #D93900ff,
[DEVVIT] #db3b00ff 30%,
[DEVVIT] #AE2C00ff 100%);
[DEVVIT] --color-brand-gradient-default-highlight:
[DEVVIT] linear-gradient(
[DEVVIT] 258deg,
[DEVVIT] #db3f0000 80%,
[DEVVIT] #D93900ff 100%);
[DEVVIT] --color-brand-gradient-hover:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #e23d00ff 15%,
[DEVVIT] #cb3600ff 49%,
[DEVVIT] #b43000ff 100%);
[DEVVIT] --color-brand-gradient-hover-highlight:
[DEVVIT] linear-gradient(
[DEVVIT] 323deg,
[DEVVIT] #cb360000 65%,
[DEVVIT] #cb3600ff 100%);
[DEVVIT] --color-brand-onBackground: #FFFFFF;
[DEVVIT] --color-category-live: #D93900;
[DEVVIT] --color-category-nsfw: #DE019F;
[DEVVIT] --color-category-spoiler: var(--color-tone-1);
[DEVVIT] --color-caution-background: #FFBF0B;
[DEVVIT] --color-caution-background-hover: #D8A100;
[DEVVIT] --color-caution-onBackground: #000000;
[DEVVIT] --color-caution-plain: #785800;
[DEVVIT] --color-caution-plain-hover: #5B4200;
[DEVVIT] --color-danger-background: #EB001F;
[DEVVIT] --color-danger-background-disabled: #FDB3A4;
[DEVVIT] --color-danger-background-hover: #BC0117;
[DEVVIT] --color-danger-background-weaker: #FBDBD4;
[DEVVIT] --color-danger-content: #BC0117;
[DEVVIT] --color-danger-content-default: #ffffff;
[DEVVIT] --color-danger-content-hover: #90000F;
[DEVVIT] --color-danger-onBackground: #FFFFFF;
[DEVVIT] --color-danger-plain: #BC0117;
[DEVVIT] --color-danger-plain-hover: #90000F;
[DEVVIT] --color-downvote-background: #6A5CFF;
[DEVVIT] --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
[DEVVIT] --color-downvote-background-hover: #523DFF;
[DEVVIT] --color-downvote-content: #523DFF;
[DEVVIT] --color-downvote-content-weak: #6A5CFF;
[DEVVIT] --color-downvote-disabled: #523DFF4d;
[DEVVIT] --color-downvote-onBackground: #FFFFFF;
[DEVVIT] --color-downvote-onStrongScrim: #B29FFF;
[DEVVIT] --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
[DEVVIT] --color-downvote-onStrongScrim-weaker: #9580FF;
[DEVVIT] --color-downvote-plain: #523DFF;
[DEVVIT] --color-downvote-plain-disabled: rgba(82, 61, 255, 0.3);
[DEVVIT] --color-downvote-plain-weaker: #6A5CFF;
[DEVVIT] --color-elevation-large1: #0000003F;
[DEVVIT] --color-elevation-large2: #00000026;
[DEVVIT] --color-elevation-medium1: #0000003F;
[DEVVIT] --color-elevation-medium2: #00000019;
[DEVVIT] --color-elevation-small: #00000026;
[DEVVIT] --color-elevation-xsmall: #0000003F;
[DEVVIT] --color-favorite: #977000;
[DEVVIT] --color-global-admin: #D93900;
[DEVVIT] --color-global-alienblue: #1870F4;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-brand-orangered: #FF4500;
[DEVVIT] --color-global-darkblue: #2A3236;
[DEVVIT] --color-global-focus: #029DD5;
[DEVVIT] --color-global-gold: #B78800;
[DEVVIT] --color-global-moderator: #008A10;
[DEVVIT] --color-global-nsfw: #DE019F;
[DEVVIT] --color-global-offline: #667780;
[DEVVIT] --color-global-online: #00C61C;
[DEVVIT] --color-global-orangered: #FF4500;
[DEVVIT] --color-global-stars: #977000;
[DEVVIT] --color-global-white: #FFFFFF;
[DEVVIT] --color-gradient-media:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #00000000,
[DEVVIT] #0000008a 60%,
[DEVVIT] #00000099 100%);
[DEVVIT] --color-gradient-media-strong:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #00000000,
[DEVVIT] #000000cc 60%,
[DEVVIT] #000000e6 100%);
[DEVVIT] --color-identity-admin: #D93900;
[DEVVIT] --color-identity-coins: #B78800;
[DEVVIT] --color-identity-moderator: #008A10;
[DEVVIT] --color-identity-self: #01876D;
[DEVVIT] --color-interactive-background-disabled: #0000000C;
[DEVVIT] --color-interactive-content-disabled: #0000003F;
[DEVVIT] --color-interactive-focused: #007FAE;
[DEVVIT] --color-interactive-pressed: #00000026;
[DEVVIT] --color-inverted-interactive-background-disabled: #FFFFFF0C;
[DEVVIT] --color-inverted-interactive-content-disabled: #FFFFFF3F;
[DEVVIT] --color-inverted-interactive-pressed: #FFFFFF26;
[DEVVIT] --color-inverted-neutral-background: #0E1113;
[DEVVIT] --color-inverted-neutral-background-hover: #181C1F;
[DEVVIT] --color-inverted-neutral-border: #FFFFFF33;
[DEVVIT] --color-inverted-neutral-content: #B7CAD4;
[DEVVIT] --color-inverted-neutral-content-strong: #EEF1F3;
[DEVVIT] --color-inverted-secondary-background: #2A3236;
[DEVVIT] --color-inverted-secondary-background-hover: #333D42;
[DEVVIT] --color-inverted-secondary-background-selected: #3D494E;
[DEVVIT] --color-inverted-secondary-onBackground: #FFFFFF;
[DEVVIT] --color-inverted-secondary-plain: #DBE4E9;
[DEVVIT] --color-inverted-secondary-plain-hover: #FFFFFF;
[DEVVIT] --color-media-background: rgba(0, 0, 0, 0.6);
[DEVVIT] --color-media-background-hover: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-background-selected: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-border-selected: #FFFFFF;
[DEVVIT] --color-media-border-weak: #FFFFFF19;
[DEVVIT] --color-media-onBackground: #FFFFFF;
[DEVVIT] --color-media-onBackground-disabled: #FFFFFF3F;
[DEVVIT] --color-media-onBackground-weak: #E5EBEE;
[DEVVIT] --color-media-onbackground: #ffffff;
[DEVVIT] --color-media-onbackground-disabled: #ffffff40;
[DEVVIT] --color-media-onbackground-weak: #B7CAD4;
[DEVVIT] --color-neutral-background: #FFFFFF;
[DEVVIT] --color-neutral-background-container: #F6F8F9;
[DEVVIT] --color-neutral-background-container-hover: #EEF1F3;
[DEVVIT] --color-neutral-background-container-strong: #EEF1F3;
[DEVVIT] --color-neutral-background-container-strong-hover: #E5EBEE;
[DEVVIT] --color-neutral-background-gilded: #FFF9E0;
[DEVVIT] --color-neutral-background-gilded-hover: #FFF3C0;
[DEVVIT] --color-neutral-background-hover: #F6F8F9;
[DEVVIT] --color-neutral-background-medium: #F8F8F8;
[DEVVIT] --color-neutral-background-pinned: #FFFFFF;
[DEVVIT] --color-neutral-background-selected: #E5EBEE;
[DEVVIT] --color-neutral-background-strong: #FFFFFF;
[DEVVIT] --color-neutral-background-strong-hover: #F6F8F9;
[DEVVIT] --color-neutral-background-weak: #F6F8F9;
[DEVVIT] --color-neutral-background-weak-hover: #EEF1F3;
[DEVVIT] --color-neutral-border: #00000033;
[DEVVIT] --color-neutral-border-medium: #0000007F;
[DEVVIT] --color-neutral-border-strong: #181C1F;
[DEVVIT] --color-neutral-border-weak: #00000019;
[DEVVIT] --color-neutral-content: #333D42;
[DEVVIT] --color-neutral-content-disabled: #D6D6D6;
[DEVVIT] --color-neutral-content-strong: #181C1F;
[DEVVIT] --color-neutral-content-weak: #5C6C74;
[DEVVIT] --color-offline: #767676;
[DEVVIT] --color-online: #01A816;
[DEVVIT] --color-opacity-08: #13131314;
[DEVVIT] --color-opacity-50: #00000080;
[DEVVIT] --color-opacity-highlight: linear-gradient(#0A2F6C1a,
[DEVVIT] var(--color-tone-6));
[DEVVIT] --color-pizzaRed: #ef5350;
[DEVVIT] --color-primary: #115BCA;
[DEVVIT] --color-primary-background: #0A449B;
[DEVVIT] --color-primary-background-hover: #0A2F6C;
[DEVVIT] --color-primary-background-selected: #0A1A3F;
[DEVVIT] --color-primary-border: #0A449B;
[DEVVIT] --color-primary-border-hover: #0A2F6C;
[DEVVIT] --color-primary-hover: #0A449B;
[DEVVIT] --color-primary-onBackground: #FFFFFF;
[DEVVIT] --color-primary-onBackground-selected: #FFFFFF;
[DEVVIT] --color-primary-plain: #0A449B;
[DEVVIT] --color-primary-plain-hover: #0A2F6C;
[DEVVIT] --color-primary-plain-visited: #7600A3;
[DEVVIT] --color-primary-visited: #9B00D4;
[DEVVIT] --color-scrim: #00000099;
[DEVVIT] --color-scrim-background: #00000099;
[DEVVIT] --color-scrim-background-strong: #000000CC;
[DEVVIT] --color-scrim-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #00000000,
[DEVVIT] #0000008a 60%,
[DEVVIT] #00000099 100%);
[DEVVIT] --color-scrim-strong: #000000cc;
[DEVVIT] --color-secondary: #21272A;
[DEVVIT] --color-secondary-background: #E5EBEE;
[DEVVIT] --color-secondary-background-hover: #DBE4E9;
[DEVVIT] --color-secondary-background-selected: #C9D7DE;
[DEVVIT] --color-secondary-hover: #000000;
[DEVVIT] --color-secondary-onBackground: #000000;
[DEVVIT] --color-secondary-plain: #181C1F;
[DEVVIT] --color-secondary-plain-hover: #000000;
[DEVVIT] --color-secondary-plain-weak: #5C6C74;
[DEVVIT] --color-secondary-weak: #576F76;
[DEVVIT] --color-success-background: #008A10;
[DEVVIT] --color-success-background-hover: #016E0B;
[DEVVIT] --color-success-content: #016E0B;
[DEVVIT] --color-success-hover: #005306;
[DEVVIT] --color-success-onBackground: #FFFFFF;
[DEVVIT] --color-success-plain: #016E0B;
[DEVVIT] --color-success-plain-hover: #005306;
[DEVVIT] --color-tone-1: #131313;
[DEVVIT] --color-tone-2: #434343;
[DEVVIT] --color-tone-3: #ACACAC;
[DEVVIT] --color-tone-4: #E4E4E4;
[DEVVIT] --color-tone-5: #F2F2F2;
[DEVVIT] --color-tone-6: #F8F8F8;
[DEVVIT] --color-tone-7: #ffffff;
[DEVVIT] --color-transparent-background-hover: #7487911a;
[DEVVIT] --color-ui-canvas: var(--color-tone-5);
[DEVVIT] --color-ui-modalbackground: var(--color-neutral-background-strong);
[DEVVIT] --color-upvote-background: #D93900;
[DEVVIT] --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
[DEVVIT] --color-upvote-background-hover: #AE2C00;
[DEVVIT] --color-upvote-content: #AE2C00;
[DEVVIT] --color-upvote-content-weak: var(--color-global-brand-orangered);
[DEVVIT] --color-upvote-disabled: #AE2C004d;
[DEVVIT] --color-upvote-onBackground: #FFFFFF;
[DEVVIT] --color-upvote-onStrongScrim: #FF895D;
[DEVVIT] --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-onStrongScrim-weaker: #FF4500;
[DEVVIT] --color-upvote-plain: #AE2C00;
[DEVVIT] --color-upvote-plain-disabled: rgba(174, 44, 0, 0.3);
[DEVVIT] --color-upvote-plain-weaker: #FF4500;
[DEVVIT] --color-warning-background: #B78800;
[DEVVIT] --color-warning-background-hover: #977000;
[DEVVIT] --color-warning-content: #785800;
[DEVVIT] --color-warning-content-hover: #5B4200;
[DEVVIT] --color-warning-onBackground: #000000;
[DEVVIT] --color-a-default: var(--color-primary);
[DEVVIT] --color-a-hover: var(--color-primary-hover);
[DEVVIT] --color-a-visited: var(--color-primary-visited);
[DEVVIT] --color-banner-plain: var(--color-neutral-background-strong);
[DEVVIT] --color-banner-plain-inverted: var(--color-neutral-content-strong);
[DEVVIT] --color-banner-error: var(--color-danger-background);
[DEVVIT] --color-banner-caution: var(--color-warning-background);
[DEVVIT] --color-banner-success: var(--color-success-background);
[DEVVIT] --color-banner-brand: var(--color-brand-background);
[DEVVIT] --color-banner-plain-text: var(--color-neutral-content);
[DEVVIT] --color-banner-plain-inverted-text:
[DEVVIT] var(--color-neutral-background-weak);
[DEVVIT] --color-banner-error-text: var(--color-danger-onBackground);
[DEVVIT] --color-banner-caution-text: var(--color-warning-onBackground);
[DEVVIT] --color-banner-caution-hover: var(--color-warning-background-hover);
[DEVVIT] --color-banner-success-text: var(--color-success-onBackground);
[DEVVIT] --color-banner-brand-text: var(--color-brand-onBackground);
[DEVVIT] --color-button-overlay-focus: transparent;
[DEVVIT] --color-button-overlay-active: transparent;
[DEVVIT] --color-button-border-width: tomato;
[DEVVIT] --color-button-border-width-activated: tomato;
[DEVVIT] --color-button-primary-background-hover:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-primary-background-activated:
[DEVVIT] var(--color-primary-background-selected);
[DEVVIT] --color-button-primary-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-button-primary-border-hover: var(--color-primary-background);
[DEVVIT] --color-button-primary-border-active:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-primary-text-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-button-primary-text-activated:
[DEVVIT] var(--color-primary-onBackground-selected);
[DEVVIT] --color-button-secondary-background: var(--color-secondary-background);
[DEVVIT] --color-button-secondary-background-focus:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-button-secondary-background-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-secondary-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-button-secondary-background-activated:
[DEVVIT] var(--color-secondary-background-selected);
[DEVVIT] --color-button-secondary-border: transparent;
[DEVVIT] --color-button-secondary-border-hover:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-button-secondary-border-active:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-secondary-border-activated: transparent;
[DEVVIT] --color-button-secondary-border-disabled: transparent;
[DEVVIT] --color-button-secondary-text: var(--color-secondary-onBackground);
[DEVVIT] --color-button-secondary-text-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-button-secondary-text-activated:
[DEVVIT] var(--color-secondary-onBackground);
[DEVVIT] --color-button-tertiary-background: transparent;
[DEVVIT] --color-button-tertiary-background-focus: transparent;
[DEVVIT] --color-button-tertiary-background-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-tertiary-background-disabled: transparent;
[DEVVIT] --color-button-tertiary-background-activated:
[DEVVIT] var(--color-neutral-content);
[DEVVIT] --color-button-tertiary-border-hover: var(--color-secondary-background);
[DEVVIT] --color-button-tertiary-border-active:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-tertiary-text: var(--color-neutral-content-strong);
[DEVVIT] --color-button-tertiary-text-disabled:
[DEVVIT] var(--color-neutral-content-disabled);
[DEVVIT] --color-button-tertiary-text-activated: var(--color-neutral-background);
[DEVVIT] --color-button-plain-background-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-plain-background-disabled: transparent;
[DEVVIT] --color-button-plain-background-activated:
[DEVVIT] var(--color-secondary-background-selected);
[DEVVIT] --color-button-plain-border-hover: var(--color-secondary-background);
[DEVVIT] --color-button-plain-border-active:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-plain-text: var(--color-secondary-plain);
[DEVVIT] --color-button-plain-text-hover: var(--color-secondary-plain-hover);
[DEVVIT] --color-button-plain-text-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-button-plain-text-activated:
[DEVVIT] var(--color-secondary-onBackground);
[DEVVIT] --color-button-primary-border-activated:
[DEVVIT] var(--color-primary-background);
[DEVVIT] --color-button-plain-text-weak: var(--color-secondary-plain-weak);
[DEVVIT] --color-button-plain-inverted-background-activated:
[DEVVIT] var(--color-neutral-content);
[DEVVIT] --color-button-plain-inverted-text-activated:
[DEVVIT] var(--color-neutral-background);
[DEVVIT] --color-button-media-border-color-activated:
[DEVVIT] var(--color-media-border-selected);
[DEVVIT] --color-button-favorite-text: var(--color-favorite);
[DEVVIT] --color-button-caution-background: var(--color-caution-background);
[DEVVIT] --color-button-caution-background-hover:
[DEVVIT] var(--color-caution-background-hover);
[DEVVIT] --color-button-caution-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-button-caution-text: var(--color-caution-onBackground);
[DEVVIT] --color-divider-default: var(--color-neutral-border);
[DEVVIT] --color-input-secondary: var(--color-secondary-background);
[DEVVIT] --color-input-secondary-hover: var(--color-secondary-background-hover);
[DEVVIT] --color-input-border: transparent;
[DEVVIT] --color-input-bordered: transparent;
[DEVVIT] --color-input-bordered-hover: var(--color-neutral-background-hover);
[DEVVIT] --color-input-secondary-text: var(--color-secondary-onBackground);
[DEVVIT] --color-input-bordered-text: var(--color-secondary-plain);
[DEVVIT] --color-input-helper-text: var(--color-neutral-content-weak);
[DEVVIT] --color-input-pressed: var(--color-interactive-pressed);
[DEVVIT] --color-input-radio: var(--color-secondary-plain-weak);
[DEVVIT] --color-input-radio-hover: var(--color-neutral-content-strong);
[DEVVIT] --color-label-default: var(--color-neutral-content-weak);
[DEVVIT] --color-shimmer-background: #00000008;
[DEVVIT] --color-shimmer-gradient-overlay:
[DEVVIT] linear-gradient(
[DEVVIT] to right,
[DEVVIT] #00000000,
[DEVVIT] #00000005 20%,
[DEVVIT] #0000000f 50%,
[DEVVIT] #00000008 70%,
[DEVVIT] #00000000 100%);
[DEVVIT] --color-switch-input-background-pressed-scrim:
[DEVVIT] var(--color-interactive-pressed);
[DEVVIT] --color-switch-input-background-handle: var(--color-global-white);
[DEVVIT] --color-switch-input-background-handle-disabled:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-switch-input-background-default:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-switch-input-background-default-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-switch-input-background-default-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-switch-input-background-checked:
[DEVVIT] var(--color-primary-background);
[DEVVIT] --color-switch-input-background-checked-hover:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-switch-input-background-checked-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-tooltip-bg-neutral: var(--color-neutral-background-strong);
[DEVVIT] --color-tooltip-text-neutral: var(--color-neutral-content);
[DEVVIT] --color-tooltip-bg-inverted: var(--color-neutral-content);
[DEVVIT] --color-tooltip-text-inverted: var(--color-neutral-background);
[DEVVIT] --color-tooltip-bg-primary: var(--color-primary-background);
[DEVVIT] --color-tooltip-text-primary: var(--color-primary-onBackground);
[DEVVIT] --elevation-sm-inset: inset 0 0.0625rem 0.125rem 0 #00000021;
[DEVVIT] --elevation-button-focus: var(--elevation-focus-ring);
[DEVVIT] --elevation-switch-input-default-inset: var(--elevation-sm-inset);
[DEVVIT] }
[DEVVIT] @media (prefers-color-scheme: dark) {
[DEVVIT] :root:not(.theme-light) .theme-rpl,
[DEVVIT] :root:not(.theme-light).theme-rpl {
[DEVVIT] --color-ai-background-weaker: #00382B;
[DEVVIT] --color-ai-plain: #01A484;
[DEVVIT] --color-ai-plain-hover: #00C29D;
[DEVVIT] --color-avatar-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #48545Bff,
[DEVVIT] #181C1Fff 75%);
[DEVVIT] --color-brand-background: #D93900;
[DEVVIT] --color-brand-background-hover: #AE2C00;
[DEVVIT] --color-brand-onBackground: #FFFFFF;
[DEVVIT] --color-caution-background: #D8A100;
[DEVVIT] --color-caution-background-hover: #FFBF0B;
[DEVVIT] --color-caution-onBackground: #000000;
[DEVVIT] --color-caution-plain: #FFBF0B;
[DEVVIT] --color-caution-plain-hover: #FFE284;
[DEVVIT] --color-danger-background: #BC0117;
[DEVVIT] --color-danger-background-disabled: #340F05;
[DEVVIT] --color-danger-background-hover: #EB001F;
[DEVVIT] --color-danger-background-weaker: #650405;
[DEVVIT] --color-danger-content: #FF4F40;
[DEVVIT] --color-danger-content-hover: #FF8773;
[DEVVIT] --color-danger-onBackground: #FFFFFF;
[DEVVIT] --color-danger-plain: #FF8773;
[DEVVIT] --color-danger-plain-hover: #FDB3A4;
[DEVVIT] --color-downvote-background: #6A5CFF;
[DEVVIT] --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
[DEVVIT] --color-downvote-background-hover: #523DFF;
[DEVVIT] --color-downvote-content: #9580FF;
[DEVVIT] --color-downvote-content-weak: #6A5CFF;
[DEVVIT] --color-downvote-disabled: #9580FF4d;
[DEVVIT] --color-downvote-onBackground: #FFFFFF;
[DEVVIT] --color-downvote-onStrongScrim: #B29FFF;
[DEVVIT] --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
[DEVVIT] --color-downvote-onStrongScrim-weaker: #9580FF;
[DEVVIT] --color-downvote-plain: #9580FF;
[DEVVIT] --color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
[DEVVIT] --color-downvote-plain-weaker: #6A5CFF;
[DEVVIT] --color-elevation-large1: #0000007F;
[DEVVIT] --color-elevation-large2: #00000033;
[DEVVIT] --color-elevation-medium1: #0000007F;
[DEVVIT] --color-elevation-medium2: #00000033;
[DEVVIT] --color-elevation-small: #00000054;
[DEVVIT] --color-elevation-xsmall: #000000AA;
[DEVVIT] --color-favorite: #B78800;
[DEVVIT] --color-global-admin: #D93900;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-brand-orangered: #FF4500;
[DEVVIT] --color-global-focus: #007FAE;
[DEVVIT] --color-global-gold: #D8A100;
[DEVVIT] --color-global-moderator: #008A10;
[DEVVIT] --color-global-nsfw: #DE019F;
[DEVVIT] --color-global-offline: #667780;
[DEVVIT] --color-global-online: #00C61C;
[DEVVIT] --color-global-orangered: #FF4500;
[DEVVIT] --color-global-stars: #D8A100;
[DEVVIT] --color-global-white: #FFFFFF;
[DEVVIT] --color-interactive-background-disabled: #FFFFFF0C;
[DEVVIT] --color-interactive-content-disabled: #FFFFFF3F;
[DEVVIT] --color-interactive-focused: #007FAE;
[DEVVIT] --color-interactive-pressed: #FFFFFF26;
[DEVVIT] --color-inverted-interactive-background-disabled: #0000000C;
[DEVVIT] --color-inverted-interactive-content-disabled: #0000003F;
[DEVVIT] --color-inverted-interactive-pressed: #00000026;
[DEVVIT] --color-inverted-neutral-background: #FFFFFF;
[DEVVIT] --color-inverted-neutral-background-hover: #F6F8F9;
[DEVVIT] --color-inverted-neutral-border: #00000033;
[DEVVIT] --color-inverted-neutral-content: #333D42;
[DEVVIT] --color-inverted-neutral-content-strong: #181C1F;
[DEVVIT] --color-inverted-secondary-background: #E5EBEE;
[DEVVIT] --color-inverted-secondary-background-hover: #DBE4E9;
[DEVVIT] --color-inverted-secondary-background-selected: #C9D7DE;
[DEVVIT] --color-inverted-secondary-onBackground: #000000;
[DEVVIT] --color-inverted-secondary-plain: #181C1F;
[DEVVIT] --color-inverted-secondary-plain-hover: #000000;
[DEVVIT] --color-media-background: rgba(0, 0, 0, 0.6);
[DEVVIT] --color-media-background-hover: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-background-selected: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-border-selected: #FFFFFF;
[DEVVIT] --color-media-border-weak: #FFFFFF19;
[DEVVIT] --color-media-onBackground: #FFFFFF;
[DEVVIT] --color-media-onBackground-disabled: #FFFFFF3F;
[DEVVIT] --color-media-onBackground-weak: #E5EBEE;
[DEVVIT] --color-neutral-background: #0E1113;
[DEVVIT] --color-neutral-background-container: #181C1F;
[DEVVIT] --color-neutral-background-container-hover: #21272A;
[DEVVIT] --color-neutral-background-container-strong: #21272A;
[DEVVIT] --color-neutral-background-container-strong-hover: #2A3236;
[DEVVIT] --color-neutral-background-gilded: #181C1F;
[DEVVIT] --color-neutral-background-gilded-hover: #21272A;
[DEVVIT] --color-neutral-background-hover: #181C1F;
[DEVVIT] --color-neutral-background-medium: #131313;
[DEVVIT] --color-neutral-background-pinned: #0E1113;
[DEVVIT] --color-neutral-background-selected: #2A3236;
[DEVVIT] --color-neutral-background-strong: #181C1F;
[DEVVIT] --color-neutral-background-strong-hover: #21272A;
[DEVVIT] --color-neutral-background-weak: #000000;
[DEVVIT] --color-neutral-background-weak-hover: #0E1113;
[DEVVIT] --color-neutral-border: #FFFFFF33;
[DEVVIT] --color-neutral-border-medium: #FFFFFF7F;
[DEVVIT] --color-neutral-border-strong: #F6F8F9;
[DEVVIT] --color-neutral-border-weak: #FFFFFF19;
[DEVVIT] --color-neutral-content: #B7CAD4;
[DEVVIT] --color-neutral-content-disabled: #303030;
[DEVVIT] --color-neutral-content-strong: #EEF1F3;
[DEVVIT] --color-neutral-content-weak: #8BA2AD;
[DEVVIT] --color-offline: #767676;
[DEVVIT] --color-online: #01A816;
[DEVVIT] --color-opacity-50: #F2F2F280;
[DEVVIT] --color-pizzaRed: #c62828;
[DEVVIT] --color-primary: #648EFC;
[DEVVIT] --color-primary-background: #115BCA;
[DEVVIT] --color-primary-background-hover: #1870F4;
[DEVVIT] --color-primary-background-selected: #648EFC;
[DEVVIT] --color-primary-border: #648EFC;
[DEVVIT] --color-primary-border-hover: #90A9FD;
[DEVVIT] --color-primary-hover: #90A9FD;
[DEVVIT] --color-primary-onBackground: #FFFFFF;
[DEVVIT] --color-primary-onBackground-selected: #000000;
[DEVVIT] --color-primary-plain: #648EFC;
[DEVVIT] --color-primary-plain-hover: #90A9FD;
[DEVVIT] --color-primary-plain-visited: #CF5FFF;
[DEVVIT] --color-primary-visited: #CF5FFF;
[DEVVIT] --color-scrim-background: #00000099;
[DEVVIT] --color-scrim-background-strong: #000000CC;
[DEVVIT] --color-secondary: #DBE4E9;
[DEVVIT] --color-secondary-background: #2A3236;
[DEVVIT] --color-secondary-background-hover: #333D42;
[DEVVIT] --color-secondary-background-selected: #3D494E;
[DEVVIT] --color-secondary-hover: #ffffff;
[DEVVIT] --color-secondary-onBackground: #FFFFFF;
[DEVVIT] --color-secondary-plain: #DBE4E9;
[DEVVIT] --color-secondary-plain-hover: #FFFFFF;
[DEVVIT] --color-secondary-plain-weak: #8BA2AD;
[DEVVIT] --color-secondary-weak: #748791;
[DEVVIT] --color-success-background: #016E0B;
[DEVVIT] --color-success-background-hover: #008A10;
[DEVVIT] --color-success-content: #01A816;
[DEVVIT] --color-success-hover: #00C61C;
[DEVVIT] --color-success-onBackground: #FFFFFF;
[DEVVIT] --color-success-plain: #00C61C;
[DEVVIT] --color-success-plain-hover: #58E15B;
[DEVVIT] --color-tone-1: #F2F2F2;
[DEVVIT] --color-tone-2: #ACACAC;
[DEVVIT] --color-tone-3: #434343;
[DEVVIT] --color-tone-4: #303030;
[DEVVIT] --color-tone-5: #1E1E1E;
[DEVVIT] --color-tone-6: #131313;
[DEVVIT] --color-tone-7: #080808;
[DEVVIT] --color-transparent-background-hover: #6677801a;
[DEVVIT] --color-ui-canvas: #080808;
[DEVVIT] --color-ui-modalbackground: var(--color-neutral-background-strong);
[DEVVIT] --color-upvote-background: #D93900;
[DEVVIT] --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
[DEVVIT] --color-upvote-background-hover: #AE2C00;
[DEVVIT] --color-upvote-content: #FF4500;
[DEVVIT] --color-upvote-content-weak: var(--color-global-brand-orangered);
[DEVVIT] --color-upvote-disabled: #FF45004d;
[DEVVIT] --color-upvote-onBackground: #FFFFFF;
[DEVVIT] --color-upvote-onStrongScrim: #FF895D;
[DEVVIT] --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-onStrongScrim-weaker: #FF4500;
[DEVVIT] --color-upvote-plain: #FF895D;
[DEVVIT] --color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-plain-weaker: #FF4500;
[DEVVIT] --color-warning-background: #B78800;
[DEVVIT] --color-warning-background-hover: #D8A100;
[DEVVIT] --color-warning-content: #B78800;
[DEVVIT] --color-warning-content-hover: #D8A100;
[DEVVIT] --color-warning-onBackground: #000000;
[DEVVIT] --color-button-primary-border-activated: transparent;
[DEVVIT] --color-button-plain-inverted-activated-text:
[DEVVIT] var(--color-neutral-background);
[DEVVIT] --color-input-radio-hover: var(--color-secondary-plain);
[DEVVIT] --color-shimmer-background: #ffffff08;
[DEVVIT] --color-shimmer-gradient-overlay:
[DEVVIT] linear-gradient(
[DEVVIT] to right,
[DEVVIT] #ffffff00,
[DEVVIT] #ffffff05 20%,
[DEVVIT] #ffffff0f 50%,
[DEVVIT] #ffffff08 70%,
[DEVVIT] #ffffff00 100%);
[DEVVIT] }
[DEVVIT] }
[DEVVIT] .theme-dark .theme-rpl,
[DEVVIT] .theme-dark.theme-rpl {
[DEVVIT] --color-ai-background-weaker: #00382B;
[DEVVIT] --color-ai-plain: #01A484;
[DEVVIT] --color-ai-plain-hover: #00C29D;
[DEVVIT] --color-avatar-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #48545Bff,
[DEVVIT] #181C1Fff 75%);
[DEVVIT] --color-brand-background: #D93900;
[DEVVIT] --color-brand-background-hover: #AE2C00;
[DEVVIT] --color-brand-onBackground: #FFFFFF;
[DEVVIT] --color-caution-background: #D8A100;
[DEVVIT] --color-caution-background-hover: #FFBF0B;
[DEVVIT] --color-caution-onBackground: #000000;
[DEVVIT] --color-caution-plain: #FFBF0B;
[DEVVIT] --color-caution-plain-hover: #FFE284;
[DEVVIT] --color-danger-background: #BC0117;
[DEVVIT] --color-danger-background-disabled: #340F05;
[DEVVIT] --color-danger-background-hover: #EB001F;
[DEVVIT] --color-danger-background-weaker: #650405;
[DEVVIT] --color-danger-content: #FF4F40;
[DEVVIT] --color-danger-content-hover: #FF8773;
[DEVVIT] --color-danger-onBackground: #FFFFFF;
[DEVVIT] --color-danger-plain: #FF8773;
[DEVVIT] --color-danger-plain-hover: #FDB3A4;
[DEVVIT] --color-downvote-background: #6A5CFF;
[DEVVIT] --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
[DEVVIT] --color-downvote-background-hover: #523DFF;
[DEVVIT] --color-downvote-content: #9580FF;
[DEVVIT] --color-downvote-content-weak: #6A5CFF;
[DEVVIT] --color-downvote-disabled: #9580FF4d;
[DEVVIT] --color-downvote-onBackground: #FFFFFF;
[DEVVIT] --color-downvote-onStrongScrim: #B29FFF;
[DEVVIT] --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
[DEVVIT] --color-downvote-onStrongScrim-weaker: #9580FF;
[DEVVIT] --color-downvote-plain: #9580FF;
[DEVVIT] --color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
[DEVVIT] --color-downvote-plain-weaker: #6A5CFF;
[DEVVIT] --color-elevation-large1: #0000007F;
[DEVVIT] --color-elevation-large2: #00000033;
[DEVVIT] --color-elevation-medium1: #0000007F;
[DEVVIT] --color-elevation-medium2: #00000033;
[DEVVIT] --color-elevation-small: #00000054;
[DEVVIT] --color-elevation-xsmall: #000000AA;
[DEVVIT] --color-favorite: #B78800;
[DEVVIT] --color-global-admin: #D93900;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-brand-orangered: #FF4500;
[DEVVIT] --color-global-focus: #007FAE;
[DEVVIT] --color-global-gold: #D8A100;
[DEVVIT] --color-global-moderator: #008A10;
[DEVVIT] --color-global-nsfw: #DE019F;
[DEVVIT] --color-global-offline: #667780;
[DEVVIT] --color-global-online: #00C61C;
[DEVVIT] --color-global-orangered: #FF4500;
[DEVVIT] --color-global-stars: #D8A100;
[DEVVIT] --color-global-white: #FFFFFF;
[DEVVIT] --color-interactive-background-disabled: #FFFFFF0C;
[DEVVIT] --color-interactive-content-disabled: #FFFFFF3F;
[DEVVIT] --color-interactive-focused: #007FAE;
[DEVVIT] --color-interactive-pressed: #FFFFFF26;
[DEVVIT] --color-inverted-interactive-background-disabled: #0000000C;
[DEVVIT] --color-inverted-interactive-content-disabled: #0000003F;
[DEVVIT] --color-inverted-interactive-pressed: #00000026;
[DEVVIT] --color-inverted-neutral-background: #FFFFFF;
[DEVVIT] --color-inverted-neutral-background-hover: #F6F8F9;
[DEVVIT] --color-inverted-neutral-border: #00000033;
[DEVVIT] --color-inverted-neutral-content: #333D42;
[DEVVIT] --color-inverted-neutral-content-strong: #181C1F;
[DEVVIT] --color-inverted-secondary-background: #E5EBEE;
[DEVVIT] --color-inverted-secondary-background-hover: #DBE4E9;
[DEVVIT] --color-inverted-secondary-background-selected: #C9D7DE;
[DEVVIT] --color-inverted-secondary-onBackground: #000000;
[DEVVIT] --color-inverted-secondary-plain: #181C1F;
[DEVVIT] --color-inverted-secondary-plain-hover: #000000;
[DEVVIT] --color-media-background: rgba(0, 0, 0, 0.6);
[DEVVIT] --color-media-background-hover: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-background-selected: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-border-selected: #FFFFFF;
[DEVVIT] --color-media-border-weak: #FFFFFF19;
[DEVVIT] --color-media-onBackground: #FFFFFF;
[DEVVIT] --color-media-onBackground-disabled: #FFFFFF3F;
[DEVVIT] --color-media-onBackground-weak: #E5EBEE;
[DEVVIT] --color-neutral-background: #0E1113;
[DEVVIT] --color-neutral-background-container: #181C1F;
[DEVVIT] --color-neutral-background-container-hover: #21272A;
[DEVVIT] --color-neutral-background-container-strong: #21272A;
[DEVVIT] --color-neutral-background-container-strong-hover: #2A3236;
[DEVVIT] --color-neutral-background-gilded: #181C1F;
[DEVVIT] --color-neutral-background-gilded-hover: #21272A;
[DEVVIT] --color-neutral-background-hover: #181C1F;
[DEVVIT] --color-neutral-background-medium: #131313;
[DEVVIT] --color-neutral-background-pinned: #0E1113;
[DEVVIT] --color-neutral-background-selected: #2A3236;
[DEVVIT] --color-neutral-background-strong: #181C1F;
[DEVVIT] --color-neutral-background-strong-hover: #21272A;
[DEVVIT] --color-neutral-background-weak: #000000;
[DEVVIT] --color-neutral-background-weak-hover: #0E1113;
[DEVVIT] --color-neutral-border: #FFFFFF33;
[DEVVIT] --color-neutral-border-medium: #FFFFFF7F;
[DEVVIT] --color-neutral-border-strong: #F6F8F9;
[DEVVIT] --color-neutral-border-weak: #FFFFFF19;
[DEVVIT] --color-neutral-content: #B7CAD4;
[DEVVIT] --color-neutral-content-disabled: #303030;
[DEVVIT] --color-neutral-content-strong: #EEF1F3;
[DEVVIT] --color-neutral-content-weak: #8BA2AD;
[DEVVIT] --color-offline: #767676;
[DEVVIT] --color-online: #01A816;
[DEVVIT] --color-opacity-50: #F2F2F280;
[DEVVIT] --color-pizzaRed: #c62828;
[DEVVIT] --color-primary: #648EFC;
[DEVVIT] --color-primary-background: #115BCA;
[DEVVIT] --color-primary-background-hover: #1870F4;
[DEVVIT] --color-primary-background-selected: #648EFC;
[DEVVIT] --color-primary-border: #648EFC;
[DEVVIT] --color-primary-border-hover: #90A9FD;
[DEVVIT] --color-primary-hover: #90A9FD;
[DEVVIT] --color-primary-onBackground: #FFFFFF;
[DEVVIT] --color-primary-onBackground-selected: #000000;
[DEVVIT] --color-primary-plain: #648EFC;
[DEVVIT] --color-primary-plain-hover: #90A9FD;
[DEVVIT] --color-primary-plain-visited: #CF5FFF;
[DEVVIT] --color-primary-visited: #CF5FFF;
[DEVVIT] --color-scrim-background: #00000099;
[DEVVIT] --color-scrim-background-strong: #000000CC;
[DEVVIT] --color-secondary: #DBE4E9;
[DEVVIT] --color-secondary-background: #2A3236;
[DEVVIT] --color-secondary-background-hover: #333D42;
[DEVVIT] --color-secondary-background-selected: #3D494E;
[DEVVIT] --color-secondary-hover: #ffffff;
[DEVVIT] --color-secondary-onBackground: #FFFFFF;
[DEVVIT] --color-secondary-plain: #DBE4E9;
[DEVVIT] --color-secondary-plain-hover: #FFFFFF;
[DEVVIT] --color-secondary-plain-weak: #8BA2AD;
[DEVVIT] --color-secondary-weak: #748791;
[DEVVIT] --color-success-background: #016E0B;
[DEVVIT] --color-success-background-hover: #008A10;
[DEVVIT] --color-success-content: #01A816;
[DEVVIT] --color-success-hover: #00C61C;
[DEVVIT] --color-success-onBackground: #FFFFFF;
[DEVVIT] --color-success-plain: #00C61C;
[DEVVIT] --color-success-plain-hover: #58E15B;
[DEVVIT] --color-tone-1: #F2F2F2;
[DEVVIT] --color-tone-2: #ACACAC;
[DEVVIT] --color-tone-3: #434343;
[DEVVIT] --color-tone-4: #303030;
[DEVVIT] --color-tone-5: #1E1E1E;
[DEVVIT] --color-tone-6: #131313;
[DEVVIT] --color-tone-7: #080808;
[DEVVIT] --color-transparent-background-hover: #6677801a;
[DEVVIT] --color-ui-canvas: #080808;
[DEVVIT] --color-ui-modalbackground: var(--color-neutral-background-strong);
[DEVVIT] --color-upvote-background: #D93900;
[DEVVIT] --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
[DEVVIT] --color-upvote-background-hover: #AE2C00;
[DEVVIT] --color-upvote-content: #FF4500;
[DEVVIT] --color-upvote-content-weak: var(--color-global-brand-orangered);
[DEVVIT] --color-upvote-disabled: #FF45004d;
[DEVVIT] --color-upvote-onBackground: #FFFFFF;
[DEVVIT] --color-upvote-onStrongScrim: #FF895D;
[DEVVIT] --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-onStrongScrim-weaker: #FF4500;
[DEVVIT] --color-upvote-plain: #FF895D;
[DEVVIT] --color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-plain-weaker: #FF4500;
[DEVVIT] --color-warning-background: #B78800;
[DEVVIT] --color-warning-background-hover: #D8A100;
[DEVVIT] --color-warning-content: #B78800;
[DEVVIT] --color-warning-content-hover: #D8A100;
[DEVVIT] --color-warning-onBackground: #000000;
[DEVVIT] --color-button-primary-border-activated: transparent;
[DEVVIT] --color-button-plain-inverted-activated-text:
[DEVVIT] var(--color-neutral-background);
[DEVVIT] --color-input-radio-hover: var(--color-secondary-plain);
[DEVVIT] --color-shimmer-background: #ffffff08;
[DEVVIT] --color-shimmer-gradient-overlay:
[DEVVIT] linear-gradient(
[DEVVIT] to right,
[DEVVIT] #ffffff00,
[DEVVIT] #ffffff05 20%,
[DEVVIT] #ffffff0f 50%,
[DEVVIT] #ffffff08 70%,
[DEVVIT] #ffffff00 100%);
[DEVVIT] }
[DEVVIT] :root {
[DEVVIT] font-family: var(--font-sans);
[DEVVIT] font-size: 16px;
[DEVVIT] }
[DEVVIT] :root,
[DEVVIT] .theme-light,
[DEVVIT] .theme-dark {
[DEVVIT] background: var(--color-tone-7);
[DEVVIT] color: var(--color-neutral-content, var(--color-tone-1));
[DEVVIT] }
[DEVVIT] body {
[DEVVIT] font-size: var(--font-body);
[DEVVIT] }
[DEVVIT] :not(:defined):not(faceplate-auto-height-animator,
[DEVVIT] faceplate-dropdown-menu, faceplate-expandable-section-helper,
[DEVVIT] faceplate-hovercard, faceplate-tracker) {
[DEVVIT] visibility: hidden;
[DEVVIT] }
[DEVVIT] faceplate-hovercard:not(:defined) > [slot=content] {
[DEVVIT] display: none;
[DEVVIT] }
[DEVVIT] :focus-visible {
[DEVVIT] outline-color: var(--color-global-focus);
[DEVVIT] }
[DEVVIT] faceplate-banner [slot=closeButton] {
[DEVVIT] margin-left: var(--spacer-sm);
[DEVVIT] }
[DEVVIT] faceplate-banner [slot=actionButtons] button:first-of-type {
[DEVVIT] margin-right: var(--spacer-xs);
[DEVVIT] }
[DEVVIT] faceplate-banner[appearance=caution] button {
[DEVVIT] color: var(--color-banner-caution-text);
[DEVVIT] }
[DEVVIT] faceplate-banner[appearance=caution] button:hover {
[DEVVIT] background-color: var(--color-banner-caution-hover);
[DEVVIT] }
[DEVVIT] .button-favorite {
[DEVVIT] --button-color-background-focus: transparent;
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-plain-background-hover);
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-plain-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-plain-background-activated);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-button-secondary-background-hover),
[DEVVIT] var(--color-button-secondary-background-hover));
[DEVVIT] --button-color-text-default: var(--color-button-plain-text);
[DEVVIT] --button-color-text-disabled: var(--color-button-plain-text-disabled);
[DEVVIT] --button-color-text-activated: var(--color-button-plain-text-activated);
[DEVVIT] --button-color-text-hover: var(--color-button-plain-text-hover);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] --button-color-text-default: var(--color-neutral-content-weak);
[DEVVIT] --button-color-background-default: transparent;
[DEVVIT] --button-color-text-hover: var(--color-secondary-onBackground);
[DEVVIT] }
[DEVVIT] .button-favorite-toggled {
[DEVVIT] --button-color-background-focus: transparent;
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-plain-background-hover);
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-plain-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-plain-background-activated);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-button-secondary-background-hover),
[DEVVIT] var(--color-button-secondary-background-hover));
[DEVVIT] --button-color-text-default: var(--color-button-plain-text);
[DEVVIT] --button-color-text-disabled: var(--color-button-plain-text-disabled);
[DEVVIT] --button-color-text-activated: var(--color-button-plain-text-activated);
[DEVVIT] --button-color-text-hover: var(--color-button-plain-text-hover);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] --button-color-background-default: transparent;
[DEVVIT] --button-color-text-default: var(--color-button-favorite-text);
[DEVVIT] --button-color-text-hover: var(--color-button-favorite-text);
[DEVVIT] }
[DEVVIT] .button-secondary-toggled {
[DEVVIT] --button-color-background-default:
[DEVVIT] var(--color-button-secondary-background);
[DEVVIT] --button-color-background-focus:
[DEVVIT] var(--color-button-secondary-background-focus);
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-secondary-background-hover);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-button-secondary-background-hover),
[DEVVIT] var(--color-button-secondary-background-hover));
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-secondary-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-secondary-background-activated);
[DEVVIT] --button-color-text-default: var(--color-button-secondary-text);
[DEVVIT] --button-color-text-disabled:
[DEVVIT] var(--color-button-secondary-text-disabled);
[DEVVIT] --button-color-text-activated:
[DEVVIT] var(--color-button-secondary-text-activated);
[DEVVIT] --button-border-color-default: var(--color-button-secondary-border);
[DEVVIT] --button-color-background-default:
[DEVVIT] var(--color-button-secondary-background-activated);
[DEVVIT] --button-border-color-default: var(--color-neutral-border);
[DEVVIT] }
[DEVVIT] .button-caution {
[DEVVIT] --button-color-background-default:
[DEVVIT] var(--color-button-caution-background);
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-caution-background-hover);
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-caution-background-disabled);
[DEVVIT] --button-color-text-default: var(--color-button-caution-text);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group {
[DEVVIT] --vote-button-divider-color: var(--color-neutral-border-weak);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group:not([disabled]) .rpl-vote-button-group-label {
[DEVVIT] color: var(--vote-button-label-color);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group:not([disabled]):hover.rpl-vote-button-group-label {
[DEVVIT] color: var(--vote-button-label-color-hover);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group .rpl-vote-button-group-divider {
[DEVVIT] background-color: var(--vote-button-divider-color);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group[disabled] button[rpl]:disabled {
[DEVVIT] --button-color-background-disabled: transparent;
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-plain {
[DEVVIT] --vote-button-label-color: var(--color-secondary-plain);
[DEVVIT] --vote-button-label-color-hover: var(--color-secondary-plain);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-plain button[rpl]:first-child {
[DEVVIT] --button-color-text-hover: var(--color-upvote-plain-weaker);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-plain button[rpl]:last-child {
[DEVVIT] --button-color-text-hover: var(--color-downvote-plain-weaker);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-plain.upvote {
[DEVVIT] --vote-button-label-color: var(--color-upvote-plain);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-plain.upvote button[rpl]:first-child {
[DEVVIT] --button-color-text-default: var(--color-upvote-plain-weaker);
[DEVVIT] --button-color-text-hover: var(--color-upvote-plain-weaker);
[DEVVIT] --button-color-text-disabled: var(--color-upvote-plain-disabled);
[DEVVIT] --button-color-text-activated: var(--color-upvote-plain-weaker);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-plain.downvote {
[DEVVIT] --vote-button-label-color: var(--color-downvote-plain);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-plain.downvote button[rpl]:last-child {
[DEVVIT] --button-color-text-default: var(--color-downvote-plain-weaker);
[DEVVIT] --button-color-text-disabled: var(--color-downvote-plain-disabled);
[DEVVIT] --button-color-text-activated: var(--color-downvote-plain-weaker);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-secondary {
[DEVVIT] --vote-button-label-color: var(--color-secondary-plain);
[DEVVIT] --vote-button-label-color-hover: var(--color-secondary-plain);
[DEVVIT] --vote-button-divider-color: var(--color-neutral-border);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-secondary button[rpl]:first-child {
[DEVVIT] --button-color-text-hover: var(--color-upvote-plain-weaker);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-secondary button[rpl]:last-child {
[DEVVIT] --button-color-text-hover: var(--color-downvote-plain-weaker);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-secondary.upvote,
[DEVVIT] .rpl-vote-button-group.button-secondary.upvote button[rpl] {
[DEVVIT] --button-color-text-default: var(--color-upvote-onBackground);
[DEVVIT] --button-color-text-hover: var(--color-upvote-onBackground);
[DEVVIT] --button-color-text-disabled: var(--color-upvote-disabled);
[DEVVIT] --button-color-text-activated: var(--color-upvote-onBackground);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-secondary.upvote:not([disabled]),
[DEVVIT] .rpl-vote-button-group.button-secondary.upvote button[rpl]:not([disabled])
[DEVVIT] {
[DEVVIT] --button-color-background-default: var(--color-upvote-background);
[DEVVIT] --button-color-background-hover: var(--color-upvote-background-hover);
[DEVVIT] --button-color-background-active: var(--color-upvote-background-hover);
[DEVVIT] --vote-button-divider-color: var(--color-upvote-onBackground);
[DEVVIT] --vote-button-label-color: var(--color-media-onBackground);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-secondary.downvote,
[DEVVIT] .rpl-vote-button-group.button-secondary.downvote button[rpl] {
[DEVVIT] --button-color-text-default: var(--color-downvote-onBackground);
[DEVVIT] --button-color-text-hover: var(--color-downvote-onBackground);
[DEVVIT] --button-color-text-disabled: var(--color-downvote-disabled);
[DEVVIT] --button-color-text-activated: var(--color-downvote-onBackground);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-secondary.downvote:not([disabled]),
[DEVVIT] .rpl-vote-button-group.button-secondary.downvote
[DEVVIT] button[rpl]:not([disabled]) {
[DEVVIT] --button-color-background-default: var(--color-downvote-background);
[DEVVIT] --button-color-background-hover: var(--color-downvote-background-hover);
[DEVVIT] --button-color-background-active:
[DEVVIT] var(--color-downvote-background-hover);
[DEVVIT] --vote-button-divider-color: var(--color-upvote-onBackground);
[DEVVIT] --vote-button-label-color: var(--color-media-onBackground);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-bordered-cab {
[DEVVIT] --vote-button-label-color: var(--color-secondary-plain);
[DEVVIT] --vote-button-label-color-hover: var(--color-secondary-plain);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-bordered-cab button[rpl]:first-child {
[DEVVIT] --button-color-text-hover: var(--color-upvote-plain-weaker);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-bordered-cab button[rpl]:last-child {
[DEVVIT] --button-color-text-hover: var(--color-downvote-plain-weaker);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-bordered-cab.upvote {
[DEVVIT] --vote-button-label-color: var(--color-upvote-plain);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-bordered-cab.upvote button[rpl]:first-child
[DEVVIT] {
[DEVVIT] --button-color-text-default: var(--color-upvote-plain-weaker);
[DEVVIT] --button-color-text-hover: var(--color-upvote-plain-weaker);
[DEVVIT] --button-color-text-disabled: var(--color-upvote-plain-disabled);
[DEVVIT] --button-color-text-activated: var(--color-upvote-plain-weaker);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-bordered-cab.downvote {
[DEVVIT] --vote-button-label-color: var(--color-downvote-plain);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-bordered-cab.downvote button[rpl]:last-child
[DEVVIT] {
[DEVVIT] --button-color-text-default: var(--color-downvote-plain-weaker);
[DEVVIT] --button-color-text-hover: var(--color-downvote-plain-weaker);
[DEVVIT] --button-color-text-disabled: var(--color-downvote-plain-disabled);
[DEVVIT] --button-color-text-activated: var(--color-downvote-plain-weaker);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-media-cab {
[DEVVIT] --vote-button-label-color: var(--color-media-onBackground);
[DEVVIT] --vote-button-label-color-hover: var(--color-media-onBackground);
[DEVVIT] --vote-button-divider-color: var(--color-media-border-weak);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-media-cab button[rpl]:first-child {
[DEVVIT] --button-color-text-hover: var(--color-upvote-onStrongScrim-weaker);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-media-cab button[rpl]:last-child {
[DEVVIT] --button-color-text-hover: var(--color-downvote-onStrongScrim-weaker);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-media-cab.upvote {
[DEVVIT] --vote-button-label-color: var(--color-upvote-onStrongScrim);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-media-cab.upvote button[rpl]:first-child {
[DEVVIT] --button-color-text-default: var(--color-upvote-onStrongScrim-weaker);
[DEVVIT] --button-color-text-activated: var(--color-upvote-onStrongScrim-weaker);
[DEVVIT] --button-color-text-disabled:
[DEVVIT] var(--color-upvote-onStrongScrim-disabled);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-media-cab.downvote {
[DEVVIT] --vote-button-label-color: var(--color-downvote-onStrongScrim);
[DEVVIT] }
[DEVVIT] .rpl-vote-button-group.button-media-cab.downvote button[rpl]:last-child {
[DEVVIT] --button-color-text-default: var(--color-downvote-onStrongScrim-weaker);
[DEVVIT] --button-color-text-activated:
[DEVVIT] var(--color-downvote-onStrongScrim-weaker);
[DEVVIT] --button-color-text-disabled:
[DEVVIT] var(--color-downvote-onStrongScrim-disabled);
[DEVVIT] }
[DEVVIT] faceplate-dropdown-menu:not(.connected) [slot=menu] {
[DEVVIT] display: none;
[DEVVIT] }
[DEVVIT] faceplate-dropdown-menu faceplate-menu li[rpl]:first-child [role=menuitem]
[DEVVIT] {
[DEVVIT] border-top-left-radius: var(--rem8);
[DEVVIT] border-top-right-radius: var(--rem8);
[DEVVIT] }
[DEVVIT] faceplate-dropdown-menu faceplate-menu li[rpl]:last-child [role=menuitem]
[DEVVIT] {
[DEVVIT] border-bottom-left-radius: var(--rem8);
[DEVVIT] border-bottom-right-radius: var(--rem8);
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper {
[DEVVIT] display: contents;
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper > details > summary {
[DEVVIT] list-style-type: none;
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper > details > summary::marker,
[DEVVIT] faceplate-expandable-section-helper > details >
[DEVVIT] summary::-webkit-details-marker {
[DEVVIT] display: none;
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper[rpl] > details > summary {
[DEVVIT] margin: 0;
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper > details > summary
[DEVVIT] [icon-name=caret-down-outline] {
[DEVVIT] transition: transform 0.22s ease-in-out;
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper[open] > details > summary
[DEVVIT] svg[rpl][icon-name=caret-down-outline],
[DEVVIT] faceplate-expandable-section-helper:not(:defined) > details[open] >
[DEVVIT] summary svg[rpl][icon-name=caret-down-outline] {
[DEVVIT] transform: rotate(180deg);
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper:not([open]) > details > summary
[DEVVIT] svg[rpl][icon-name=caret-down-outline],
[DEVVIT] faceplate-expandable-section-helper:not(:defined) > details[open] >
[DEVVIT] summary svg[rpl][icon-name=caret-down-outline] {
[DEVVIT] transform: rotate(0deg);
[DEVVIT] }
[DEVVIT] address,
[DEVVIT] area,
[DEVVIT] article,
[DEVVIT] aside,
[DEVVIT] audio,
[DEVVIT] blockquote,
[DEVVIT] datalist,
[DEVVIT] details,
[DEVVIT] dl,
[DEVVIT] fieldset,
[DEVVIT] figure,
[DEVVIT] form,
[DEVVIT] input,
[DEVVIT] iframe,
[DEVVIT] img,
[DEVVIT] meter,
[DEVVIT] nav,
[DEVVIT] ol,
[DEVVIT] optgroup,
[DEVVIT] option,
[DEVVIT] output,
[DEVVIT] p,
[DEVVIT] pre,
[DEVVIT] progress,
[DEVVIT] ruby,
[DEVVIT] section,
[DEVVIT] textarea,
[DEVVIT] ul,
[DEVVIT] menu,
[DEVVIT] video {
[DEVVIT] margin-bottom: 1rem;
[DEVVIT] }
[DEVVIT] html,
[DEVVIT] input,
[DEVVIT] select,
[DEVVIT] button {
[DEVVIT] font-family: var(--font-sans);
[DEVVIT] }
[DEVVIT] body {
[DEVVIT] --faceplate-body-padding: 1.5rem;
[DEVVIT] margin: 0 auto;
[DEVVIT] padding: var(--faceplate-body-padding);
[DEVVIT] overflow-x: hidden;
[DEVVIT] word-break: break-word;
[DEVVIT] overflow-wrap: break-word;
[DEVVIT] line-height: 1.5;
[DEVVIT] }
[DEVVIT] @media (max-width: 599px) {
[DEVVIT] body {
[DEVVIT] --faceplate-body-padding: 1rem;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] h1,
[DEVVIT] h2,
[DEVVIT] h3,
[DEVVIT] h4,
[DEVVIT] h5,
[DEVVIT] h6 {
[DEVVIT] margin: 1em 0 0.5em;
[DEVVIT] }
[DEVVIT] h1 {
[DEVVIT] font: var(--font-title-h1);
[DEVVIT] }
[DEVVIT] h2 {
[DEVVIT] font: var(--font-title-h2);
[DEVVIT] }
[DEVVIT] h3 {
[DEVVIT] font: var(--font-title-h3);
[DEVVIT] }
[DEVVIT] h4 {
[DEVVIT] font: var(--font-title-h4);
[DEVVIT] }
[DEVVIT] h5 {
[DEVVIT] font: var(--font-title-h5);
[DEVVIT] }
[DEVVIT] h6 {
[DEVVIT] font: var(--font-title-h6);
[DEVVIT] }
[DEVVIT] label {
[DEVVIT] text-transform: var(--misc-label-text-transform);
[DEVVIT] letter-spacing: var(--misc-label-letter-spacing);
[DEVVIT] font: var(--font-label-default);
[DEVVIT] color: var(--color-label-default);
[DEVVIT] }
[DEVVIT] label > input,
[DEVVIT] label > textarea {
[DEVVIT] margin-top: var(--spacer-label-default);
[DEVVIT] }
[DEVVIT] faceplate-switch-input + label,
[DEVVIT] input[type=checkbox] + label,
[DEVVIT] input[type=radio] + label {
[DEVVIT] font-size: inherit;
[DEVVIT] text-transform: inherit;
[DEVVIT] letter-spacing: inherit;
[DEVVIT] font-weight: inherit;
[DEVVIT] vertical-align: middle;
[DEVVIT] }
[DEVVIT] a {
[DEVVIT] color: var(--color-a-default);
[DEVVIT] text-decoration: none;
[DEVVIT] }
[DEVVIT] a:hover {
[DEVVIT] text-decoration: underline;
[DEVVIT] }
[DEVVIT] abbr:hover {
[DEVVIT] cursor: help;
[DEVVIT] }
[DEVVIT] blockquote {
[DEVVIT] padding: 1.5rem;
[DEVVIT] background: var(--color-tone-6);
[DEVVIT] border-left: 5px solid var(--color-tone-5);
[DEVVIT] }
[DEVVIT] abbr {
[DEVVIT] cursor: help;
[DEVVIT] }
[DEVVIT] blockquote *:last-child {
[DEVVIT] padding-bottom: 0;
[DEVVIT] margin-bottom: 0;
[DEVVIT] }
[DEVVIT] header {
[DEVVIT] padding-left: calc(50vw - 50%);
[DEVVIT] padding-right: calc(50vw - 50%);
[DEVVIT] margin-left: calc(0px - (50vw - 50%));
[DEVVIT] margin-right: calc(0px - (50vw - 50%));
[DEVVIT] padding-top: var(--faceplate-body-padding);
[DEVVIT] padding-bottom: var(--faceplate-body-padding);
[DEVVIT] margin-top: calc(-1 * var(--faceplate-body-padding));
[DEVVIT] margin-bottom: var(--faceplate-body-padding);
[DEVVIT] background: var(--color-tone-6);
[DEVVIT] }
[DEVVIT] dialog header,
[DEVVIT] faceplate-dialog header,
[DEVVIT] article header,
[DEVVIT] section header,
[DEVVIT] main header,
[DEVVIT] aside header {
[DEVVIT] padding: 0.5rem 0;
[DEVVIT] margin: 1rem 0;
[DEVVIT] background: transparent;
[DEVVIT] }
[DEVVIT] dialog header h1,
[DEVVIT] faceplate-dialog header h1,
[DEVVIT] article header h1,
[DEVVIT] section header h1,
[DEVVIT] main header h1,
[DEVVIT] aside header h1 {
[DEVVIT] font: var(--font-title-h1);
[DEVVIT] }
[DEVVIT] header h1 {
[DEVVIT] font: var(--font-title-h0);
[DEVVIT] }
[DEVVIT] header > *:first-child {
[DEVVIT] margin-top: 0;
[DEVVIT] }
[DEVVIT] header > *:last-child {
[DEVVIT] margin-bottom: 0;
[DEVVIT] }
[DEVVIT] :where(button),
[DEVVIT] :where(input):where([type=submit], [type=reset], [type=button]) {
[DEVVIT] background: var(--button-color-background);
[DEVVIT] border-radius: 999px;
[DEVVIT] border: none;
[DEVVIT] border: var(--button-border-width, 0) solid var(--button-border-color,
[DEVVIT] transparent);
[DEVVIT] box-shadow: var(--button-shadow);
[DEVVIT] box-sizing: border-box;
[DEVVIT] color: var(--button-color-text);
[DEVVIT] cursor: pointer;
[DEVVIT] display: inline-block;
[DEVVIT] font: var(--button-font);
[DEVVIT] height: var(--button-height);
[DEVVIT] line-height: calc(var(--button-height) - (2 * var(--button-border-width,
[DEVVIT] 0px)));
[DEVVIT] overflow: hidden;
[DEVVIT] padding: 0 calc(var(--button-padding) - var(--button-border-width,
[DEVVIT] 0px));
[DEVVIT] text-align: center;
[DEVVIT] text-decoration: none;
[DEVVIT] text-overflow: ellipsis;
[DEVVIT] white-space: nowrap;
[DEVVIT] outline-offset: 0;
[DEVVIT] --button-border-color: var(--button-border-color-default);
[DEVVIT] --button-border-width: var(--button-border-width-default);
[DEVVIT] --button-color-background: var(--button-color-background-default);
[DEVVIT] --button-color-text: var(--button-color-text-default);
[DEVVIT] --button-height: var(--size-button-sm-h);
[DEVVIT] --button-padding: var(--spacer-2xs);
[DEVVIT] --button-font: var(--font-button-sm);
[DEVVIT] --button-border-width-default: var(--line-button-sm-border);
[DEVVIT] --button-color-background-default:
[DEVVIT] var(--color-button-secondary-background);
[DEVVIT] --button-color-background-focus:
[DEVVIT] var(--color-button-secondary-background-focus);
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-secondary-background-hover);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-button-secondary-background-hover),
[DEVVIT] var(--color-button-secondary-background-hover));
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-secondary-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-secondary-background-activated);
[DEVVIT] --button-color-text-default: var(--color-button-secondary-text);
[DEVVIT] --button-color-text-disabled:
[DEVVIT] var(--color-button-secondary-text-disabled);
[DEVVIT] --button-color-text-activated:
[DEVVIT] var(--color-button-secondary-text-activated);
[DEVVIT] --button-border-color-default: var(--color-button-secondary-border);
[DEVVIT] }
[DEVVIT] :where(button).icon,
[DEVVIT] :where(input):where([type=submit], [type=reset], [type=button]).icon {
[DEVVIT] width: var(--button-height);
[DEVVIT] }
[DEVVIT] :where(button) .button-icon,
[DEVVIT] :where(input):where([type=submit], [type=reset], [type=button])
[DEVVIT] .button-icon {
[DEVVIT] margin-right: var(--spacer-xs);
[DEVVIT] }
[DEVVIT] :where(button) .dropdown-icon,
[DEVVIT] :where(input):where([type=submit], [type=reset], [type=button])
[DEVVIT] .dropdown-icon {
[DEVVIT] transform: rotate(0deg);
[DEVVIT] transition: transform 0.2s ease-in-out;
[DEVVIT] }
[DEVVIT] :where(button):focus,
[DEVVIT] :where(input):where([type=submit], [type=reset], [type=button]):focus {
[DEVVIT] --button-color-overlay: var(--color-button-overlay-focus);
[DEVVIT] }
[DEVVIT] :where(button).hover,
[DEVVIT] :where(input):where([type=submit], [type=reset], [type=button]).hover {
[DEVVIT] --button-color-overlay: var(--color-button-overlay-focus);
[DEVVIT] --button-border-color: var(--button-border-color-hover);
[DEVVIT] --button-color-background: var(--button-color-background-hover);
[DEVVIT] --button-color-text: var(--button-color-text-hover,
[DEVVIT] var(--button-color-text-default));
[DEVVIT] }
[DEVVIT] @media (hover: hover) {
[DEVVIT] :where(button):hover,
[DEVVIT] :where(input):where([type=submit], [type=reset], [type=button]):hover {
[DEVVIT] --button-color-overlay: var(--color-button-overlay-focus);
[DEVVIT] --button-border-color: var(--button-border-color-hover);
[DEVVIT] --button-color-background: var(--button-color-background-hover);
[DEVVIT] --button-color-text: var(--button-color-text-hover,
[DEVVIT] var(--button-color-text-default));
[DEVVIT] }
[DEVVIT] }
[DEVVIT] :where(button):active,
[DEVVIT] :where(input):where([type=submit], [type=reset], [type=button]):active,
[DEVVIT] :where(button).active,
[DEVVIT] :where(input):where([type=submit], [type=reset], [type=button]).active {
[DEVVIT] --button-color-overlay: var(--color-button-overlay-active);
[DEVVIT] --button-color-background:
[DEVVIT] linear-gradient(var(--color-interactive-pressed),
[DEVVIT] var(--color-interactive-pressed)), var(--button-color-background-active);
[DEVVIT] }
[DEVVIT] :where(button):disabled,
[DEVVIT] :where(input):where([type=submit], [type=reset], [type=button]):disabled,
[DEVVIT] :where(button).anchor-disabled,
[DEVVIT] :where(input):where([type=submit], [type=reset],
[DEVVIT] [type=button]).anchor-disabled {
[DEVVIT] --button-border-color-hover: var(--button-border-color-default);
[DEVVIT] --button-color-background: var(--button-color-background-disabled);
[DEVVIT] --button-color-text: var(--button-color-text-disabled);
[DEVVIT] cursor: not-allowed;
[DEVVIT] pointer-events: none;
[DEVVIT] }
[DEVVIT] :where(button).disabled.pointer-all,
[DEVVIT] :where(input):where([type=submit], [type=reset],
[DEVVIT] [type=button]).disabled.pointer-all {
[DEVVIT] --button-border-color-hover: var(--button-border-color-default);
[DEVVIT] --button-color-background: var(--button-color-background-disabled);
[DEVVIT] --button-color-text: var(--button-color-text-disabled);
[DEVVIT] cursor: not-allowed;
[DEVVIT] pointer-events: all;
[DEVVIT] }
[DEVVIT] :where(button).button-activated,
[DEVVIT] :where(input):where([type=submit], [type=reset],
[DEVVIT] [type=button]).button-activated {
[DEVVIT] --button-border-color: var(--button-border-color-activated);
[DEVVIT] --button-color-background: var(--button-color-background-activated);
[DEVVIT] --button-color-text: var(--button-color-text-activated);
[DEVVIT] }
[DEVVIT] small :where(button),
[DEVVIT] small :where(input):where([type=submit], [type=reset], [type=button]) {
[DEVVIT] --button-height: var(--size-button-xs-h);
[DEVVIT] --button-padding: var(--spacer-sm);
[DEVVIT] --button-font: var(--font-button-xs);
[DEVVIT] --button-border-width-default: var(--line-button-xs-border);
[DEVVIT] }
[DEVVIT] :where(button).button-large,
[DEVVIT] :where(input):where([type=submit], [type=reset],
[DEVVIT] [type=button]).button-large {
[DEVVIT] --button-height: var(--size-button-lg-h);
[DEVVIT] --button-padding: var(--spacer-xs);
[DEVVIT] --button-font: var(--font-button-lg);
[DEVVIT] --button-border-width-default: var(--line-button-lg-border);
[DEVVIT] }
[DEVVIT] :where(button).button-primary,
[DEVVIT] :where(input):where([type=submit], [type=reset],
[DEVVIT] [type=button]).button-primary {
[DEVVIT] --button-color-background-default: var(--color-primary-background);
[DEVVIT] --button-color-background-focus: var(--color-primary-background);
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-primary-background-hover);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-button-primary-background-hover),
[DEVVIT] var(--color-button-primary-background-hover));
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-primary-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-primary-background-activated);
[DEVVIT] --button-color-text-default: var(--color-global-white);
[DEVVIT] --button-color-text-disabled: var(--color-button-primary-text-disabled);
[DEVVIT] --button-color-text-activated:
[DEVVIT] var(--color-button-primary-text-activated);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] }
[DEVVIT] :where(button).button-plain,
[DEVVIT] :where(input):where([type=submit], [type=reset],
[DEVVIT] [type=button]).button-plain {
[DEVVIT] --button-color-background-default: transparent;
[DEVVIT] --button-color-background-focus: transparent;
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-plain-background-hover);
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-plain-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-plain-background-activated);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-button-secondary-background-hover),
[DEVVIT] var(--color-button-secondary-background-hover));
[DEVVIT] --button-color-text-default: var(--color-button-plain-text);
[DEVVIT] --button-color-text-disabled: var(--color-button-plain-text-disabled);
[DEVVIT] --button-color-text-activated: var(--color-button-plain-text-activated);
[DEVVIT] --button-color-text-hover: var(--color-button-plain-text-hover);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] }
[DEVVIT] :where(button).button-icon-only,
[DEVVIT] :where(input):where([type=submit], [type=reset],
[DEVVIT] [type=button]).button-icon-only {
[DEVVIT] --button-padding: 0;
[DEVVIT] width: var(--button-height);
[DEVVIT] }
[DEVVIT] :root {
[DEVVIT] --button-color-background-default:
[DEVVIT] var(--color-button-secondary-background);
[DEVVIT] --button-color-background-focus:
[DEVVIT] var(--color-button-secondary-background-focus);
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-secondary-background-hover);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-button-secondary-background-hover),
[DEVVIT] var(--color-button-secondary-background-hover));
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-secondary-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-secondary-background-activated);
[DEVVIT] --button-color-text-default: var(--color-button-secondary-text);
[DEVVIT] --button-color-text-disabled:
[DEVVIT] var(--color-button-secondary-text-disabled);
[DEVVIT] --button-color-text-activated:
[DEVVIT] var(--color-button-secondary-text-activated);
[DEVVIT] --button-border-color-default: var(--color-button-secondary-border);
[DEVVIT] }
[DEVVIT] :where(button, input):where([type=submit]) {
[DEVVIT] --button-color-background-default: var(--color-primary-background);
[DEVVIT] --button-color-background-focus: var(--color-primary-background);
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-primary-background-hover);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-button-primary-background-hover),
[DEVVIT] var(--color-button-primary-background-hover));
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-primary-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-primary-background-activated);
[DEVVIT] --button-color-text-default: var(--color-global-white);
[DEVVIT] --button-color-text-disabled: var(--color-button-primary-text-disabled);
[DEVVIT] --button-color-text-activated:
[DEVVIT] var(--color-button-primary-text-activated);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] }
[DEVVIT] faceplate-tablist button {
[DEVVIT] border-radius: 0;
[DEVVIT] }
[DEVVIT] faceplate-tablist button:first-child {
[DEVVIT] border-radius: 999px 0 0 999px;
[DEVVIT] }
[DEVVIT] faceplate-tablist button:last-child {
[DEVVIT] border-radius: 0 999px 999px 0;
[DEVVIT] }
[DEVVIT] faceplate-tablist a {
[DEVVIT] border-bottom: 2px solid var(--button-color-primary);
[DEVVIT] color: inherit;
[DEVVIT] display: inline-block;
[DEVVIT] font: var(--font-button-b3);
[DEVVIT] padding: 0.5rem 1rem 0.375rem;
[DEVVIT] }
[DEVVIT] faceplate-tablist a:hover {
[DEVVIT] text-decoration: none;
[DEVVIT] }
[DEVVIT] code,
[DEVVIT] pre,
[DEVVIT] kbd,
[DEVVIT] samp {
[DEVVIT] font-size: var(--font-code);
[DEVVIT] font-family: var(--font-mono);
[DEVVIT] background: var(--color-tone-6);
[DEVVIT] border: 1px solid var(--color-tone-5);
[DEVVIT] border-radius: 4px;
[DEVVIT] padding: 2px 4px;
[DEVVIT] font-size: 0.9em;
[DEVVIT] }
[DEVVIT] pre {
[DEVVIT] background: var(--color-tone-5);
[DEVVIT] border-color: var(--color-tone-4);
[DEVVIT] padding: 1rem 1.4rem;
[DEVVIT] max-width: 100%;
[DEVVIT] overflow: auto;
[DEVVIT] }
[DEVVIT] kbd {
[DEVVIT] border-bottom-width: 3px;
[DEVVIT] }
[DEVVIT] pre code {
[DEVVIT] background: inherit;
[DEVVIT] font-size: inherit;
[DEVVIT] color: inherit;
[DEVVIT] border: 0;
[DEVVIT] padding: 0;
[DEVVIT] margin: 0;
[DEVVIT] }
[DEVVIT] code pre {
[DEVVIT] display: inline;
[DEVVIT] background: inherit;
[DEVVIT] font-size: inherit;
[DEVVIT] color: inherit;
[DEVVIT] border: 0;
[DEVVIT] padding: 0;
[DEVVIT] margin: 0;
[DEVVIT] }
[DEVVIT] details {
[DEVVIT] padding: 0.5rem 1rem;
[DEVVIT] background: var(--color-tone-6);
[DEVVIT] border: var(--misc-accordion-border);
[DEVVIT] border-radius: var(--radius-accordion-size);
[DEVVIT] }
[DEVVIT] details summary {
[DEVVIT] cursor: pointer;
[DEVVIT] font-weight: bold;
[DEVVIT] list-style-type: var(--misc-accordion-closed-list-style-type);
[DEVVIT] }
[DEVVIT] details[open] summary {
[DEVVIT] margin-bottom: 0.375rem;
[DEVVIT] list-style-type: var(--misc-accordion-open-list-style-type);
[DEVVIT] }
[DEVVIT] details[open] summary icon-caret-down,
[DEVVIT] details[open] summary svg[rpl][icon-name=caret-down-outline] {
[DEVVIT] transform: rotate(180deg);
[DEVVIT] transition: transform 0.22s ease-in-out;
[DEVVIT] }
[DEVVIT] details summary icon-caret-down,
[DEVVIT] details summary svg[rpl][icon-name=caret-down-outline] {
[DEVVIT] transform: rotate(0);
[DEVVIT] transition: transform 0.22s ease-in-out;
[DEVVIT] }
[DEVVIT] details[open] > *:last-child {
[DEVVIT] margin-bottom: 0;
[DEVVIT] }
[DEVVIT] dt {
[DEVVIT] font-weight: bold;
[DEVVIT] margin-bottom: 0.5rem;
[DEVVIT] }
[DEVVIT] dd {
[DEVVIT] margin-inline-start: 2rem;
[DEVVIT] }
[DEVVIT] hr {
[DEVVIT] border: 0;
[DEVVIT] border-bottom: 1px solid var(--color-divider-default);
[DEVVIT] background-color: transparent;
[DEVVIT] margin: var(--misc-divider-margin);
[DEVVIT] }
[DEVVIT] hr[padding="2xs"] {
[DEVVIT] padding: var(--spacer-2xs);
[DEVVIT] }
[DEVVIT] hr[padding=xs] {
[DEVVIT] padding: var(--spacer-xs);
[DEVVIT] }
[DEVVIT] hr[padding=sm] {
[DEVVIT] padding: var(--spacer-sm);
[DEVVIT] }
[DEVVIT] hr[padding=md] {
[DEVVIT] padding: var(--spacer-md);
[DEVVIT] }
[DEVVIT] hr[color=subdued] {
[DEVVIT] border-bottom-color: var(--color-neutral-border-weak);
[DEVVIT] }
[DEVVIT] hr[color=inverted] {
[DEVVIT] border-bottom-color: var(--color-neutral-border-strong);
[DEVVIT] }
[DEVVIT] fieldset {
[DEVVIT] margin-top: 1rem;
[DEVVIT] padding: 1rem 2rem;
[DEVVIT] border: 1px solid var(--color-tone-5);
[DEVVIT] border-radius: 0.25rem;
[DEVVIT] background: var(--color-tone-7);
[DEVVIT] min-width: 0;
[DEVVIT] }
[DEVVIT] legend {
[DEVVIT] padding: 0;
[DEVVIT] font-weight: bold;
[DEVVIT] }
[DEVVIT] table {
[DEVVIT] border-collapse: collapse;
[DEVVIT] width: 100%;
[DEVVIT] word-break: normal;
[DEVVIT] margin-bottom: 1rem;
[DEVVIT] }
[DEVVIT] td,
[DEVVIT] th {
[DEVVIT] text-align: left;
[DEVVIT] padding: 0.5rem;
[DEVVIT] }
[DEVVIT] th {
[DEVVIT] background: var(--color-tone-6);
[DEVVIT] }
[DEVVIT] tr:nth-child(even) {
[DEVVIT] background: var(--color-tone-6);
[DEVVIT] }
[DEVVIT] table caption {
[DEVVIT] font-weight: bold;
[DEVVIT] margin-bottom: 0.5rem;
[DEVVIT] }
[DEVVIT] textarea {
[DEVVIT] max-width: 100%;
[DEVVIT] }
[DEVVIT] ol,
[DEVVIT] ul {
[DEVVIT] padding-left: 2rem;
[DEVVIT] }
[DEVVIT] li {
[DEVVIT] margin-top: 0.25rem;
[DEVVIT] }
[DEVVIT] menu {
[DEVVIT] list-style-type: none;
[DEVVIT] padding-left: 0;
[DEVVIT] border-radius: 4px;
[DEVVIT] width: fit-content;
[DEVVIT] border: 1px solid var(--color-tone-5);
[DEVVIT] }
[DEVVIT] menu li {
[DEVVIT] padding: 0.5rem 0.75rem;
[DEVVIT] border-block-end: 1px solid var(--color-tone-5);
[DEVVIT] }
[DEVVIT] menu li:last-child {
[DEVVIT] border-block-end: none;
[DEVVIT] }
[DEVVIT] menu menu,
[DEVVIT] ul ul,
[DEVVIT] ol ul,
[DEVVIT] ul ol,
[DEVVIT] ol ol {
[DEVVIT] margin-bottom: 0;
[DEVVIT] }
[DEVVIT] ins {
[DEVVIT] text-decoration-color: var(--color-success-content);
[DEVVIT] text-decoration-line: overline underline;
[DEVVIT] text-underline-position: under;
[DEVVIT] }
[DEVVIT] del {
[DEVVIT] text-decoration-color: var(--color-danger-content);
[DEVVIT] text-decoration-line: overline underline line-through;
[DEVVIT] text-underline-position: under;
[DEVVIT] }
[DEVVIT] textarea,
[DEVVIT] select,
[DEVVIT] input {
[DEVVIT] font-family: var(--font-sans);
[DEVVIT] color: var(--color-input-text);
[DEVVIT] padding: 0.5rem 0.75rem;
[DEVVIT] margin-bottom: 0.5rem;
[DEVVIT] background: var(--color-input-default);
[DEVVIT] border: var(--color-input-default) solid var(--line-input-border);
[DEVVIT] border-radius: var(--radius-sm);
[DEVVIT] box-shadow: none;
[DEVVIT] box-sizing: border-box;
[DEVVIT] font-size: 1rem;
[DEVVIT] }
[DEVVIT] textarea:disabled,
[DEVVIT] select:disabled,
[DEVVIT] input:disabled {
[DEVVIT] cursor: not-allowed;
[DEVVIT] opacity: 0.5;
[DEVVIT] }
[DEVVIT] textarea:invalid,
[DEVVIT] select:invalid,
[DEVVIT] input:invalid {
[DEVVIT] border-color: var(--color-danger-content);
[DEVVIT] }
[DEVVIT] img {
[DEVVIT] max-width: 100%;
[DEVVIT] }
[DEVVIT] input[type=radio],
[DEVVIT] input[type=checkbox] {
[DEVVIT] vertical-align: middle;
[DEVVIT] margin-bottom: 0;
[DEVVIT] margin-top: 0;
[DEVVIT] }
[DEVVIT] input[type=color],
[DEVVIT] input[type=range] {
[DEVVIT] padding: initial;
[DEVVIT] }
[DEVVIT] input[type=search] {
[DEVVIT] border-radius: 400px;
[DEVVIT] -webkit-appearance: textfield;
[DEVVIT] }
[DEVVIT] input {
[DEVVIT] max-width: 100%;
[DEVVIT] }
[DEVVIT] dialog {
[DEVVIT] border: 0;
[DEVVIT] border-radius: 4px;
[DEVVIT] padding: 1rem;
[DEVVIT] box-shadow: var(--boxshadow-modal);
[DEVVIT] background: var(--color-ui-modalbackground);
[DEVVIT] }
[DEVVIT] dialog::backdrop {
[DEVVIT] background: var(--color-scrim);
[DEVVIT] }
[DEVVIT] .fp-avatar-container img {
[DEVVIT] margin-bottom: 0;
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper {
[DEVVIT] display: contents;
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper > details > summary {
[DEVVIT] list-style-type: none;
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper > details > summary::marker,
[DEVVIT] faceplate-expandable-section-helper > details >
[DEVVIT] summary::-webkit-details-marker {
[DEVVIT] display: none;
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper[rpl] > details > summary {
[DEVVIT] margin: 0;
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper > details > summary
[DEVVIT] [icon-name=caret-down-outline] {
[DEVVIT] transition: transform 0.22s ease-in-out;
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper[open] > details > summary
[DEVVIT] svg[rpl][icon-name=caret-down-outline],
[DEVVIT] faceplate-expandable-section-helper:not(:defined) > details[open] >
[DEVVIT] summary svg[rpl][icon-name=caret-down-outline] {
[DEVVIT] transform: rotate(180deg);
[DEVVIT] }
[DEVVIT] faceplate-expandable-section-helper:not([open]) > details > summary
[DEVVIT] svg[rpl][icon-name=caret-down-outline],
[DEVVIT] faceplate-expandable-section-helper:not(:defined) > details[open] >
[DEVVIT] summary svg[rpl][icon-name=caret-down-outline] {
[DEVVIT] transform: rotate(0deg);
[DEVVIT] }
[DEVVIT] faceplate-hovercard:not(:defined) > [slot=content] {
[DEVVIT] display: none;
[DEVVIT] }
[DEVVIT] faceplate-hovercard[trigger=mouse] a,
[DEVVIT] faceplate-hovercard[trigger=mouse] button,
[DEVVIT] faceplate-hovercard[trigger=mouse] [faceplate-focusable],
[DEVVIT] faceplate-hovercard[trigger=mouse] [tabindex="0"] {
[DEVVIT] outline: none;
[DEVVIT] }
[DEVVIT] .translate-x-px,
[DEVVIT] .rotate-90,
[DEVVIT] .-scale-x-100,
[DEVVIT] .transform {
[DEVVIT] --tw-translate-x: 0;
[DEVVIT] --tw-translate-y: 0;
[DEVVIT] --tw-rotate: 0;
[DEVVIT] --tw-skew-x: 0;
[DEVVIT] --tw-skew-y: 0;
[DEVVIT] --tw-scale-x: 1;
[DEVVIT] --tw-scale-y: 1;
[DEVVIT] }
[DEVVIT] .shadow-xs,
[DEVVIT] .shadow-md {
[DEVVIT] --tw-ring-offset-shadow: 0 0 #0000;
[DEVVIT] --tw-ring-shadow: 0 0 #0000;
[DEVVIT] --tw-shadow: 0 0 #0000;
[DEVVIT] --tw-shadow-colored: 0 0 #0000;
[DEVVIT] }
[DEVVIT] .ring {
[DEVVIT] --tw-ring-inset: ;
[DEVVIT] --tw-ring-offset-width: 0px;
[DEVVIT] --tw-ring-offset-color: #fff;
[DEVVIT] --tw-ring-color: rgb(59 130 246 / 0.5);
[DEVVIT] --tw-ring-offset-shadow: 0 0 #0000;
[DEVVIT] --tw-ring-shadow: 0 0 #0000;
[DEVVIT] --tw-shadow: 0 0 #0000;
[DEVVIT] --tw-shadow-colored: 0 0 #0000;
[DEVVIT] }
[DEVVIT] .container {
[DEVVIT] width: 100%;
[DEVVIT] }
[DEVVIT] @media (min-width: 768px) {
[DEVVIT] .container {
[DEVVIT] max-width: 768px;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] @media (min-width: 960px) {
[DEVVIT] .container {
[DEVVIT] max-width: 960px;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] @media (min-width: 1024px) {
[DEVVIT] .container {
[DEVVIT] max-width: 1024px;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] @media (min-width: 1200px) {
[DEVVIT] .container {
[DEVVIT] max-width: 1200px;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] @media (min-width: 1416px) {
[DEVVIT] .container {
[DEVVIT] max-width: 1416px;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] @media (min-width: 1920px) {
[DEVVIT] .container {
[DEVVIT] max-width: 1920px;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] .a {
[DEVVIT] color: var(--color-a-default);
[DEVVIT] font-size: 1em;
[DEVVIT] text-decoration: none;
[DEVVIT] }
[DEVVIT] .\!a {
[DEVVIT] color: var(--color-a-default) !important;
[DEVVIT] font-size: 1em !important;
[DEVVIT] text-decoration: none !important;
[DEVVIT] }
[DEVVIT] .a:hover {
[DEVVIT] color: var(--color-a-hover);
[DEVVIT] }
[DEVVIT] .\!a:hover {
[DEVVIT] color: var(--color-a-hover) !important;
[DEVVIT] }
[DEVVIT] .a:visited:not(.no-visited),
[DEVVIT] .a.visited:not(.no-visited) {
[DEVVIT] color: var(--color-a-visited);
[DEVVIT] }
[DEVVIT] .\!a:visited:not(.no-visited),
[DEVVIT] .\!a.visited:not(.no-visited) {
[DEVVIT] color: var(--color-a-visited) !important;
[DEVVIT] }
[DEVVIT] .button {
[DEVVIT] background: var(--button-color-background);
[DEVVIT] border-radius: 999px;
[DEVVIT] border: none;
[DEVVIT] border: var(--button-border-width, 0) solid var(--button-border-color,
[DEVVIT] transparent);
[DEVVIT] box-shadow: var(--button-shadow);
[DEVVIT] box-sizing: border-box;
[DEVVIT] color: var(--button-color-text);
[DEVVIT] cursor: pointer;
[DEVVIT] display: inline-block;
[DEVVIT] font: var(--button-font);
[DEVVIT] height: var(--button-height);
[DEVVIT] line-height: calc(var(--button-height) - (2 * var(--button-border-width,
[DEVVIT] 0px)));
[DEVVIT] overflow: hidden;
[DEVVIT] padding: 0 calc(var(--button-padding) - var(--button-border-width,
[DEVVIT] 0px));
[DEVVIT] text-align: center;
[DEVVIT] text-decoration: none;
[DEVVIT] text-overflow: ellipsis;
[DEVVIT] white-space: nowrap;
[DEVVIT] outline-offset: 0;
[DEVVIT] --button-border-color: var(--button-border-color-default);
[DEVVIT] --button-border-width: var(--button-border-width-default);
[DEVVIT] --button-color-background: var(--button-color-background-default);
[DEVVIT] --button-color-text: var(--button-color-text-default);
[DEVVIT] }
[DEVVIT] .button.icon {
[DEVVIT] width: var(--button-height);
[DEVVIT] }
[DEVVIT] .button .button-icon {
[DEVVIT] margin-right: var(--spacer-xs);
[DEVVIT] }
[DEVVIT] .button .dropdown-icon {
[DEVVIT] transform: rotate(0deg);
[DEVVIT] transition: transform 0.2s ease-in-out;
[DEVVIT] }
[DEVVIT] .button:focus {
[DEVVIT] --button-color-overlay: var(--color-button-overlay-focus);
[DEVVIT] }
[DEVVIT] .button.hover {
[DEVVIT] --button-color-overlay: var(--color-button-overlay-focus);
[DEVVIT] --button-border-color: var(--button-border-color-hover);
[DEVVIT] --button-color-background: var(--button-color-background-hover);
[DEVVIT] --button-color-text: var(--button-color-text-hover,
[DEVVIT] var(--button-color-text-default));
[DEVVIT] }
[DEVVIT] @media (hover: hover) {
[DEVVIT] .button:hover {
[DEVVIT] --button-color-overlay: var(--color-button-overlay-focus);
[DEVVIT] --button-border-color: var(--button-border-color-hover);
[DEVVIT] --button-color-background: var(--button-color-background-hover);
[DEVVIT] --button-color-text: var(--button-color-text-hover,
[DEVVIT] var(--button-color-text-default));
[DEVVIT] }
[DEVVIT] }
[DEVVIT] .button:active,
[DEVVIT] .button.active {
[DEVVIT] --button-color-overlay: var(--color-button-overlay-active);
[DEVVIT] --button-color-background:
[DEVVIT] linear-gradient(var(--color-interactive-pressed),
[DEVVIT] var(--color-interactive-pressed)), var(--button-color-background-active);
[DEVVIT] }
[DEVVIT] .button:active,
[DEVVIT] .button.\!active {
[DEVVIT] --button-color-overlay: var(--color-button-overlay-active) !important;
[DEVVIT] --button-color-background:
[DEVVIT] linear-gradient(var(--color-interactive-pressed),
[DEVVIT] var(--color-interactive-pressed)), var(--button-color-background-active)
[DEVVIT] !important;
[DEVVIT] }
[DEVVIT] .button:disabled,
[DEVVIT] .button.anchor-disabled {
[DEVVIT] --button-border-color-hover: var(--button-border-color-default);
[DEVVIT] --button-color-background: var(--button-color-background-disabled);
[DEVVIT] --button-color-text: var(--button-color-text-disabled);
[DEVVIT] cursor: not-allowed;
[DEVVIT] pointer-events: none;
[DEVVIT] }
[DEVVIT] .button.disabled.pointer-all {
[DEVVIT] --button-border-color-hover: var(--button-border-color-default);
[DEVVIT] --button-color-background: var(--button-color-background-disabled);
[DEVVIT] --button-color-text: var(--button-color-text-disabled);
[DEVVIT] cursor: not-allowed;
[DEVVIT] pointer-events: all;
[DEVVIT] }
[DEVVIT] .button.\!disabled.pointer-all {
[DEVVIT] --button-border-color-hover: var(--button-border-color-default)
[DEVVIT] !important;
[DEVVIT] --button-color-background: var(--button-color-background-disabled)
[DEVVIT] !important;
[DEVVIT] --button-color-text: var(--button-color-text-disabled) !important;
[DEVVIT] cursor: not-allowed !important;
[DEVVIT] pointer-events: all !important;
[DEVVIT] }
[DEVVIT] .button.button-activated {
[DEVVIT] --button-border-color: var(--button-border-color-activated);
[DEVVIT] --button-color-background: var(--button-color-background-activated);
[DEVVIT] --button-color-text: var(--button-color-text-activated);
[DEVVIT] }
[DEVVIT] .button-shell {
[DEVVIT] background: var(--button-color-background);
[DEVVIT] border-radius: 999px;
[DEVVIT] border: none;
[DEVVIT] border: var(--button-border-width, 0) solid var(--button-border-color,
[DEVVIT] transparent);
[DEVVIT] box-shadow: var(--button-shadow);
[DEVVIT] box-sizing: border-box;
[DEVVIT] color: var(--button-color-text);
[DEVVIT] cursor: pointer;
[DEVVIT] display: inline-block;
[DEVVIT] font: var(--button-font);
[DEVVIT] height: var(--button-height);
[DEVVIT] line-height: calc(var(--button-height) - (2 * var(--button-border-width,
[DEVVIT] 0px)));
[DEVVIT] overflow: hidden;
[DEVVIT] padding: 0 calc(var(--button-padding) - var(--button-border-width,
[DEVVIT] 0px));
[DEVVIT] text-align: center;
[DEVVIT] text-decoration: none;
[DEVVIT] text-overflow: ellipsis;
[DEVVIT] white-space: nowrap;
[DEVVIT] outline-offset: 0;
[DEVVIT] --button-border-color: var(--button-border-color-default);
[DEVVIT] --button-border-width: var(--button-border-width-default);
[DEVVIT] --button-color-background: var(--button-color-background-default);
[DEVVIT] --button-color-text: var(--button-color-text-default);
[DEVVIT] }
[DEVVIT] .button-shell.icon {
[DEVVIT] width: var(--button-height);
[DEVVIT] }
[DEVVIT] .button-large {
[DEVVIT] --button-height: var(--size-button-lg-h);
[DEVVIT] --button-padding: var(--spacer-xs);
[DEVVIT] --button-font: var(--font-button-lg);
[DEVVIT] --button-border-width-default: var(--line-button-lg-border);
[DEVVIT] }
[DEVVIT] .button-medium {
[DEVVIT] --button-height: var(--size-button-md-h);
[DEVVIT] --button-padding: var(--spacer-xs);
[DEVVIT] --button-font: var(--font-button-md);
[DEVVIT] --button-border-width-default: var(--line-button-md-border);
[DEVVIT] }
[DEVVIT] .button-small {
[DEVVIT] --button-height: var(--size-button-sm-h);
[DEVVIT] --button-padding: var(--spacer-2xs);
[DEVVIT] --button-font: var(--font-button-sm);
[DEVVIT] --button-border-width-default: var(--line-button-sm-border);
[DEVVIT] }
[DEVVIT] .button-x-small {
[DEVVIT] --button-height: var(--size-button-xs-h);
[DEVVIT] --button-padding: var(--spacer-sm);
[DEVVIT] --button-font: var(--font-button-xs);
[DEVVIT] --button-border-width-default: var(--line-button-xs-border);
[DEVVIT] }
[DEVVIT] .button-primary {
[DEVVIT] --button-color-background-default: var(--color-primary-background);
[DEVVIT] --button-color-background-focus: var(--color-primary-background);
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-primary-background-hover);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-button-primary-background-hover),
[DEVVIT] var(--color-button-primary-background-hover));
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-primary-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-primary-background-activated);
[DEVVIT] --button-color-text-default: var(--color-global-white);
[DEVVIT] --button-color-text-disabled: var(--color-button-primary-text-disabled);
[DEVVIT] --button-color-text-activated:
[DEVVIT] var(--color-button-primary-text-activated);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] }
[DEVVIT] .button-secondary {
[DEVVIT] --button-color-background-default:
[DEVVIT] var(--color-button-secondary-background);
[DEVVIT] --button-color-background-focus:
[DEVVIT] var(--color-button-secondary-background-focus);
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-secondary-background-hover);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-button-secondary-background-hover),
[DEVVIT] var(--color-button-secondary-background-hover));
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-secondary-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-secondary-background-activated);
[DEVVIT] --button-color-text-default: var(--color-button-secondary-text);
[DEVVIT] --button-color-text-disabled:
[DEVVIT] var(--color-button-secondary-text-disabled);
[DEVVIT] --button-color-text-activated:
[DEVVIT] var(--color-button-secondary-text-activated);
[DEVVIT] --button-border-color-default: var(--color-button-secondary-border);
[DEVVIT] }
[DEVVIT] .button-tertiary {
[DEVVIT] --button-color-background-default:
[DEVVIT] var(--color-button-tertiary-background);
[DEVVIT] --button-color-background-focus:
[DEVVIT] var(--color-button-tertiary-background-focus);
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-tertiary-background-hover);
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-tertiary-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-tertiary-background-activated);
[DEVVIT] --button-color-text-default: var(--color-button-tertiary-text);
[DEVVIT] --button-color-text-disabled:
[DEVVIT] var(--color-button-tertiary-text-disabled);
[DEVVIT] --button-color-text-activated:
[DEVVIT] var(--color-button-tertiary-text-activated);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] }
[DEVVIT] .button-plain {
[DEVVIT] --button-color-background-default: transparent;
[DEVVIT] --button-color-background-focus: transparent;
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-plain-background-hover);
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-plain-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-plain-background-activated);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-button-secondary-background-hover),
[DEVVIT] var(--color-button-secondary-background-hover));
[DEVVIT] --button-color-text-default: var(--color-button-plain-text);
[DEVVIT] --button-color-text-disabled: var(--color-button-plain-text-disabled);
[DEVVIT] --button-color-text-activated: var(--color-button-plain-text-activated);
[DEVVIT] --button-color-text-hover: var(--color-button-plain-text-hover);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] }
[DEVVIT] .button-plain-weak {
[DEVVIT] --button-color-background-default: transparent;
[DEVVIT] --button-color-background-focus: transparent;
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-plain-background-hover);
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-plain-background-disabled);
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-plain-background-activated);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-button-secondary-background-hover),
[DEVVIT] var(--color-button-secondary-background-hover));
[DEVVIT] --button-color-text-default: var(--color-button-plain-text);
[DEVVIT] --button-color-text-disabled: var(--color-button-plain-text-disabled);
[DEVVIT] --button-color-text-activated: var(--color-button-plain-text-activated);
[DEVVIT] --button-color-text-hover: var(--color-button-plain-text-hover);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] --button-color-text-default: var(--color-button-plain-text-weak);
[DEVVIT] }
[DEVVIT] .button-bordered {
[DEVVIT] --button-color-background-default: transparent;
[DEVVIT] --button-color-background-focus: transparent;
[DEVVIT] --button-color-background-hover: transparent;
[DEVVIT] --button-color-background-active: linear-gradient(transparent,
[DEVVIT] transparent);
[DEVVIT] --button-color-background-disabled: transparent;
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-secondary-background-activated);
[DEVVIT] --button-color-text-default: var(--color-secondary-plain);
[DEVVIT] --button-color-text-disabled: var(--color-interactive-content-disabled);
[DEVVIT] --button-color-text-activated: var(--color-neutral-content-strong);
[DEVVIT] --button-color-text-hover: var(--color-secondary-plain-hover);
[DEVVIT] --button-border-color-default: var(--color-neutral-border-medium);
[DEVVIT] --button-border-color-hover: var(--color-neutral-border-strong);
[DEVVIT] --button-border-color-active: var(--color-neutral-border-strong);
[DEVVIT] --button-border-color-activated: var(--color-neutral-border-strong);
[DEVVIT] --button-border-color-disabled: var(--color-neutral-content-disabled);
[DEVVIT] --button-border-width-default: var(--line-sm);
[DEVVIT] --button-border-width-activated: var(--line-sm);
[DEVVIT] }
[DEVVIT] .button-bordered-cab {
[DEVVIT] --button-color-background-default: transparent;
[DEVVIT] --button-color-background-focus: transparent;
[DEVVIT] --button-color-background-hover: transparent;
[DEVVIT] --button-color-background-active: linear-gradient(transparent,
[DEVVIT] transparent);
[DEVVIT] --button-color-background-disabled: transparent;
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-secondary-background-activated);
[DEVVIT] --button-color-text-default: var(--color-secondary-plain);
[DEVVIT] --button-color-text-disabled: var(--color-interactive-content-disabled);
[DEVVIT] --button-color-text-activated: var(--color-neutral-content-strong);
[DEVVIT] --button-color-text-hover: var(--color-secondary-plain-hover);
[DEVVIT] --button-border-color-default: var(--color-neutral-border-medium);
[DEVVIT] --button-border-color-hover: var(--color-neutral-border-strong);
[DEVVIT] --button-border-color-active: var(--color-neutral-border-strong);
[DEVVIT] --button-border-color-activated: var(--color-neutral-border-strong);
[DEVVIT] --button-border-color-disabled: var(--color-neutral-content-disabled);
[DEVVIT] --button-border-width-default: var(--line-sm);
[DEVVIT] --button-border-width-activated: var(--line-sm);
[DEVVIT] --button-color-background-hover:
[DEVVIT] var(--color-button-secondary-background-hover);
[DEVVIT] --button-border-color-default: var(--color-neutral-border-weak);
[DEVVIT] --button-border-color-hover: var(--color-neutral-border-weak);
[DEVVIT] --button-border-color-active: var(--color-neutral-border-weak);
[DEVVIT] --button-border-color-activated: var(--color-neutral-border-weak);
[DEVVIT] }
[DEVVIT] .button-destructive {
[DEVVIT] --button-color-background-default: var(--color-danger-background);
[DEVVIT] --button-color-background-focus: var(--color-danger-background-hover);
[DEVVIT] --button-color-background-hover: var(--color-danger-background-hover);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-danger-background-hover),
[DEVVIT] var(--color-danger-background-hover));
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-secondary-background-disabled);
[DEVVIT] --button-color-text-default: var(--color-danger-content-default);
[DEVVIT] --button-color-text-disabled:
[DEVVIT] var(--color-button-secondary-text-disabled);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] --button-border-color-hover: transparent;
[DEVVIT] --button-border-color-active: transparent;
[DEVVIT] }
[DEVVIT] .button-media {
[DEVVIT] --button-color-background-default: var(--color-media-background);
[DEVVIT] --button-color-background-focus: var(--color-media-background-hover);
[DEVVIT] --button-color-background-hover: var(--color-media-background-hover);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-media-background-hover),
[DEVVIT] var(--color-media-background-hover));
[DEVVIT] --button-border-color-activated: var(--color-neutral-content-strong);
[DEVVIT] --button-color-text-default: white;
[DEVVIT] --button-color-text-disabled: var(--color-media-onbackground-disabled);
[DEVVIT] --button-color-background-disabled: var(--color-media-background);
[DEVVIT] }
[DEVVIT] .button-media-cab {
[DEVVIT] --button-color-background-default: transparent;
[DEVVIT] --button-color-background-hover: var(--color-media-background-hover);
[DEVVIT] --button-color-background-disabled: transparent;
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-media-background-hover),
[DEVVIT] var(--color-media-background-hover));
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-media-background-selected);
[DEVVIT] --button-color-text-default: var(--color-media-onBackground);
[DEVVIT] --button-color-text-activated: var(--color-media-onBackground);
[DEVVIT] --button-color-text-hover: var(--color-media-onBackground);
[DEVVIT] --button-color-text-disabled: var(--color-media-onbackground-disabled);
[DEVVIT] --button-border-color-default: var(--color-media-border-weak);
[DEVVIT] --button-border-color-hover: var(--color-media-border-weak);
[DEVVIT] --button-border-color-disabled: var(--color-media-border-weak);
[DEVVIT] --button-border-width-default: var(--line-sm);
[DEVVIT] }
[DEVVIT] .button-brand {
[DEVVIT] --button-color-background-default: var(--color-brand-background);
[DEVVIT] --button-color-background-hover: var(--color-brand-background-hover);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-brand-background-hover),
[DEVVIT] var(--color-brand-background-hover));
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --button-color-text-default: var(--color-danger-content-default);
[DEVVIT] --button-color-text-disabled: var(--color-interactive-content-disabled);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] }
[DEVVIT] .button-success {
[DEVVIT] --button-color-background-default: var(--color-success-background);
[DEVVIT] --button-color-background-focus: var(--color-success-background-hover);
[DEVVIT] --button-color-background-hover: var(--color-success-background-hover);
[DEVVIT] --button-color-background-active:
[DEVVIT] linear-gradient(var(--color-success-background-hover),
[DEVVIT] var(--color-success-background-hover));
[DEVVIT] --button-color-background-disabled:
[DEVVIT] var(--color-button-primary-background-disabled);
[DEVVIT] --button-color-text-default: var(--color-success-onBackground);
[DEVVIT] --button-color-text-disabled: var(--color-button-primary-text-disabled);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] }
[DEVVIT] .button-plain-inverted {
[DEVVIT] --button-color-background-default: transparent;
[DEVVIT] --button-color-background-focus: var(--color-neutral-content);
[DEVVIT] --button-color-background-hover: var(--color-neutral-content);
[DEVVIT] --button-color-background-active: var(--color-interactive-pressed);
[DEVVIT] --button-color-background-disabled: transparent;
[DEVVIT] --button-color-text-default: var(--color-neutral-background-weak);
[DEVVIT] --button-color-text-disabled: var(--color-neutral-content);
[DEVVIT] --button-border-color-default: transparent;
[DEVVIT] --button-color-background-activated:
[DEVVIT] var(--color-button-plain-inverted-background-activated);
[DEVVIT] --button-color-text-activated:
[DEVVIT] var(--color-button-plain-inverted-text-activated);
[DEVVIT] }
[DEVVIT] .full-snoo-xs {
[DEVVIT] --full-snoo-size: var(--rem48);
[DEVVIT] --full-snoo-top-spacer: 0.125rem;
[DEVVIT] --full-snoo-bottom-spacer: calc(-1 * 0.1875rem);
[DEVVIT] }
[DEVVIT] .full-snoo-xs:not(.no-safe-area) {
[DEVVIT] height: var(--full-snoo-size);
[DEVVIT] width: var(--full-snoo-size);
[DEVVIT] margin-top: var(--full-snoo-top-spacer);
[DEVVIT] }
[DEVVIT] .full-snoo-xs:not(.no-safe-area) > img {
[DEVVIT] bottom: var(--full-snoo-bottom-spacer);
[DEVVIT] }
[DEVVIT] .full-snoo-xs > img {
[DEVVIT] width: var(--rem36);
[DEVVIT] }
[DEVVIT] .full-snoo-sm {
[DEVVIT] --full-snoo-size: var(--rem64);
[DEVVIT] --full-snoo-top-spacer: 0.125rem;
[DEVVIT] --full-snoo-bottom-spacer: calc(-1 * var(--rem4));
[DEVVIT] }
[DEVVIT] .full-snoo-sm:not(.no-safe-area) {
[DEVVIT] height: var(--full-snoo-size);
[DEVVIT] width: var(--full-snoo-size);
[DEVVIT] margin-top: var(--full-snoo-top-spacer);
[DEVVIT] }
[DEVVIT] .full-snoo-sm:not(.no-safe-area) > img {
[DEVVIT] bottom: var(--full-snoo-bottom-spacer);
[DEVVIT] }
[DEVVIT] .full-snoo-sm > img {
[DEVVIT] width: var(--rem48);
[DEVVIT] }
[DEVVIT] .full-snoo-md {
[DEVVIT] --full-snoo-size: var(--rem88);
[DEVVIT] --full-snoo-top-spacer: var(--spacer-2xs);
[DEVVIT] --full-snoo-bottom-spacer: calc(-1 * var(--rem6));
[DEVVIT] }
[DEVVIT] .full-snoo-md:not(.no-safe-area) {
[DEVVIT] height: var(--full-snoo-size);
[DEVVIT] width: var(--full-snoo-size);
[DEVVIT] margin-top: var(--full-snoo-top-spacer);
[DEVVIT] }
[DEVVIT] .full-snoo-md:not(.no-safe-area) > img {
[DEVVIT] bottom: var(--full-snoo-bottom-spacer);
[DEVVIT] }
[DEVVIT] .full-snoo-md > img {
[DEVVIT] width: var(--rem64);
[DEVVIT] }
[DEVVIT] .full-snoo-lg {
[DEVVIT] --full-snoo-size: var(--rem144);
[DEVVIT] --full-snoo-top-spacer: 0.375rem;
[DEVVIT] --full-snoo-bottom-spacer: calc(-1 * var(--rem10));
[DEVVIT] }
[DEVVIT] .full-snoo-lg:not(.no-safe-area) {
[DEVVIT] height: var(--full-snoo-size);
[DEVVIT] width: var(--full-snoo-size);
[DEVVIT] margin-top: var(--full-snoo-top-spacer);
[DEVVIT] }
[DEVVIT] .full-snoo-lg:not(.no-safe-area) > img {
[DEVVIT] bottom: var(--full-snoo-bottom-spacer);
[DEVVIT] }
[DEVVIT] .full-snoo-lg > img {
[DEVVIT] width: 6.625rem;
[DEVVIT] }
[DEVVIT] .full-snoo-xl {
[DEVVIT] --full-snoo-size: var(--rem192);
[DEVVIT] --full-snoo-top-spacer: var(--spacer-xs);
[DEVVIT] --full-snoo-bottom-spacer: calc(-1 * var(--rem14));
[DEVVIT] }
[DEVVIT] .full-snoo-xl:not(.no-safe-area) {
[DEVVIT] height: var(--full-snoo-size);
[DEVVIT] width: var(--full-snoo-size);
[DEVVIT] margin-top: var(--full-snoo-top-spacer);
[DEVVIT] }
[DEVVIT] .full-snoo-xl:not(.no-safe-area) > img {
[DEVVIT] bottom: var(--full-snoo-bottom-spacer);
[DEVVIT] }
[DEVVIT] .full-snoo-xl > img {
[DEVVIT] width: 8.8125rem;
[DEVVIT] }
[DEVVIT] .full-snoo-2xl {
[DEVVIT] --full-snoo-size: var(--rem320);
[DEVVIT] --full-snoo-top-spacer: var(--spacer-sm);
[DEVVIT] --full-snoo-bottom-spacer: calc(-1 * var(--rem22));
[DEVVIT] }
[DEVVIT] .full-snoo-2xl:not(.no-safe-area) {
[DEVVIT] height: var(--full-snoo-size);
[DEVVIT] width: var(--full-snoo-size);
[DEVVIT] margin-top: var(--full-snoo-top-spacer);
[DEVVIT] }
[DEVVIT] .full-snoo-2xl:not(.no-safe-area) > img {
[DEVVIT] bottom: var(--full-snoo-bottom-spacer);
[DEVVIT] }
[DEVVIT] .full-snoo-2xl > img {
[DEVVIT] width: 14.75rem;
[DEVVIT] }
[DEVVIT] .sr-only {
[DEVVIT] position: absolute;
[DEVVIT] width: 1px;
[DEVVIT] height: 1px;
[DEVVIT] padding: 0;
[DEVVIT] margin: -1px;
[DEVVIT] overflow: hidden;
[DEVVIT] clip: rect(0, 0, 0, 0);
[DEVVIT] white-space: nowrap;
[DEVVIT] border-width: 0;
[DEVVIT] }
[DEVVIT] .pointer-events-none {
[DEVVIT] pointer-events: none;
[DEVVIT] }
[DEVVIT] .visible {
[DEVVIT] visibility: visible;
[DEVVIT] }
[DEVVIT] .static {
[DEVVIT] position: static;
[DEVVIT] }
[DEVVIT] .fixed {
[DEVVIT] position: fixed;
[DEVVIT] }
[DEVVIT] .absolute {
[DEVVIT] position: absolute;
[DEVVIT] }
[DEVVIT] .relative {
[DEVVIT] position: relative;
[DEVVIT] }
[DEVVIT] .sticky {
[DEVVIT] position: sticky;
[DEVVIT] }
[DEVVIT] .inset-0 {
[DEVVIT] top: 0px;
[DEVVIT] right: 0px;
[DEVVIT] bottom: 0px;
[DEVVIT] left: 0px;
[DEVVIT] }
[DEVVIT] .top-0 {
[DEVVIT] top: 0px;
[DEVVIT] }
[DEVVIT] .left-0 {
[DEVVIT] left: 0px;
[DEVVIT] }
[DEVVIT] .right-0 {
[DEVVIT] right: 0px;
[DEVVIT] }
[DEVVIT] .-right-\[0\.0625rem\] {
[DEVVIT] right: -0.0625rem;
[DEVVIT] }
[DEVVIT] .right-\[0\.05rem\] {
[DEVVIT] right: 0.05rem;
[DEVVIT] }
[DEVVIT] .right-\[0\.10rem\] {
[DEVVIT] right: 0.10rem;
[DEVVIT] }
[DEVVIT] .-right-\[0\.0825rem\] {
[DEVVIT] right: -0.0825rem;
[DEVVIT] }
[DEVVIT] .-right-\[0\.125rem\] {
[DEVVIT] right: -0.125rem;
[DEVVIT] }
[DEVVIT] .-right-\[\.65rem\] {
[DEVVIT] right: -.65rem;
[DEVVIT] }
[DEVVIT] .-right-\[\.75rem\] {
[DEVVIT] right: -.75rem;
[DEVVIT] }
[DEVVIT] .bottom-0 {
[DEVVIT] bottom: 0px;
[DEVVIT] }
[DEVVIT] .top-1\/2 {
[DEVVIT] top: 50%;
[DEVVIT] }
[DEVVIT] .isolate {
[DEVVIT] isolation: isolate;
[DEVVIT] }
[DEVVIT] .z-\[2\] {
[DEVVIT] z-index: 2;
[DEVVIT] }
[DEVVIT] .z-\[1000\] {
[DEVVIT] z-index: 1000;
[DEVVIT] }
[DEVVIT] .z-auto {
[DEVVIT] z-index: auto;
[DEVVIT] }
[DEVVIT] .z-50 {
[DEVVIT] z-index: 50;
[DEVVIT] }
[DEVVIT] .col-span-full {
[DEVVIT] grid-column: 1 / -1;
[DEVVIT] }
[DEVVIT] .m-0 {
[DEVVIT] margin: 0px;
[DEVVIT] }
[DEVVIT] .m-auto {
[DEVVIT] margin: auto;
[DEVVIT] }
[DEVVIT] .m-md {
[DEVVIT] margin: 1rem;
[DEVVIT] }
[DEVVIT] .m-xs {
[DEVVIT] margin: 0.5rem;
[DEVVIT] }
[DEVVIT] .m-xl {
[DEVVIT] margin: 2rem;
[DEVVIT] }
[DEVVIT] .mx-0 {
[DEVVIT] margin-left: 0px;
[DEVVIT] margin-right: 0px;
[DEVVIT] }
[DEVVIT] .my-md {
[DEVVIT] margin-top: 1rem;
[DEVVIT] margin-bottom: 1rem;
[DEVVIT] }
[DEVVIT] .my-sm {
[DEVVIT] margin-top: 0.75rem;
[DEVVIT] margin-bottom: 0.75rem;
[DEVVIT] }
[DEVVIT] .my-2xs {
[DEVVIT] margin-top: 0.25rem;
[DEVVIT] margin-bottom: 0.25rem;
[DEVVIT] }
[DEVVIT] .mx-md {
[DEVVIT] margin-left: 1rem;
[DEVVIT] margin-right: 1rem;
[DEVVIT] }
[DEVVIT] .my-xl {
[DEVVIT] margin-top: 2rem;
[DEVVIT] margin-bottom: 2rem;
[DEVVIT] }
[DEVVIT] .mx-auto {
[DEVVIT] margin-left: auto;
[DEVVIT] margin-right: auto;
[DEVVIT] }
[DEVVIT] .mx-xs {
[DEVVIT] margin-left: 0.5rem;
[DEVVIT] margin-right: 0.5rem;
[DEVVIT] }
[DEVVIT] .-mx-xs {
[DEVVIT] margin-left: -0.5rem;
[DEVVIT] margin-right: -0.5rem;
[DEVVIT] }
[DEVVIT] .mr-md {
[DEVVIT] margin-right: 1rem;
[DEVVIT] }
[DEVVIT] .mb-lg {
[DEVVIT] margin-bottom: 1.5rem;
[DEVVIT] }
[DEVVIT] .mt-xs {
[DEVVIT] margin-top: 0.5rem;
[DEVVIT] }
[DEVVIT] .mt-lg {
[DEVVIT] margin-top: 1.5rem;
[DEVVIT] }
[DEVVIT] .mt-0 {
[DEVVIT] margin-top: 0px;
[DEVVIT] }
[DEVVIT] .mb-sm {
[DEVVIT] margin-bottom: 0.75rem;
[DEVVIT] }
[DEVVIT] .mt-md {
[DEVVIT] margin-top: 1rem;
[DEVVIT] }
[DEVVIT] .mr-lg {
[DEVVIT] margin-right: 1.5rem;
[DEVVIT] }
[DEVVIT] .mt-2xl {
[DEVVIT] margin-top: 3rem;
[DEVVIT] }
[DEVVIT] .mt-sm {
[DEVVIT] margin-top: 0.75rem;
[DEVVIT] }
[DEVVIT] .-mb-\[4px\] {
[DEVVIT] margin-bottom: -4px;
[DEVVIT] }
[DEVVIT] .mr-sm {
[DEVVIT] margin-right: 0.75rem;
[DEVVIT] }
[DEVVIT] .mb-\[24px\] {
[DEVVIT] margin-bottom: 24px;
[DEVVIT] }
[DEVVIT] .mb-xs {
[DEVVIT] margin-bottom: 0.5rem;
[DEVVIT] }
[DEVVIT] .ml-xs {
[DEVVIT] margin-left: 0.5rem;
[DEVVIT] }
[DEVVIT] .ml-sm {
[DEVVIT] margin-left: 0.75rem;
[DEVVIT] }
[DEVVIT] .mb-xl {
[DEVVIT] margin-bottom: 2rem;
[DEVVIT] }
[DEVVIT] .mb-2xs {
[DEVVIT] margin-bottom: 0.25rem;
[DEVVIT] }
[DEVVIT] .mt-xl {
[DEVVIT] margin-top: 2rem;
[DEVVIT] }
[DEVVIT] .mb-0 {
[DEVVIT] margin-bottom: 0px;
[DEVVIT] }
[DEVVIT] .mt-\[40px\] {
[DEVVIT] margin-top: 40px;
[DEVVIT] }
[DEVVIT] .mb-md {
[DEVVIT] margin-bottom: 1rem;
[DEVVIT] }
[DEVVIT] .mr-xs {
[DEVVIT] margin-right: 0.5rem;
[DEVVIT] }
[DEVVIT] .-mt-\[2px\] {
[DEVVIT] margin-top: -2px;
[DEVVIT] }
[DEVVIT] .-mt-2xs {
[DEVVIT] margin-top: -0.25rem;
[DEVVIT] }
[DEVVIT] .ml-2xs {
[DEVVIT] margin-left: 0.25rem;
[DEVVIT] }
[DEVVIT] .-ml-\[var\(--rem4\)\] {
[DEVVIT] margin-left: calc(var(--rem4) * -1);
[DEVVIT] }
[DEVVIT] .-ml-\[var\(--rem6\)\] {
[DEVVIT] margin-left: calc(var(--rem6) * -1);
[DEVVIT] }
[DEVVIT] .-ml-\[var\(--rem8\)\] {
[DEVVIT] margin-left: calc(var(--rem8) * -1);
[DEVVIT] }
[DEVVIT] .-ml-\[var\(--rem10\)\] {
[DEVVIT] margin-left: calc(var(--rem10) * -1);
[DEVVIT] }
[DEVVIT] .-ml-\[var\(--rem12\)\] {
[DEVVIT] margin-left: calc(var(--rem12) * -1);
[DEVVIT] }
[DEVVIT] .-ml-\[var\(--rem14\)\] {
[DEVVIT] margin-left: calc(var(--rem14) * -1);
[DEVVIT] }
[DEVVIT] .-ml-\[var\(--rem16\)\] {
[DEVVIT] margin-left: calc(var(--rem16) * -1);
[DEVVIT] }
[DEVVIT] .-ml-\[var\(--rem18\)\] {
[DEVVIT] margin-left: calc(var(--rem18) * -1);
[DEVVIT] }
[DEVVIT] .-ml-\[var\(--rem20\)\] {
[DEVVIT] margin-left: calc(var(--rem20) * -1);
[DEVVIT] }
[DEVVIT] .ml-0 {
[DEVVIT] margin-left: 0px;
[DEVVIT] }
[DEVVIT] .mr-\[calc\(var\(--size-button-sm-h\)-var\(--rem10\)-var\(--button-border-
[DEVVIT] width-default\)\)\] {
[DEVVIT] margin-right: calc(var(--size-button-sm-h) - var(--rem10) -
[DEVVIT] var(--button-border-width-default));
[DEVVIT] }
[DEVVIT] .mr-\[var\(--rem6\)\] {
[DEVVIT] margin-right: var(--rem6);
[DEVVIT] }
[DEVVIT] .ml-\[3px\] {
[DEVVIT] margin-left: 3px;
[DEVVIT] }
[DEVVIT] .mr-2xs {
[DEVVIT] margin-right: 0.25rem;
[DEVVIT] }
[DEVVIT] .mt-\[-0\.125rem\] {
[DEVVIT] margin-top: -0.125rem;
[DEVVIT] }
[DEVVIT] .ml-\[-\.25rem\] {
[DEVVIT] margin-left: -.25rem;
[DEVVIT] }
[DEVVIT] .mt-\[-0\.25rem\] {
[DEVVIT] margin-top: -0.25rem;
[DEVVIT] }
[DEVVIT] .ml-md {
[DEVVIT] margin-left: 1rem;
[DEVVIT] }
[DEVVIT] .mr-\[6px\] {
[DEVVIT] margin-right: 6px;
[DEVVIT] }
[DEVVIT] .ml-\[-2px\] {
[DEVVIT] margin-left: -2px;
[DEVVIT] }
[DEVVIT] .box-border {
[DEVVIT] box-sizing: border-box;
[DEVVIT] }
[DEVVIT] .box-content {
[DEVVIT] box-sizing: content-box;
[DEVVIT] }
[DEVVIT] .block {
[DEVVIT] display: block;
[DEVVIT] }
[DEVVIT] .inline-block {
[DEVVIT] display: inline-block;
[DEVVIT] }
[DEVVIT] .inline {
[DEVVIT] display: inline;
[DEVVIT] }
[DEVVIT] .flex {
[DEVVIT] display: flex;
[DEVVIT] }
[DEVVIT] .inline-flex {
[DEVVIT] display: inline-flex;
[DEVVIT] }
[DEVVIT] .table {
[DEVVIT] display: table;
[DEVVIT] }
[DEVVIT] .grid {
[DEVVIT] display: grid;
[DEVVIT] }
[DEVVIT] .contents {
[DEVVIT] display: contents;
[DEVVIT] }
[DEVVIT] .list-item {
[DEVVIT] display: list-item;
[DEVVIT] }
[DEVVIT] .hidden {
[DEVVIT] display: none;
[DEVVIT] }
[DEVVIT] .aspect-square {
[DEVVIT] aspect-ratio: 1 / 1;
[DEVVIT] }
[DEVVIT] .h-3xl {
[DEVVIT] height: 4rem;
[DEVVIT] }
[DEVVIT] .h-100 {
[DEVVIT] height: 100%;
[DEVVIT] }
[DEVVIT] .h-full {
[DEVVIT] height: 100%;
[DEVVIT] }
[DEVVIT] .h-\[40px\] {
[DEVVIT] height: 40px;
[DEVVIT] }
[DEVVIT] .h-\[95vh\] {
[DEVVIT] height: 95vh;
[DEVVIT] }
[DEVVIT] .h-\[4px\] {
[DEVVIT] height: 4px;
[DEVVIT] }
[DEVVIT] .h-\[296px\] {
[DEVVIT] height: 296px;
[DEVVIT] }
[DEVVIT] .h-screen {
[DEVVIT] height: 100vh;
[DEVVIT] }
[DEVVIT] .h-\[20px\] {
[DEVVIT] height: 20px;
[DEVVIT] }
[DEVVIT] .h-\[84px\] {
[DEVVIT] height: 84px;
[DEVVIT] }
[DEVVIT] .h-\[26px\] {
[DEVVIT] height: 26px;
[DEVVIT] }
[DEVVIT] .h-\[21px\] {
[DEVVIT] height: 21px;
[DEVVIT] }
[DEVVIT] .h-\[38px\] {
[DEVVIT] height: 38px;
[DEVVIT] }
[DEVVIT] .h-\[60px\] {
[DEVVIT] height: 60px;
[DEVVIT] }
[DEVVIT] .h-\[180px\] {
[DEVVIT] height: 180px;
[DEVVIT] }
[DEVVIT] .h-1\/2 {
[DEVVIT] height: 50%;
[DEVVIT] }
[DEVVIT] .h-\[85vh\] {
[DEVVIT] height: 85vh;
[DEVVIT] }
[DEVVIT] .h-\[2px\] {
[DEVVIT] height: 2px;
[DEVVIT] }
[DEVVIT] .h-2xs {
[DEVVIT] height: 0.25rem;
[DEVVIT] }
[DEVVIT] .h-\[1rem\] {
[DEVVIT] height: 1rem;
[DEVVIT] }
[DEVVIT] .h-\[1\.5rem\] {
[DEVVIT] height: 1.5rem;
[DEVVIT] }
[DEVVIT] .h-\[2rem\] {
[DEVVIT] height: 2rem;
[DEVVIT] }
[DEVVIT] .h-\[2\.5rem\] {
[DEVVIT] height: 2.5rem;
[DEVVIT] }
[DEVVIT] .h-\[3rem\] {
[DEVVIT] height: 3rem;
[DEVVIT] }
[DEVVIT] .h-\[3\.5rem\] {
[DEVVIT] height: 3.5rem;
[DEVVIT] }
[DEVVIT] .h-\[4rem\] {
[DEVVIT] height: 4rem;
[DEVVIT] }
[DEVVIT] .h-\[5\.5rem\] {
[DEVVIT] height: 5.5rem;
[DEVVIT] }
[DEVVIT] .h-\[2\.875rem\] {
[DEVVIT] height: 2.875rem;
[DEVVIT] }
[DEVVIT] .h-\[3\.25rem\] {
[DEVVIT] height: 3.25rem;
[DEVVIT] }
[DEVVIT] .h-\[4\.5rem\] {
[DEVVIT] height: 4.5rem;
[DEVVIT] }
[DEVVIT] .h-\[\.25rem\] {
[DEVVIT] height: .25rem;
[DEVVIT] }
[DEVVIT] .h-\[\.375rem\] {
[DEVVIT] height: .375rem;
[DEVVIT] }
[DEVVIT] .h-\[\.625rem\] {
[DEVVIT] height: .625rem;
[DEVVIT] }
[DEVVIT] .h-\[1\.25rem\] {
[DEVVIT] height: 1.25rem;
[DEVVIT] }
[DEVVIT] .h-xs {
[DEVVIT] height: 0.5rem;
[DEVVIT] }
[DEVVIT] .h-md {
[DEVVIT] height: 1rem;
[DEVVIT] }
[DEVVIT] .h-xl {
[DEVVIT] height: 2rem;
[DEVVIT] }
[DEVVIT] .h-2xl {
[DEVVIT] height: 3rem;
[DEVVIT] }
[DEVVIT] .h-lg {
[DEVVIT] height: 1.5rem;
[DEVVIT] }
[DEVVIT] .h-auto {
[DEVVIT] height: auto;
[DEVVIT] }
[DEVVIT] .max-h-min {
[DEVVIT] max-height: min-content;
[DEVVIT] }
[DEVVIT] .max-h-\[600px\] {
[DEVVIT] max-height: 600px;
[DEVVIT] }
[DEVVIT] .max-h-\[25vh\] {
[DEVVIT] max-height: 25vh;
[DEVVIT] }
[DEVVIT] .max-h-\[60vh\] {
[DEVVIT] max-height: 60vh;
[DEVVIT] }
[DEVVIT] .max-h-full {
[DEVVIT] max-height: 100%;
[DEVVIT] }
[DEVVIT] .max-h-\[596px\] {
[DEVVIT] max-height: 596px;
[DEVVIT] }
[DEVVIT] .max-h-\[480px\] {
[DEVVIT] max-height: 480px;
[DEVVIT] }
[DEVVIT] .max-h-\[620px\] {
[DEVVIT] max-height: 620px;
[DEVVIT] }
[DEVVIT] .max-h-100 {
[DEVVIT] max-height: 100%;
[DEVVIT] }
[DEVVIT] .max-h-\[var\(--rem20\)\] {
[DEVVIT] max-height: var(--rem20);
[DEVVIT] }
[DEVVIT] .min-h-screen {
[DEVVIT] min-height: 100vh;
[DEVVIT] }
[DEVVIT] .min-h-\[1rem\] {
[DEVVIT] min-height: 1rem;
[DEVVIT] }
[DEVVIT] .min-h-\[1\.5rem\] {
[DEVVIT] min-height: 1.5rem;
[DEVVIT] }
[DEVVIT] .min-h-\[2rem\] {
[DEVVIT] min-height: 2rem;
[DEVVIT] }
[DEVVIT] .min-h-\[2\.5rem\] {
[DEVVIT] min-height: 2.5rem;
[DEVVIT] }
[DEVVIT] .min-h-\[3rem\] {
[DEVVIT] min-height: 3rem;
[DEVVIT] }
[DEVVIT] .min-h-\[2\.875rem\] {
[DEVVIT] min-height: 2.875rem;
[DEVVIT] }
[DEVVIT] .min-h-\[3\.25rem\] {
[DEVVIT] min-height: 3.25rem;
[DEVVIT] }
[DEVVIT] .min-h-\[4\.5rem\] {
[DEVVIT] min-height: 4.5rem;
[DEVVIT] }
[DEVVIT] .w-3xl {
[DEVVIT] width: 4rem;
[DEVVIT] }
[DEVVIT] .w-100 {
[DEVVIT] width: 100%;
[DEVVIT] }
[DEVVIT] .w-md {
[DEVVIT] width: 1rem;
[DEVVIT] }
[DEVVIT] .w-full {
[DEVVIT] width: 100%;
[DEVVIT] }
[DEVVIT] .w-\[70\%\] {
[DEVVIT] width: 70%;
[DEVVIT] }
[DEVVIT] .w-\[15\%\] {
[DEVVIT] width: 15%;
[DEVVIT] }
[DEVVIT] .w-\[95vw\] {
[DEVVIT] width: 95vw;
[DEVVIT] }
[DEVVIT] .w-1\/2 {
[DEVVIT] width: 50%;
[DEVVIT] }
[DEVVIT] .w-min {
[DEVVIT] width: min-content;
[DEVVIT] }
[DEVVIT] .w-\[30\%\] {
[DEVVIT] width: 30%;
[DEVVIT] }
[DEVVIT] .w-\[40\%\] {
[DEVVIT] width: 40%;
[DEVVIT] }
[DEVVIT] .w-\[200px\] {
[DEVVIT] width: 200px;
[DEVVIT] }
[DEVVIT] .w-\[300px\] {
[DEVVIT] width: 300px;
[DEVVIT] }
[DEVVIT] .w-2\/3 {
[DEVVIT] width: 66.666667%;
[DEVVIT] }
[DEVVIT] .w-\[20px\] {
[DEVVIT] width: 20px;
[DEVVIT] }
[DEVVIT] .w-1\/3 {
[DEVVIT] width: 33.333333%;
[DEVVIT] }
[DEVVIT] .w-\[32rem\] {
[DEVVIT] width: 32rem;
[DEVVIT] }
[DEVVIT] .w-1\/4 {
[DEVVIT] width: 25%;
[DEVVIT] }
[DEVVIT] .w-fit {
[DEVVIT] width: fit-content;
[DEVVIT] }
[DEVVIT] .w-\[150px\] {
[DEVVIT] width: 150px;
[DEVVIT] }
[DEVVIT] .w-8\/12 {
[DEVVIT] width: 66.666667%;
[DEVVIT] }
[DEVVIT] .w-1\/6 {
[DEVVIT] width: 16.666667%;
[DEVVIT] }
[DEVVIT] .w-10\/12 {
[DEVVIT] width: 83.333333%;
[DEVVIT] }
[DEVVIT] .w-screen {
[DEVVIT] width: 100vw;
[DEVVIT] }
[DEVVIT] .w-\[28vw\] {
[DEVVIT] width: 28vw;
[DEVVIT] }
[DEVVIT] .w-\[1rem\] {
[DEVVIT] width: 1rem;
[DEVVIT] }
[DEVVIT] .w-\[1\.5rem\] {
[DEVVIT] width: 1.5rem;
[DEVVIT] }
[DEVVIT] .w-\[2rem\] {
[DEVVIT] width: 2rem;
[DEVVIT] }
[DEVVIT] .w-\[2\.5rem\] {
[DEVVIT] width: 2.5rem;
[DEVVIT] }
[DEVVIT] .w-\[3rem\] {
[DEVVIT] width: 3rem;
[DEVVIT] }
[DEVVIT] .w-\[3\.5rem\] {
[DEVVIT] width: 3.5rem;
[DEVVIT] }
[DEVVIT] .w-\[4rem\] {
[DEVVIT] width: 4rem;
[DEVVIT] }
[DEVVIT] .w-\[5\.5rem\] {
[DEVVIT] width: 5.5rem;
[DEVVIT] }
[DEVVIT] .w-\[2\.875rem\] {
[DEVVIT] width: 2.875rem;
[DEVVIT] }
[DEVVIT] .w-\[3\.25rem\] {
[DEVVIT] width: 3.25rem;
[DEVVIT] }
[DEVVIT] .w-\[4\.5rem\] {
[DEVVIT] width: 4.5rem;
[DEVVIT] }
[DEVVIT] .w-\[\.25rem\] {
[DEVVIT] width: .25rem;
[DEVVIT] }
[DEVVIT] .w-\[\.375rem\] {
[DEVVIT] width: .375rem;
[DEVVIT] }
[DEVVIT] .w-\[\.625rem\] {
[DEVVIT] width: .625rem;
[DEVVIT] }
[DEVVIT] .w-\[1\.25rem\] {
[DEVVIT] width: 1.25rem;
[DEVVIT] }
[DEVVIT] .w-xs {
[DEVVIT] width: 0.5rem;
[DEVVIT] }
[DEVVIT] .w-xl {
[DEVVIT] width: 2rem;
[DEVVIT] }
[DEVVIT] .w-px {
[DEVVIT] width: 1px;
[DEVVIT] }
[DEVVIT] .min-w-full {
[DEVVIT] min-width: 100%;
[DEVVIT] }
[DEVVIT] .min-w-\[1rem\] {
[DEVVIT] min-width: 1rem;
[DEVVIT] }
[DEVVIT] .min-w-\[1\.5rem\] {
[DEVVIT] min-width: 1.5rem;
[DEVVIT] }
[DEVVIT] .min-w-\[2rem\] {
[DEVVIT] min-width: 2rem;
[DEVVIT] }
[DEVVIT] .min-w-\[2\.5rem\] {
[DEVVIT] min-width: 2.5rem;
[DEVVIT] }
[DEVVIT] .min-w-\[3rem\] {
[DEVVIT] min-width: 3rem;
[DEVVIT] }
[DEVVIT] .min-w-\[2\.875rem\] {
[DEVVIT] min-width: 2.875rem;
[DEVVIT] }
[DEVVIT] .min-w-\[3\.25rem\] {
[DEVVIT] min-width: 3.25rem;
[DEVVIT] }
[DEVVIT] .min-w-\[4\.5rem\] {
[DEVVIT] min-width: 4.5rem;
[DEVVIT] }
[DEVVIT] .min-w-\[0\.5rem\] {
[DEVVIT] min-width: 0.5rem;
[DEVVIT] }
[DEVVIT] .min-w-0 {
[DEVVIT] min-width: 0px;
[DEVVIT] }
[DEVVIT] .max-w-md {
[DEVVIT] max-width: 28rem;
[DEVVIT] }
[DEVVIT] .max-w-5xl {
[DEVVIT] max-width: 64rem;
[DEVVIT] }
[DEVVIT] .max-w-\[380px\] {
[DEVVIT] max-width: 380px;
[DEVVIT] }
[DEVVIT] .max-w-full {
[DEVVIT] max-width: 100%;
[DEVVIT] }
[DEVVIT] .max-w-\[480px\] {
[DEVVIT] max-width: 480px;
[DEVVIT] }
[DEVVIT] .max-w-2xl {
[DEVVIT] max-width: 42rem;
[DEVVIT] }
[DEVVIT] .max-w-3xl {
[DEVVIT] max-width: 48rem;
[DEVVIT] }
[DEVVIT] .max-w-\[300px\] {
[DEVVIT] max-width: 300px;
[DEVVIT] }
[DEVVIT] .max-w-\[178px\] {
[DEVVIT] max-width: 178px;
[DEVVIT] }
[DEVVIT] .max-w-\[180px\] {
[DEVVIT] max-width: 180px;
[DEVVIT] }
[DEVVIT] .max-w-\[72px\] {
[DEVVIT] max-width: 72px;
[DEVVIT] }
[DEVVIT] .max-w-\[492px\] {
[DEVVIT] max-width: 492px;
[DEVVIT] }
[DEVVIT] .max-w-lg {
[DEVVIT] max-width: 32rem;
[DEVVIT] }
[DEVVIT] .max-w-\[400px\] {
[DEVVIT] max-width: 400px;
[DEVVIT] }
[DEVVIT] .flex-none {
[DEVVIT] flex: none;
[DEVVIT] }
[DEVVIT] .flex-1 {
[DEVVIT] flex: 1 1 0%;
[DEVVIT] }
[DEVVIT] .flex-shrink-0 {
[DEVVIT] flex-shrink: 0;
[DEVVIT] }
[DEVVIT] .flex-shrink {
[DEVVIT] flex-shrink: 1;
[DEVVIT] }
[DEVVIT] .shrink-0 {
[DEVVIT] flex-shrink: 0;
[DEVVIT] }
[DEVVIT] .shrink {
[DEVVIT] flex-shrink: 1;
[DEVVIT] }
[DEVVIT] .flex-grow {
[DEVVIT] flex-grow: 1;
[DEVVIT] }
[DEVVIT] .grow {
[DEVVIT] flex-grow: 1;
[DEVVIT] }
[DEVVIT] .grow-0 {
[DEVVIT] flex-grow: 0;
[DEVVIT] }
[DEVVIT] .table-fixed {
[DEVVIT] table-layout: fixed;
[DEVVIT] }
[DEVVIT] .translate-x-px {
[DEVVIT] --tw-translate-x: 1px;
[DEVVIT] transform: translate(var(--tw-translate-x), var(--tw-translate-y))
[DEVVIT] rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
[DEVVIT] scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
[DEVVIT] }
[DEVVIT] .rotate-90 {
[DEVVIT] --tw-rotate: 90deg;
[DEVVIT] transform: translate(var(--tw-translate-x), var(--tw-translate-y))
[DEVVIT] rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
[DEVVIT] scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
[DEVVIT] }
[DEVVIT] .-scale-x-100 {
[DEVVIT] --tw-scale-x: -1;
[DEVVIT] transform: translate(var(--tw-translate-x), var(--tw-translate-y))
[DEVVIT] rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
[DEVVIT] scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
[DEVVIT] }
[DEVVIT] .transform {
[DEVVIT] transform: translate(var(--tw-translate-x), var(--tw-translate-y))
[DEVVIT] rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
[DEVVIT] scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
[DEVVIT] }
[DEVVIT] @keyframes spin {
[DEVVIT] to {
[DEVVIT] transform: rotate(360deg);
[DEVVIT] }
[DEVVIT] }
[DEVVIT] .animate-spin {
[DEVVIT] animation: spin 1s linear infinite;
[DEVVIT] }
[DEVVIT] .cursor-pointer {
[DEVVIT] cursor: pointer;
[DEVVIT] }
[DEVVIT] .cursor-auto {
[DEVVIT] cursor: auto;
[DEVVIT] }
[DEVVIT] .select-none {
[DEVVIT] user-select: none;
[DEVVIT] }
[DEVVIT] .select-all {
[DEVVIT] user-select: all;
[DEVVIT] }
[DEVVIT] .resize {
[DEVVIT] resize: both;
[DEVVIT] }
[DEVVIT] .list-inside {
[DEVVIT] list-style-position: inside;
[DEVVIT] }
[DEVVIT] .list-none {
[DEVVIT] list-style-type: none;
[DEVVIT] }
[DEVVIT] .list-disc {
[DEVVIT] list-style-type: disc;
[DEVVIT] }
[DEVVIT] .grid-cols-1 {
[DEVVIT] grid-template-columns: repeat(1, minmax(0, 1fr));
[DEVVIT] }
[DEVVIT] .flex-row {
[DEVVIT] flex-direction: row;
[DEVVIT] }
[DEVVIT] .flex-col {
[DEVVIT] flex-direction: column;
[DEVVIT] }
[DEVVIT] .flex-wrap {
[DEVVIT] flex-wrap: wrap;
[DEVVIT] }
[DEVVIT] .flex-nowrap {
[DEVVIT] flex-wrap: nowrap;
[DEVVIT] }
[DEVVIT] .content-start {
[DEVVIT] align-content: flex-start;
[DEVVIT] }
[DEVVIT] .items-start {
[DEVVIT] align-items: flex-start;
[DEVVIT] }
[DEVVIT] .items-end {
[DEVVIT] align-items: flex-end;
[DEVVIT] }
[DEVVIT] .items-center {
[DEVVIT] align-items: center;
[DEVVIT] }
[DEVVIT] .items-baseline {
[DEVVIT] align-items: baseline;
[DEVVIT] }
[DEVVIT] .items-stretch {
[DEVVIT] align-items: stretch;
[DEVVIT] }
[DEVVIT] .justify-start {
[DEVVIT] justify-content: flex-start;
[DEVVIT] }
[DEVVIT] .justify-end {
[DEVVIT] justify-content: flex-end;
[DEVVIT] }
[DEVVIT] .justify-center {
[DEVVIT] justify-content: center;
[DEVVIT] }
[DEVVIT] .justify-between {
[DEVVIT] justify-content: space-between;
[DEVVIT] }
[DEVVIT] .gap-xs {
[DEVVIT] gap: 0.5rem;
[DEVVIT] }
[DEVVIT] .gap-2xs {
[DEVVIT] gap: 0.25rem;
[DEVVIT] }
[DEVVIT] .gap-md {
[DEVVIT] gap: 1rem;
[DEVVIT] }
[DEVVIT] .gap-sm {
[DEVVIT] gap: 0.75rem;
[DEVVIT] }
[DEVVIT] .gap-lg {
[DEVVIT] gap: 1.5rem;
[DEVVIT] }
[DEVVIT] .gap-xl {
[DEVVIT] gap: 2rem;
[DEVVIT] }
[DEVVIT] .gap-\[0\.5rem\] {
[DEVVIT] gap: 0.5rem;
[DEVVIT] }
[DEVVIT] .gap-\[var\(--rem4\)\] {
[DEVVIT] gap: var(--rem4);
[DEVVIT] }
[DEVVIT] .gap-x-2xl {
[DEVVIT] column-gap: 3rem;
[DEVVIT] }
[DEVVIT] .gap-x-lg {
[DEVVIT] column-gap: 1.5rem;
[DEVVIT] }
[DEVVIT] .gap-y-xs {
[DEVVIT] row-gap: 0.5rem;
[DEVVIT] }
[DEVVIT] .space-y-\[8px\] > :not([hidden]) ~ :not([hidden]) {
[DEVVIT] --tw-space-y-reverse: 0;
[DEVVIT] margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
[DEVVIT] margin-bottom: calc(8px * var(--tw-space-y-reverse));
[DEVVIT] }
[DEVVIT] .space-y-xs > :not([hidden]) ~ :not([hidden]) {
[DEVVIT] --tw-space-y-reverse: 0;
[DEVVIT] margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
[DEVVIT] margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
[DEVVIT] }
[DEVVIT] .space-y-0 > :not([hidden]) ~ :not([hidden]) {
[DEVVIT] --tw-space-y-reverse: 0;
[DEVVIT] margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
[DEVVIT] margin-bottom: calc(0px * var(--tw-space-y-reverse));
[DEVVIT] }
[DEVVIT] .space-x-xs > :not([hidden]) ~ :not([hidden]) {
[DEVVIT] --tw-space-x-reverse: 0;
[DEVVIT] margin-right: calc(0.5rem * var(--tw-space-x-reverse));
[DEVVIT] margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
[DEVVIT] }
[DEVVIT] .space-y-\[16px\] > :not([hidden]) ~ :not([hidden]) {
[DEVVIT] --tw-space-y-reverse: 0;
[DEVVIT] margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
[DEVVIT] margin-bottom: calc(16px * var(--tw-space-y-reverse));
[DEVVIT] }
[DEVVIT] .space-y-sm > :not([hidden]) ~ :not([hidden]) {
[DEVVIT] --tw-space-y-reverse: 0;
[DEVVIT] margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
[DEVVIT] margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
[DEVVIT] }
[DEVVIT] .self-start {
[DEVVIT] align-self: flex-start;
[DEVVIT] }
[DEVVIT] .self-center {
[DEVVIT] align-self: center;
[DEVVIT] }
[DEVVIT] .justify-self-end {
[DEVVIT] justify-self: end;
[DEVVIT] }
[DEVVIT] .overflow-auto {
[DEVVIT] overflow: auto;
[DEVVIT] }
[DEVVIT] .overflow-hidden {
[DEVVIT] overflow: hidden;
[DEVVIT] }
[DEVVIT] .overflow-visible {
[DEVVIT] overflow: visible;
[DEVVIT] }
[DEVVIT] .overflow-scroll {
[DEVVIT] overflow: scroll;
[DEVVIT] }
[DEVVIT] .overflow-y-auto {
[DEVVIT] overflow-y: auto;
[DEVVIT] }
[DEVVIT] .overflow-y-scroll {
[DEVVIT] overflow-y: scroll;
[DEVVIT] }
[DEVVIT] .truncate {
[DEVVIT] overflow: hidden;
[DEVVIT] text-overflow: ellipsis;
[DEVVIT] white-space: nowrap;
[DEVVIT] }
[DEVVIT] .overflow-ellipsis {
[DEVVIT] text-overflow: ellipsis;
[DEVVIT] }
[DEVVIT] .text-ellipsis {
[DEVVIT] text-overflow: ellipsis;
[DEVVIT] }
[DEVVIT] .whitespace-normal {
[DEVVIT] white-space: normal;
[DEVVIT] }
[DEVVIT] .whitespace-nowrap {
[DEVVIT] white-space: nowrap;
[DEVVIT] }
[DEVVIT] .whitespace-pre-wrap {
[DEVVIT] white-space: pre-wrap;
[DEVVIT] }
[DEVVIT] .break-normal {
[DEVVIT] overflow-wrap: normal;
[DEVVIT] word-break: normal;
[DEVVIT] }
[DEVVIT] .rounded-\[8px\] {
[DEVVIT] border-radius: 8px;
[DEVVIT] }
[DEVVIT] .rounded-lg {
[DEVVIT] border-radius: 2rem;
[DEVVIT] }
[DEVVIT] .rounded-md {
[DEVVIT] border-radius: 1.25rem;
[DEVVIT] }
[DEVVIT] .rounded-full {
[DEVVIT] border-radius: 624.9375rem;
[DEVVIT] }
[DEVVIT] .rounded-sm {
[DEVVIT] border-radius: 0.25rem;
[DEVVIT] }
[DEVVIT] .rounded-\[16px\] {
[DEVVIT] border-radius: 16px;
[DEVVIT] }
[DEVVIT] .rounded-\[\.5rem\] {
[DEVVIT] border-radius: .5rem;
[DEVVIT] }
[DEVVIT] .rounded-\[0\.5rem\] {
[DEVVIT] border-radius: 0.5rem;
[DEVVIT] }
[DEVVIT] .rounded-\[\.25rem\] {
[DEVVIT] border-radius: .25rem;
[DEVVIT] }
[DEVVIT] .rounded-\[\.50rem\] {
[DEVVIT] border-radius: .50rem;
[DEVVIT] }
[DEVVIT] .rounded-\[\.75rem\] {
[DEVVIT] border-radius: .75rem;
[DEVVIT] }
[DEVVIT] .rounded-\[1rem\] {
[DEVVIT] border-radius: 1rem;
[DEVVIT] }
[DEVVIT] .rounded-none {
[DEVVIT] border-radius: 0rem;
[DEVVIT] }
[DEVVIT] .rounded-l-\[8px\] {
[DEVVIT] border-top-left-radius: 8px;
[DEVVIT] border-bottom-left-radius: 8px;
[DEVVIT] }
[DEVVIT] .rounded-l-\[12px\] {
[DEVVIT] border-top-left-radius: 12px;
[DEVVIT] border-bottom-left-radius: 12px;
[DEVVIT] }
[DEVVIT] .rounded-r-\[8px\] {
[DEVVIT] border-top-right-radius: 8px;
[DEVVIT] border-bottom-right-radius: 8px;
[DEVVIT] }
[DEVVIT] .rounded-r-\[12px\] {
[DEVVIT] border-top-right-radius: 12px;
[DEVVIT] border-bottom-right-radius: 12px;
[DEVVIT] }
[DEVVIT] .border {
[DEVVIT] border-width: 0.0625rem;
[DEVVIT] }
[DEVVIT] .border-sm {
[DEVVIT] border-width: 0.0625rem;
[DEVVIT] }
[DEVVIT] .border-0 {
[DEVVIT] border-width: 0rem;
[DEVVIT] }
[DEVVIT] .border-lg {
[DEVVIT] border-width: 0.25rem;
[DEVVIT] }
[DEVVIT] .border-\[0\.125rem\] {
[DEVVIT] border-width: 0.125rem;
[DEVVIT] }
[DEVVIT] .border-\[0\.1875rem\] {
[DEVVIT] border-width: 0.1875rem;
[DEVVIT] }
[DEVVIT] .border-\[\.25rem\] {
[DEVVIT] border-width: .25rem;
[DEVVIT] }
[DEVVIT] .border-md {
[DEVVIT] border-width: 0.125rem;
[DEVVIT] }
[DEVVIT] .border-t {
[DEVVIT] border-top-width: 0.0625rem;
[DEVVIT] }
[DEVVIT] .border-b {
[DEVVIT] border-bottom-width: 0.0625rem;
[DEVVIT] }
[DEVVIT] .border-solid {
[DEVVIT] border-style: solid;
[DEVVIT] }
[DEVVIT] .border-hidden {
[DEVVIT] border-style: hidden;
[DEVVIT] }
[DEVVIT] .border-none {
[DEVVIT] border-style: none;
[DEVVIT] }
[DEVVIT] .border-neutral-border-weak {
[DEVVIT] border-color: var(--color-neutral-border-weak);
[DEVVIT] }
[DEVVIT] .border-neutral-border {
[DEVVIT] border-color: var(--color-neutral-border);
[DEVVIT] }
[DEVVIT] .border-tone-4 {
[DEVVIT] border-color: var(--color-tone-4);
[DEVVIT] }
[DEVVIT] .border-transparent {
[DEVVIT] border-color: transparent;
[DEVVIT] }
[DEVVIT] .border-interactive-pressed {
[DEVVIT] border-color: var(--color-interactive-pressed);
[DEVVIT] }
[DEVVIT] .border-neutral-background-selected {
[DEVVIT] border-color: var(--color-neutral-background-selected);
[DEVVIT] }
[DEVVIT] .border-neutral-background-weak {
[DEVVIT] border-color: var(--color-neutral-background-weak);
[DEVVIT] }
[DEVVIT] .border-tone-5 {
[DEVVIT] border-color: var(--color-tone-5);
[DEVVIT] }
[DEVVIT] .border-neutral-background-container {
[DEVVIT] border-color: var(--color-neutral-background-container);
[DEVVIT] }
[DEVVIT] .border-neutral-background {
[DEVVIT] border-color: var(--color-neutral-background);
[DEVVIT] }
[DEVVIT] .border-action-upvote {
[DEVVIT] border-color: var(--color-action-upvote);
[DEVVIT] }
[DEVVIT] .border-action-downvote {
[DEVVIT] border-color: var(--color-action-downvote);
[DEVVIT] }
[DEVVIT] .border-b-alienblue-600 {
[DEVVIT] --tw-border-opacity: 1;
[DEVVIT] border-bottom-color: rgb(17 91 202 / var(--tw-border-opacity));
[DEVVIT] }
[DEVVIT] .border-b-global-brand-orangered {
[DEVVIT] --tw-border-opacity: 1;
[DEVVIT] border-bottom-color: rgb(255 69 0 / var(--tw-border-opacity));
[DEVVIT] }
[DEVVIT] .bg-orangered-500 {
[DEVVIT] --tw-bg-opacity: 1;
[DEVVIT] background-color: rgb(217 57 0 / var(--tw-bg-opacity));
[DEVVIT] }
[DEVVIT] .bg-neutral-background {
[DEVVIT] background-color: var(--color-neutral-background);
[DEVVIT] }
[DEVVIT] .bg-neutral-background-weak {
[DEVVIT] background-color: var(--color-neutral-background-weak);
[DEVVIT] }
[DEVVIT] .bg-success-plain {
[DEVVIT] background-color: var(--color-success-plain);
[DEVVIT] }
[DEVVIT] .bg-danger-background-weaker {
[DEVVIT] background-color: var(--color-danger-background-weaker);
[DEVVIT] }
[DEVVIT] .bg-neutral-background-hover {
[DEVVIT] background-color: var(--color-neutral-background-hover);
[DEVVIT] }
[DEVVIT] .bg-neutral-content-strong {
[DEVVIT] background-color: var(--color-neutral-content-strong);
[DEVVIT] }
[DEVVIT] .bg-neutral-background-selected {
[DEVVIT] background-color: var(--color-neutral-background-selected);
[DEVVIT] }
[DEVVIT] .bg-neutral-content-weak {
[DEVVIT] background-color: var(--color-neutral-content-weak);
[DEVVIT] }
[DEVVIT] .bg-transparent {
[DEVVIT] background-color: transparent;
[DEVVIT] }
[DEVVIT] .bg-secondary-background-selected {
[DEVVIT] background-color: var(--color-secondary-background-selected);
[DEVVIT] }
[DEVVIT] .bg-alienblue-100 {
[DEVVIT] --tw-bg-opacity: 1;
[DEVVIT] background-color: rgb(220 226 251 / var(--tw-bg-opacity));
[DEVVIT] }
[DEVVIT] .bg-orangered-100 {
[DEVVIT] --tw-bg-opacity: 1;
[DEVVIT] background-color: rgb(252 219 207 / var(--tw-bg-opacity));
[DEVVIT] }
[DEVVIT] .bg-neutral-background-gilded {
[DEVVIT] background-color: var(--color-neutral-background-gilded);
[DEVVIT] }
[DEVVIT] .bg-black {
[DEVVIT] --tw-bg-opacity: 1;
[DEVVIT] background-color: rgb(0 0 0 / var(--tw-bg-opacity));
[DEVVIT] }
[DEVVIT] .bg-secondary-background {
[DEVVIT] background-color: var(--color-secondary-background);
[DEVVIT] }
[DEVVIT] .bg-caution-background {
[DEVVIT] background-color: var(--color-caution-background);
[DEVVIT] }
[DEVVIT] .bg-success-background {
[DEVVIT] background-color: var(--color-success-background);
[DEVVIT] }
[DEVVIT] .bg-danger-background {
[DEVVIT] background-color: var(--color-danger-background);
[DEVVIT] }
[DEVVIT] .bg-primary {
[DEVVIT] background-color: var(--color-primary);
[DEVVIT] }
[DEVVIT] .bg-online {
[DEVVIT] background-color: var(--color-online);
[DEVVIT] }
[DEVVIT] .bg-brand-background {
[DEVVIT] background-color: var(--color-brand-background);
[DEVVIT] }
[DEVVIT] .bg-warning-background {
[DEVVIT] background-color: var(--color-warning-background);
[DEVVIT] }
[DEVVIT] .bg-neutral-content {
[DEVVIT] background-color: var(--color-neutral-content);
[DEVVIT] }
[DEVVIT] .bg-interactive-content-disabled {
[DEVVIT] background-color: var(--color-interactive-content-disabled);
[DEVVIT] }
[DEVVIT] .bg-inverted-neutral-background {
[DEVVIT] background-color: var(--color-inverted-neutral-background);
[DEVVIT] }
[DEVVIT] .bg-media-background {
[DEVVIT] background-color: var(--color-media-background);
[DEVVIT] }
[DEVVIT] .bg-\[color\:var\(--button-color-background-default\)\] {
[DEVVIT] background-color: var(--button-color-background-default);
[DEVVIT] }
[DEVVIT] .bg-secondary-plain {
[DEVVIT] background-color: var(--color-secondary-plain);
[DEVVIT] }
[DEVVIT] .bg-action-upvote {
[DEVVIT] background-color: var(--color-action-upvote);
[DEVVIT] }
[DEVVIT] .bg-action-downvote {
[DEVVIT] background-color: var(--color-action-downvote);
[DEVVIT] }
[DEVVIT] .bg-interactive-background-disabled {
[DEVVIT] background-color: var(--color-interactive-background-disabled);
[DEVVIT] }
[DEVVIT] .bg-\[color\:var\(--color-button-plain-background-disabled\)\] {
[DEVVIT] background-color: var(--color-button-plain-background-disabled);
[DEVVIT] }
[DEVVIT] .p-0 {
[DEVVIT] padding: 0px;
[DEVVIT] }
[DEVVIT] .p-xs {
[DEVVIT] padding: 0.5rem;
[DEVVIT] }
[DEVVIT] .p-md {
[DEVVIT] padding: 1rem;
[DEVVIT] }
[DEVVIT] .p-sm {
[DEVVIT] padding: 0.75rem;
[DEVVIT] }
[DEVVIT] .p-lg {
[DEVVIT] padding: 1.5rem;
[DEVVIT] }
[DEVVIT] .p-2xs {
[DEVVIT] padding: 0.25rem;
[DEVVIT] }
[DEVVIT] .px-md {
[DEVVIT] padding-left: 1rem;
[DEVVIT] padding-right: 1rem;
[DEVVIT] }
[DEVVIT] .py-md {
[DEVVIT] padding-top: 1rem;
[DEVVIT] padding-bottom: 1rem;
[DEVVIT] }
[DEVVIT] .px-xs {
[DEVVIT] padding-left: 0.5rem;
[DEVVIT] padding-right: 0.5rem;
[DEVVIT] }
[DEVVIT] .py-xs {
[DEVVIT] padding-top: 0.5rem;
[DEVVIT] padding-bottom: 0.5rem;
[DEVVIT] }
[DEVVIT] .px-lg {
[DEVVIT] padding-left: 1.5rem;
[DEVVIT] padding-right: 1.5rem;
[DEVVIT] }
[DEVVIT] .py-xl {
[DEVVIT] padding-top: 2rem;
[DEVVIT] padding-bottom: 2rem;
[DEVVIT] }
[DEVVIT] .px-sm {
[DEVVIT] padding-left: 0.75rem;
[DEVVIT] padding-right: 0.75rem;
[DEVVIT] }
[DEVVIT] .py-sm {
[DEVVIT] padding-top: 0.75rem;
[DEVVIT] padding-bottom: 0.75rem;
[DEVVIT] }
[DEVVIT] .px-0 {
[DEVVIT] padding-left: 0px;
[DEVVIT] padding-right: 0px;
[DEVVIT] }
[DEVVIT] .px-2xs {
[DEVVIT] padding-left: 0.25rem;
[DEVVIT] padding-right: 0.25rem;
[DEVVIT] }
[DEVVIT] .px-\[var\(--rem10\)\] {
[DEVVIT] padding-left: var(--rem10);
[DEVVIT] padding-right: var(--rem10);
[DEVVIT] }
[DEVVIT] .px-\[var\(--rem14\)\] {
[DEVVIT] padding-left: var(--rem14);
[DEVVIT] padding-right: var(--rem14);
[DEVVIT] }
[DEVVIT] .px-\[var\(--rem6\)\] {
[DEVVIT] padding-left: var(--rem6);
[DEVVIT] padding-right: var(--rem6);
[DEVVIT] }
[DEVVIT] .px-\[var\(--rem8\)\] {
[DEVVIT] padding-left: var(--rem8);
[DEVVIT] padding-right: var(--rem8);
[DEVVIT] }
[DEVVIT] .px-\[var\(--rem12\)\] {
[DEVVIT] padding-left: var(--rem12);
[DEVVIT] padding-right: var(--rem12);
[DEVVIT] }
[DEVVIT] .px-\[0\.375rem\] {
[DEVVIT] padding-left: 0.375rem;
[DEVVIT] padding-right: 0.375rem;
[DEVVIT] }
[DEVVIT] .py-\[0\.125rem\] {
[DEVVIT] padding-top: 0.125rem;
[DEVVIT] padding-bottom: 0.125rem;
[DEVVIT] }
[DEVVIT] .py-2xs {
[DEVVIT] padding-top: 0.25rem;
[DEVVIT] padding-bottom: 0.25rem;
[DEVVIT] }
[DEVVIT] .py-\[var\(--rem6\)\] {
[DEVVIT] padding-top: var(--rem6);
[DEVVIT] padding-bottom: var(--rem6);
[DEVVIT] }
[DEVVIT] .py-\[var\(--rem10\)\] {
[DEVVIT] padding-top: var(--rem10);
[DEVVIT] padding-bottom: var(--rem10);
[DEVVIT] }
[DEVVIT] .py-\[var\(--rem14\)\] {
[DEVVIT] padding-top: var(--rem14);
[DEVVIT] padding-bottom: var(--rem14);
[DEVVIT] }
[DEVVIT] .pt-sm {
[DEVVIT] padding-top: 0.75rem;
[DEVVIT] }
[DEVVIT] .pr-xs {
[DEVVIT] padding-right: 0.5rem;
[DEVVIT] }
[DEVVIT] .pt-lg {
[DEVVIT] padding-top: 1.5rem;
[DEVVIT] }
[DEVVIT] .pb-md {
[DEVVIT] padding-bottom: 1rem;
[DEVVIT] }
[DEVVIT] .pr-sm {
[DEVVIT] padding-right: 0.75rem;
[DEVVIT] }
[DEVVIT] .pb-0 {
[DEVVIT] padding-bottom: 0px;
[DEVVIT] }
[DEVVIT] .pl-xs {
[DEVVIT] padding-left: 0.5rem;
[DEVVIT] }
[DEVVIT] .pt-md {
[DEVVIT] padding-top: 1rem;
[DEVVIT] }
[DEVVIT] .pl-\[var\(--rem10\)\] {
[DEVVIT] padding-left: var(--rem10);
[DEVVIT] }
[DEVVIT] .pr-\[var\(--rem6\)\] {
[DEVVIT] padding-right: var(--rem6);
[DEVVIT] }
[DEVVIT] .pl-\[var\(--rem14\)\] {
[DEVVIT] padding-left: var(--rem14);
[DEVVIT] }
[DEVVIT] .pr-\[var\(--rem10\)\] {
[DEVVIT] padding-right: var(--rem10);
[DEVVIT] }
[DEVVIT] .pr-\[var\(--rem14\)\] {
[DEVVIT] padding-right: var(--rem14);
[DEVVIT] }
[DEVVIT] .pl-md {
[DEVVIT] padding-left: 1rem;
[DEVVIT] }
[DEVVIT] .pr-md {
[DEVVIT] padding-right: 1rem;
[DEVVIT] }
[DEVVIT] .pl-\[var\(--rem12\)\] {
[DEVVIT] padding-left: var(--rem12);
[DEVVIT] }
[DEVVIT] .pr-\[var\(--rem12\)\] {
[DEVVIT] padding-right: var(--rem12);
[DEVVIT] }
[DEVVIT] .pr-\[var\(--rem16\)\] {
[DEVVIT] padding-right: var(--rem16);
[DEVVIT] }
[DEVVIT] .pr-\[var\(--rem8\)\] {
[DEVVIT] padding-right: var(--rem8);
[DEVVIT] }
[DEVVIT] .pl-\[var\(--rem16\)\] {
[DEVVIT] padding-left: var(--rem16);
[DEVVIT] }
[DEVVIT] .pr-\[3px\] {
[DEVVIT] padding-right: 3px;
[DEVVIT] }
[DEVVIT] .pr-\[10px\] {
[DEVVIT] padding-right: 10px;
[DEVVIT] }
[DEVVIT] .text-left {
[DEVVIT] text-align: left;
[DEVVIT] }
[DEVVIT] .text-center {
[DEVVIT] text-align: center;
[DEVVIT] }
[DEVVIT] .text-right {
[DEVVIT] text-align: right;
[DEVVIT] }
[DEVVIT] .text-start {
[DEVVIT] text-align: start;
[DEVVIT] }
[DEVVIT] .align-baseline {
[DEVVIT] vertical-align: baseline;
[DEVVIT] }
[DEVVIT] .align-middle {
[DEVVIT] vertical-align: middle;
[DEVVIT] }
[DEVVIT] .font-sans {
[DEVVIT] font-family: var(--font-sans);
[DEVVIT] }
[DEVVIT] .text-32 {
[DEVVIT] font-size: 2rem;
[DEVVIT] line-height: 2.25rem;
[DEVVIT] }
[DEVVIT] .text-14 {
[DEVVIT] font-size: 0.875rem;
[DEVVIT] line-height: 1.25rem;
[DEVVIT] }
[DEVVIT] .text-24 {
[DEVVIT] font-size: 1.5rem;
[DEVVIT] line-height: 1.75rem;
[DEVVIT] }
[DEVVIT] .text-18 {
[DEVVIT] font-size: 1.125rem;
[DEVVIT] line-height: 1.5rem;
[DEVVIT] }
[DEVVIT] .text-16 {
[DEVVIT] font-size: 1rem;
[DEVVIT] line-height: 1.25rem;
[DEVVIT] }
[DEVVIT] .text-12 {
[DEVVIT] font-size: 0.75rem;
[DEVVIT] line-height: 1rem;
[DEVVIT] }
[DEVVIT] .text-48 {
[DEVVIT] font-size: 3rem;
[DEVVIT] line-height: 3rem;
[DEVVIT] }
[DEVVIT] .text-20 {
[DEVVIT] font-size: 1.25rem;
[DEVVIT] line-height: 1.25rem;
[DEVVIT] }
[DEVVIT] .text-10 {
[DEVVIT] font-size: 0.625rem;
[DEVVIT] line-height: 1rem;
[DEVVIT] }
[DEVVIT] .font-bold {
[DEVVIT] font-weight: 700;
[DEVVIT] }
[DEVVIT] .font-normal {
[DEVVIT] font-weight: 400;
[DEVVIT] }
[DEVVIT] .font-semibold {
[DEVVIT] font-weight: 600;
[DEVVIT] }
[DEVVIT] .uppercase {
[DEVVIT] text-transform: uppercase;
[DEVVIT] }
[DEVVIT] .lowercase {
[DEVVIT] text-transform: lowercase;
[DEVVIT] }
[DEVVIT] .leading-6 {
[DEVVIT] line-height: 1.5rem;
[DEVVIT] }
[DEVVIT] .leading-5 {
[DEVVIT] line-height: 1.25rem;
[DEVVIT] }
[DEVVIT] .leading-none {
[DEVVIT] line-height: 1;
[DEVVIT] }
[DEVVIT] .leading-9 {
[DEVVIT] line-height: 2.25rem;
[DEVVIT] }
[DEVVIT] .leading-4 {
[DEVVIT] line-height: 1rem;
[DEVVIT] }
[DEVVIT] .tracking-widest {
[DEVVIT] letter-spacing: 0.1em;
[DEVVIT] }
[DEVVIT] .text-primary-onBackground {
[DEVVIT] color: var(--color-primary-onBackground);
[DEVVIT] }
[DEVVIT] .text-neutral-content-strong {
[DEVVIT] color: var(--color-neutral-content-strong);
[DEVVIT] }
[DEVVIT] .text-neutral-content {
[DEVVIT] color: var(--color-neutral-content);
[DEVVIT] }
[DEVVIT] .text-neutral-content-weak {
[DEVVIT] color: var(--color-neutral-content-weak);
[DEVVIT] }
[DEVVIT] .text-secondary {
[DEVVIT] color: var(--color-secondary);
[DEVVIT] }
[DEVVIT] .text-orangered-400 {
[DEVVIT] --tw-text-opacity: 1;
[DEVVIT] color: rgb(255 69 0 / var(--tw-text-opacity));
[DEVVIT] }
[DEVVIT] .text-danger-content {
[DEVVIT] color: var(--color-danger-content);
[DEVVIT] }
[DEVVIT] .text-white {
[DEVVIT] --tw-text-opacity: 1;
[DEVVIT] color: rgb(255 255 255 / var(--tw-text-opacity));
[DEVVIT] }
[DEVVIT] .text-success-content {
[DEVVIT] color: var(--color-success-content);
[DEVVIT] }
[DEVVIT] .text-red-500 {
[DEVVIT] --tw-text-opacity: 1;
[DEVVIT] color: rgb(235 0 31 / var(--tw-text-opacity));
[DEVVIT] }
[DEVVIT] .text-alert-negative {
[DEVVIT] color: var(--color-alert-negative);
[DEVVIT] }
[DEVVIT] .text-success-plain {
[DEVVIT] color: var(--color-success-plain);
[DEVVIT] }
[DEVVIT] .text-neutral-background-strong {
[DEVVIT] color: var(--color-neutral-background-strong);
[DEVVIT] }
[DEVVIT] .text-interactive-content-disabled {
[DEVVIT] color: var(--color-interactive-content-disabled);
[DEVVIT] }
[DEVVIT] .text-caution-plain {
[DEVVIT] color: var(--color-caution-plain);
[DEVVIT] }
[DEVVIT] .text-global-white {
[DEVVIT] --tw-text-opacity: 1;
[DEVVIT] color: rgb(255 255 255 / var(--tw-text-opacity));
[DEVVIT] }
[DEVVIT] .text-orangered-500 {
[DEVVIT] --tw-text-opacity: 1;
[DEVVIT] color: rgb(217 57 0 / var(--tw-text-opacity));
[DEVVIT] }
[DEVVIT] .text-secondary-onBackground {
[DEVVIT] color: var(--color-secondary-onBackground);
[DEVVIT] }
[DEVVIT] .text-caution-onBackground {
[DEVVIT] color: var(--color-caution-onBackground);
[DEVVIT] }
[DEVVIT] .text-success-onBackground {
[DEVVIT] color: var(--color-success-onBackground);
[DEVVIT] }
[DEVVIT] .text-danger-onBackground {
[DEVVIT] color: var(--color-danger-onBackground);
[DEVVIT] }
[DEVVIT] .text-secondary-plain {
[DEVVIT] color: var(--color-secondary-plain);
[DEVVIT] }
[DEVVIT] .text-secondary-plain-weak {
[DEVVIT] color: var(--color-secondary-plain-weak);
[DEVVIT] }
[DEVVIT] .text-media-onbackground {
[DEVVIT] color: var(--color-media-onbackground);
[DEVVIT] }
[DEVVIT] .text-inverted-secondary-plain {
[DEVVIT] color: var(--color-inverted-secondary-plain);
[DEVVIT] }
[DEVVIT] .text-brand-onBackground {
[DEVVIT] color: var(--color-brand-onBackground);
[DEVVIT] }
[DEVVIT] .text-neutral-background {
[DEVVIT] color: var(--color-neutral-background);
[DEVVIT] }
[DEVVIT] .text-media-onBackground {
[DEVVIT] color: var(--color-media-onBackground);
[DEVVIT] }
[DEVVIT] .text-ai-plain {
[DEVVIT] color: var(--color-ai-plain);
[DEVVIT] }
[DEVVIT] .text-category-nsfw {
[DEVVIT] color: var(--color-category-nsfw);
[DEVVIT] }
[DEVVIT] .text-primary {
[DEVVIT] color: var(--color-primary);
[DEVVIT] }
[DEVVIT] .text-category-spoiler {
[DEVVIT] color: var(--color-category-spoiler);
[DEVVIT] }
[DEVVIT] .text-warning-content {
[DEVVIT] color: var(--color-warning-content);
[DEVVIT] }
[DEVVIT] .text-action-downvote {
[DEVVIT] color: var(--color-action-downvote);
[DEVVIT] }
[DEVVIT] .text-secondary-weak {
[DEVVIT] color: var(--color-secondary-weak);
[DEVVIT] }
[DEVVIT] .text-\[color\:var\(--button-color-text-default\)\] {
[DEVVIT] color: var(--button-color-text-default);
[DEVVIT] }
[DEVVIT] .text-media-onbackground-weak {
[DEVVIT] color: var(--color-media-onbackground-weak);
[DEVVIT] }
[DEVVIT] .\!text-neutral-content-strong {
[DEVVIT] color: var(--color-neutral-content-strong) !important;
[DEVVIT] }
[DEVVIT] .text-neutral-content-disabled {
[DEVVIT] color: var(--color-neutral-content-disabled);
[DEVVIT] }
[DEVVIT] .text-action-upvote {
[DEVVIT] color: var(--color-action-upvote);
[DEVVIT] }
[DEVVIT] .text-\[color\:var\(--color-button-secondary-text-disabled\)\] {
[DEVVIT] color: var(--color-button-secondary-text-disabled);
[DEVVIT] }
[DEVVIT] .text-\[color\:var\(--color-button-plain-text-disabled\)\] {
[DEVVIT] color: var(--color-button-plain-text-disabled);
[DEVVIT] }
[DEVVIT] .underline {
[DEVVIT] text-decoration-line: underline;
[DEVVIT] }
[DEVVIT] .line-through {
[DEVVIT] text-decoration-line: line-through;
[DEVVIT] }
[DEVVIT] .no-underline {
[DEVVIT] text-decoration-line: none;
[DEVVIT] }
[DEVVIT] .opacity-60 {
[DEVVIT] opacity: 0.6;
[DEVVIT] }
[DEVVIT] .opacity-40 {
[DEVVIT] opacity: 0.4;
[DEVVIT] }
[DEVVIT] .shadow-xs {
[DEVVIT] --tw-shadow: var(--elevation-xs);
[DEVVIT] --tw-shadow-colored: var(--elevation-xs);
[DEVVIT] box-shadow:
[DEVVIT] var(--tw-ring-offset-shadow, 0 0 #0000),
[DEVVIT] var(--tw-ring-shadow, 0 0 #0000),
[DEVVIT] var(--tw-shadow);
[DEVVIT] }
[DEVVIT] .shadow-md {
[DEVVIT] --tw-shadow: var(--elevation-md);
[DEVVIT] --tw-shadow-colored: var(--elevation-md);
[DEVVIT] box-shadow:
[DEVVIT] var(--tw-ring-offset-shadow, 0 0 #0000),
[DEVVIT] var(--tw-ring-shadow, 0 0 #0000),
[DEVVIT] var(--tw-shadow);
[DEVVIT] }
[DEVVIT] .outline {
[DEVVIT] outline-style: solid;
[DEVVIT] }
[DEVVIT] .ring {
[DEVVIT] --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
[DEVVIT] var(--tw-ring-offset-width) var(--tw-ring-offset-color);
[DEVVIT] --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px +
[DEVVIT] var(--tw-ring-offset-width)) var(--tw-ring-color);
[DEVVIT] box-shadow:
[DEVVIT] var(--tw-ring-offset-shadow),
[DEVVIT] var(--tw-ring-shadow),
[DEVVIT] var(--tw-shadow, 0 0 #0000);
[DEVVIT] }
[DEVVIT] .drop-shadow {
[DEVVIT] --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0
[DEVVIT] 1px 1px rgb(0 0 0 / 0.06));
[DEVVIT] filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
[DEVVIT] var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
[DEVVIT] var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
[DEVVIT] }
[DEVVIT] .invert {
[DEVVIT] --tw-invert: invert(100%);
[DEVVIT] filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
[DEVVIT] var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
[DEVVIT] var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
[DEVVIT] }
[DEVVIT] .transition {
[DEVVIT] transition-property:
[DEVVIT] color,
[DEVVIT] background-color,
[DEVVIT] border-color,
[DEVVIT] text-decoration-color,
[DEVVIT] fill,
[DEVVIT] stroke,
[DEVVIT] opacity,
[DEVVIT] box-shadow,
[DEVVIT] transform,
[DEVVIT] filter,
[DEVVIT] backdrop-filter;
[DEVVIT] transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
[DEVVIT] transition-duration: 150ms;
[DEVVIT] }
[DEVVIT] .ease-in-out {
[DEVVIT] transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
[DEVVIT] }
[DEVVIT] *,
[DEVVIT] ::before,
[DEVVIT] ::after {
[DEVVIT] --davinci-blue: rgb(13, 189, 235);
[DEVVIT] --alien-blue: #4791ff;
[DEVVIT] --tw-translate-x: 0;
[DEVVIT] --tw-translate-y: 0;
[DEVVIT] --tw-rotate: 0;
[DEVVIT] --tw-skew-x: 0;
[DEVVIT] --tw-skew-y: 0;
[DEVVIT] --tw-scale-x: 1;
[DEVVIT] --tw-scale-y: 1;
[DEVVIT] --tw-transform: translateX(var(--tw-translate-x))
[DEVVIT] translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))
[DEVVIT] skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
[DEVVIT] scaleY(var(--tw-scale-y));
[DEVVIT] }
[DEVVIT] body {
[DEVVIT] --faceplate-body-padding: 0;
[DEVVIT] }
[DEVVIT] body * {
[DEVVIT] --faceplate-body-padding: 0;
[DEVVIT] }
[DEVVIT] .markdown-container h1 {
[DEVVIT] display: block;
[DEVVIT] font-size: 2em;
[DEVVIT] margin-block-start: 0.67em;
[DEVVIT] margin-block-end: 0.67em;
[DEVVIT] margin-inline-start: 0;
[DEVVIT] margin-inline-end: 0;
[DEVVIT] font-weight: bold;
[DEVVIT] }
[DEVVIT] .markdown-container h2 {
[DEVVIT] display: block;
[DEVVIT] font-size: 1.5em;
[DEVVIT] margin-block-start: 0.83em;
[DEVVIT] margin-block-end: 0.83em;
[DEVVIT] margin-inline-start: 0;
[DEVVIT] margin-inline-end: 0;
[DEVVIT] font-weight: bold;
[DEVVIT] }
[DEVVIT] .markdown-container h3 {
[DEVVIT] display: block;
[DEVVIT] font-size: 1.17em;
[DEVVIT] margin-block-start: 1em;
[DEVVIT] margin-block-end: 1em;
[DEVVIT] margin-inline-start: 0;
[DEVVIT] margin-inline-end: 0;
[DEVVIT] font-weight: bold;
[DEVVIT] }
[DEVVIT] .markdown-container h4 {
[DEVVIT] display: block;
[DEVVIT] font-size: 1em;
[DEVVIT] margin-block-start: 1.33em;
[DEVVIT] margin-block-end: 1.33em;
[DEVVIT] margin-inline-start: 0;
[DEVVIT] margin-inline-end: 0;
[DEVVIT] font-weight: bold;
[DEVVIT] }
[DEVVIT] .markdown-container h5 {
[DEVVIT] display: block;
[DEVVIT] font-size: 0.83em;
[DEVVIT] margin-block-start: 1.67em;
[DEVVIT] margin-block-end: 1.67em;
[DEVVIT] margin-inline-start: 0;
[DEVVIT] margin-inline-end: 0;
[DEVVIT] font-weight: bold;
[DEVVIT] }
[DEVVIT] .markdown-container h6 {
[DEVVIT] display: block;
[DEVVIT] font-size: 0.67em;
[DEVVIT] margin-block-start: 2.33em;
[DEVVIT] margin-block-end: 2.33em;
[DEVVIT] margin-inline-start: 0;
[DEVVIT] margin-inline-end: 0;
[DEVVIT] font-weight: bold;
[DEVVIT] }
[DEVVIT] .markdown-container pre {
[DEVVIT] max-width: calc(100vw - 170px);
[DEVVIT] }
[DEVVIT] .before\:content-\[\'\2022\'\]::before {
[DEVVIT] --tw-content: "\2022";
[DEVVIT] content: var(--tw-content);
[DEVVIT] }
[DEVVIT] .even\:bg-neutral-background-weak-hover:nth-child(even) {
[DEVVIT] background-color: var(--color-neutral-background-weak-hover);
[DEVVIT] }
[DEVVIT] .visited\:text-secondary-plain:visited {
[DEVVIT] color: var(--color-secondary-plain);
[DEVVIT] }
[DEVVIT] .visited\:text-secondary-plain-weak:visited {
[DEVVIT] color: var(--color-secondary-plain-weak);
[DEVVIT] }
[DEVVIT] .visited\:text-media-onbackground:visited {
[DEVVIT] color: var(--color-media-onbackground);
[DEVVIT] }
[DEVVIT] .visited\:text-neutral-background-weak:visited {
[DEVVIT] color: var(--color-neutral-background-weak);
[DEVVIT] }
[DEVVIT] @media (hover: hover) and (pointer: fine) {
[DEVVIT] .hover\:cursor-none:hover {
[DEVVIT] cursor: none;
[DEVVIT] }
[DEVVIT] .hover\:border-neutral-border:hover {
[DEVVIT] border-color: var(--color-neutral-border);
[DEVVIT] }
[DEVVIT] .hover\:border-primary-background-hover:hover {
[DEVVIT] border-color: var(--color-primary-background-hover);
[DEVVIT] }
[DEVVIT] .hover\:border-transparent:hover {
[DEVVIT] border-color: transparent;
[DEVVIT] }
[DEVVIT] .hover\:bg-neutral-background-weak-hover:hover {
[DEVVIT] background-color: var(--color-neutral-background-weak-hover);
[DEVVIT] }
[DEVVIT] .hover\:bg-neutral-background-hover:hover {
[DEVVIT] background-color: var(--color-neutral-background-hover);
[DEVVIT] }
[DEVVIT] .hover\:bg-tone-5:hover {
[DEVVIT] background-color: var(--color-tone-5);
[DEVVIT] }
[DEVVIT] .hover\:bg-orangered-200:hover {
[DEVVIT] --tw-bg-opacity: 1;
[DEVVIT] background-color: rgb(253 180 152 / var(--tw-bg-opacity));
[DEVVIT] }
[DEVVIT] .hover\:bg-downvote-background-hover:hover {
[DEVVIT] background-color: var(--color-downvote-background-hover);
[DEVVIT] }
[DEVVIT] .hover\:bg-upvote-background-hover:hover {
[DEVVIT] background-color: var(--color-upvote-background-hover);
[DEVVIT] }
[DEVVIT] .hover\:bg-secondary-background-hover:hover {
[DEVVIT] background-color: var(--color-secondary-background-hover);
[DEVVIT] }
[DEVVIT] .hover\:bg-neutral-background-selected:hover {
[DEVVIT] background-color: var(--color-neutral-background-selected);
[DEVVIT] }
[DEVVIT] .hover\:text-secondary-hover:hover {
[DEVVIT] color: var(--color-secondary-hover);
[DEVVIT] }
[DEVVIT] .hover\:text-global-white:hover {
[DEVVIT] --tw-text-opacity: 1;
[DEVVIT] color: rgb(255 255 255 / var(--tw-text-opacity));
[DEVVIT] }
[DEVVIT] .hover\:text-secondary-plain-hover:hover {
[DEVVIT] color: var(--color-secondary-plain-hover);
[DEVVIT] }
[DEVVIT] .hover\:text-inverted-secondary-plain-hover:hover {
[DEVVIT] color: var(--color-inverted-secondary-plain-hover);
[DEVVIT] }
[DEVVIT] .hover\:text-action-downvote:hover {
[DEVVIT] color: var(--color-action-downvote);
[DEVVIT] }
[DEVVIT] .hover\:text-danger-content-hover:hover {
[DEVVIT] color: var(--color-danger-content-hover);
[DEVVIT] }
[DEVVIT] .hover\:text-secondary-plain:hover {
[DEVVIT] color: var(--color-secondary-plain);
[DEVVIT] }
[DEVVIT] .hover\:text-action-upvote:hover {
[DEVVIT] color: var(--color-action-upvote);
[DEVVIT] }
[DEVVIT] .hover\:underline:hover {
[DEVVIT] text-decoration-line: underline;
[DEVVIT] }
[DEVVIT] .hover\:no-underline:hover {
[DEVVIT] text-decoration-line: none;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] .focus\:outline-none:focus {
[DEVVIT] outline: 2px solid transparent;
[DEVVIT] outline-offset: 2px;
[DEVVIT] }
[DEVVIT] .focus-visible\:text-action-downvote:focus-visible {
[DEVVIT] color: var(--color-action-downvote);
[DEVVIT] }
[DEVVIT] .focus-visible\:text-action-upvote:focus-visible {
[DEVVIT] color: var(--color-action-upvote);
[DEVVIT] }
[DEVVIT] .active\:bg-interactive-pressed:active {
[DEVVIT] background-color: var(--color-interactive-pressed);
[DEVVIT] }
[DEVVIT] .active\:bg-secondary-background:active {
[DEVVIT] background-color: var(--color-secondary-background);
[DEVVIT] }
[DEVVIT] .disabled\:bg-interactive-background-disabled:disabled {
[DEVVIT] background-color: var(--color-interactive-background-disabled);
[DEVVIT] }
[DEVVIT] .disabled\:text-interactive-content-disabled:disabled {
[DEVVIT] color: var(--color-interactive-content-disabled);
[DEVVIT] }
[DEVVIT] @media (hover: hover) and (pointer: fine) {
[DEVVIT] .group:hover .group-hover\:block {
[DEVVIT] display: block;
[DEVVIT] }
[DEVVIT] .group:hover .group-hover\:bg-secondary-plain-weak {
[DEVVIT] background-color: var(--color-secondary-plain-weak);
[DEVVIT] }
[DEVVIT] }
[DEVVIT] @media (prefers-color-scheme: dark) {
[DEVVIT] .dark\:bg-primary-background {
[DEVVIT] background-color: var(--color-primary-background);
[DEVVIT] }
[DEVVIT] .dark\:bg-orangered-800 {
[DEVVIT] --tw-bg-opacity: 1;
[DEVVIT] background-color: rgb(89 27 2 / var(--tw-bg-opacity));
[DEVVIT] }
[DEVVIT] @media (hover: hover) and (pointer: fine) {
[DEVVIT] .dark\:hover\:bg-orangered-700:hover {
[DEVVIT] --tw-bg-opacity: 1;
[DEVVIT] background-color: rgb(132 33 0 / var(--tw-bg-opacity));
[DEVVIT] }
[DEVVIT] }
[DEVVIT] }
[DEVVIT] @media (min-width: 768px) {
[DEVVIT] .xs\:h-screen {
[DEVVIT] height: 100vh;
[DEVVIT] }
[DEVVIT] .xs\:w-\[385px\] {
[DEVVIT] width: 385px;
[DEVVIT] }
[DEVVIT] .xs\:w-\[512px\] {
[DEVVIT] width: 512px;
[DEVVIT] }
[DEVVIT] .xs\:flex-row {
[DEVVIT] flex-direction: row;
[DEVVIT] }
[DEVVIT] .xs\:gap-md {
[DEVVIT] gap: 1rem;
[DEVVIT] }
[DEVVIT] .xs\:gap-xl {
[DEVVIT] gap: 2rem;
[DEVVIT] }
[DEVVIT] .xs\:p-md {
[DEVVIT] padding: 1rem;
[DEVVIT] }
[DEVVIT] .xs\:px-0 {
[DEVVIT] padding-left: 0px;
[DEVVIT] padding-right: 0px;
[DEVVIT] }
[DEVVIT] .xs\:py-xl {
[DEVVIT] padding-top: 2rem;
[DEVVIT] padding-bottom: 2rem;
[DEVVIT] }
[DEVVIT] .xs\:text-20 {
[DEVVIT] font-size: 1.25rem;
[DEVVIT] line-height: 1.25rem;
[DEVVIT] }
[DEVVIT] .xs\:text-14 {
[DEVVIT] font-size: 0.875rem;
[DEVVIT] line-height: 1.25rem;
[DEVVIT] }
[DEVVIT] .xs\:text-24 {
[DEVVIT] font-size: 1.5rem;
[DEVVIT] line-height: 1.75rem;
[DEVVIT] }
[DEVVIT] .xs\:leading-7 {
[DEVVIT] line-height: 1.75rem;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] @media (min-width: 960px) {
[DEVVIT] .s\:mt-0 {
[DEVVIT] margin-top: 0px;
[DEVVIT] }
[DEVVIT] .s\:block {
[DEVVIT] display: block;
[DEVVIT] }
[DEVVIT] .s\:hidden {
[DEVVIT] display: none;
[DEVVIT] }
[DEVVIT] .s\:w-\[375px\] {
[DEVVIT] width: 375px;
[DEVVIT] }
[DEVVIT] .s\:grid-cols-3 {
[DEVVIT] grid-template-columns: repeat(3, minmax(0, 1fr));
[DEVVIT] }
[DEVVIT] .s\:flex-row {
[DEVVIT] flex-direction: row;
[DEVVIT] }
[DEVVIT] .s\:flex-row-reverse {
[DEVVIT] flex-direction: row-reverse;
[DEVVIT] }
[DEVVIT] .s\:px-0 {
[DEVVIT] padding-left: 0px;
[DEVVIT] padding-right: 0px;
[DEVVIT] }
[DEVVIT] .s\:text-48 {
[DEVVIT] font-size: 3rem;
[DEVVIT] line-height: 3rem;
[DEVVIT] }
[DEVVIT] .s\:text-32 {
[DEVVIT] font-size: 2rem;
[DEVVIT] line-height: 2.25rem;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] @media (min-width: 1200px) {
[DEVVIT] .m\:block {
[DEVVIT] display: block;
[DEVVIT] }
[DEVVIT] .m\:hidden {
[DEVVIT] display: none;
[DEVVIT] }
[DEVVIT] .m\:space-y-\[16px\] > :not([hidden]) ~ :not([hidden]) {
[DEVVIT] --tw-space-y-reverse: 0;
[DEVVIT] margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
[DEVVIT] margin-bottom: calc(16px * var(--tw-space-y-reverse));
[DEVVIT] }
[DEVVIT] .m\:space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
[DEVVIT] --tw-space-y-reverse: 0;
[DEVVIT] margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
[DEVVIT] margin-bottom: calc(20px * var(--tw-space-y-reverse));
[DEVVIT] }
[DEVVIT] .m\:space-y-md > :not([hidden]) ~ :not([hidden]) {
[DEVVIT] --tw-space-y-reverse: 0;
[DEVVIT] margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
[DEVVIT] margin-bottom: calc(1rem * var(--tw-space-y-reverse));
[DEVVIT] }
[DEVVIT] .m\:px-\[15\%\] {
[DEVVIT] padding-left: 15%;
[DEVVIT] padding-right: 15%;
[DEVVIT] }
[DEVVIT] .m\:py-md {
[DEVVIT] padding-top: 1rem;
[DEVVIT] padding-bottom: 1rem;
[DEVVIT] }
[DEVVIT] .m\:pt-md {
[DEVVIT] padding-top: 1rem;
[DEVVIT] }
[DEVVIT] .m\:text-16 {
[DEVVIT] font-size: 1rem;
[DEVVIT] line-height: 1.25rem;
[DEVVIT] }
[DEVVIT] .m\:leading-7 {
[DEVVIT] line-height: 1.75rem;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] .\[\&\>\:first-child\]\:mb-0 > :first-child {
[DEVVIT] margin-bottom: 0px;
[DEVVIT] }
[DEVVIT] .\[\&\>\:first-child\]\:max-h-full > :first-child {
[DEVVIT] max-height: 100%;
[DEVVIT] }
[DEVVIT] .\[\&\>\:first-child\]\:overflow-hidden > :first-child {
[DEVVIT] overflow: hidden;
[DEVVIT] }
[DEVVIT] .\[\&\>\:first-child\]\:rounded-\[inherit\] > :first-child {
[DEVVIT] border-radius: inherit;
[DEVVIT] }
[DEVVIT] /*# sourceMappingURL=styles-RLVGUUC2.css.map */
[DEVVIT]
[DEVVIT] </style>
[DEVVIT]
[DEVVIT] <script
[DEVVIT] type="module"
[DEVVIT] importance="high"
[DEVVIT]
[DEVVIT] src="https://www.redditstatic.com/devvit-dev-portal/index-SWNGVBAA.js"
[DEVVIT] ></script>
[DEVVIT]
[DEVVIT]
[DEVVIT]
[DEVVIT] <link
[DEVVIT] href="https://www.redditstatic.com/devvit-dev-portal/assets/favicon/
[DEVVIT] orangered_icon_devvit_fill.svg"
[DEVVIT] rel="icon shortcut"
[DEVVIT] />
[DEVVIT]
[DEVVIT] </head>
[DEVVIT] <body class="theme-beta">
[DEVVIT]
[DEVVIT] <div class="grow flex justify-center bg-neutral-background-hover">
[DEVVIT] <div class="grow max-w-5xl px-md mb-xl">
[DEVVIT] <div
[DEVVIT] class="bg-neutral-background border-sm border-solid border-tone-5
[DEVVIT] rounded-[8px] mt-lg mb-lg text-center p-lg"
[DEVVIT] >
[DEVVIT] <div class="m-xl">
[DEVVIT] <svg
[DEVVIT] width="150"
[DEVVIT] height="150"
[DEVVIT] viewBox="0 0 32 32"
[DEVVIT] fill="none"
[DEVVIT] xmlns="http://www.w3.org/2000/svg"
[DEVVIT] >
[DEVVIT] <g clip-path="url(#clip0_2315_652)">
[DEVVIT] <path
[DEVVIT] d="M2.32003 24.1538C-0.221507 23.8769 -0.996892 19.9262 1.61849
[DEVVIT] 18.8738C2.41315 18.5926 3.27166 18.5446 4.09273 18.7354C4.91379 18.9262
[DEVVIT] 5.66314 19.3479 6.25234 19.9508C7.23695 20.8615 8.25849 23.7169 8.45541
[DEVVIT] 23.6431C9.90772 22.8923 10.1785 22.5046 11.5323 24.2585C14.0431 27.5262
[DEVVIT] 13.1693 28.1354 9.93849 27.8523C4.64618 27.0769 5.11388 24.4554 2.32003
[DEVVIT] 24.1538Z"
[DEVVIT] fill="black"
[DEVVIT] />
[DEVVIT] <path
[DEVVIT] d="M1.38463 19.9877C2.5354 18.7569 4.07386 19.2307 5.29848
[DEVVIT] 20.043C7.69848 21.643 7.34771 23.7354 8.20309 24.0738C9.05848 24.4123
[DEVVIT] 9.56925 23.36 10.8616 23.9384C14.9539 25.7846 11.4769 26.8061 9.68001
[DEVVIT] 26.9661C6.67078 27.2307 5.67386 24.8923 3.90771 23.7723C4.12256 23.6806
[DEVVIT] 4.32855 23.5693 4.52309 23.44C4.76924 23.2861 3.85848 23.44 3.56309
[DEVVIT] 23.6C1.62463 24.3507 -0.159986 21.6123 1.38463 19.9877Z"
[DEVVIT] fill="white"
[DEVVIT] />
[DEVVIT] <path
[DEVVIT] d="M13.6615 8.94767C13.0461 9.18767 12.6277 9.36613 12.1969
[DEVVIT] 9.51382C10.6402 10.1087 9.23879 11.0493 8.09844 12.2646C7.61211 12.661
[DEVVIT] 7.023 12.9107 6.39998 12.9846C4.73844 13.4031 3.72921 14.0246 2.92306
[DEVVIT] 15.5261C1.90152 17.4277 3.26152 19.4277 3.83383 19.8338C4.72613 20.4492
[DEVVIT] 4.72613 21.0646 5.0646 22.1046C5.75998 24.1723 7.40306 25.5077 9.08306
[DEVVIT] 26.7692C10.4133 27.4936 11.8543 27.9927 13.3477 28.2461C15.0154 28.5169
[DEVVIT] 16.64 28.1231 18.2708 27.7846C19.9439 27.421 21.5397 26.7648 22.9846
[DEVVIT] 25.8461C24.0348 25.1448 24.9957 24.3182 25.8461 23.3846C25.9261 23.2923
[DEVVIT] 26.0123 23.2 26.0861 23.1077C26.784 22.2982 27.2978 21.3469 27.5921
[DEVVIT] 20.3195C27.8864 19.2921 27.9542 18.2131 27.7908 17.1569C27.7585 16.7847
[DEVVIT] 27.8709 16.4145 28.1046 16.1231C29.2308 14.7754 29.3354 11.7107 27.6369
[DEVVIT] 10.1354C25.68 8.28921 23.5569 7.99382 21.1938 9.23074C20.9314 9.3343
[DEVVIT] 20.6432 9.35366 20.3692 9.28613C19.7029 9.08885 19.0246 8.93468 18.3384
[DEVVIT] 8.82459C17.1077 8.7569 15.9138 8.82459 14.7077 8.82459"
[DEVVIT] fill="black"
[DEVVIT] />
[DEVVIT] <path
[DEVVIT] d="M3.91384 18.9969C4.19619 19.2707 4.53408 19.4805 4.90461
[DEVVIT] 19.6123L5.03999 19.4092C5.23076 20.0677 5.39692 20.7385 5.6123
[DEVVIT] 21.3908C5.9768 22.5941 6.60909 23.6992 7.46172 24.6233C8.31436 25.5473
[DEVVIT] 9.36519 26.2663 10.5354 26.7262C16.0738 28.9046 21.8338 26.7262 25.3046
[DEVVIT] 22.5723C26.1633 21.5206 26.6825 20.2331 26.7938 18.88C27.0512 17.1796
[DEVVIT] 26.719 15.4424 25.8523 13.9569C25.8143 13.8961 25.7893 13.8281 25.7787
[DEVVIT] 13.7572C25.7681 13.6863 25.7722 13.6139 25.7908 13.5446C26.1044 13.8479
[DEVVIT] 26.3964 14.1728 26.6646 14.5169C26.8952 14.914 27.1007 15.325 27.28
[DEVVIT] 15.7477C28.4061 14.5846 28.3569 12.4123 27.2308 11.0769C25.7846 9.36002
[DEVVIT] 23.5877 8.84925 21.9631 9.95079C23.28 10.3016 25.04 12.4985 25.04
[DEVVIT] 12.8369C23.5789 11.3954 21.7619 10.3666 19.7741 9.8553C17.7862 9.34401
[DEVVIT] 15.6984 9.36846 13.7231 9.92617C9.58153 10.9846 6.76922 13.7785 5.23076
[DEVVIT] 17.8462C5.26768 16.3569 5.93845 15.0892 6.67692 13.6062C6.1795 13.6856
[DEVVIT] 5.69103 13.8133 5.21845 13.9877C3.39692 14.9231 2.54153 17.1692 3.91384
[DEVVIT] 18.9969Z"
[DEVVIT] fill="white"
[DEVVIT] />
[DEVVIT] <path
[DEVVIT] d="M30.4 18.9231C29.5192 18.6374 28.579 18.5865 27.6725
[DEVVIT] 18.7754C26.7659 18.9643 25.9243 19.3864 25.2308 20C24.5925 20.6931 24.0671
[DEVVIT] 21.4822 23.6739 22.3384C23.6782 22.3525 23.6782 22.3675 23.6739
[DEVVIT] 22.3815C22.1908 25.6061 21.0216 26.4061 18.9969 27.2061C19.6123 27.76
[DEVVIT] 20.8431 27.76 22.0739 27.8708C26.0493 28.2277 26.3816 23.9631 29.3662
[DEVVIT] 24.2277C32.1908 24.4738 33.0585 19.9569 30.4 18.9231Z"
[DEVVIT] fill="black"
[DEVVIT] />
[DEVVIT] <path
[DEVVIT] d="M8.42464 20.4862C8.26696 20.1029 8.2326 19.6801 8.32635
[DEVVIT] 19.2765C8.42009 18.8728 8.63728 18.5084 8.94772 18.2339C9.33417 17.9425
[DEVVIT] 9.776 17.7331 10.2462 17.6185C11.1569 17.4523 12.4369 18.3816 12.8123
[DEVVIT] 19.2862C13.1877 20.1908 13.2123 20.9169 12.1969 21.5508C11.5826 21.9584
[DEVVIT] 10.8603 22.1727 10.1231 22.1662C9.72065 22.0534 9.35355 21.84 9.0564
[DEVVIT] 21.546C8.75925 21.2521 8.54183 20.8874 8.42464 20.4862Z"
[DEVVIT] fill="black"
[DEVVIT] />
[DEVVIT] <path
[DEVVIT] d="M22.72 17.2307C21.9008 17.9924 20.8943 18.5233 19.8031
[DEVVIT] 18.7692C18.7077 19.0523 17.8154 17.0707 18.08 15.7477C18.32 14.5784
[DEVVIT] 19.5016 13.9015 20.88 14.1969C21.9692 14.4246 23.4585 16.6154 22.72
[DEVVIT] 17.2307Z"
[DEVVIT] fill="black"
[DEVVIT] />
[DEVVIT] <path
[DEVVIT] d="M18.88 15.9631C19.0288 15.6095 19.2909 15.3155 19.6251
[DEVVIT] 15.1272C19.9593 14.9389 20.3466 14.8671 20.7261 14.9231C21.1003 15.0609
[DEVVIT] 21.4211 15.3139 21.6423 15.6457C21.8635 15.9774 21.9736 16.3709 21.9569
[DEVVIT] 16.7693C21.8092 17.557 21.0584 17.6246 19.9754 18C19.0338 18.357 18.6954
[DEVVIT] 16.7631 18.88 15.9631Z"
[DEVVIT] fill="#FF4500"
[DEVVIT] />
[DEVVIT] <path
[DEVVIT] d="M9.23076 19.3107C9.26675 19.1442 9.3369 18.987 9.43678
[DEVVIT] 18.8491C9.53666 18.7111 9.66409 18.5953 9.81101 18.5091C9.95794 18.423
[DEVVIT] 10.1211 18.3682 10.2903 18.3484C10.4595 18.3285 10.631 18.344 10.7938
[DEVVIT] 18.3938C11.2267 18.4707 11.6122 18.7141 11.8676 19.0719C12.123 19.4297
[DEVVIT] 12.228 19.8733 12.16 20.3077C11.9754 21.1446 11.3723 21.0277 10.4246
[DEVVIT] 21.5384C9.65538 21.8954 9.03999 20.2707 9.23076 19.3107Z"
[DEVVIT] fill="#FF4500"
[DEVVIT] />
[DEVVIT] <path
[DEVVIT] d="M16.1661 24.1969C18.2708 24.3077 22.9354 21.92 23.28
[DEVVIT] 18.3138C23.3169 17.9015 22.4 19.2554 22.2338 19.6369C21.2615 21.8154
[DEVVIT] 19.0277 22.9292 16.9723 23.5508C16.5477 23.68 15.3046 23.8585 16.1354
[DEVVIT] 24.2215L16.1661 24.1969Z"
[DEVVIT] fill="black"
[DEVVIT] />
[DEVVIT] <path
[DEVVIT] d="M30.5231 20.0677C29.2923 18.8369 27.6862 19.2923 26.3939
[DEVVIT] 20.0984C25.6026 20.572 24.9491 21.2446 24.4985 22.0492C24.3631 22.3692
[DEVVIT] 24.2154 22.6646 24.0616 22.9907C23.3687 24.5983 22.1865 25.9463 20.6831
[DEVVIT] 26.843C21.0306 26.9161 21.3819 26.9695 21.7354 27.003C24.9108 27.2861
[DEVVIT] 25.9754 24.9538 27.8462 23.84C27.6149 23.7475 27.3924 23.6342 27.1816
[DEVVIT] 23.5015C26.9231 23.3477 27.8831 23.5015 28.197 23.6677C30.2462 24.4307
[DEVVIT] 32.1477 21.6984 30.5231 20.0677Z"
[DEVVIT] fill="white"
[DEVVIT] />
[DEVVIT] <path
[DEVVIT] d="M13.4707 9.60616C13.6554 8.37539 13.8031 7.23077 13.9938
[DEVVIT] 6.11077C14.0206 5.89368 14.1251 5.69363 14.288 5.54768C14.451 5.40172
[DEVVIT] 14.6613 5.31975 14.88 5.31693C15.7231 5.31693 16.56 5.31693 17.4031
[DEVVIT] 5.3477C17.8031 5.3477 17.9323 5.56308 17.9754 5.96308C17.9865 6.40995
[DEVVIT] 18.1356 6.84242 18.4023 7.20119C18.6689 7.55996 19.04 7.82746 19.4647
[DEVVIT] 7.96699C19.8893 8.10652 20.3468 8.11126 20.7742 7.98056C21.2017 7.84985
[DEVVIT] 21.5783 7.5901 21.8523 7.23693C22.0657 7.04148 22.2361 6.80378 22.3527
[DEVVIT] 6.53892C22.4693 6.27406 22.5295 5.98785 22.5295 5.69847C22.5295 5.40908
[DEVVIT] 22.4693 5.12287 22.3527 4.85801C22.2361 4.59315 22.0657 4.35545 21.8523
[DEVVIT] 4.16C20.8431 3.23693 19.1692 3.22462 18.3938 4.16C18.2942 4.32113 18.1397
[DEVVIT] 4.44094 17.9589 4.49745C17.7781 4.55396 17.5829 4.5434 17.4092
[DEVVIT] 4.4677C16.508 4.18385 15.5412 4.18385 14.64 4.4677C14.3311 4.54403 14.0441
[DEVVIT] 4.69104 13.8017 4.89714C13.5593 5.10324 13.3681 5.3628 13.2431
[DEVVIT] 5.65539C12.6954 6.88616 12.7877 8.11693 12.8123 9.34769C12.8123 9.64923
[DEVVIT] 12.8123 9.83385 12.48 9.96308"
[DEVVIT] fill="black"
[DEVVIT] />
[DEVVIT] <path
[DEVVIT] d="M21.0093 4.7508C20.9001 4.6274 20.7665 4.52796 20.6169
[DEVVIT] 4.45872C20.4674 4.38947 20.3052 4.35194 20.1404 4.34847C19.9757 4.345
[DEVVIT] 19.812 4.37568 19.6597 4.43856C19.5074 4.50145 19.3697 4.59519 19.2554
[DEVVIT] 4.71387C19.0984 4.81343 18.9632 4.94372 18.8578 5.0969C18.7524 5.25009
[DEVVIT] 18.6792 5.423 18.6424 5.60524C18.6056 5.78748 18.606 5.97528 18.6437
[DEVVIT] 6.15735C18.6814 6.33941 18.7555 6.51197 18.8616 6.66464C19.1094 6.97055
[DEVVIT] 19.4587 7.17733 19.8461 7.24736C20.2335 7.31738 20.6332 7.24599 20.9723
[DEVVIT] 7.04618C21.2769 6.74411 21.4513 6.33491 21.4582 5.90601C21.4651 5.4771
[DEVVIT] 21.304 5.0625 21.0093 4.7508Z"
[DEVVIT] fill="white"
[DEVVIT] />
[DEVVIT] </g>
[DEVVIT] <defs>
[DEVVIT] <clipPath id="clip0_2315_652">
[DEVVIT] <rect width="32" height="32" fill="white" />
[DEVVIT] </clipPath>
[DEVVIT] </defs>
[DEVVIT] </svg>
[DEVVIT] </div>
[DEVVIT] <div class="mb-md">
[DEVVIT] <h1 class="m-0 font-bold text-24 mb-xs">404</h1>
[DEVVIT] <h2 class="mb-xl text-16"></h2>
[DEVVIT]
[DEVVIT] <a rpl
[DEVVIT] class="
[DEVVIT] button-medium px-[var(--rem14)]
[DEVVIT] button-brand
[DEVVIT]
[DEVVIT]
[DEVVIT]
[DEVVIT] items-center justify-center
[DEVVIT] button inline-flex "
[DEVVIT] href="/"
[DEVVIT] ><span
[DEVVIT] class="flex items-center justify-center"
[DEVVIT] >
[DEVVIT]
[DEVVIT] <span class="flex items-center gap-xs">Back to Community Apps</span>
[DEVVIT] </span>
[DEVVIT] </a
[DEVVIT] >
[DEVVIT] </div>
[DEVVIT] </div>
[DEVVIT] </div>
[DEVVIT] </div>
[DEVVIT]
[DEVVIT] Last error: 404 Not Found:
[DEVVIT] <!DOCTYPE html>
[DEVVIT] <html lang="en-US">
[DEVVIT] <head>
[DEVVIT]
[DEVVIT] <!-- HTML Meta Tags -->
[DEVVIT] <meta
[DEVVIT] name="description"
[DEVVIT] content="Build powerful apps and immersive experiences to enhance
[DEVVIT] the communities you love."
[DEVVIT] />
[DEVVIT]
[DEVVIT] <!-- Facebook Meta Tags -->
[DEVVIT] <meta property="og:url" content="https://developers.reddit.com" />
[DEVVIT] <meta property="og:type" content="website" />
[DEVVIT] <meta property="og:title" content="Reddit for Developers" />
[DEVVIT] <meta
[DEVVIT] property="og:description"
[DEVVIT] content="Build powerful apps and immersive experiences to enhance
[DEVVIT] the communities you love."
[DEVVIT] />
[DEVVIT] <meta
[DEVVIT] property="og:image"
[DEVVIT] content="https://www.redditstatic.com/devvit-dev-portal/assets/flyin
[DEVVIT] gSnooSocial.png"
[DEVVIT] />
[DEVVIT]
[DEVVIT] <!-- Twitter Meta Tags -->
[DEVVIT] <meta name="twitter:card" content="summary_large_image" />
[DEVVIT] <meta property="twitter:domain" content="developers.reddit.com" />
[DEVVIT] <meta property="twitter:url" content="https://developers.reddit.com"
[DEVVIT] />
[DEVVIT] <meta name="twitter:title" content="Reddit for Developers" />
[DEVVIT] <meta
[DEVVIT] name="twitter:description"
[DEVVIT] content="Build powerful apps and immersive experiences to enhance
[DEVVIT] the communities you love."
[DEVVIT] />
[DEVVIT] <meta
[DEVVIT] name="twitter:image"
[DEVVIT] content="https://www.redditstatic.com/devvit-dev-portal/assets/flyin
[DEVVIT] gSnooSocial.png"
[DEVVIT] />
[DEVVIT]
[DEVVIT] <!-- Meta Tags Generated via https://www.opengraph.xyz -->
[DEVVIT]
[DEVVIT]
[DEVVIT] <!-- Google tag (gtag.js) -->
[DEVVIT] <script
[DEVVIT] async
[DEVVIT] src="https://www.googletagmanager.com/gtag/js?id=G-GWE79J8M6R"
[DEVVIT] ></script>
[DEVVIT] <script nonce="">
[DEVVIT] window.dataLayer = window.dataLayer || [];
[DEVVIT] function gtag() {
[DEVVIT] dataLayer.push(arguments);
[DEVVIT] }
[DEVVIT] gtag('js', new Date());
[DEVVIT]
[DEVVIT] gtag('config', 'G-GWE79J8M6R', {
[DEVVIT] user_id: '',
[DEVVIT] });
[DEVVIT] </script>
[DEVVIT]
[DEVVIT] <title>Reddit for Developers</title>
[DEVVIT] <meta name="viewport" content="width=device-width,
[DEVVIT] initial-scale=1, viewport-fit=cover">
[DEVVIT]
[DEVVIT] <link rel="preconnect" href="https://www.redditstatic.com/"
[DEVVIT] crossorigin="anonymous" />
[DEVVIT] <link rel="dns-prefetch" href="https://www.redditstatic.com/" />
[DEVVIT]
[DEVVIT]
[DEVVIT]
[DEVVIT] <style>
[DEVVIT] /* src/styles.less */
[DEVVIT] :root,
[DEVVIT] .theme-light {
[DEVVIT] --rem360: 22.5rem;
[DEVVIT] --rem320: 20rem;
[DEVVIT] --rem192: 12rem;
[DEVVIT] --rem144: 9rem;
[DEVVIT] --rem128: 8rem;
[DEVVIT] --rem96: 6rem;
[DEVVIT] --rem90: 5.625rem;
[DEVVIT] --rem88: 5.5rem;
[DEVVIT] --rem64: 4rem;
[DEVVIT] --rem56: 3.5rem;
[DEVVIT] --rem48: 3rem;
[DEVVIT] --rem40: 2.5rem;
[DEVVIT] --rem36: 2.25rem;
[DEVVIT] --rem32: 2rem;
[DEVVIT] --rem28: 1.75rem;
[DEVVIT] --rem26: 1.625rem;
[DEVVIT] --rem24: 1.5rem;
[DEVVIT] --rem22: 1.375rem;
[DEVVIT] --rem20: 1.25rem;
[DEVVIT] --rem18: 1.125rem;
[DEVVIT] --rem16: 1rem;
[DEVVIT] --rem15: 0.9375rem;
[DEVVIT] --rem14: 0.875rem;
[DEVVIT] --rem12: 0.75rem;
[DEVVIT] --rem10: 0.625rem;
[DEVVIT] --rem8: 0.5rem;
[DEVVIT] --rem6: 0.375rem;
[DEVVIT] --rem4: 0.25rem;
[DEVVIT] --rem2: 0.125rem;
[DEVVIT] --rem1: 0.0625rem;
[DEVVIT] --spacer-4xs: 0.125rem;
[DEVVIT] --spacer-2xs: 0.25rem;
[DEVVIT] --spacer-xs: 0.5rem;
[DEVVIT] --spacer-sm: 0.75rem;
[DEVVIT] --spacer-md: 1rem;
[DEVVIT] --spacer-lg: 1.5rem;
[DEVVIT] --spacer-xl: 2rem;
[DEVVIT] --spacer-2xl: 3rem;
[DEVVIT] --spacer-a-px: 0px;
[DEVVIT] --spacer-button-lg-px: var(--spacer-lg);
[DEVVIT] --spacer-button-md-px: var(--spacer-lg);
[DEVVIT] --spacer-button-sm-px: var(--spacer-md);
[DEVVIT] --spacer-input-padding-left: 0px;
[DEVVIT] --spacer-input-padding-top: 0px;
[DEVVIT] --spacer-label-default: 0px;
[DEVVIT] --spacer-switch-input-active-pl: 0px;
[DEVVIT] --size-2xs: 0.25rem;
[DEVVIT] --size-xs: 0.5rem;
[DEVVIT] --size-sm: 0.75rem;
[DEVVIT] --size-md: 1rem;
[DEVVIT] --size-lg: 1.5rem;
[DEVVIT] --size-xl: 2rem;
[DEVVIT] --size-2xl: 3rem;
[DEVVIT] --size-3xl: 4rem;
[DEVVIT] --size-4xl: 6rem;
[DEVVIT] --size-5xl: 8rem;
[DEVVIT] --size-button-lg-h: 3.375rem;
[DEVVIT] --size-button-md-h: 2.75rem;
[DEVVIT] --size-button-sm-h: 2.125rem;
[DEVVIT] --size-button-xs-h: 1.375rem;
[DEVVIT] --size-switch-input-h: 1.25rem;
[DEVVIT] --size-switch-input-w: 2rem;
[DEVVIT] --line-sm: 0.0625rem;
[DEVVIT] --line-md: 0.125rem;
[DEVVIT] --line-lg: 0.25rem;
[DEVVIT] --line-a-focus: 0px;
[DEVVIT] --line-a-outline-moz: 0.0625rem;
[DEVVIT] --line-a-outline-wb: 0.3125rem;
[DEVVIT] --line-button-lg-border: 0.0625rem;
[DEVVIT] --line-button-md-border: 0.0625rem;
[DEVVIT] --line-button-sm-border: 0.0625rem;
[DEVVIT] --line-button-xs-border: 0.0625rem;
[DEVVIT] --line-button-border-activated: 0.0625rem;
[DEVVIT] --line-input-border: var(--line-sm);
[DEVVIT] --radius-sm: 0.25rem;
[DEVVIT] --radius-lg: 2rem;
[DEVVIT] --radius-full: 624.9375rem;
[DEVVIT] --radius-accordion-size: var(--radius-sm);
[DEVVIT] --font-10-15-bold: normal 700 0.625rem / 0.9375rem var(--font-sans);
[DEVVIT] --font-button-lg: normal 700 1.125rem / 1.375rem var(--font-sans);
[DEVVIT] --font-button-md: normal 700 1rem / 1.25rem var(--font-sans);
[DEVVIT] --font-button-sm: normal 700 0.875rem / 1.125rem var(--font-sans);
[DEVVIT] --font-button-xs: normal 700 0.75rem / 0.875rem var(--font-sans);
[DEVVIT] --font-label-default: var(--font-10-15-bold);
[DEVVIT] --misc-accordion-border: 1px solid var(--color-tone-5);
[DEVVIT] --misc-accordion-open-list-style-type: disclosure-open;
[DEVVIT] --misc-accordion-closed-list-style-type: disclosure-closed;
[DEVVIT] --misc-divider-margin: 0.5rem auto;
[DEVVIT] --misc-label-text-transform: uppercase;
[DEVVIT] --misc-label-letter-spacing: 0.5px;
[DEVVIT] --color-primary-visited: #660099;
[DEVVIT] --color-primary-background: #24a0ed;
[DEVVIT] --color-primary-background-hover: #006cbf;
[DEVVIT] --color-danger-content: #ea0027;
[DEVVIT] --color-success-content: #46d160;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-white: #ffffff;
[DEVVIT] --color-global-orangered: #D93900;
[DEVVIT] --color-global-alienblue: #0079d3;
[DEVVIT] --color-global-darkblue: #1d2535;
[DEVVIT] --color-tone-1: #1a1a1b;
[DEVVIT] --color-tone-2: #6a6d6f;
[DEVVIT] --color-tone-3: #878a8c;
[DEVVIT] --color-tone-4: #d3d6da;
[DEVVIT] --color-tone-5: #edeff1;
[DEVVIT] --color-tone-6: #f6f7f8;
[DEVVIT] --color-tone-7: #ffffff;
[DEVVIT] --color-action-primary: var(--color-primary-background);
[DEVVIT] --color-action-secondary: var(--color-primary-background-hover);
[DEVVIT] --color-action-upvote: var(--color-global-orangered);
[DEVVIT] --color-action-downvote: #7193ff;
[DEVVIT] --color-alert-positive: var(--color-success-content);
[DEVVIT] --color-alert-negative: var(--color-danger-content);
[DEVVIT] --color-alert-caution: #ffb000;
[DEVVIT] --color-identity-admin: var(--color-global-orangered);
[DEVVIT] --color-identity-moderator: #46d160;
[DEVVIT] --color-identity-self: #0dd3bb;
[DEVVIT] --color-identity-coins: #ddbd37;
[DEVVIT] --color-category-live: var(--color-global-orangered);
[DEVVIT] --color-category-nsfw: #ff3881;
[DEVVIT] --color-category-spoiler: var(--color-tone-1);
[DEVVIT] --color-ui-canvas: var(--color-tone-5);
[DEVVIT] --color-ui-modalbackground: var(--color-tone-7);
[DEVVIT] --color-opacity-highlight: linear-gradient(#006cbf1a,
[DEVVIT] var(--color-tone-6));
[DEVVIT] --color-opacity-08: #1a1a1b14;
[DEVVIT] --color-opacity-50: #00000080;
[DEVVIT] --color-scrim: #1a1a1b4d;
[DEVVIT] --color-a-default: var(--color-primary-background-hover);
[DEVVIT] --color-a-hover: var(--color-primary-background-hover);
[DEVVIT] --color-a-visited: var(--color-primary-background-hover);
[DEVVIT] --color-button-overlay-focus: #ffffff1a;
[DEVVIT] --color-button-overlay-active: #00000014;
[DEVVIT] --color-button-primary-background-hover:
[DEVVIT] var(--color-primary-background);
[DEVVIT] --color-button-primary-background-disabled: var(--color-tone-6);
[DEVVIT] --color-button-primary-border-hover: transparent;
[DEVVIT] --color-button-primary-border-active: transparent;
[DEVVIT] --color-button-primary-border-activated: transparent;
[DEVVIT] --color-button-primary-border-disabled: transparent;
[DEVVIT] --color-button-primary-text-disabled: var(--color-tone-2);
[DEVVIT] --color-button-secondary-background: transparent;
[DEVVIT] --color-button-secondary-background-focus: transparent;
[DEVVIT] --color-button-secondary-background-hover: transparent;
[DEVVIT] --color-button-secondary-background-disabled: var(--color-tone-6);
[DEVVIT] --color-button-secondary-background-activated: transparent;
[DEVVIT] --color-button-secondary-border: var(--color-primary-background-hover);
[DEVVIT] --color-button-secondary-border-hover:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-secondary-border-active:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-secondary-border-activated:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-secondary-border-disabled: var(--color-tone-2);
[DEVVIT] --color-button-secondary-text: var(--color-primary-background-hover);
[DEVVIT] --color-button-secondary-text-disabled: var(--color-tone-2);
[DEVVIT] --color-button-secondary-text-activated:
[DEVVIT] var(--color-button-secondary-text);
[DEVVIT] --color-button-tertiary-background: var(--color-tone-6);
[DEVVIT] --color-button-tertiary-background-focus: var(--color-tone-6);
[DEVVIT] --color-button-tertiary-background-hover: var(--color-tone-6);
[DEVVIT] --color-button-tertiary-background-disabled: var(--color-tone-6);
[DEVVIT] --color-button-tertiary-background-activated: var(--color-tone-6);
[DEVVIT] --color-button-tertiary-border-hover: transparent;
[DEVVIT] --color-button-tertiary-border-active: transparent;
[DEVVIT] --color-button-tertiary-text: var(--color-primary-background-hover);
[DEVVIT] --color-button-tertiary-text-disabled: var(--color-tone-2);
[DEVVIT] --color-button-tertiary-text-activated:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-plain-background-hover: transparent;
[DEVVIT] --color-button-plain-background-disabled: var(--color-tone-7);
[DEVVIT] --color-button-plain-background-activated: transparent;
[DEVVIT] --color-button-plain-border-hover: transparent;
[DEVVIT] --color-button-plain-border-active: transparent;
[DEVVIT] --color-button-plain-text: var(--color-primary-background-hover);
[DEVVIT] --color-button-plain-text-disabled: var(--color-tone-2);
[DEVVIT] --color-button-plain-text-activated:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-divider-default: var(--color-tone-5);
[DEVVIT] --color-input-default: var(--color-tone-6);
[DEVVIT] --color-input-hover: var(--color-primary-background-hover);
[DEVVIT] --color-input-border: var(--color-tone-5);
[DEVVIT] --color-input-text: var(--color-tone-1);
[DEVVIT] --color-input-helper-text: var(--color-tone-1);
[DEVVIT] --color-label-default: var(--color-tone-1);
[DEVVIT] --color-switch-input-background-default: var(--color-tone-3);
[DEVVIT] --color-switch-input-background-checked: var(--color-global-alienblue);
[DEVVIT] --color-switch-input-background-disabled: var(--color-tone-6);
[DEVVIT] --color-switch-input-background-checked-disabled: var(--color-tone-5);
[DEVVIT] --color-switch-input-background-hover: var(--color-tone-3);
[DEVVIT] --color-switch-input-background-checked-hover:
[DEVVIT] var(--color-global-alienblue);
[DEVVIT] --elevation-xs: 0 0.0625rem 0.125rem 0 #00000040;
[DEVVIT] --elevation-sm: 0 0.0625rem 0.25rem 0 #00000026, 0 0.25rem 0.25rem 0
[DEVVIT] #00000026;
[DEVVIT] --elevation-md: 0 0.25rem 0.5rem 0 #0000001a, 0 0.375rem 0.75rem 0
[DEVVIT] #00000040;
[DEVVIT] --elevation-lg: 0 0.75rem 0.75rem 0 #00000026, 0 1rem 2rem 0 #00000040;
[DEVVIT] --elevation-focus-ring: 0 0 0 0.25rem var(--color-global-alienblue);
[DEVVIT] --font-sans:
[DEVVIT] -apple-system,
[DEVVIT] BlinkMacSystemFont,
[DEVVIT] "Segoe UI",
[DEVVIT] Roboto,
[DEVVIT] "Helvetica Neue",
[DEVVIT] Arial,
[DEVVIT] "Apple Color Emoji",
[DEVVIT] "Segoe UI Emoji",
[DEVVIT] "Segoe UI Symbol",
[DEVVIT] sans-serif;
[DEVVIT] --font-mono:
[DEVVIT] Noto Mono,
[DEVVIT] Menlo,
[DEVVIT] Monaco,
[DEVVIT] Consolas,
[DEVVIT] monospace;
[DEVVIT] --font-title-h0: normal 500 1.625rem / 2rem var(--font-sans);
[DEVVIT] --font-title-h1: normal 500 1.375rem / 1.625rem var(--font-sans);
[DEVVIT] --font-title-h2: normal 500 1.25rem / 1.5rem var(--font-sans);
[DEVVIT] --font-title-h3: normal 500 1.125rem / 1.375rem var(--font-sans);
[DEVVIT] --font-title-h4: normal 500 1rem / 1.25rem var(--font-sans);
[DEVVIT] --font-title-h5: normal 500 0.875rem / 1.125rem var(--font-sans);
[DEVVIT] --font-title-h6: normal 500 0.75rem / 1rem var(--font-sans);
[DEVVIT] --font-body: 0.875rem;
[DEVVIT] --font-small: 0.75rem;
[DEVVIT] --font-code: 0.875rem;
[DEVVIT] --font-subheading: 0.75rem;
[DEVVIT] --font-label: 0.625rem;
[DEVVIT] --font-button-b1: normal bold 1.125rem / 1.375rem var(--font-sans);
[DEVVIT] --font-button-b2: normal bold 1rem / 1.25rem var(--font-sans);
[DEVVIT] --font-button-b3: normal bold 0.875rem / 1.125rem var(--font-sans);
[DEVVIT] --font-button-b4: normal bold 0.75rem / 0.875rem var(--font-sans);
[DEVVIT] --color-gradient-orangeyellow:
[DEVVIT] linear-gradient(
[DEVVIT] 89.94deg,
[DEVVIT] #ec0623 0%,
[DEVVIT] #ff8717 100%);
[DEVVIT] --color-gradient-bluepink:
[DEVVIT] linear-gradient(
[DEVVIT] 89.94deg,
[DEVVIT] #51b9ff 0%,
[DEVVIT] #7785ff 52.6%,
[DEVVIT] #b279ff 73.96%,
[DEVVIT] #ff81ed 100%);
[DEVVIT] --boxshadow-modal: 0px 2px 15px rgba(26, 26, 27, 0.3);
[DEVVIT] --boxshadow-navigation: 0px 4px 14px rgba(0, 0, 0, 0.1);
[DEVVIT] --boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0,
[DEVVIT] 0, 0.15);
[DEVVIT] color-scheme: light;
[DEVVIT] }
[DEVVIT] :root dialog::backdrop,
[DEVVIT] .theme-light dialog::backdrop {
[DEVVIT] --color-dialog-background: #00000080;
[DEVVIT] }
[DEVVIT] @media (prefers-color-scheme: dark) {
[DEVVIT] :root:not(.theme-light) {
[DEVVIT] --color-primary-visited: #c58af9;
[DEVVIT] --color-primary-background: #006cbf;
[DEVVIT] --color-primary-background-hover: #24a0ed;
[DEVVIT] --color-tone-1: #d7dadc;
[DEVVIT] --color-tone-2: #818384;
[DEVVIT] --color-tone-3: #565758;
[DEVVIT] --color-tone-4: #3a3a3c;
[DEVVIT] --color-tone-5: #272729;
[DEVVIT] --color-tone-6: #1a1a1b;
[DEVVIT] --color-tone-7: #121213;
[DEVVIT] --color-identity-coins: #ffe600;
[DEVVIT] --color-ui-canvas: #050505;
[DEVVIT] --color-ui-modalbackground: var(--color-tone-6);
[DEVVIT] --color-opacity-50: #d7dadc80;
[DEVVIT] --color-scrim: #0000004d;
[DEVVIT] --elevation-xs: 0 0.0625rem 0.125rem 0 #000000ab;
[DEVVIT] --elevation-sm: 0 0.0625rem 0.25rem 0 #00000054, 0 0.25rem 0.25rem 0
[DEVVIT] #00000054;
[DEVVIT] --elevation-md: 0 0.25rem 0.5rem 0 #00000033, 0 0.375rem 0.75rem 0
[DEVVIT] #00000080;
[DEVVIT] --elevation-lg: 0 0.75rem 0.75rem 0 #00000033, 0 1rem 2rem 0
[DEVVIT] #00000080;
[DEVVIT] --boxshadow-modal: 0px 2px 15px rgba(0, 0, 0, 0.3);
[DEVVIT] --boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.33), 0 4px 4px rgba(0,
[DEVVIT] 0, 0, 0.33);
[DEVVIT] color-scheme: dark;
[DEVVIT] }
[DEVVIT] :root:not(.theme-light) dialog::backdrop {
[DEVVIT] --color-dialog-background: #d7dadc80;
[DEVVIT] }
[DEVVIT] }
[DEVVIT] .theme-dark {
[DEVVIT] --color-primary-visited: #c58af9;
[DEVVIT] --color-primary-background: #006cbf;
[DEVVIT] --color-primary-background-hover: #24a0ed;
[DEVVIT] --color-tone-1: #d7dadc;
[DEVVIT] --color-tone-2: #818384;
[DEVVIT] --color-tone-3: #565758;
[DEVVIT] --color-tone-4: #3a3a3c;
[DEVVIT] --color-tone-5: #272729;
[DEVVIT] --color-tone-6: #1a1a1b;
[DEVVIT] --color-tone-7: #121213;
[DEVVIT] --color-identity-coins: #ffe600;
[DEVVIT] --color-ui-canvas: #050505;
[DEVVIT] --color-ui-modalbackground: var(--color-tone-6);
[DEVVIT] --color-opacity-50: #d7dadc80;
[DEVVIT] --color-scrim: #0000004d;
[DEVVIT] --elevation-xs: 0 0.0625rem 0.125rem 0 #000000ab;
[DEVVIT] --elevation-sm: 0 0.0625rem 0.25rem 0 #00000054, 0 0.25rem 0.25rem 0
[DEVVIT] #00000054;
[DEVVIT] --elevation-md: 0 0.25rem 0.5rem 0 #00000033, 0 0.375rem 0.75rem 0
[DEVVIT] #00000080;
[DEVVIT] --elevation-lg: 0 0.75rem 0.75rem 0 #00000033, 0 1rem 2rem 0 #00000080;
[DEVVIT] --boxshadow-modal: 0px 2px 15px rgba(0, 0, 0, 0.3);
[DEVVIT] --boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.33), 0 4px 4px rgba(0, 0,
[DEVVIT] 0, 0.33);
[DEVVIT] color-scheme: dark;
[DEVVIT] }
[DEVVIT] .theme-dark dialog::backdrop {
[DEVVIT] --color-dialog-background: #d7dadc80;
[DEVVIT] }
[DEVVIT] .theme-beta,
[DEVVIT] .theme-light.theme-beta {
[DEVVIT] --spacer-a-px: 0.125rem;
[DEVVIT] --spacer-button-lg-px: var(--spacer-md);
[DEVVIT] --spacer-button-md-px: var(--spacer-md);
[DEVVIT] --spacer-button-sm-px: var(--spacer-sm);
[DEVVIT] --spacer-input-padding-left: var(--spacer-md);
[DEVVIT] --spacer-input-padding-top: var(--spacer-2xs);
[DEVVIT] --spacer-label-default: var(--spacer-md);
[DEVVIT] --spacer-switch-input-active-pl: var(--spacer-xs);
[DEVVIT] --size-banner-height: var(--size-rem40);
[DEVVIT] --size-button-lg-h: var(--size-2xl);
[DEVVIT] --size-button-md-h: 2.5rem;
[DEVVIT] --size-button-sm-h: var(--size-xl);
[DEVVIT] --size-button-xs-h: var(--size-lg);
[DEVVIT] --size-switch-input-h: var(--size-xl);
[DEVVIT] --size-switch-input-w: var(--size-2xl);
[DEVVIT] --line-a-focus: var(--line-md);
[DEVVIT] --line-a-outline-moz: 0px;
[DEVVIT] --line-a-outline-wb: 0px;
[DEVVIT] --line-button-lg-border: var(--line-sm);
[DEVVIT] --line-button-md-border: var(--line-sm);
[DEVVIT] --line-button-sm-border: var(--line-sm);
[DEVVIT] --line-button-xs-border: var(--line-sm);
[DEVVIT] --line-button-border-activated: var(--line-lg);
[DEVVIT] --line-input-border: var(--line-lg);
[DEVVIT] --radius-md: 1.25rem;
[DEVVIT] --radius-accordion-size: 0px;
[DEVVIT] --font-10: normal undefined null / null var(--font-sans);
[DEVVIT] --font-12: normal undefined null / null var(--font-sans);
[DEVVIT] --font-14: normal undefined null / null var(--font-sans);
[DEVVIT] --font-16: normal undefined null / null var(--font-sans);
[DEVVIT] --font-18: normal undefined null / null var(--font-sans);
[DEVVIT] --font-20: normal undefined null / null var(--font-sans);
[DEVVIT] --font-24: normal undefined null / null var(--font-sans);
[DEVVIT] --font-32: normal undefined null / null var(--font-sans);
[DEVVIT] --font-48: normal undefined null / null var(--font-sans);
[DEVVIT] --font-64: normal undefined null / null var(--font-sans);
[DEVVIT] --font-title-h0: var(--font-64);
[DEVVIT] --font-title-h1: var(--font-32);
[DEVVIT] --font-title-h2: var(--font-24);
[DEVVIT] --font-title-h3: var(--font-18);
[DEVVIT] --font-title-h4: var(--font-16);
[DEVVIT] --font-title-h5: var(--font-14);
[DEVVIT] --font-title-h6: var(--font-12);
[DEVVIT] --font-14-20-regular: normal 400 0.875rem / 1.25rem var(--font-sans);
[DEVVIT] --font-14-20-semibold: normal 600 0.875rem / 1.25rem var(--font-sans);
[DEVVIT] --font-16-20-regular: normal 400 1rem / 1.25rem var(--font-sans);
[DEVVIT] --font-12-16-regular: normal 400 0.75rem / 1rem var(--font-sans);
[DEVVIT] --font-12-16-semibold: normal 600 0.75rem / 1rem var(--font-sans);
[DEVVIT] --font-button-lg: var(--font-14-20-semibold);
[DEVVIT] --font-button-md: var(--font-14-20-semibold);
[DEVVIT] --font-button-sm: var(--font-12-16-semibold);
[DEVVIT] --font-label-default: var(--font-12-16-regular);
[DEVVIT] --misc-accordion-border: 0;
[DEVVIT] --misc-accordion-open-list-style-type: none;
[DEVVIT] --misc-accordion-closed-list-style-type: none;
[DEVVIT] --misc-divider-margin: 0;
[DEVVIT] --misc-label-text-transform: capitalize;
[DEVVIT] --misc-label-letter-spacing: initial;
[DEVVIT] --blur-sm: 0.25rem;
[DEVVIT] --blur-normal: 0.5rem;
[DEVVIT] --blur-md: 0.75rem;
[DEVVIT] --blur-lg: 1rem;
[DEVVIT] --blur-xl: 1.5rem;
[DEVVIT] --blur-2xl: 2.5rem;
[DEVVIT] --blur-3xl: 4rem;
[DEVVIT] --color-action-downvote: #6A5CFF;
[DEVVIT] --color-action-upvote: #D93900;
[DEVVIT] --color-ai-background-weaker: #E7FDF5;
[DEVVIT] --color-ai-plain: #006C56;
[DEVVIT] --color-ai-plain-hover: #015140;
[DEVVIT] --color-alert-caution: #977000;
[DEVVIT] --color-avatar-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #97AFBCff,
[DEVVIT] #ffffffff 75%);
[DEVVIT] --color-avatar-media-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #00000099,
[DEVVIT] #181C1Fff 75%);
[DEVVIT] --color-brand-background: #D93900;
[DEVVIT] --color-brand-background-hover: #AE2C00;
[DEVVIT] --color-brand-gradient-active:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #cd3700ff,
[DEVVIT] #db3b00ff 68%,
[DEVVIT] #D93900ff 100%);
[DEVVIT] --color-brand-gradient-active-highlight:
[DEVVIT] linear-gradient(
[DEVVIT] 83deg,
[DEVVIT] #db3f0000 80%,
[DEVVIT] #D93900ff 100%);
[DEVVIT] --color-brand-gradient-default:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #D93900ff,
[DEVVIT] #db3b00ff 30%,
[DEVVIT] #AE2C00ff 100%);
[DEVVIT] --color-brand-gradient-default-highlight:
[DEVVIT] linear-gradient(
[DEVVIT] 258deg,
[DEVVIT] #db3f0000 80%,
[DEVVIT] #D93900ff 100%);
[DEVVIT] --color-brand-gradient-hover:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #e23d00ff 15%,
[DEVVIT] #cb3600ff 49%,
[DEVVIT] #b43000ff 100%);
[DEVVIT] --color-brand-gradient-hover-highlight:
[DEVVIT] linear-gradient(
[DEVVIT] 323deg,
[DEVVIT] #cb360000 65%,
[DEVVIT] #cb3600ff 100%);
[DEVVIT] --color-brand-onBackground: #FFFFFF;
[DEVVIT] --color-category-live: #D93900;
[DEVVIT] --color-category-nsfw: #DE019F;
[DEVVIT] --color-category-spoiler: var(--color-tone-1);
[DEVVIT] --color-caution-background: #FFBF0B;
[DEVVIT] --color-caution-background-hover: #D8A100;
[DEVVIT] --color-caution-onBackground: #000000;
[DEVVIT] --color-caution-plain: #785800;
[DEVVIT] --color-caution-plain-hover: #5B4200;
[DEVVIT] --color-danger-background: #EB001F;
[DEVVIT] --color-danger-background-disabled: #FDB3A4;
[DEVVIT] --color-danger-background-hover: #BC0117;
[DEVVIT] --color-danger-background-weaker: #FBDBD4;
[DEVVIT] --color-danger-content: #BC0117;
[DEVVIT] --color-danger-content-default: #ffffff;
[DEVVIT] --color-danger-content-hover: #90000F;
[DEVVIT] --color-danger-onBackground: #FFFFFF;
[DEVVIT] --color-danger-plain: #BC0117;
[DEVVIT] --color-danger-plain-hover: #90000F;
[DEVVIT] --color-downvote-background: #6A5CFF;
[DEVVIT] --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
[DEVVIT] --color-downvote-background-hover: #523DFF;
[DEVVIT] --color-downvote-content: #523DFF;
[DEVVIT] --color-downvote-content-weak: #6A5CFF;
[DEVVIT] --color-downvote-disabled: #523DFF4d;
[DEVVIT] --color-downvote-onBackground: #FFFFFF;
[DEVVIT] --color-downvote-onStrongScrim: #B29FFF;
[DEVVIT] --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
[DEVVIT] --color-downvote-onStrongScrim-weaker: #9580FF;
[DEVVIT] --color-downvote-plain: #523DFF;
[DEVVIT] --color-downvote-plain-disabled: rgba(82, 61, 255, 0.3);
[DEVVIT] --color-downvote-plain-weaker: #6A5CFF;
[DEVVIT] --color-elevation-large1: #0000003F;
[DEVVIT] --color-elevation-large2: #00000026;
[DEVVIT] --color-elevation-medium1: #0000003F;
[DEVVIT] --color-elevation-medium2: #00000019;
[DEVVIT] --color-elevation-small: #00000026;
[DEVVIT] --color-elevation-xsmall: #0000003F;
[DEVVIT] --color-favorite: #977000;
[DEVVIT] --color-global-admin: #D93900;
[DEVVIT] --color-global-alienblue: #1870F4;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-brand-orangered: #FF4500;
[DEVVIT] --color-global-darkblue: #2A3236;
[DEVVIT] --color-global-focus: #029DD5;
[DEVVIT] --color-global-gold: #B78800;
[DEVVIT] --color-global-moderator: #008A10;
[DEVVIT] --color-global-nsfw: #DE019F;
[DEVVIT] --color-global-offline: #667780;
[DEVVIT] --color-global-online: #00C61C;
[DEVVIT] --color-global-orangered: #FF4500;
[DEVVIT] --color-global-stars: #977000;
[DEVVIT] --color-global-white: #FFFFFF;
[DEVVIT] --color-gradient-media:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #00000000,
[DEVVIT] #0000008a 60%,
[DEVVIT] #00000099 100%);
[DEVVIT] --color-gradient-media-strong:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #00000000,
[DEVVIT] #000000cc 60%,
[DEVVIT] #000000e6 100%);
[DEVVIT] --color-identity-admin: #D93900;
[DEVVIT] --color-identity-coins: #B78800;
[DEVVIT] --color-identity-moderator: #008A10;
[DEVVIT] --color-identity-self: #01876D;
[DEVVIT] --color-interactive-background-disabled: #0000000C;
[DEVVIT] --color-interactive-content-disabled: #0000003F;
[DEVVIT] --color-interactive-focused: #007FAE;
[DEVVIT] --color-interactive-pressed: #00000026;
[DEVVIT] --color-inverted-interactive-background-disabled: #FFFFFF0C;
[DEVVIT] --color-inverted-interactive-content-disabled: #FFFFFF3F;
[DEVVIT] --color-inverted-interactive-pressed: #FFFFFF26;
[DEVVIT] --color-inverted-neutral-background: #0E1113;
[DEVVIT] --color-inverted-neutral-background-hover: #181C1F;
[DEVVIT] --color-inverted-neutral-border: #FFFFFF33;
[DEVVIT] --color-inverted-neutral-content: #B7CAD4;
[DEVVIT] --color-inverted-neutral-content-strong: #EEF1F3;
[DEVVIT] --color-inverted-secondary-background: #2A3236;
[DEVVIT] --color-inverted-secondary-background-hover: #333D42;
[DEVVIT] --color-inverted-secondary-background-selected: #3D494E;
[DEVVIT] --color-inverted-secondary-onBackground: #FFFFFF;
[DEVVIT] --color-inverted-secondary-plain: #DBE4E9;
[DEVVIT] --color-inverted-secondary-plain-hover: #FFFFFF;
[DEVVIT] --color-media-background: rgba(0, 0, 0, 0.6);
[DEVVIT] --color-media-background-hover: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-background-selected: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-border-selected: #FFFFFF;
[DEVVIT] --color-media-border-weak: #FFFFFF19;
[DEVVIT] --color-media-onBackground: #FFFFFF;
[DEVVIT] --color-media-onBackground-disabled: #FFFFFF3F;
[DEVVIT] --color-media-onBackground-weak: #E5EBEE;
[DEVVIT] --color-media-onbackground: #ffffff;
[DEVVIT] --color-media-onbackground-disabled: #ffffff40;
[DEVVIT] --color-media-onbackground-weak: #B7CAD4;
[DEVVIT] --color-neutral-background: #FFFFFF;
[DEVVIT] --color-neutral-background-container: #F6F8F9;
[DEVVIT] --color-neutral-background-container-hover: #EEF1F3;
[DEVVIT] --color-neutral-background-container-strong: #EEF1F3;
[DEVVIT] --color-neutral-background-container-strong-hover: #E5EBEE;
[DEVVIT] --color-neutral-background-gilded: #FFF9E0;
[DEVVIT] --color-neutral-background-gilded-hover: #FFF3C0;
[DEVVIT] --color-neutral-background-hover: #F6F8F9;
[DEVVIT] --color-neutral-background-medium: #F8F8F8;
[DEVVIT] --color-neutral-background-pinned: #FFFFFF;
[DEVVIT] --color-neutral-background-selected: #E5EBEE;
[DEVVIT] --color-neutral-background-strong: #FFFFFF;
[DEVVIT] --color-neutral-background-strong-hover: #F6F8F9;
[DEVVIT] --color-neutral-background-weak: #F6F8F9;
[DEVVIT] --color-neutral-background-weak-hover: #EEF1F3;
[DEVVIT] --color-neutral-border: #00000033;
[DEVVIT] --color-neutral-border-medium: #0000007F;
[DEVVIT] --color-neutral-border-strong: #181C1F;
[DEVVIT] --color-neutral-border-weak: #00000019;
[DEVVIT] --color-neutral-content: #333D42;
[DEVVIT] --color-neutral-content-disabled: #D6D6D6;
[DEVVIT] --color-neutral-content-strong: #181C1F;
[DEVVIT] --color-neutral-content-weak: #5C6C74;
[DEVVIT] --color-offline: #767676;
[DEVVIT] --color-online: #01A816;
[DEVVIT] --color-opacity-08: #13131314;
[DEVVIT] --color-opacity-50: #00000080;
[DEVVIT] --color-opacity-highlight: linear-gradient(#0A2F6C1a,
[DEVVIT] var(--color-tone-6));
[DEVVIT] --color-pizzaRed: #ef5350;
[DEVVIT] --color-primary: #115BCA;
[DEVVIT] --color-primary-background: #0A449B;
[DEVVIT] --color-primary-background-hover: #0A2F6C;
[DEVVIT] --color-primary-background-selected: #0A1A3F;
[DEVVIT] --color-primary-border: #0A449B;
[DEVVIT] --color-primary-border-hover: #0A2F6C;
[DEVVIT] --color-primary-hover: #0A449B;
[DEVVIT] --color-primary-onBackground: #FFFFFF;
[DEVVIT] --color-primary-onBackground-selected: #FFFFFF;
[DEVVIT] --color-primary-plain: #0A449B;
[DEVVIT] --color-primary-plain-hover: #0A2F6C;
[DEVVIT] --color-primary-plain-visited: #7600A3;
[DEVVIT] --color-primary-visited: #9B00D4;
[DEVVIT] --color-scrim: #00000099;
[DEVVIT] --color-scrim-background: #00000099;
[DEVVIT] --color-scrim-background-strong: #000000CC;
[DEVVIT] --color-scrim-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #00000000,
[DEVVIT] #0000008a 60%,
[DEVVIT] #00000099 100%);
[DEVVIT] --color-scrim-strong: #000000cc;
[DEVVIT] --color-secondary: #21272A;
[DEVVIT] --color-secondary-background: #E5EBEE;
[DEVVIT] --color-secondary-background-hover: #DBE4E9;
[DEVVIT] --color-secondary-background-selected: #C9D7DE;
[DEVVIT] --color-secondary-hover: #000000;
[DEVVIT] --color-secondary-onBackground: #000000;
[DEVVIT] --color-secondary-plain: #181C1F;
[DEVVIT] --color-secondary-plain-hover: #000000;
[DEVVIT] --color-secondary-plain-weak: #5C6C74;
[DEVVIT] --color-secondary-weak: #576F76;
[DEVVIT] --color-success-background: #008A10;
[DEVVIT] --color-success-background-hover: #016E0B;
[DEVVIT] --color-success-content: #016E0B;
[DEVVIT] --color-success-hover: #005306;
[DEVVIT] --color-success-onBackground: #FFFFFF;
[DEVVIT] --color-success-plain: #016E0B;
[DEVVIT] --color-success-plain-hover: #005306;
[DEVVIT] --color-tone-1: #131313;
[DEVVIT] --color-tone-2: #434343;
[DEVVIT] --color-tone-3: #ACACAC;
[DEVVIT] --color-tone-4: #E4E4E4;
[DEVVIT] --color-tone-5: #F2F2F2;
[DEVVIT] --color-tone-6: #F8F8F8;
[DEVVIT] --color-tone-7: #ffffff;
[DEVVIT] --color-transparent-background-hover: #7487911a;
[DEVVIT] --color-ui-canvas: var(--color-tone-5);
[DEVVIT] --color-ui-modalbackground: var(--color-neutral-background-strong);
[DEVVIT] --color-upvote-background: #D93900;
[DEVVIT] --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
[DEVVIT] --color-upvote-background-hover: #AE2C00;
[DEVVIT] --color-upvote-content: #AE2C00;
[DEVVIT] --color-upvote-content-weak: var(--color-global-brand-orangered);
[DEVVIT] --color-upvote-disabled: #AE2C004d;
[DEVVIT] --color-upvote-onBackground: #FFFFFF;
[DEVVIT] --color-upvote-onStrongScrim: #FF895D;
[DEVVIT] --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-onStrongScrim-weaker: #FF4500;
[DEVVIT] --color-upvote-plain: #AE2C00;
[DEVVIT] --color-upvote-plain-disabled: rgba(174, 44, 0, 0.3);
[DEVVIT] --color-upvote-plain-weaker: #FF4500;
[DEVVIT] --color-warning-background: #B78800;
[DEVVIT] --color-warning-background-hover: #977000;
[DEVVIT] --color-warning-content: #785800;
[DEVVIT] --color-warning-content-hover: #5B4200;
[DEVVIT] --color-warning-onBackground: #000000;
[DEVVIT] --color-a-default: var(--color-primary);
[DEVVIT] --color-a-hover: var(--color-primary-hover);
[DEVVIT] --color-a-visited: var(--color-primary-visited);
[DEVVIT] --color-banner-plain: var(--color-neutral-background-strong);
[DEVVIT] --color-banner-plain-inverted: var(--color-neutral-content-strong);
[DEVVIT] --color-banner-error: var(--color-danger-background);
[DEVVIT] --color-banner-caution: var(--color-warning-background);
[DEVVIT] --color-banner-success: var(--color-success-background);
[DEVVIT] --color-banner-brand: var(--color-brand-background);
[DEVVIT] --color-banner-plain-text: var(--color-neutral-content);
[DEVVIT] --color-banner-plain-inverted-text:
[DEVVIT] var(--color-neutral-background-weak);
[DEVVIT] --color-banner-error-text: var(--color-danger-onBackground);
[DEVVIT] --color-banner-caution-text: var(--color-warning-onBackground);
[DEVVIT] --color-banner-caution-hover: var(--color-warning-background-hover);
[DEVVIT] --color-banner-success-text: var(--color-success-onBackground);
[DEVVIT] --color-banner-brand-text: var(--color-brand-onBackground);
[DEVVIT] --color-button-overlay-focus: transparent;
[DEVVIT] --color-button-overlay-active: transparent;
[DEVVIT] --color-button-border-width: tomato;
[DEVVIT] --color-button-border-width-activated: tomato;
[DEVVIT] --color-button-primary-background-hover:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-primary-background-activated:
[DEVVIT] var(--color-primary-background-selected);
[DEVVIT] --color-button-primary-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-button-primary-border-hover: var(--color-primary-background);
[DEVVIT] --color-button-primary-border-active:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-primary-text-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-button-primary-text-activated:
[DEVVIT] var(--color-primary-onBackground-selected);
[DEVVIT] --color-button-secondary-background: var(--color-secondary-background);
[DEVVIT] --color-button-secondary-background-focus:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-button-secondary-background-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-secondary-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-button-secondary-background-activated:
[DEVVIT] var(--color-secondary-background-selected);
[DEVVIT] --color-button-secondary-border: transparent;
[DEVVIT] --color-button-secondary-border-hover:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-button-secondary-border-active:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-secondary-border-activated: transparent;
[DEVVIT] --color-button-secondary-border-disabled: transparent;
[DEVVIT] --color-button-secondary-text: var(--color-secondary-onBackground);
[DEVVIT] --color-button-secondary-text-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-button-secondary-text-activated:
[DEVVIT] var(--color-secondary-onBackground);
[DEVVIT] --color-button-tertiary-background: transparent;
[DEVVIT] --color-button-tertiary-background-focus: transparent;
[DEVVIT] --color-button-tertiary-background-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-tertiary-background-disabled: transparent;
[DEVVIT] --color-button-tertiary-background-activated:
[DEVVIT] var(--color-neutral-content);
[DEVVIT] --color-button-tertiary-border-hover: var(--color-secondary-background);
[DEVVIT] --color-button-tertiary-border-active:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-tertiary-text: var(--color-neutral-content-strong);
[DEVVIT] --color-button-tertiary-text-disabled:
[DEVVIT] var(--color-neutral-content-disabled);
[DEVVIT] --color-button-tertiary-text-activated: var(--color-neutral-background);
[DEVVIT] --color-button-plain-background-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-plain-background-disabled: transparent;
[DEVVIT] --color-button-plain-background-activated:
[DEVVIT] var(--color-secondary-background-selected);
[DEVVIT] --color-button-plain-border-hover: var(--color-secondary-background);
[DEVVIT] --color-button-plain-border-active:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-plain-text: var(--color-secondary-plain);
[DEVVIT] --color-button-plain-text-hover: var(--color-secondary-plain-hover);
[DEVVIT] --color-button-plain-text-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-button-plain-text-activated:
[DEVVIT] var(--color-secondary-onBackground);
[DEVVIT] --color-button-primary-border-activated:
[DEVVIT] var(--color-primary-background);
[DEVVIT] --color-button-plain-text-weak: var(--color-secondary-plain-weak);
[DEVVIT] --color-button-plain-inverted-background-activated:
[DEVVIT] var(--color-neutral-content);
[DEVVIT] --color-button-plain-inverted-text-activated:
[DEVVIT] var(--color-neutral-background);
[DEVVIT] --color-button-media-border-color-activated:
[DEVVIT] var(--color-media-border-selected);
[DEVVIT] --color-button-favorite-text: var(--color-favorite);
[DEVVIT] --color-button-caution-background: var(--color-caution-background);
[DEVVIT] --color-button-caution-background-hover:
[DEVVIT] var(--color-caution-background-hover);
[DEVVIT] --color-button-caution-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-button-caution-text: var(--color-caution-onBackground);
[DEVVIT] --color-divider-default: var(--color-neutral-border);
[DEVVIT] --color-input-secondary: var(--color-secondary-background);
[DEVVIT] --color-input-secondary-hover: var(--color-secondary-background-hover);
[DEVVIT] --color-input-border: transparent;
[DEVVIT] --color-input-bordered: transparent;
[DEVVIT] --color-input-bordered-hover: var(--color-neutral-background-hover);
[DEVVIT] --color-input-secondary-text: var(--color-secondary-onBackground);
[DEVVIT] --color-input-bordered-text: var(--color-secondary-plain);
[DEVVIT] --color-input-helper-text: var(--color-neutral-content-weak);
[DEVVIT] --color-input-pressed: var(--color-interactive-pressed);
[DEVVIT] --color-input-radio: var(--color-secondary-plain-weak);
[DEVVIT] --color-input-radio-hover: var(--color-neutral-content-strong);
[DEVVIT] --color-label-default: var(--color-neutral-content-weak);
[DEVVIT] --color-shimmer-background: #00000008;
[DEVVIT] --color-shimmer-gradient-overlay:
[DEVVIT] linear-gradient(
[DEVVIT] to right,
[DEVVIT] #00000000,
[DEVVIT] #00000005 20%,
[DEVVIT] #0000000f 50%,
[DEVVIT] #00000008 70%,
[DEVVIT] #00000000 100%);
[DEVVIT] --color-switch-input-background-pressed-scrim:
[DEVVIT] var(--color-interactive-pressed);
[DEVVIT] --color-switch-input-background-handle: var(--color-global-white);
[DEVVIT] --color-switch-input-background-handle-disabled:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-switch-input-background-default:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-switch-input-background-default-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-switch-input-background-default-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-switch-input-background-checked:
[DEVVIT] var(--color-primary-background);
[DEVVIT] --color-switch-input-background-checked-hover:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-switch-input-background-checked-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-tooltip-bg-neutral: var(--color-neutral-background-strong);
[DEVVIT] --color-tooltip-text-neutral: var(--color-neutral-content);
[DEVVIT] --color-tooltip-bg-inverted: var(--color-neutral-content);
[DEVVIT] --color-tooltip-text-inverted: var(--color-neutral-background);
[DEVVIT] --color-tooltip-bg-primary: var(--color-primary-background);
[DEVVIT] --color-tooltip-text-primary: var(--color-primary-onBackground);
[DEVVIT] --elevation-sm-inset: inset 0 0.0625rem 0.125rem 0 #00000021;
[DEVVIT] --elevation-button-focus: var(--elevation-focus-ring);
[DEVVIT] --elevation-switch-input-default-inset: var(--elevation-sm-inset);
[DEVVIT] }
[DEVVIT] @media (prefers-color-scheme: dark) {
[DEVVIT] :root:not(.theme-light) .theme-beta,
[DEVVIT] :root:not(.theme-light).theme-beta {
[DEVVIT] --color-ai-background-weaker: #00382B;
[DEVVIT] --color-ai-plain: #01A484;
[DEVVIT] --color-ai-plain-hover: #00C29D;
[DEVVIT] --color-avatar-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #48545Bff,
[DEVVIT] #181C1Fff 75%);
[DEVVIT] --color-brand-background: #D93900;
[DEVVIT] --color-brand-background-hover: #AE2C00;
[DEVVIT] --color-brand-onBackground: #FFFFFF;
[DEVVIT] --color-caution-background: #D8A100;
[DEVVIT] --color-caution-background-hover: #FFBF0B;
[DEVVIT] --color-caution-onBackground: #000000;
[DEVVIT] --color-caution-plain: #FFBF0B;
[DEVVIT] --color-caution-plain-hover: #FFE284;
[DEVVIT] --color-danger-background: #BC0117;
[DEVVIT] --color-danger-background-disabled: #340F05;
[DEVVIT] --color-danger-background-hover: #EB001F;
[DEVVIT] --color-danger-background-weaker: #650405;
[DEVVIT] --color-danger-content: #FF4F40;
[DEVVIT] --color-danger-content-hover: #FF8773;
[DEVVIT] --color-danger-onBackground: #FFFFFF;
[DEVVIT] --color-danger-plain: #FF8773;
[DEVVIT] --color-danger-plain-hover: #FDB3A4;
[DEVVIT] --color-downvote-background: #6A5CFF;
[DEVVIT] --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
[DEVVIT] --color-downvote-background-hover: #523DFF;
[DEVVIT] --color-downvote-content: #9580FF;
[DEVVIT] --color-downvote-content-weak: #6A5CFF;
[DEVVIT] --color-downvote-disabled: #9580FF4d;
[DEVVIT] --color-downvote-onBackground: #FFFFFF;
[DEVVIT] --color-downvote-onStrongScrim: #B29FFF;
[DEVVIT] --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
[DEVVIT] --color-downvote-onStrongScrim-weaker: #9580FF;
[DEVVIT] --color-downvote-plain: #9580FF;
[DEVVIT] --color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
[DEVVIT] --color-downvote-plain-weaker: #6A5CFF;
[DEVVIT] --color-elevation-large1: #0000007F;
[DEVVIT] --color-elevation-large2: #00000033;
[DEVVIT] --color-elevation-medium1: #0000007F;
[DEVVIT] --color-elevation-medium2: #00000033;
[DEVVIT] --color-elevation-small: #00000054;
[DEVVIT] --color-elevation-xsmall: #000000AA;
[DEVVIT] --color-favorite: #B78800;
[DEVVIT] --color-global-admin: #D93900;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-brand-orangered: #FF4500;
[DEVVIT] --color-global-focus: #007FAE;
[DEVVIT] --color-global-gold: #D8A100;
[DEVVIT] --color-global-moderator: #008A10;
[DEVVIT] --color-global-nsfw: #DE019F;
[DEVVIT] --color-global-offline: #667780;
[DEVVIT] --color-global-online: #00C61C;
[DEVVIT] --color-global-orangered: #FF4500;
[DEVVIT] --color-global-stars: #D8A100;
[DEVVIT] --color-global-white: #FFFFFF;
[DEVVIT] --color-interactive-background-disabled: #FFFFFF0C;
[DEVVIT] --color-interactive-content-disabled: #FFFFFF3F;
[DEVVIT] --color-interactive-focused: #007FAE;
[DEVVIT] --color-interactive-pressed: #FFFFFF26;
[DEVVIT] --color-inverted-interactive-background-disabled: #0000000C;
[DEVVIT] --color-inverted-interactive-content-disabled: #0000003F;
[DEVVIT] --color-inverted-interactive-pressed: #00000026;
[DEVVIT] --color-inverted-neutral-background: #FFFFFF;
[DEVVIT] --color-inverted-neutral-background-hover: #F6F8F9;
[DEVVIT] --color-inverted-neutral-border: #00000033;
[DEVVIT] --color-inverted-neutral-content: #333D42;
[DEVVIT] --color-inverted-neutral-content-strong: #181C1F;
[DEVVIT] --color-inverted-secondary-background: #E5EBEE;
[DEVVIT] --color-inverted-secondary-background-hover: #DBE4E9;
[DEVVIT] --color-inverted-secondary-background-selected: #C9D7DE;
[DEVVIT] --color-inverted-secondary-onBackground: #000000;
[DEVVIT] --color-inverted-secondary-plain: #181C1F;
[DEVVIT] --color-inverted-secondary-plain-hover: #000000;
[DEVVIT] --color-media-background: rgba(0, 0, 0, 0.6);
[DEVVIT] --color-media-background-hover: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-background-selected: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-border-selected: #FFFFFF;
[DEVVIT] --color-media-border-weak: #FFFFFF19;
[DEVVIT] --color-media-onBackground: #FFFFFF;
[DEVVIT] --color-media-onBackground-disabled: #FFFFFF3F;
[DEVVIT] --color-media-onBackground-weak: #E5EBEE;
[DEVVIT] --color-neutral-background: #0E1113;
[DEVVIT] --color-neutral-background-container: #181C1F;
[DEVVIT] --color-neutral-background-container-hover: #21272A;
[DEVVIT] --color-neutral-background-container-strong: #21272A;
[DEVVIT] --color-neutral-background-container-strong-hover: #2A3236;
[DEVVIT] --color-neutral-background-gilded: #181C1F;
[DEVVIT] --color-neutral-background-gilded-hover: #21272A;
[DEVVIT] --color-neutral-background-hover: #181C1F;
[DEVVIT] --color-neutral-background-medium: #131313;
[DEVVIT] --color-neutral-background-pinned: #0E1113;
[DEVVIT] --color-neutral-background-selected: #2A3236;
[DEVVIT] --color-neutral-background-strong: #181C1F;
[DEVVIT] --color-neutral-background-strong-hover: #21272A;
[DEVVIT] --color-neutral-background-weak: #000000;
[DEVVIT] --color-neutral-background-weak-hover: #0E1113;
[DEVVIT] --color-neutral-border: #FFFFFF33;
[DEVVIT] --color-neutral-border-medium: #FFFFFF7F;
[DEVVIT] --color-neutral-border-strong: #F6F8F9;
[DEVVIT] --color-neutral-border-weak: #FFFFFF19;
[DEVVIT] --color-neutral-content: #B7CAD4;
[DEVVIT] --color-neutral-content-disabled: #303030;
[DEVVIT] --color-neutral-content-strong: #EEF1F3;
[DEVVIT] --color-neutral-content-weak: #8BA2AD;
[DEVVIT] --color-offline: #767676;
[DEVVIT] --color-online: #01A816;
[DEVVIT] --color-opacity-50: #F2F2F280;
[DEVVIT] --color-pizzaRed: #c62828;
[DEVVIT] --color-primary: #648EFC;
[DEVVIT] --color-primary-background: #115BCA;
[DEVVIT] --color-primary-background-hover: #1870F4;
[DEVVIT] --color-primary-background-selected: #648EFC;
[DEVVIT] --color-primary-border: #648EFC;
[DEVVIT] --color-primary-border-hover: #90A9FD;
[DEVVIT] --color-primary-hover: #90A9FD;
[DEVVIT] --color-primary-onBackground: #FFFFFF;
[DEVVIT] --color-primary-onBackground-selected: #000000;
[DEVVIT] --color-primary-plain: #648EFC;
[DEVVIT] --color-primary-plain-hover: #90A9FD;
[DEVVIT] --color-primary-plain-visited: #CF5FFF;
[DEVVIT] --color-primary-visited: #CF5FFF;
[DEVVIT] --color-scrim-background: #00000099;
[DEVVIT] --color-scrim-background-strong: #000000CC;
[DEVVIT] --color-secondary: #DBE4E9;
[DEVVIT] --color-secondary-background: #2A3236;
[DEVVIT] --color-secondary-background-hover: #333D42;
[DEVVIT] --color-secondary-background-selected: #3D494E;
[DEVVIT] --color-secondary-hover: #ffffff;
[DEVVIT] --color-secondary-onBackground: #FFFFFF;
[DEVVIT] --color-secondary-plain: #DBE4E9;
[DEVVIT] --color-secondary-plain-hover: #FFFFFF;
[DEVVIT] --color-secondary-plain-weak: #8BA2AD;
[DEVVIT] --color-secondary-weak: #748791;
[DEVVIT] --color-success-background: #016E0B;
[DEVVIT] --color-success-background-hover: #008A10;
[DEVVIT] --color-success-content: #01A816;
[DEVVIT] --color-success-hover: #00C61C;
[DEVVIT] --color-success-onBackground: #FFFFFF;
[DEVVIT] --color-success-plain: #00C61C;
[DEVVIT] --color-success-plain-hover: #58E15B;
[DEVVIT] --color-tone-1: #F2F2F2;
[DEVVIT] --color-tone-2: #ACACAC;
[DEVVIT] --color-tone-3: #434343;
[DEVVIT] --color-tone-4: #303030;
[DEVVIT] --color-tone-5: #1E1E1E;
[DEVVIT] --color-tone-6: #131313;
[DEVVIT] --color-tone-7: #080808;
[DEVVIT] --color-transparent-background-hover: #6677801a;
[DEVVIT] --color-ui-canvas: #080808;
[DEVVIT] --color-ui-modalbackground: var(--color-neutral-background-strong);
[DEVVIT] --color-upvote-background: #D93900;
[DEVVIT] --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
[DEVVIT] --color-upvote-background-hover: #AE2C00;
[DEVVIT] --color-upvote-content: #FF4500;
[DEVVIT] --color-upvote-content-weak: var(--color-global-brand-orangered);
[DEVVIT] --color-upvote-disabled: #FF45004d;
[DEVVIT] --color-upvote-onBackground: #FFFFFF;
[DEVVIT] --color-upvote-onStrongScrim: #FF895D;
[DEVVIT] --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-onStrongScrim-weaker: #FF4500;
[DEVVIT] --color-upvote-plain: #FF895D;
[DEVVIT] --color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-plain-weaker: #FF4500;
[DEVVIT] --color-warning-background: #B78800;
[DEVVIT] --color-warning-background-hover: #D8A100;
[DEVVIT] --color-warning-content: #B78800;
[DEVVIT] --color-warning-content-hover: #D8A100;
[DEVVIT] --color-warning-onBackground: #000000;
[DEVVIT] --color-button-primary-border-activated: transparent;
[DEVVIT] --color-button-plain-inverted-activated-text:
[DEVVIT] var(--color-neutral-background);
[DEVVIT] --color-input-radio-hover: var(--color-secondary-plain);
[DEVVIT] --color-shimmer-background: #ffffff08;
[DEVVIT] --color-shimmer-gradient-overlay:
[DEVVIT] linear-gradient(
[DEVVIT] to right,
[DEVVIT] #ffffff00,
[DEVVIT] #ffffff05 20%,
[DEVVIT] #ffffff0f 50%,
[DEVVIT] #ffffff08 70%,
[DEVVIT] #ffffff00 100%);
[DEVVIT] }
[DEVVIT] }
[DEVVIT] .theme-dark .theme-beta,
[DEVVIT] .theme-dark.theme-beta {
[DEVVIT] --color-ai-background-weaker: #00382B;
[DEVVIT] --color-ai-plain: #01A484;
[DEVVIT] --color-ai-plain-hover: #00C29D;
[DEVVIT] --color-avatar-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #48545Bff,
[DEVVIT] #181C1Fff 75%);
[DEVVIT] --color-brand-background: #D93900;
[DEVVIT] --color-brand-background-hover: #AE2C00;
[DEVVIT] --color-brand-onBackground: #FFFFFF;
[DEVVIT] --color-caution-background: #D8A100;
[DEVVIT] --color-caution-background-hover: #FFBF0B;
[DEVVIT] --color-caution-onBackground: #000000;
[DEVVIT] --color-caution-plain: #FFBF0B;
[DEVVIT] --color-caution-plain-hover: #FFE284;
[DEVVIT] --color-danger-background: #BC0117;
[DEVVIT] --color-danger-background-disabled: #340F05;
[DEVVIT] --color-danger-background-hover: #EB001F;
[DEVVIT] --color-danger-background-weaker: #650405;
[DEVVIT] --color-danger-content: #FF4F40;
[DEVVIT] --color-danger-content-hover: #FF8773;
[DEVVIT] --color-danger-onBackground: #FFFFFF;
[DEVVIT] --color-danger-plain: #FF8773;
[DEVVIT] --color-danger-plain-hover: #FDB3A4;
[DEVVIT] --color-downvote-background: #6A5CFF;
[DEVVIT] --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
[DEVVIT] --color-downvote-background-hover: #523DFF;
[DEVVIT] --color-downvote-content: #9580FF;
[DEVVIT] --color-downvote-content-weak: #6A5CFF;
[DEVVIT] --color-downvote-disabled: #9580FF4d;
[DEVVIT] --color-downvote-onBackground: #FFFFFF;
[DEVVIT] --color-downvote-onStrongScrim: #B29FFF;
[DEVVIT] --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
[DEVVIT] --color-downvote-onStrongScrim-weaker: #9580FF;
[DEVVIT] --color-downvote-plain: #9580FF;
[DEVVIT] --color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
[DEVVIT] --color-downvote-plain-weaker: #6A5CFF;
[DEVVIT] --color-elevation-large1: #0000007F;
[DEVVIT] --color-elevation-large2: #00000033;
[DEVVIT] --color-elevation-medium1: #0000007F;
[DEVVIT] --color-elevation-medium2: #00000033;
[DEVVIT] --color-elevation-small: #00000054;
[DEVVIT] --color-elevation-xsmall: #000000AA;
[DEVVIT] --color-favorite: #B78800;
[DEVVIT] --color-global-admin: #D93900;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-brand-orangered: #FF4500;
[DEVVIT] --color-global-focus: #007FAE;
[DEVVIT] --color-global-gold: #D8A100;
[DEVVIT] --color-global-moderator: #008A10;
[DEVVIT] --color-global-nsfw: #DE019F;
[DEVVIT] --color-global-offline: #667780;
[DEVVIT] --color-global-online: #00C61C;
[DEVVIT] --color-global-orangered: #FF4500;
[DEVVIT] --color-global-stars: #D8A100;
[DEVVIT] --color-global-white: #FFFFFF;
[DEVVIT] --color-interactive-background-disabled: #FFFFFF0C;
[DEVVIT] --color-interactive-content-disabled: #FFFFFF3F;
[DEVVIT] --color-interactive-focused: #007FAE;
[DEVVIT] --color-interactive-pressed: #FFFFFF26;
[DEVVIT] --color-inverted-interactive-background-disabled: #0000000C;
[DEVVIT] --color-inverted-interactive-content-disabled: #0000003F;
[DEVVIT] --color-inverted-interactive-pressed: #00000026;
[DEVVIT] --color-inverted-neutral-background: #FFFFFF;
[DEVVIT] --color-inverted-neutral-background-hover: #F6F8F9;
[DEVVIT] --color-inverted-neutral-border: #00000033;
[DEVVIT] --color-inverted-neutral-content: #333D42;
[DEVVIT] --color-inverted-neutral-content-strong: #181C1F;
[DEVVIT] --color-inverted-secondary-background: #E5EBEE;
[DEVVIT] --color-inverted-secondary-background-hover: #DBE4E9;
[DEVVIT] --color-inverted-secondary-background-selected: #C9D7DE;
[DEVVIT] --color-inverted-secondary-onBackground: #000000;
[DEVVIT] --color-inverted-secondary-plain: #181C1F;
[DEVVIT] --color-inverted-secondary-plain-hover: #000000;
[DEVVIT] --color-media-background: rgba(0, 0, 0, 0.6);
[DEVVIT] --color-media-background-hover: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-background-selected: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-border-selected: #FFFFFF;
[DEVVIT] --color-media-border-weak: #FFFFFF19;
[DEVVIT] --color-media-onBackground: #FFFFFF;
[DEVVIT] --color-media-onBackground-disabled: #FFFFFF3F;
[DEVVIT] --color-media-onBackground-weak: #E5EBEE;
[DEVVIT] --color-neutral-background: #0E1113;
[DEVVIT] --color-neutral-background-container: #181C1F;
[DEVVIT] --color-neutral-background-container-hover: #21272A;
[DEVVIT] --color-neutral-background-container-strong: #21272A;
[DEVVIT] --color-neutral-background-container-strong-hover: #2A3236;
[DEVVIT] --color-neutral-background-gilded: #181C1F;
[DEVVIT] --color-neutral-background-gilded-hover: #21272A;
[DEVVIT] --color-neutral-background-hover: #181C1F;
[DEVVIT] --color-neutral-background-medium: #131313;
[DEVVIT] --color-neutral-background-pinned: #0E1113;
[DEVVIT] --color-neutral-background-selected: #2A3236;
[DEVVIT] --color-neutral-background-strong: #181C1F;
[DEVVIT] --color-neutral-background-strong-hover: #21272A;
[DEVVIT] --color-neutral-background-weak: #000000;
[DEVVIT] --color-neutral-background-weak-hover: #0E1113;
[DEVVIT] --color-neutral-border: #FFFFFF33;
[DEVVIT] --color-neutral-border-medium: #FFFFFF7F;
[DEVVIT] --color-neutral-border-strong: #F6F8F9;
[DEVVIT] --color-neutral-border-weak: #FFFFFF19;
[DEVVIT] --color-neutral-content: #B7CAD4;
[DEVVIT] --color-neutral-content-disabled: #303030;
[DEVVIT] --color-neutral-content-strong: #EEF1F3;
[DEVVIT] --color-neutral-content-weak: #8BA2AD;
[DEVVIT] --color-offline: #767676;
[DEVVIT] --color-online: #01A816;
[DEVVIT] --color-opacity-50: #F2F2F280;
[DEVVIT] --color-pizzaRed: #c62828;
[DEVVIT] --color-primary: #648EFC;
[DEVVIT] --color-primary-background: #115BCA;
[DEVVIT] --color-primary-background-hover: #1870F4;
[DEVVIT] --color-primary-background-selected: #648EFC;
[DEVVIT] --color-primary-border: #648EFC;
[DEVVIT] --color-primary-border-hover: #90A9FD;
[DEVVIT] --color-primary-hover: #90A9FD;
[DEVVIT] --color-primary-onBackground: #FFFFFF;
[DEVVIT] --color-primary-onBackground-selected: #000000;
[DEVVIT] --color-primary-plain: #648EFC;
[DEVVIT] --color-primary-plain-hover: #90A9FD;
[DEVVIT] --color-primary-plain-visited: #CF5FFF;
[DEVVIT] --color-primary-visited: #CF5FFF;
[DEVVIT] --color-scrim-background: #00000099;
[DEVVIT] --color-scrim-background-strong: #000000CC;
[DEVVIT] --color-secondary: #DBE4E9;
[DEVVIT] --color-secondary-background: #2A3236;
[DEVVIT] --color-secondary-background-hover: #333D42;
[DEVVIT] --color-secondary-background-selected: #3D494E;
[DEVVIT] --color-secondary-hover: #ffffff;
[DEVVIT] --color-secondary-onBackground: #FFFFFF;
[DEVVIT] --color-secondary-plain: #DBE4E9;
[DEVVIT] --color-secondary-plain-hover: #FFFFFF;
[DEVVIT] --color-secondary-plain-weak: #8BA2AD;
[DEVVIT] --color-secondary-weak: #748791;
[DEVVIT] --color-success-background: #016E0B;
[DEVVIT] --color-success-background-hover: #008A10;
[DEVVIT] --color-success-content: #01A816;
[DEVVIT] --color-success-hover: #00C61C;
[DEVVIT] --color-success-onBackground: #FFFFFF;
[DEVVIT] --color-success-plain: #00C61C;
[DEVVIT] --color-success-plain-hover: #58E15B;
[DEVVIT] --color-tone-1: #F2F2F2;
[DEVVIT] --color-tone-2: #ACACAC;
[DEVVIT] --color-tone-3: #434343;
[DEVVIT] --color-tone-4: #303030;
[DEVVIT] --color-tone-5: #1E1E1E;
[DEVVIT] --color-tone-6: #131313;
[DEVVIT] --color-tone-7: #080808;
[DEVVIT] --color-transparent-background-hover: #6677801a;
[DEVVIT] --color-ui-canvas: #080808;
[DEVVIT] --color-ui-modalbackground: var(--color-neutral-background-strong);
[DEVVIT] --color-upvote-background: #D93900;
[DEVVIT] --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
[DEVVIT] --color-upvote-background-hover: #AE2C00;
[DEVVIT] --color-upvote-content: #FF4500;
[DEVVIT] --color-upvote-content-weak: var(--color-global-brand-orangered);
[DEVVIT] --color-upvote-disabled: #FF45004d;
[DEVVIT] --color-upvote-onBackground: #FFFFFF;
[DEVVIT] --color-upvote-onStrongScrim: #FF895D;
[DEVVIT] --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-onStrongScrim-weaker: #FF4500;
[DEVVIT] --color-upvote-plain: #FF895D;
[DEVVIT] --color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-plain-weaker: #FF4500;
[DEVVIT] --color-warning-background: #B78800;
[DEVVIT] --color-warning-background-hover: #D8A100;
[DEVVIT] --color-warning-content: #B78800;
[DEVVIT] --color-warning-content-hover: #D8A100;
[DEVVIT] --color-warning-onBackground: #000000;
[DEVVIT] --color-button-primary-border-activated: transparent;
[DEVVIT] --color-button-plain-inverted-activated-text:
[DEVVIT] var(--color-neutral-background);
[DEVVIT] --color-input-radio-hover: var(--color-secondary-plain);
[DEVVIT] --color-shimmer-background: #ffffff08;
[DEVVIT] --color-shimmer-gradient-overlay:
[DEVVIT] linear-gradient(
[DEVVIT] to right,
[DEVVIT] #ffffff00,
[DEVVIT] #ffffff05 20%,
[DEVVIT] #ffffff0f 50%,
[DEVVIT] #ffffff08 70%,
[DEVVIT] #ffffff00 100%);
[DEVVIT] }
[DEVVIT] .theme-rpl,
[DEVVIT] .theme-light.theme-rpl {
[DEVVIT] --spacer-a-px: 0.125rem;
[DEVVIT] --spacer-button-lg-px: var(--spacer-md);
[DEVVIT] --spacer-button-md-px: var(--spacer-md);
[DEVVIT] --spacer-button-sm-px: var(--spacer-sm);
[DEVVIT] --spacer-input-padding-left: var(--spacer-md);
[DEVVIT] --spacer-input-padding-top: var(--spacer-2xs);
[DEVVIT] --spacer-label-default: var(--spacer-md);
[DEVVIT] --spacer-switch-input-active-pl: var(--spacer-xs);
[DEVVIT] --size-banner-height: var(--size-rem40);
[DEVVIT] --size-button-lg-h: var(--size-2xl);
[DEVVIT] --size-button-md-h: 2.5rem;
[DEVVIT] --size-button-sm-h: var(--size-xl);
[DEVVIT] --size-button-xs-h: var(--size-lg);
[DEVVIT] --size-switch-input-h: var(--size-xl);
[DEVVIT] --size-switch-input-w: var(--size-2xl);
[DEVVIT] --line-a-focus: var(--line-md);
[DEVVIT] --line-a-outline-moz: 0px;
[DEVVIT] --line-a-outline-wb: 0px;
[DEVVIT] --line-button-lg-border: var(--line-sm);
[DEVVIT] --line-button-md-border: var(--line-sm);
[DEVVIT] --line-button-sm-border: var(--line-sm);
[DEVVIT] --line-button-xs-border: var(--line-sm);
[DEVVIT] --line-button-border-activated: var(--line-lg);
[DEVVIT] --line-input-border: var(--line-lg);
[DEVVIT] --radius-md: 1.25rem;
[DEVVIT] --radius-accordion-size: 0px;
[DEVVIT] --font-10: normal undefined null / null var(--font-sans);
[DEVVIT] --font-12: normal undefined null / null var(--font-sans);
[DEVVIT] --font-14: normal undefined null / null var(--font-sans);
[DEVVIT] --font-16: normal undefined null / null var(--font-sans);
[DEVVIT] --font-18: normal undefined null / null var(--font-sans);
[DEVVIT] --font-20: normal undefined null / null var(--font-sans);
[DEVVIT] --font-24: normal undefined null / null var(--font-sans);
[DEVVIT] --font-32: normal undefined null / null var(--font-sans);
[DEVVIT] --font-48: normal undefined null / null var(--font-sans);
[DEVVIT] --font-64: normal undefined null / null var(--font-sans);
[DEVVIT] --font-title-h0: var(--font-64);
[DEVVIT] --font-title-h1: var(--font-32);
[DEVVIT] --font-title-h2: var(--font-24);
[DEVVIT] --font-title-h3: var(--font-18);
[DEVVIT] --font-title-h4: var(--font-16);
[DEVVIT] --font-title-h5: var(--font-14);
[DEVVIT] --font-title-h6: var(--font-12);
[DEVVIT] --font-14-20-regular: normal 400 0.875rem / 1.25rem var(--font-sans);
[DEVVIT] --font-14-20-semibold: normal 600 0.875rem / 1.25rem var(--font-sans);
[DEVVIT] --font-16-20-regular: normal 400 1rem / 1.25rem var(--font-sans);
[DEVVIT] --font-12-16-regular: normal 400 0.75rem / 1rem var(--font-sans);
[DEVVIT] --font-12-16-semibold: normal 600 0.75rem / 1rem var(--font-sans);
[DEVVIT] --font-button-lg: var(--font-14-20-semibold);
[DEVVIT] --font-button-md: var(--font-14-20-semibold);
[DEVVIT] --font-button-sm: var(--font-12-16-semibold);
[DEVVIT] --font-label-default: var(--font-12-16-regular);
[DEVVIT] --misc-accordion-border: 0;
[DEVVIT] --misc-accordion-open-list-style-type: none;
[DEVVIT] --misc-accordion-closed-list-style-type: none;
[DEVVIT] --misc-divider-margin: 0;
[DEVVIT] --misc-label-text-transform: capitalize;
[DEVVIT] --misc-label-letter-spacing: initial;
[DEVVIT] --blur-sm: 0.25rem;
[DEVVIT] --blur-normal: 0.5rem;
[DEVVIT] --blur-md: 0.75rem;
[DEVVIT] --blur-lg: 1rem;
[DEVVIT] --blur-xl: 1.5rem;
[DEVVIT] --blur-2xl: 2.5rem;
[DEVVIT] --blur-3xl: 4rem;
[DEVVIT] --color-action-downvote: #6A5CFF;
[DEVVIT] --color-action-upvote: #D93900;
[DEVVIT] --color-ai-background-weaker: #E7FDF5;
[DEVVIT] --color-ai-plain: #006C56;
[DEVVIT] --color-ai-plain-hover: #015140;
[DEVVIT] --color-alert-caution: #977000;
[DEVVIT] --color-avatar-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #97AFBCff,
[DEVVIT] #ffffffff 75%);
[DEVVIT] --color-avatar-media-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #00000099,
[DEVVIT] #181C1Fff 75%);
[DEVVIT] --color-brand-background: #D93900;
[DEVVIT] --color-brand-background-hover: #AE2C00;
[DEVVIT] --color-brand-gradient-active:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #cd3700ff,
[DEVVIT] #db3b00ff 68%,
[DEVVIT] #D93900ff 100%);
[DEVVIT] --color-brand-gradient-active-highlight:
[DEVVIT] linear-gradient(
[DEVVIT] 83deg,
[DEVVIT] #db3f0000 80%,
[DEVVIT] #D93900ff 100%);
[DEVVIT] --color-brand-gradient-default:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #D93900ff,
[DEVVIT] #db3b00ff 30%,
[DEVVIT] #AE2C00ff 100%);
[DEVVIT] --color-brand-gradient-default-highlight:
[DEVVIT] linear-gradient(
[DEVVIT] 258deg,
[DEVVIT] #db3f0000 80%,
[DEVVIT] #D93900ff 100%);
[DEVVIT] --color-brand-gradient-hover:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #e23d00ff 15%,
[DEVVIT] #cb3600ff 49%,
[DEVVIT] #b43000ff 100%);
[DEVVIT] --color-brand-gradient-hover-highlight:
[DEVVIT] linear-gradient(
[DEVVIT] 323deg,
[DEVVIT] #cb360000 65%,
[DEVVIT] #cb3600ff 100%);
[DEVVIT] --color-brand-onBackground: #FFFFFF;
[DEVVIT] --color-category-live: #D93900;
[DEVVIT] --color-category-nsfw: #DE019F;
[DEVVIT] --color-category-spoiler: var(--color-tone-1);
[DEVVIT] --color-caution-background: #FFBF0B;
[DEVVIT] --color-caution-background-hover: #D8A100;
[DEVVIT] --color-caution-onBackground: #000000;
[DEVVIT] --color-caution-plain: #785800;
[DEVVIT] --color-caution-plain-hover: #5B4200;
[DEVVIT] --color-danger-background: #EB001F;
[DEVVIT] --color-danger-background-disabled: #FDB3A4;
[DEVVIT] --color-danger-background-hover: #BC0117;
[DEVVIT] --color-danger-background-weaker: #FBDBD4;
[DEVVIT] --color-danger-content: #BC0117;
[DEVVIT] --color-danger-content-default: #ffffff;
[DEVVIT] --color-danger-content-hover: #90000F;
[DEVVIT] --color-danger-onBackground: #FFFFFF;
[DEVVIT] --color-danger-plain: #BC0117;
[DEVVIT] --color-danger-plain-hover: #90000F;
[DEVVIT] --color-downvote-background: #6A5CFF;
[DEVVIT] --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
[DEVVIT] --color-downvote-background-hover: #523DFF;
[DEVVIT] --color-downvote-content: #523DFF;
[DEVVIT] --color-downvote-content-weak: #6A5CFF;
[DEVVIT] --color-downvote-disabled: #523DFF4d;
[DEVVIT] --color-downvote-onBackground: #FFFFFF;
[DEVVIT] --color-downvote-onStrongScrim: #B29FFF;
[DEVVIT] --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
[DEVVIT] --color-downvote-onStrongScrim-weaker: #9580FF;
[DEVVIT] --color-downvote-plain: #523DFF;
[DEVVIT] --color-downvote-plain-disabled: rgba(82, 61, 255, 0.3);
[DEVVIT] --color-downvote-plain-weaker: #6A5CFF;
[DEVVIT] --color-elevation-large1: #0000003F;
[DEVVIT] --color-elevation-large2: #00000026;
[DEVVIT] --color-elevation-medium1: #0000003F;
[DEVVIT] --color-elevation-medium2: #00000019;
[DEVVIT] --color-elevation-small: #00000026;
[DEVVIT] --color-elevation-xsmall: #0000003F;
[DEVVIT] --color-favorite: #977000;
[DEVVIT] --color-global-admin: #D93900;
[DEVVIT] --color-global-alienblue: #1870F4;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-brand-orangered: #FF4500;
[DEVVIT] --color-global-darkblue: #2A3236;
[DEVVIT] --color-global-focus: #029DD5;
[DEVVIT] --color-global-gold: #B78800;
[DEVVIT] --color-global-moderator: #008A10;
[DEVVIT] --color-global-nsfw: #DE019F;
[DEVVIT] --color-global-offline: #667780;
[DEVVIT] --color-global-online: #00C61C;
[DEVVIT] --color-global-orangered: #FF4500;
[DEVVIT] --color-global-stars: #977000;
[DEVVIT] --color-global-white: #FFFFFF;
[DEVVIT] --color-gradient-media:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #00000000,
[DEVVIT] #0000008a 60%,
[DEVVIT] #00000099 100%);
[DEVVIT] --color-gradient-media-strong:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #00000000,
[DEVVIT] #000000cc 60%,
[DEVVIT] #000000e6 100%);
[DEVVIT] --color-identity-admin: #D93900;
[DEVVIT] --color-identity-coins: #B78800;
[DEVVIT] --color-identity-moderator: #008A10;
[DEVVIT] --color-identity-self: #01876D;
[DEVVIT] --color-interactive-background-disabled: #0000000C;
[DEVVIT] --color-interactive-content-disabled: #0000003F;
[DEVVIT] --color-interactive-focused: #007FAE;
[DEVVIT] --color-interactive-pressed: #00000026;
[DEVVIT] --color-inverted-interactive-background-disabled: #FFFFFF0C;
[DEVVIT] --color-inverted-interactive-content-disabled: #FFFFFF3F;
[DEVVIT] --color-inverted-interactive-pressed: #FFFFFF26;
[DEVVIT] --color-inverted-neutral-background: #0E1113;
[DEVVIT] --color-inverted-neutral-background-hover: #181C1F;
[DEVVIT] --color-inverted-neutral-border: #FFFFFF33;
[DEVVIT] --color-inverted-neutral-content: #B7CAD4;
[DEVVIT] --color-inverted-neutral-content-strong: #EEF1F3;
[DEVVIT] --color-inverted-secondary-background: #2A3236;
[DEVVIT] --color-inverted-secondary-background-hover: #333D42;
[DEVVIT] --color-inverted-secondary-background-selected: #3D494E;
[DEVVIT] --color-inverted-secondary-onBackground: #FFFFFF;
[DEVVIT] --color-inverted-secondary-plain: #DBE4E9;
[DEVVIT] --color-inverted-secondary-plain-hover: #FFFFFF;
[DEVVIT] --color-media-background: rgba(0, 0, 0, 0.6);
[DEVVIT] --color-media-background-hover: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-background-selected: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-border-selected: #FFFFFF;
[DEVVIT] --color-media-border-weak: #FFFFFF19;
[DEVVIT] --color-media-onBackground: #FFFFFF;
[DEVVIT] --color-media-onBackground-disabled: #FFFFFF3F;
[DEVVIT] --color-media-onBackground-weak: #E5EBEE;
[DEVVIT] --color-media-onbackground: #ffffff;
[DEVVIT] --color-media-onbackground-disabled: #ffffff40;
[DEVVIT] --color-media-onbackground-weak: #B7CAD4;
[DEVVIT] --color-neutral-background: #FFFFFF;
[DEVVIT] --color-neutral-background-container: #F6F8F9;
[DEVVIT] --color-neutral-background-container-hover: #EEF1F3;
[DEVVIT] --color-neutral-background-container-strong: #EEF1F3;
[DEVVIT] --color-neutral-background-container-strong-hover: #E5EBEE;
[DEVVIT] --color-neutral-background-gilded: #FFF9E0;
[DEVVIT] --color-neutral-background-gilded-hover: #FFF3C0;
[DEVVIT] --color-neutral-background-hover: #F6F8F9;
[DEVVIT] --color-neutral-background-medium: #F8F8F8;
[DEVVIT] --color-neutral-background-pinned: #FFFFFF;
[DEVVIT] --color-neutral-background-selected: #E5EBEE;
[DEVVIT] --color-neutral-background-strong: #FFFFFF;
[DEVVIT] --color-neutral-background-strong-hover: #F6F8F9;
[DEVVIT] --color-neutral-background-weak: #F6F8F9;
[DEVVIT] --color-neutral-background-weak-hover: #EEF1F3;
[DEVVIT] --color-neutral-border: #00000033;
[DEVVIT] --color-neutral-border-medium: #0000007F;
[DEVVIT] --color-neutral-border-strong: #181C1F;
[DEVVIT] --color-neutral-border-weak: #00000019;
[DEVVIT] --color-neutral-content: #333D42;
[DEVVIT] --color-neutral-content-disabled: #D6D6D6;
[DEVVIT] --color-neutral-content-strong: #181C1F;
[DEVVIT] --color-neutral-content-weak: #5C6C74;
[DEVVIT] --color-offline: #767676;
[DEVVIT] --color-online: #01A816;
[DEVVIT] --color-opacity-08: #13131314;
[DEVVIT] --color-opacity-50: #00000080;
[DEVVIT] --color-opacity-highlight: linear-gradient(#0A2F6C1a,
[DEVVIT] var(--color-tone-6));
[DEVVIT] --color-pizzaRed: #ef5350;
[DEVVIT] --color-primary: #115BCA;
[DEVVIT] --color-primary-background: #0A449B;
[DEVVIT] --color-primary-background-hover: #0A2F6C;
[DEVVIT] --color-primary-background-selected: #0A1A3F;
[DEVVIT] --color-primary-border: #0A449B;
[DEVVIT] --color-primary-border-hover: #0A2F6C;
[DEVVIT] --color-primary-hover: #0A449B;
[DEVVIT] --color-primary-onBackground: #FFFFFF;
[DEVVIT] --color-primary-onBackground-selected: #FFFFFF;
[DEVVIT] --color-primary-plain: #0A449B;
[DEVVIT] --color-primary-plain-hover: #0A2F6C;
[DEVVIT] --color-primary-plain-visited: #7600A3;
[DEVVIT] --color-primary-visited: #9B00D4;
[DEVVIT] --color-scrim: #00000099;
[DEVVIT] --color-scrim-background: #00000099;
[DEVVIT] --color-scrim-background-strong: #000000CC;
[DEVVIT] --color-scrim-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 180deg,
[DEVVIT] #00000000,
[DEVVIT] #0000008a 60%,
[DEVVIT] #00000099 100%);
[DEVVIT] --color-scrim-strong: #000000cc;
[DEVVIT] --color-secondary: #21272A;
[DEVVIT] --color-secondary-background: #E5EBEE;
[DEVVIT] --color-secondary-background-hover: #DBE4E9;
[DEVVIT] --color-secondary-background-selected: #C9D7DE;
[DEVVIT] --color-secondary-hover: #000000;
[DEVVIT] --color-secondary-onBackground: #000000;
[DEVVIT] --color-secondary-plain: #181C1F;
[DEVVIT] --color-secondary-plain-hover: #000000;
[DEVVIT] --color-secondary-plain-weak: #5C6C74;
[DEVVIT] --color-secondary-weak: #576F76;
[DEVVIT] --color-success-background: #008A10;
[DEVVIT] --color-success-background-hover: #016E0B;
[DEVVIT] --color-success-content: #016E0B;
[DEVVIT] --color-success-hover: #005306;
[DEVVIT] --color-success-onBackground: #FFFFFF;
[DEVVIT] --color-success-plain: #016E0B;
[DEVVIT] --color-success-plain-hover: #005306;
[DEVVIT] --color-tone-1: #131313;
[DEVVIT] --color-tone-2: #434343;
[DEVVIT] --color-tone-3: #ACACAC;
[DEVVIT] --color-tone-4: #E4E4E4;
[DEVVIT] --color-tone-5: #F2F2F2;
[DEVVIT] --color-tone-6: #F8F8F8;
[DEVVIT] --color-tone-7: #ffffff;
[DEVVIT] --color-transparent-background-hover: #7487911a;
[DEVVIT] --color-ui-canvas: var(--color-tone-5);
[DEVVIT] --color-ui-modalbackground: var(--color-neutral-background-strong);
[DEVVIT] --color-upvote-background: #D93900;
[DEVVIT] --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
[DEVVIT] --color-upvote-background-hover: #AE2C00;
[DEVVIT] --color-upvote-content: #AE2C00;
[DEVVIT] --color-upvote-content-weak: var(--color-global-brand-orangered);
[DEVVIT] --color-upvote-disabled: #AE2C004d;
[DEVVIT] --color-upvote-onBackground: #FFFFFF;
[DEVVIT] --color-upvote-onStrongScrim: #FF895D;
[DEVVIT] --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-onStrongScrim-weaker: #FF4500;
[DEVVIT] --color-upvote-plain: #AE2C00;
[DEVVIT] --color-upvote-plain-disabled: rgba(174, 44, 0, 0.3);
[DEVVIT] --color-upvote-plain-weaker: #FF4500;
[DEVVIT] --color-warning-background: #B78800;
[DEVVIT] --color-warning-background-hover: #977000;
[DEVVIT] --color-warning-content: #785800;
[DEVVIT] --color-warning-content-hover: #5B4200;
[DEVVIT] --color-warning-onBackground: #000000;
[DEVVIT] --color-a-default: var(--color-primary);
[DEVVIT] --color-a-hover: var(--color-primary-hover);
[DEVVIT] --color-a-visited: var(--color-primary-visited);
[DEVVIT] --color-banner-plain: var(--color-neutral-background-strong);
[DEVVIT] --color-banner-plain-inverted: var(--color-neutral-content-strong);
[DEVVIT] --color-banner-error: var(--color-danger-background);
[DEVVIT] --color-banner-caution: var(--color-warning-background);
[DEVVIT] --color-banner-success: var(--color-success-background);
[DEVVIT] --color-banner-brand: var(--color-brand-background);
[DEVVIT] --color-banner-plain-text: var(--color-neutral-content);
[DEVVIT] --color-banner-plain-inverted-text:
[DEVVIT] var(--color-neutral-background-weak);
[DEVVIT] --color-banner-error-text: var(--color-danger-onBackground);
[DEVVIT] --color-banner-caution-text: var(--color-warning-onBackground);
[DEVVIT] --color-banner-caution-hover: var(--color-warning-background-hover);
[DEVVIT] --color-banner-success-text: var(--color-success-onBackground);
[DEVVIT] --color-banner-brand-text: var(--color-brand-onBackground);
[DEVVIT] --color-button-overlay-focus: transparent;
[DEVVIT] --color-button-overlay-active: transparent;
[DEVVIT] --color-button-border-width: tomato;
[DEVVIT] --color-button-border-width-activated: tomato;
[DEVVIT] --color-button-primary-background-hover:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-primary-background-activated:
[DEVVIT] var(--color-primary-background-selected);
[DEVVIT] --color-button-primary-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-button-primary-border-hover: var(--color-primary-background);
[DEVVIT] --color-button-primary-border-active:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-button-primary-text-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-button-primary-text-activated:
[DEVVIT] var(--color-primary-onBackground-selected);
[DEVVIT] --color-button-secondary-background: var(--color-secondary-background);
[DEVVIT] --color-button-secondary-background-focus:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-button-secondary-background-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-secondary-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-button-secondary-background-activated:
[DEVVIT] var(--color-secondary-background-selected);
[DEVVIT] --color-button-secondary-border: transparent;
[DEVVIT] --color-button-secondary-border-hover:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-button-secondary-border-active:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-secondary-border-activated: transparent;
[DEVVIT] --color-button-secondary-border-disabled: transparent;
[DEVVIT] --color-button-secondary-text: var(--color-secondary-onBackground);
[DEVVIT] --color-button-secondary-text-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-button-secondary-text-activated:
[DEVVIT] var(--color-secondary-onBackground);
[DEVVIT] --color-button-tertiary-background: transparent;
[DEVVIT] --color-button-tertiary-background-focus: transparent;
[DEVVIT] --color-button-tertiary-background-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-tertiary-background-disabled: transparent;
[DEVVIT] --color-button-tertiary-background-activated:
[DEVVIT] var(--color-neutral-content);
[DEVVIT] --color-button-tertiary-border-hover: var(--color-secondary-background);
[DEVVIT] --color-button-tertiary-border-active:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-tertiary-text: var(--color-neutral-content-strong);
[DEVVIT] --color-button-tertiary-text-disabled:
[DEVVIT] var(--color-neutral-content-disabled);
[DEVVIT] --color-button-tertiary-text-activated: var(--color-neutral-background);
[DEVVIT] --color-button-plain-background-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-plain-background-disabled: transparent;
[DEVVIT] --color-button-plain-background-activated:
[DEVVIT] var(--color-secondary-background-selected);
[DEVVIT] --color-button-plain-border-hover: var(--color-secondary-background);
[DEVVIT] --color-button-plain-border-active:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-button-plain-text: var(--color-secondary-plain);
[DEVVIT] --color-button-plain-text-hover: var(--color-secondary-plain-hover);
[DEVVIT] --color-button-plain-text-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-button-plain-text-activated:
[DEVVIT] var(--color-secondary-onBackground);
[DEVVIT] --color-button-primary-border-activated:
[DEVVIT] var(--color-primary-background);
[DEVVIT] --color-button-plain-text-weak: var(--color-secondary-plain-weak);
[DEVVIT] --color-button-plain-inverted-background-activated:
[DEVVIT] var(--color-neutral-content);
[DEVVIT] --color-button-plain-inverted-text-activated:
[DEVVIT] var(--color-neutral-background);
[DEVVIT] --color-button-media-border-color-activated:
[DEVVIT] var(--color-media-border-selected);
[DEVVIT] --color-button-favorite-text: var(--color-favorite);
[DEVVIT] --color-button-caution-background: var(--color-caution-background);
[DEVVIT] --color-button-caution-background-hover:
[DEVVIT] var(--color-caution-background-hover);
[DEVVIT] --color-button-caution-background-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-button-caution-text: var(--color-caution-onBackground);
[DEVVIT] --color-divider-default: var(--color-neutral-border);
[DEVVIT] --color-input-secondary: var(--color-secondary-background);
[DEVVIT] --color-input-secondary-hover: var(--color-secondary-background-hover);
[DEVVIT] --color-input-border: transparent;
[DEVVIT] --color-input-bordered: transparent;
[DEVVIT] --color-input-bordered-hover: var(--color-neutral-background-hover);
[DEVVIT] --color-input-secondary-text: var(--color-secondary-onBackground);
[DEVVIT] --color-input-bordered-text: var(--color-secondary-plain);
[DEVVIT] --color-input-helper-text: var(--color-neutral-content-weak);
[DEVVIT] --color-input-pressed: var(--color-interactive-pressed);
[DEVVIT] --color-input-radio: var(--color-secondary-plain-weak);
[DEVVIT] --color-input-radio-hover: var(--color-neutral-content-strong);
[DEVVIT] --color-label-default: var(--color-neutral-content-weak);
[DEVVIT] --color-shimmer-background: #00000008;
[DEVVIT] --color-shimmer-gradient-overlay:
[DEVVIT] linear-gradient(
[DEVVIT] to right,
[DEVVIT] #00000000,
[DEVVIT] #00000005 20%,
[DEVVIT] #0000000f 50%,
[DEVVIT] #00000008 70%,
[DEVVIT] #00000000 100%);
[DEVVIT] --color-switch-input-background-pressed-scrim:
[DEVVIT] var(--color-interactive-pressed);
[DEVVIT] --color-switch-input-background-handle: var(--color-global-white);
[DEVVIT] --color-switch-input-background-handle-disabled:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-switch-input-background-default:
[DEVVIT] var(--color-secondary-background);
[DEVVIT] --color-switch-input-background-default-hover:
[DEVVIT] var(--color-secondary-background-hover);
[DEVVIT] --color-switch-input-background-default-disabled:
[DEVVIT] var(--color-interactive-background-disabled);
[DEVVIT] --color-switch-input-background-checked:
[DEVVIT] var(--color-primary-background);
[DEVVIT] --color-switch-input-background-checked-hover:
[DEVVIT] var(--color-primary-background-hover);
[DEVVIT] --color-switch-input-background-checked-disabled:
[DEVVIT] var(--color-interactive-content-disabled);
[DEVVIT] --color-tooltip-bg-neutral: var(--color-neutral-background-strong);
[DEVVIT] --color-tooltip-text-neutral: var(--color-neutral-content);
[DEVVIT] --color-tooltip-bg-inverted: var(--color-neutral-content);
[DEVVIT] --color-tooltip-text-inverted: var(--color-neutral-background);
[DEVVIT] --color-tooltip-bg-primary: var(--color-primary-background);
[DEVVIT] --color-tooltip-text-primary: var(--color-primary-onBackground);
[DEVVIT] --elevation-sm-inset: inset 0 0.0625rem 0.125rem 0 #00000021;
[DEVVIT] --elevation-button-focus: var(--elevation-focus-ring);
[DEVVIT] --elevation-switch-input-default-inset: var(--elevation-sm-inset);
[DEVVIT] }
[DEVVIT] @media (prefers-color-scheme: dark) {
[DEVVIT] :root:not(.theme-light) .theme-rpl,
[DEVVIT] :root:not(.theme-light).theme-rpl {
[DEVVIT] --color-ai-background-weaker: #00382B;
[DEVVIT] --color-ai-plain: #01A484;
[DEVVIT] --color-ai-plain-hover: #00C29D;
[DEVVIT] --color-avatar-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #48545Bff,
[DEVVIT] #181C1Fff 75%);
[DEVVIT] --color-brand-background: #D93900;
[DEVVIT] --color-brand-background-hover: #AE2C00;
[DEVVIT] --color-brand-onBackground: #FFFFFF;
[DEVVIT] --color-caution-background: #D8A100;
[DEVVIT] --color-caution-background-hover: #FFBF0B;
[DEVVIT] --color-caution-onBackground: #000000;
[DEVVIT] --color-caution-plain: #FFBF0B;
[DEVVIT] --color-caution-plain-hover: #FFE284;
[DEVVIT] --color-danger-background: #BC0117;
[DEVVIT] --color-danger-background-disabled: #340F05;
[DEVVIT] --color-danger-background-hover: #EB001F;
[DEVVIT] --color-danger-background-weaker: #650405;
[DEVVIT] --color-danger-content: #FF4F40;
[DEVVIT] --color-danger-content-hover: #FF8773;
[DEVVIT] --color-danger-onBackground: #FFFFFF;
[DEVVIT] --color-danger-plain: #FF8773;
[DEVVIT] --color-danger-plain-hover: #FDB3A4;
[DEVVIT] --color-downvote-background: #6A5CFF;
[DEVVIT] --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
[DEVVIT] --color-downvote-background-hover: #523DFF;
[DEVVIT] --color-downvote-content: #9580FF;
[DEVVIT] --color-downvote-content-weak: #6A5CFF;
[DEVVIT] --color-downvote-disabled: #9580FF4d;
[DEVVIT] --color-downvote-onBackground: #FFFFFF;
[DEVVIT] --color-downvote-onStrongScrim: #B29FFF;
[DEVVIT] --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
[DEVVIT] --color-downvote-onStrongScrim-weaker: #9580FF;
[DEVVIT] --color-downvote-plain: #9580FF;
[DEVVIT] --color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
[DEVVIT] --color-downvote-plain-weaker: #6A5CFF;
[DEVVIT] --color-elevation-large1: #0000007F;
[DEVVIT] --color-elevation-large2: #00000033;
[DEVVIT] --color-elevation-medium1: #0000007F;
[DEVVIT] --color-elevation-medium2: #00000033;
[DEVVIT] --color-elevation-small: #00000054;
[DEVVIT] --color-elevation-xsmall: #000000AA;
[DEVVIT] --color-favorite: #B78800;
[DEVVIT] --color-global-admin: #D93900;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-brand-orangered: #FF4500;
[DEVVIT] --color-global-focus: #007FAE;
[DEVVIT] --color-global-gold: #D8A100;
[DEVVIT] --color-global-moderator: #008A10;
[DEVVIT] --color-global-nsfw: #DE019F;
[DEVVIT] --color-global-offline: #667780;
[DEVVIT] --color-global-online: #00C61C;
[DEVVIT] --color-global-orangered: #FF4500;
[DEVVIT] --color-global-stars: #D8A100;
[DEVVIT] --color-global-white: #FFFFFF;
[DEVVIT] --color-interactive-background-disabled: #FFFFFF0C;
[DEVVIT] --color-interactive-content-disabled: #FFFFFF3F;
[DEVVIT] --color-interactive-focused: #007FAE;
[DEVVIT] --color-interactive-pressed: #FFFFFF26;
[DEVVIT] --color-inverted-interactive-background-disabled: #0000000C;
[DEVVIT] --color-inverted-interactive-content-disabled: #0000003F;
[DEVVIT] --color-inverted-interactive-pressed: #00000026;
[DEVVIT] --color-inverted-neutral-background: #FFFFFF;
[DEVVIT] --color-inverted-neutral-background-hover: #F6F8F9;
[DEVVIT] --color-inverted-neutral-border: #00000033;
[DEVVIT] --color-inverted-neutral-content: #333D42;
[DEVVIT] --color-inverted-neutral-content-strong: #181C1F;
[DEVVIT] --color-inverted-secondary-background: #E5EBEE;
[DEVVIT] --color-inverted-secondary-background-hover: #DBE4E9;
[DEVVIT] --color-inverted-secondary-background-selected: #C9D7DE;
[DEVVIT] --color-inverted-secondary-onBackground: #000000;
[DEVVIT] --color-inverted-secondary-plain: #181C1F;
[DEVVIT] --color-inverted-secondary-plain-hover: #000000;
[DEVVIT] --color-media-background: rgba(0, 0, 0, 0.6);
[DEVVIT] --color-media-background-hover: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-background-selected: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-border-selected: #FFFFFF;
[DEVVIT] --color-media-border-weak: #FFFFFF19;
[DEVVIT] --color-media-onBackground: #FFFFFF;
[DEVVIT] --color-media-onBackground-disabled: #FFFFFF3F;
[DEVVIT] --color-media-onBackground-weak: #E5EBEE;
[DEVVIT] --color-neutral-background: #0E1113;
[DEVVIT] --color-neutral-background-container: #181C1F;
[DEVVIT] --color-neutral-background-container-hover: #21272A;
[DEVVIT] --color-neutral-background-container-strong: #21272A;
[DEVVIT] --color-neutral-background-container-strong-hover: #2A3236;
[DEVVIT] --color-neutral-background-gilded: #181C1F;
[DEVVIT] --color-neutral-background-gilded-hover: #21272A;
[DEVVIT] --color-neutral-background-hover: #181C1F;
[DEVVIT] --color-neutral-background-medium: #131313;
[DEVVIT] --color-neutral-background-pinned: #0E1113;
[DEVVIT] --color-neutral-background-selected: #2A3236;
[DEVVIT] --color-neutral-background-strong: #181C1F;
[DEVVIT] --color-neutral-background-strong-hover: #21272A;
[DEVVIT] --color-neutral-background-weak: #000000;
[DEVVIT] --color-neutral-background-weak-hover: #0E1113;
[DEVVIT] --color-neutral-border: #FFFFFF33;
[DEVVIT] --color-neutral-border-medium: #FFFFFF7F;
[DEVVIT] --color-neutral-border-strong: #F6F8F9;
[DEVVIT] --color-neutral-border-weak: #FFFFFF19;
[DEVVIT] --color-neutral-content: #B7CAD4;
[DEVVIT] --color-neutral-content-disabled: #303030;
[DEVVIT] --color-neutral-content-strong: #EEF1F3;
[DEVVIT] --color-neutral-content-weak: #8BA2AD;
[DEVVIT] --color-offline: #767676;
[DEVVIT] --color-online: #01A816;
[DEVVIT] --color-opacity-50: #F2F2F280;
[DEVVIT] --color-pizzaRed: #c62828;
[DEVVIT] --color-primary: #648EFC;
[DEVVIT] --color-primary-background: #115BCA;
[DEVVIT] --color-primary-background-hover: #1870F4;
[DEVVIT] --color-primary-background-selected: #648EFC;
[DEVVIT] --color-primary-border: #648EFC;
[DEVVIT] --color-primary-border-hover: #90A9FD;
[DEVVIT] --color-primary-hover: #90A9FD;
[DEVVIT] --color-primary-onBackground: #FFFFFF;
[DEVVIT] --color-primary-onBackground-selected: #000000;
[DEVVIT] --color-primary-plain: #648EFC;
[DEVVIT] --color-primary-plain-hover: #90A9FD;
[DEVVIT] --color-primary-plain-visited: #CF5FFF;
[DEVVIT] --color-primary-visited: #CF5FFF;
[DEVVIT] --color-scrim-background: #00000099;
[DEVVIT] --color-scrim-background-strong: #000000CC;
[DEVVIT] --color-secondary: #DBE4E9;
[DEVVIT] --color-secondary-background: #2A3236;
[DEVVIT] --color-secondary-background-hover: #333D42;
[DEVVIT] --color-secondary-background-selected: #3D494E;
[DEVVIT] --color-secondary-hover: #ffffff;
[DEVVIT] --color-secondary-onBackground: #FFFFFF;
[DEVVIT] --color-secondary-plain: #DBE4E9;
[DEVVIT] --color-secondary-plain-hover: #FFFFFF;
[DEVVIT] --color-secondary-plain-weak: #8BA2AD;
[DEVVIT] --color-secondary-weak: #748791;
[DEVVIT] --color-success-background: #016E0B;
[DEVVIT] --color-success-background-hover: #008A10;
[DEVVIT] --color-success-content: #01A816;
[DEVVIT] --color-success-hover: #00C61C;
[DEVVIT] --color-success-onBackground: #FFFFFF;
[DEVVIT] --color-success-plain: #00C61C;
[DEVVIT] --color-success-plain-hover: #58E15B;
[DEVVIT] --color-tone-1: #F2F2F2;
[DEVVIT] --color-tone-2: #ACACAC;
[DEVVIT] --color-tone-3: #434343;
[DEVVIT] --color-tone-4: #303030;
[DEVVIT] --color-tone-5: #1E1E1E;
[DEVVIT] --color-tone-6: #131313;
[DEVVIT] --color-tone-7: #080808;
[DEVVIT] --color-transparent-background-hover: #6677801a;
[DEVVIT] --color-ui-canvas: #080808;
[DEVVIT] --color-ui-modalbackground: var(--color-neutral-background-strong);
[DEVVIT] --color-upvote-background: #D93900;
[DEVVIT] --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
[DEVVIT] --color-upvote-background-hover: #AE2C00;
[DEVVIT] --color-upvote-content: #FF4500;
[DEVVIT] --color-upvote-content-weak: var(--color-global-brand-orangered);
[DEVVIT] --color-upvote-disabled: #FF45004d;
[DEVVIT] --color-upvote-onBackground: #FFFFFF;
[DEVVIT] --color-upvote-onStrongScrim: #FF895D;
[DEVVIT] --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-onStrongScrim-weaker: #FF4500;
[DEVVIT] --color-upvote-plain: #FF895D;
[DEVVIT] --color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-plain-weaker: #FF4500;
[DEVVIT] --color-warning-background: #B78800;
[DEVVIT] --color-warning-background-hover: #D8A100;
[DEVVIT] --color-warning-content: #B78800;
[DEVVIT] --color-warning-content-hover: #D8A100;
[DEVVIT] --color-warning-onBackground: #000000;
[DEVVIT] --color-button-primary-border-activated: transparent;
[DEVVIT] --color-button-plain-inverted-activated-text:
[DEVVIT] var(--color-neutral-background);
[DEVVIT] --color-input-radio-hover: var(--color-secondary-plain);
[DEVVIT] --color-shimmer-background: #ffffff08;
[DEVVIT] --color-shimmer-gradient-overlay:
[DEVVIT] linear-gradient(
[DEVVIT] to right,
[DEVVIT] #ffffff00,
[DEVVIT] #ffffff05 20%,
[DEVVIT] #ffffff0f 50%,
[DEVVIT] #ffffff08 70%,
[DEVVIT] #ffffff00 100%);
[DEVVIT] }
[DEVVIT] }
[DEVVIT] .theme-dark .theme-rpl,
[DEVVIT] .theme-dark.theme-rpl {
[DEVVIT] --color-ai-background-weaker: #00382B;
[DEVVIT] --color-ai-plain: #01A484;
[DEVVIT] --color-ai-plain-hover: #00C29D;
[DEVVIT] --color-avatar-gradient:
[DEVVIT] linear-gradient(
[DEVVIT] 0deg,
[DEVVIT] #48545Bff,
[DEVVIT] #181C1Fff 75%);
[DEVVIT] --color-brand-background: #D93900;
[DEVVIT] --color-brand-background-hover: #AE2C00;
[DEVVIT] --color-brand-onBackground: #FFFFFF;
[DEVVIT] --color-caution-background: #D8A100;
[DEVVIT] --color-caution-background-hover: #FFBF0B;
[DEVVIT] --color-caution-onBackground: #000000;
[DEVVIT] --color-caution-plain: #FFBF0B;
[DEVVIT] --color-caution-plain-hover: #FFE284;
[DEVVIT] --color-danger-background: #BC0117;
[DEVVIT] --color-danger-background-disabled: #340F05;
[DEVVIT] --color-danger-background-hover: #EB001F;
[DEVVIT] --color-danger-background-weaker: #650405;
[DEVVIT] --color-danger-content: #FF4F40;
[DEVVIT] --color-danger-content-hover: #FF8773;
[DEVVIT] --color-danger-onBackground: #FFFFFF;
[DEVVIT] --color-danger-plain: #FF8773;
[DEVVIT] --color-danger-plain-hover: #FDB3A4;
[DEVVIT] --color-downvote-background: #6A5CFF;
[DEVVIT] --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
[DEVVIT] --color-downvote-background-hover: #523DFF;
[DEVVIT] --color-downvote-content: #9580FF;
[DEVVIT] --color-downvote-content-weak: #6A5CFF;
[DEVVIT] --color-downvote-disabled: #9580FF4d;
[DEVVIT] --color-downvote-onBackground: #FFFFFF;
[DEVVIT] --color-downvote-onStrongScrim: #B29FFF;
[DEVVIT] --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
[DEVVIT] --color-downvote-onStrongScrim-weaker: #9580FF;
[DEVVIT] --color-downvote-plain: #9580FF;
[DEVVIT] --color-downvote-plain-disabled: rgba(149, 128, 255, 0.3);
[DEVVIT] --color-downvote-plain-weaker: #6A5CFF;
[DEVVIT] --color-elevation-large1: #0000007F;
[DEVVIT] --color-elevation-large2: #00000033;
[DEVVIT] --color-elevation-medium1: #0000007F;
[DEVVIT] --color-elevation-medium2: #00000033;
[DEVVIT] --color-elevation-small: #00000054;
[DEVVIT] --color-elevation-xsmall: #000000AA;
[DEVVIT] --color-favorite: #B78800;
[DEVVIT] --color-global-admin: #D93900;
[DEVVIT] --color-global-black: #000000;
[DEVVIT] --color-global-brand-orangered: #FF4500;
[DEVVIT] --color-global-focus: #007FAE;
[DEVVIT] --color-global-gold: #D8A100;
[DEVVIT] --color-global-moderator: #008A10;
[DEVVIT] --color-global-nsfw: #DE019F;
[DEVVIT] --color-global-offline: #667780;
[DEVVIT] --color-global-online: #00C61C;
[DEVVIT] --color-global-orangered: #FF4500;
[DEVVIT] --color-global-stars: #D8A100;
[DEVVIT] --color-global-white: #FFFFFF;
[DEVVIT] --color-interactive-background-disabled: #FFFFFF0C;
[DEVVIT] --color-interactive-content-disabled: #FFFFFF3F;
[DEVVIT] --color-interactive-focused: #007FAE;
[DEVVIT] --color-interactive-pressed: #FFFFFF26;
[DEVVIT] --color-inverted-interactive-background-disabled: #0000000C;
[DEVVIT] --color-inverted-interactive-content-disabled: #0000003F;
[DEVVIT] --color-inverted-interactive-pressed: #00000026;
[DEVVIT] --color-inverted-neutral-background: #FFFFFF;
[DEVVIT] --color-inverted-neutral-background-hover: #F6F8F9;
[DEVVIT] --color-inverted-neutral-border: #00000033;
[DEVVIT] --color-inverted-neutral-content: #333D42;
[DEVVIT] --color-inverted-neutral-content-strong: #181C1F;
[DEVVIT] --color-inverted-secondary-background: #E5EBEE;
[DEVVIT] --color-inverted-secondary-background-hover: #DBE4E9;
[DEVVIT] --color-inverted-secondary-background-selected: #C9D7DE;
[DEVVIT] --color-inverted-secondary-onBackground: #000000;
[DEVVIT] --color-inverted-secondary-plain: #181C1F;
[DEVVIT] --color-inverted-secondary-plain-hover: #000000;
[DEVVIT] --color-media-background: rgba(0, 0, 0, 0.6);
[DEVVIT] --color-media-background-hover: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-background-selected: rgba(0, 0, 0, 0.8);
[DEVVIT] --color-media-border-selected: #FFFFFF;
[DEVVIT] --color-media-border-weak: #FFFFFF19;
[DEVVIT] --color-media-onBackground: #FFFFFF;
[DEVVIT] --color-media-onBackground-disabled: #FFFFFF3F;
[DEVVIT] --color-media-onBackground-weak: #E5EBEE;
[DEVVIT] --color-neutral-background: #0E1113;
[DEVVIT] --color-neutral-background-container: #181C1F;
[DEVVIT] --color-neutral-background-container-hover: #21272A;
[DEVVIT] --color-neutral-background-container-strong: #21272A;
[DEVVIT] --color-neutral-background-container-strong-hover: #2A3236;
[DEVVIT] --color-neutral-background-gilded: #181C1F;
[DEVVIT] --color-neutral-background-gilded-hover: #21272A;
[DEVVIT] --color-neutral-background-hover: #181C1F;
[DEVVIT] --color-neutral-background-medium: #131313;
[DEVVIT] --color-neutral-background-pinned: #0E1113;
[DEVVIT] --color-neutral-background-selected: #2A3236;
[DEVVIT] --color-neutral-background-strong: #181C1F;
[DEVVIT] --color-neutral-background-strong-hover: #21272A;
[DEVVIT] --color-neutral-background-weak: #000000;
[DEVVIT] --color-neutral-background-weak-hover: #0E1113;
[DEVVIT] --color-neutral-border: #FFFFFF33;
[DEVVIT] --color-neutral-border-medium: #FFFFFF7F;
[DEVVIT] --color-neutral-border-strong: #F6F8F9;
[DEVVIT] --color-neutral-border-weak: #FFFFFF19;
[DEVVIT] --color-neutral-content: #B7CAD4;
[DEVVIT] --color-neutral-content-disabled: #303030;
[DEVVIT] --color-neutral-content-strong: #EEF1F3;
[DEVVIT] --color-neutral-content-weak: #8BA2AD;
[DEVVIT] --color-offline: #767676;
[DEVVIT] --color-online: #01A816;
[DEVVIT] --color-opacity-50: #F2F2F280;
[DEVVIT] --color-pizzaRed: #c62828;
[DEVVIT] --color-primary: #648EFC;
[DEVVIT] --color-primary-background: #115BCA;
[DEVVIT] --color-primary-background-hover: #1870F4;
[DEVVIT] --color-primary-background-selected: #648EFC;
[DEVVIT] --color-primary-border: #648EFC;
[DEVVIT] --color-primary-border-hover: #90A9FD;
[DEVVIT] --color-primary-hover: #90A9FD;
[DEVVIT] --color-primary-onBackground: #FFFFFF;
[DEVVIT] --color-primary-onBackground-selected: #000000;
[DEVVIT] --color-primary-plain: #648EFC;
[DEVVIT] --color-primary-plain-hover: #90A9FD;
[DEVVIT] --color-primary-plain-visited: #CF5FFF;
[DEVVIT] --color-primary-visited: #CF5FFF;
[DEVVIT] --color-scrim-background: #00000099;
[DEVVIT] --color-scrim-background-strong: #000000CC;
[DEVVIT] --color-secondary: #DBE4E9;
[DEVVIT] --color-secondary-background: #2A3236;
[DEVVIT] --color-secondary-background-hover: #333D42;
[DEVVIT] --color-secondary-background-selected: #3D494E;
[DEVVIT] --color-secondary-hover: #ffffff;
[DEVVIT] --color-secondary-onBackground: #FFFFFF;
[DEVVIT] --color-secondary-plain: #DBE4E9;
[DEVVIT] --color-secondary-plain-hover: #FFFFFF;
[DEVVIT] --color-secondary-plain-weak: #8BA2AD;
[DEVVIT] --color-secondary-weak: #748791;
[DEVVIT] --color-success-background: #016E0B;
[DEVVIT] --color-success-background-hover: #008A10;
[DEVVIT] --color-success-content: #01A816;
[DEVVIT] --color-success-hover: #00C61C;
[DEVVIT] --color-success-onBackground: #FFFFFF;
[DEVVIT] --color-success-plain: #00C61C;
[DEVVIT] --color-success-plain-hover: #58E15B;
[DEVVIT] --color-tone-1: #F2F2F2;
[DEVVIT] --color-tone-2: #ACACAC;
[DEVVIT] --color-tone-3: #434343;
[DEVVIT] --color-tone-4: #303030;
[DEVVIT] --color-tone-5: #1E1E1E;
[DEVVIT] --color-tone-6: #131313;
[DEVVIT] --color-tone-7: #080808;
[DEVVIT] --color-transparent-background-hover: #6677801a;
[DEVVIT] --color-ui-canvas: #080808;
[DEVVIT] --color-ui-modalbackground: var(--color-neutral-background-strong);
[DEVVIT] --color-upvote-background: #D93900;
[DEVVIT] --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
[DEVVIT] --color-upvote-background-hover: #AE2C00;
[DEVVIT] --color-upvote-content: #FF4500;
[DEVVIT] --color-upvote-content-weak: var(--color-global-brand-orangered);
[DEVVIT] --color-upvote-disabled: #FF45004d;
[DEVVIT] --color-upvote-onBackground: #FFFFFF;
[DEVVIT] --color-upvote-onStrongScrim: #FF895D;
[DEVVIT] --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-onStrongScrim-weaker: #FF4500;
[DEVVIT] --color-upvote-plain: #FF895D;
[DEVVIT] --color-upvote-plain-disabled: rgba(255, 137, 93, 0.3);
[DEVVIT] --color-upvote-plain-weaker: #FF4500;
[DEVVIT] --color-warning-background: #B78800;
[DEVVIT] --color-warning-background-hover: #D8A100;
[DEVVIT] --color-warning-content: #B78800;
[DEVVIT] --color-warning-content-hover: #D8A100;
[DEVVIT] --color-warning-onBackground: #000000;
[DEVVIT] --color-button-primary-border-activated: transparent;
[DEVVIT] --color-button-plain-inverted-activated-text:
[DEVVIT] var(--color-neutral-background);
[DEVVIT] --color-input-radio-hover: var(--color-secondary-plain);
[DEVVIT] --color-shimmer-background: #ffffff08;
[DEVVIT] --color-shimmer-gradient-overlay:
[DEVVIT] linear-gradient(
[DEVVIT] to right,
[DEVVIT] #ffffff00,
[DEVVIT] #ffffff05 20%,
[DEVVIT] #ffffff0f 50%,
[DEVVIT] #ffffff08 70%,
[DEVVIT] #ffffff00 100%);
[DEVVIT] }
[DEVVIT] :root {
[DEVVIT] font-family: var(--font-sans);
[DEVVIT] font-size: 16px;
[DEVVIT] }
[DEVVIT] :root,
[DEVVIT] .theme-light,
[DEVVIT] .theme-dark {
[DEVVIT] background: var(--color-tone-7);
[DEVVIT] color: var(--color-neutral-content, var(--color-tone-1));
[DEVVIT] }
[DEVVIT] body
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment