diff --git a/.config/browser/stylus/stylus-themes.json b/.config/browser/stylus/stylus-themes.json
index 711df60d..eb20927d 100644
--- a/.config/browser/stylus/stylus-themes.json
+++ b/.config/browser/stylus/stylus-themes.json
@@ -1370,23 +1370,23 @@
"installDate": 1690105754414,
"sections": [
{
- "code": "/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.0.5\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */",
+ "code": "/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.0.6\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */",
"start": 0
},
{
- "code": "@import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n .light body,\n .light html {\n --ctp-rosewater: 244, 219, 214;\n --ctp-flamingo: 240, 198, 198;\n --ctp-pink: 245, 189, 230;\n --ctp-mauve: 198, 160, 246;\n --ctp-red: 237, 135, 150;\n --ctp-maroon: 238, 153, 160;\n --ctp-peach: 245, 169, 127;\n --ctp-yellow: 238, 212, 159;\n --ctp-green: 166, 218, 149;\n --ctp-teal: 139, 213, 202;\n --ctp-sky: 145, 215, 227;\n --ctp-sapphire: 125, 196, 228;\n --ctp-blue: 138, 173, 244;\n --ctp-lavender: 183, 189, 248;\n --ctp-text: 202, 211, 245;\n --ctp-subtext1: 184, 192, 224;\n --ctp-subtext0: 165, 173, 203;\n --ctp-overlay2: 147, 154, 183;\n --ctp-overlay1: 128, 135, 162;\n --ctp-overlay0: 110, 115, 141;\n --ctp-surface2: 91, 96, 120;\n --ctp-surface1: 73, 77, 100;\n --ctp-surface0: 54, 58, 79;\n --ctp-base: 24, 25, 38;\n --ctp-mantle: 30, 32, 48;\n --ctp-curst: 24, 25, 38;\n /* Main page */\n /* Sidebar */\n /* Upgrade Plan */\n /* Search */\n /* Bot messages */\n /* Buttons */\n }\n .light body div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n .light html div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n .light body div[class*=\"bg-vert-dark-gradient\"],\n .light html div[class*=\"bg-vert-dark-gradient\"] {\n background: #24273a !important;\n }\n .light body div[class*=\"bg-gray-900\"],\n .light html div[class*=\"bg-gray-900\"] {\n background-color: #1e2030 !important;\n }\n .light body .bg-gray-900 .bg-gray-800,\n .light html .bg-gray-900 .bg-gray-800 {\n background-color: #363a4f !important;\n }\n .light body .bg-gradient-to-l,\n .light html .bg-gradient-to-l {\n background: none;\n }\n .light body .shim-yellow,\n .light html .shim-yellow {\n display: none;\n }\n .light body div[class*=\"bg-gray-700\"],\n .light html div[class*=\"bg-gray-700\"] {\n background-color: #363a4f !important;\n }\n .light body [class*=\"text-gray-\"],\n .light html [class*=\"text-gray-\"],\n .light body [class*=\"text-white\"]:not(.btn-primary .text-white),\n .light html [class*=\"text-white\"]:not(.btn-primary .text-white) {\n color: #cad3f5 !important;\n }\n .light body div[class*=\"border-gray\"],\n .light html div[class*=\"border-gray\"],\n .light body div[class*=\"border-white\"],\n .light html div[class*=\"border-white\"] {\n border-color: #6e738d !important;\n }\n .light body input::placeholder,\n .light html input::placeholder,\n .light body textarea::placeholder,\n .light html textarea::placeholder {\n color: #6e738d;\n }\n .light body input,\n .light html input,\n .light body textarea,\n .light html textarea {\n color: #cad3f5;\n }\n .light body [class*=\"bg-white/5\"],\n .light html [class*=\"bg-white/5\"] {\n background-color: #363a4f !important;\n }\n .light body .px-3.py-3,\n .light html .px-3.py-3,\n .light body .pt-3,\n .light html .pt-3 {\n background: #1e2030 !important;\n }\n .light body .px-3.py-3:hover,\n .light html .px-3.py-3:hover {\n background: #24273a !important;\n }\n .light body .prose,\n .light html .prose {\n --tw-prose-body: #cad3f5 !important;\n --tw-prose-bold: #cad3f5 !important;\n --tw-prose-code: #cad3f5 !important;\n --tw-prose-links: #cad3f5 !important;\n --tw-prose-headings: #8087a2 !important;\n }\n .light body .bg-black,\n .light html .bg-black {\n background-color: #181926 !important;\n }\n .light body .bg-black .bg-gray-800,\n .light html .bg-black .bg-gray-800 {\n background-color: #363a4f !important;\n }\n .light body code.hljs,\n .light html code.hljs,\n .light body code[class*=\"language-\"],\n .light html code[class*=\"language-\"],\n .light body pre[class*=\"language-\"],\n .light html pre[class*=\"language-\"] {\n color: #cad3f5 !important;\n }\n .light body .btn-neutral,\n .light html .btn-neutral {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n }\n .light body .btn-primary,\n .light html .btn-primary {\n background-color: #a6da95 !important;\n color: #181926 !important;\n }\n .light body .btn-primary .text-white,\n .light html .btn-primary .text-white {\n color: #181926 !important;\n }\n .light body .btn-danger,\n .light html .btn-danger {\n background-color: #ed8796 !important;\n color: #181926 !important;\n }\n .light body .text-2xl,\n .light html .text-2xl {\n color: #cad3f5 !important;\n }\n .light body .dark [class*=\"bg-yellow-\"],\n .light html .dark [class*=\"bg-yellow-\"] {\n color: #181926 !important;\n }\n .light body .light [class*=\"bg-yellow-\"],\n .light html .light [class*=\"bg-yellow-\"] {\n color: #cad3f5 !important;\n }\n .light body [class*=\"text-green\"],\n .light html [class*=\"text-green\"] {\n color: #a6da95 !important;\n }\n .light body .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover,\n .light html .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n background-color: #363a4f;\n }\n .light body .dark .dark\\:bg-gray-900,\n .light html .dark .dark\\:bg-gray-900 {\n background-color: #1e2030;\n }\n .light body .dark .dark\\:bg-gray-800,\n .light html .dark .dark\\:bg-gray-800 {\n background-color: #363a4f;\n }\n .light body .dark .dark\\:hover\\:bg-gray-800:hover,\n .light html .dark .dark\\:hover\\:bg-gray-800:hover {\n background-color: #494d64;\n }\n .light body .radix-state-active\\:bg-gray-800[data-state=\"active\"],\n .light html .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n background-color: #363a4f;\n }\n :root,\n .dark body,\n .dark html {\n --ctp-rosewater: 244, 219, 214;\n --ctp-flamingo: 240, 198, 198;\n --ctp-pink: 245, 189, 230;\n --ctp-mauve: 198, 160, 246;\n --ctp-red: 237, 135, 150;\n --ctp-maroon: 238, 153, 160;\n --ctp-peach: 245, 169, 127;\n --ctp-yellow: 238, 212, 159;\n --ctp-green: 166, 218, 149;\n --ctp-teal: 139, 213, 202;\n --ctp-sky: 145, 215, 227;\n --ctp-sapphire: 125, 196, 228;\n --ctp-blue: 138, 173, 244;\n --ctp-lavender: 183, 189, 248;\n --ctp-text: 202, 211, 245;\n --ctp-subtext1: 184, 192, 224;\n --ctp-subtext0: 165, 173, 203;\n --ctp-overlay2: 147, 154, 183;\n --ctp-overlay1: 128, 135, 162;\n --ctp-overlay0: 110, 115, 141;\n --ctp-surface2: 91, 96, 120;\n --ctp-surface1: 73, 77, 100;\n --ctp-surface0: 54, 58, 79;\n --ctp-base: 24, 25, 38;\n --ctp-mantle: 30, 32, 48;\n --ctp-curst: 24, 25, 38;\n /* Main page */\n /* Sidebar */\n /* Upgrade Plan */\n /* Search */\n /* Bot messages */\n /* Buttons */\n }\n :root div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n .dark body div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n .dark html div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n :root div[class*=\"bg-vert-dark-gradient\"],\n .dark body div[class*=\"bg-vert-dark-gradient\"],\n .dark html div[class*=\"bg-vert-dark-gradient\"] {\n background: #24273a !important;\n }\n :root div[class*=\"bg-gray-900\"],\n .dark body div[class*=\"bg-gray-900\"],\n .dark html div[class*=\"bg-gray-900\"] {\n background-color: #1e2030 !important;\n }\n :root .bg-gray-900 .bg-gray-800,\n .dark body .bg-gray-900 .bg-gray-800,\n .dark html .bg-gray-900 .bg-gray-800 {\n background-color: #363a4f !important;\n }\n :root .bg-gradient-to-l,\n .dark body .bg-gradient-to-l,\n .dark html .bg-gradient-to-l {\n background: none;\n }\n :root .shim-yellow,\n .dark body .shim-yellow,\n .dark html .shim-yellow {\n display: none;\n }\n :root div[class*=\"bg-gray-700\"],\n .dark body div[class*=\"bg-gray-700\"],\n .dark html div[class*=\"bg-gray-700\"] {\n background-color: #363a4f !important;\n }\n :root [class*=\"text-gray-\"],\n .dark body [class*=\"text-gray-\"],\n .dark html [class*=\"text-gray-\"],\n :root [class*=\"text-white\"]:not(.btn-primary .text-white),\n .dark body [class*=\"text-white\"]:not(.btn-primary .text-white),\n .dark html [class*=\"text-white\"]:not(.btn-primary .text-white) {\n color: #cad3f5 !important;\n }\n :root div[class*=\"border-gray\"],\n .dark body div[class*=\"border-gray\"],\n .dark html div[class*=\"border-gray\"],\n :root div[class*=\"border-white\"],\n .dark body div[class*=\"border-white\"],\n .dark html div[class*=\"border-white\"] {\n border-color: #6e738d !important;\n }\n :root input::placeholder,\n .dark body input::placeholder,\n .dark html input::placeholder,\n :root textarea::placeholder,\n .dark body textarea::placeholder,\n .dark html textarea::placeholder {\n color: #6e738d;\n }\n :root input,\n .dark body input,\n .dark html input,\n :root textarea,\n .dark body textarea,\n .dark html textarea {\n color: #cad3f5;\n }\n :root [class*=\"bg-white/5\"],\n .dark body [class*=\"bg-white/5\"],\n .dark html [class*=\"bg-white/5\"] {\n background-color: #363a4f !important;\n }\n :root .px-3.py-3,\n .dark body .px-3.py-3,\n .dark html .px-3.py-3,\n :root .pt-3,\n .dark body .pt-3,\n .dark html .pt-3 {\n background: #1e2030 !important;\n }\n :root .px-3.py-3:hover,\n .dark body .px-3.py-3:hover,\n .dark html .px-3.py-3:hover {\n background: #24273a !important;\n }\n :root .prose,\n .dark body .prose,\n .dark html .prose {\n --tw-prose-body: #cad3f5 !important;\n --tw-prose-bold: #cad3f5 !important;\n --tw-prose-code: #cad3f5 !important;\n --tw-prose-links: #cad3f5 !important;\n --tw-prose-headings: #8087a2 !important;\n }\n :root .bg-black,\n .dark body .bg-black,\n .dark html .bg-black {\n background-color: #181926 !important;\n }\n :root .bg-black .bg-gray-800,\n .dark body .bg-black .bg-gray-800,\n .dark html .bg-black .bg-gray-800 {\n background-color: #363a4f !important;\n }\n :root code.hljs,\n .dark body code.hljs,\n .dark html code.hljs,\n :root code[class*=\"language-\"],\n .dark body code[class*=\"language-\"],\n .dark html code[class*=\"language-\"],\n :root pre[class*=\"language-\"],\n .dark body pre[class*=\"language-\"],\n .dark html pre[class*=\"language-\"] {\n color: #cad3f5 !important;\n }\n :root .btn-neutral,\n .dark body .btn-neutral,\n .dark html .btn-neutral {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n }\n :root .btn-primary,\n .dark body .btn-primary,\n .dark html .btn-primary {\n background-color: #a6da95 !important;\n color: #181926 !important;\n }\n :root .btn-primary .text-white,\n .dark body .btn-primary .text-white,\n .dark html .btn-primary .text-white {\n color: #181926 !important;\n }\n :root .btn-danger,\n .dark body .btn-danger,\n .dark html .btn-danger {\n background-color: #ed8796 !important;\n color: #181926 !important;\n }\n :root .text-2xl,\n .dark body .text-2xl,\n .dark html .text-2xl {\n color: #cad3f5 !important;\n }\n :root .dark [class*=\"bg-yellow-\"],\n .dark body .dark [class*=\"bg-yellow-\"],\n .dark html .dark [class*=\"bg-yellow-\"] {\n color: #181926 !important;\n }\n :root .light [class*=\"bg-yellow-\"],\n .dark body .light [class*=\"bg-yellow-\"],\n .dark html .light [class*=\"bg-yellow-\"] {\n color: #cad3f5 !important;\n }\n :root [class*=\"text-green\"],\n .dark body [class*=\"text-green\"],\n .dark html [class*=\"text-green\"] {\n color: #a6da95 !important;\n }\n :root .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover,\n .dark body .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover,\n .dark html .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n background-color: #363a4f;\n }\n :root .dark .dark\\:bg-gray-900,\n .dark body .dark .dark\\:bg-gray-900,\n .dark html .dark .dark\\:bg-gray-900 {\n background-color: #1e2030;\n }\n :root .dark .dark\\:bg-gray-800,\n .dark body .dark .dark\\:bg-gray-800,\n .dark html .dark .dark\\:bg-gray-800 {\n background-color: #363a4f;\n }\n :root .dark .dark\\:hover\\:bg-gray-800:hover,\n .dark body .dark .dark\\:hover\\:bg-gray-800:hover,\n .dark html .dark .dark\\:hover\\:bg-gray-800:hover {\n background-color: #494d64;\n }\n :root .radix-state-active\\:bg-gray-800[data-state=\"active\"],\n .dark body .radix-state-active\\:bg-gray-800[data-state=\"active\"],\n .dark html .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n background-color: #363a4f;\n }",
+ "code": "@import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n .light body,\n .light html {\n --ctp-rosewater: 244, 219, 214;\n --ctp-flamingo: 240, 198, 198;\n --ctp-pink: 245, 189, 230;\n --ctp-mauve: 198, 160, 246;\n --ctp-red: 237, 135, 150;\n --ctp-maroon: 238, 153, 160;\n --ctp-peach: 245, 169, 127;\n --ctp-yellow: 238, 212, 159;\n --ctp-green: 166, 218, 149;\n --ctp-teal: 139, 213, 202;\n --ctp-sky: 145, 215, 227;\n --ctp-sapphire: 125, 196, 228;\n --ctp-blue: 138, 173, 244;\n --ctp-lavender: 183, 189, 248;\n --ctp-text: 202, 211, 245;\n --ctp-subtext1: 184, 192, 224;\n --ctp-subtext0: 165, 173, 203;\n --ctp-overlay2: 147, 154, 183;\n --ctp-overlay1: 128, 135, 162;\n --ctp-overlay0: 110, 115, 141;\n --ctp-surface2: 91, 96, 120;\n --ctp-surface1: 73, 77, 100;\n --ctp-surface0: 54, 58, 79;\n --ctp-base: 24, 25, 38;\n --ctp-mantle: 30, 32, 48;\n --ctp-curst: 24, 25, 38;\n /* Main page */\n /* Sidebar */\n /* Upgrade Plan */\n /* Search */\n /* Bot messages */\n /* Buttons */\n }\n .light body body,\n .light html body,\n .light body html,\n .light html html {\n background: #24273a !important;\n }\n .light body div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n .light html div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n .light body div[class*=\"bg-vert-dark-gradient\"],\n .light html div[class*=\"bg-vert-dark-gradient\"] {\n background: #24273a !important;\n }\n .light body div[class*=\"bg-gray-900\"],\n .light html div[class*=\"bg-gray-900\"] {\n background-color: #1e2030 !important;\n }\n .light body .bg-gray-900 .bg-gray-800,\n .light html .bg-gray-900 .bg-gray-800 {\n background-color: #363a4f !important;\n }\n .light body .bg-gradient-to-l,\n .light html .bg-gradient-to-l {\n background: none;\n }\n .light body .shim-yellow,\n .light html .shim-yellow {\n display: none;\n }\n .light body div[class*=\"bg-gray-700\"],\n .light html div[class*=\"bg-gray-700\"] {\n background-color: #363a4f !important;\n }\n .light body [class*=\"text-gray-\"],\n .light html [class*=\"text-gray-\"],\n .light body [class*=\"text-white\"]:not(.btn-primary .text-white),\n .light html [class*=\"text-white\"]:not(.btn-primary .text-white) {\n color: #cad3f5 !important;\n }\n .light body div[class*=\"border-gray\"],\n .light html div[class*=\"border-gray\"],\n .light body div[class*=\"border-white\"],\n .light html div[class*=\"border-white\"] {\n border-color: #6e738d !important;\n }\n .light body input::placeholder,\n .light html input::placeholder,\n .light body textarea::placeholder,\n .light html textarea::placeholder {\n color: #6e738d;\n }\n .light body input,\n .light html input,\n .light body textarea,\n .light html textarea {\n color: #cad3f5;\n }\n .light body [class*=\"bg-white/5\"],\n .light html [class*=\"bg-white/5\"] {\n background-color: #363a4f !important;\n }\n .light body .px-3.py-3,\n .light html .px-3.py-3,\n .light body .pt-3,\n .light html .pt-3 {\n background: #1e2030 !important;\n }\n .light body .px-3.py-3:hover,\n .light html .px-3.py-3:hover {\n background: #24273a !important;\n }\n .light body .prose,\n .light html .prose {\n --tw-prose-body: #cad3f5 !important;\n --tw-prose-bold: #cad3f5 !important;\n --tw-prose-code: #cad3f5 !important;\n --tw-prose-links: #cad3f5 !important;\n --tw-prose-headings: #8087a2 !important;\n }\n .light body .bg-black,\n .light html .bg-black {\n background-color: #181926 !important;\n }\n .light body .bg-black .bg-gray-800,\n .light html .bg-black .bg-gray-800 {\n background-color: #363a4f !important;\n }\n .light body code.hljs,\n .light html code.hljs,\n .light body code[class*=\"language-\"],\n .light html code[class*=\"language-\"],\n .light body pre[class*=\"language-\"],\n .light html pre[class*=\"language-\"] {\n color: #cad3f5 !important;\n }\n .light body .btn-neutral,\n .light html .btn-neutral {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n }\n .light body .btn-primary,\n .light html .btn-primary {\n background-color: #a6da95 !important;\n color: #181926 !important;\n }\n .light body .btn-primary .text-white,\n .light html .btn-primary .text-white {\n color: #181926 !important;\n }\n .light body .btn-danger,\n .light html .btn-danger {\n background-color: #ed8796 !important;\n color: #181926 !important;\n }\n .light body .text-2xl,\n .light html .text-2xl {\n color: #cad3f5 !important;\n }\n .light body .dark [class*=\"bg-yellow-\"],\n .light html .dark [class*=\"bg-yellow-\"] {\n color: #181926 !important;\n }\n .light body .light [class*=\"bg-yellow-\"],\n .light html .light [class*=\"bg-yellow-\"] {\n color: #cad3f5 !important;\n }\n .light body [class*=\"text-green\"],\n .light html [class*=\"text-green\"] {\n color: #a6da95 !important;\n }\n .light body .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover,\n .light html .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n background-color: #363a4f;\n }\n .light body .dark .dark\\:bg-gray-900,\n .light html .dark .dark\\:bg-gray-900 {\n background-color: #1e2030;\n }\n .light body .dark .dark\\:bg-gray-800,\n .light html .dark .dark\\:bg-gray-800 {\n background-color: #363a4f;\n }\n .light body .dark .dark\\:hover\\:bg-gray-800:hover,\n .light html .dark .dark\\:hover\\:bg-gray-800:hover {\n background-color: #494d64;\n }\n .light body .radix-state-active\\:bg-gray-800[data-state=\"active\"],\n .light html .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n background-color: #363a4f;\n }\n :root,\n .dark body,\n .dark html {\n --ctp-rosewater: 244, 219, 214;\n --ctp-flamingo: 240, 198, 198;\n --ctp-pink: 245, 189, 230;\n --ctp-mauve: 198, 160, 246;\n --ctp-red: 237, 135, 150;\n --ctp-maroon: 238, 153, 160;\n --ctp-peach: 245, 169, 127;\n --ctp-yellow: 238, 212, 159;\n --ctp-green: 166, 218, 149;\n --ctp-teal: 139, 213, 202;\n --ctp-sky: 145, 215, 227;\n --ctp-sapphire: 125, 196, 228;\n --ctp-blue: 138, 173, 244;\n --ctp-lavender: 183, 189, 248;\n --ctp-text: 202, 211, 245;\n --ctp-subtext1: 184, 192, 224;\n --ctp-subtext0: 165, 173, 203;\n --ctp-overlay2: 147, 154, 183;\n --ctp-overlay1: 128, 135, 162;\n --ctp-overlay0: 110, 115, 141;\n --ctp-surface2: 91, 96, 120;\n --ctp-surface1: 73, 77, 100;\n --ctp-surface0: 54, 58, 79;\n --ctp-base: 24, 25, 38;\n --ctp-mantle: 30, 32, 48;\n --ctp-curst: 24, 25, 38;\n /* Main page */\n /* Sidebar */\n /* Upgrade Plan */\n /* Search */\n /* Bot messages */\n /* Buttons */\n }\n :root body,\n .dark body body,\n .dark html body,\n :root html,\n .dark body html,\n .dark html html {\n background: #24273a !important;\n }\n :root div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n .dark body div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n .dark html div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n :root div[class*=\"bg-vert-dark-gradient\"],\n .dark body div[class*=\"bg-vert-dark-gradient\"],\n .dark html div[class*=\"bg-vert-dark-gradient\"] {\n background: #24273a !important;\n }\n :root div[class*=\"bg-gray-900\"],\n .dark body div[class*=\"bg-gray-900\"],\n .dark html div[class*=\"bg-gray-900\"] {\n background-color: #1e2030 !important;\n }\n :root .bg-gray-900 .bg-gray-800,\n .dark body .bg-gray-900 .bg-gray-800,\n .dark html .bg-gray-900 .bg-gray-800 {\n background-color: #363a4f !important;\n }\n :root .bg-gradient-to-l,\n .dark body .bg-gradient-to-l,\n .dark html .bg-gradient-to-l {\n background: none;\n }\n :root .shim-yellow,\n .dark body .shim-yellow,\n .dark html .shim-yellow {\n display: none;\n }\n :root div[class*=\"bg-gray-700\"],\n .dark body div[class*=\"bg-gray-700\"],\n .dark html div[class*=\"bg-gray-700\"] {\n background-color: #363a4f !important;\n }\n :root [class*=\"text-gray-\"],\n .dark body [class*=\"text-gray-\"],\n .dark html [class*=\"text-gray-\"],\n :root [class*=\"text-white\"]:not(.btn-primary .text-white),\n .dark body [class*=\"text-white\"]:not(.btn-primary .text-white),\n .dark html [class*=\"text-white\"]:not(.btn-primary .text-white) {\n color: #cad3f5 !important;\n }\n :root div[class*=\"border-gray\"],\n .dark body div[class*=\"border-gray\"],\n .dark html div[class*=\"border-gray\"],\n :root div[class*=\"border-white\"],\n .dark body div[class*=\"border-white\"],\n .dark html div[class*=\"border-white\"] {\n border-color: #6e738d !important;\n }\n :root input::placeholder,\n .dark body input::placeholder,\n .dark html input::placeholder,\n :root textarea::placeholder,\n .dark body textarea::placeholder,\n .dark html textarea::placeholder {\n color: #6e738d;\n }\n :root input,\n .dark body input,\n .dark html input,\n :root textarea,\n .dark body textarea,\n .dark html textarea {\n color: #cad3f5;\n }\n :root [class*=\"bg-white/5\"],\n .dark body [class*=\"bg-white/5\"],\n .dark html [class*=\"bg-white/5\"] {\n background-color: #363a4f !important;\n }\n :root .px-3.py-3,\n .dark body .px-3.py-3,\n .dark html .px-3.py-3,\n :root .pt-3,\n .dark body .pt-3,\n .dark html .pt-3 {\n background: #1e2030 !important;\n }\n :root .px-3.py-3:hover,\n .dark body .px-3.py-3:hover,\n .dark html .px-3.py-3:hover {\n background: #24273a !important;\n }\n :root .prose,\n .dark body .prose,\n .dark html .prose {\n --tw-prose-body: #cad3f5 !important;\n --tw-prose-bold: #cad3f5 !important;\n --tw-prose-code: #cad3f5 !important;\n --tw-prose-links: #cad3f5 !important;\n --tw-prose-headings: #8087a2 !important;\n }\n :root .bg-black,\n .dark body .bg-black,\n .dark html .bg-black {\n background-color: #181926 !important;\n }\n :root .bg-black .bg-gray-800,\n .dark body .bg-black .bg-gray-800,\n .dark html .bg-black .bg-gray-800 {\n background-color: #363a4f !important;\n }\n :root code.hljs,\n .dark body code.hljs,\n .dark html code.hljs,\n :root code[class*=\"language-\"],\n .dark body code[class*=\"language-\"],\n .dark html code[class*=\"language-\"],\n :root pre[class*=\"language-\"],\n .dark body pre[class*=\"language-\"],\n .dark html pre[class*=\"language-\"] {\n color: #cad3f5 !important;\n }\n :root .btn-neutral,\n .dark body .btn-neutral,\n .dark html .btn-neutral {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n }\n :root .btn-primary,\n .dark body .btn-primary,\n .dark html .btn-primary {\n background-color: #a6da95 !important;\n color: #181926 !important;\n }\n :root .btn-primary .text-white,\n .dark body .btn-primary .text-white,\n .dark html .btn-primary .text-white {\n color: #181926 !important;\n }\n :root .btn-danger,\n .dark body .btn-danger,\n .dark html .btn-danger {\n background-color: #ed8796 !important;\n color: #181926 !important;\n }\n :root .text-2xl,\n .dark body .text-2xl,\n .dark html .text-2xl {\n color: #cad3f5 !important;\n }\n :root .dark [class*=\"bg-yellow-\"],\n .dark body .dark [class*=\"bg-yellow-\"],\n .dark html .dark [class*=\"bg-yellow-\"] {\n color: #181926 !important;\n }\n :root .light [class*=\"bg-yellow-\"],\n .dark body .light [class*=\"bg-yellow-\"],\n .dark html .light [class*=\"bg-yellow-\"] {\n color: #cad3f5 !important;\n }\n :root [class*=\"text-green\"],\n .dark body [class*=\"text-green\"],\n .dark html [class*=\"text-green\"] {\n color: #a6da95 !important;\n }\n :root .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover,\n .dark body .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover,\n .dark html .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n background-color: #363a4f;\n }\n :root .dark .dark\\:bg-gray-900,\n .dark body .dark .dark\\:bg-gray-900,\n .dark html .dark .dark\\:bg-gray-900 {\n background-color: #1e2030;\n }\n :root .dark .dark\\:bg-gray-800,\n .dark body .dark .dark\\:bg-gray-800,\n .dark html .dark .dark\\:bg-gray-800 {\n background-color: #363a4f;\n }\n :root .dark .dark\\:hover\\:bg-gray-800:hover,\n .dark body .dark .dark\\:hover\\:bg-gray-800:hover,\n .dark html .dark .dark\\:hover\\:bg-gray-800:hover {\n background-color: #494d64;\n }\n :root .radix-state-active\\:bg-gray-800[data-state=\"active\"],\n .dark body .radix-state-active\\:bg-gray-800[data-state=\"active\"],\n .dark html .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n background-color: #363a4f;\n }",
"start": 671,
"domains": [
"chat.openai.com"
]
}
],
- "sourceCode": "/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.0.5\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"chat.openai.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n\n .light body,\n .light html {\n #catppuccin(@lightFlavor);\n }\n\n :root,\n .dark body,\n .dark html {\n #catppuccin(@darkFlavor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n @color: white;\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n }\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n --ctp-rosewater: #rgbify(@rosewater) [];\n --ctp-flamingo: #rgbify(@flamingo) [];\n --ctp-pink: #rgbify(@pink) [];\n --ctp-mauve: #rgbify(@mauve) [];\n --ctp-red: #rgbify(@red) [];\n --ctp-maroon: #rgbify(@maroon) [];\n --ctp-peach: #rgbify(@peach) [];\n --ctp-yellow: #rgbify(@yellow) [];\n --ctp-green: #rgbify(@green) [];\n --ctp-teal: #rgbify(@teal) [];\n --ctp-sky: #rgbify(@sky) [];\n --ctp-sapphire: #rgbify(@sapphire) [];\n --ctp-blue: #rgbify(@blue) [];\n --ctp-lavender: #rgbify(@lavender) [];\n --ctp-text: #rgbify(@text) [];\n --ctp-subtext1: #rgbify(@subtext1) [];\n --ctp-subtext0: #rgbify(@subtext0) [];\n --ctp-overlay2: #rgbify(@overlay2) [];\n --ctp-overlay1: #rgbify(@overlay1) [];\n --ctp-overlay0: #rgbify(@overlay0) [];\n --ctp-surface2: #rgbify(@surface2) [];\n --ctp-surface1: #rgbify(@surface1) [];\n --ctp-surface0: #rgbify(@surface0) [];\n --ctp-base: #rgbify(@crust) [];\n --ctp-mantle: #rgbify(@mantle) [];\n --ctp-curst: #rgbify(@crust) [];\n\n /* Main page */\n div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n div[class*=\"bg-vert-dark-gradient\"] {\n background: @base !important;\n }\n\n /* Sidebar */\n div[class*=\"bg-gray-900\"] {\n background-color: @mantle !important;\n }\n\n .bg-gray-900 .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n .bg-gradient-to-l {\n background: none;\n }\n\n /* Upgrade Plan */\n .shim-yellow {\n display: none;\n }\n\n /* Search */\n div[class*=\"bg-gray-700\"] {\n background-color: if(@lookup = latte, @base, @surface0) !important;\n }\n\n [class*=\"text-gray-\"],\n [class*=\"text-white\"]:not(.btn-primary .text-white) {\n color: @text !important;\n }\n\n div[class*=\"border-gray\"],\n div[class*=\"border-white\"] {\n border-color: @overlay0 !important;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: @overlay0;\n }\n\n input,\n textarea {\n color: @text;\n }\n\n [class*=\"bg-white/5\"] {\n background-color: @surface0 !important;\n }\n\n .px-3.py-3,\n .pt-3 {\n background: @mantle !important;\n }\n\n .px-3.py-3:hover {\n background: @base !important;\n }\n /* Bot messages */\n .prose {\n --tw-prose-body: @text !important;\n --tw-prose-bold: @text !important;\n --tw-prose-code: @text !important;\n --tw-prose-links: @text !important;\n --tw-prose-headings: @overlay1 !important;\n }\n\n .bg-black {\n background-color: @crust !important;\n }\n\n .bg-black .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n code.hljs,\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n color: @text !important;\n }\n\n /* Buttons */\n .btn-neutral {\n background-color: if(@lookup = latte, @base, @surface1) !important;\n color: @text !important;\n }\n\n .btn-primary {\n background-color: @green !important;\n color: @crust !important;\n }\n\n .btn-primary .text-white {\n color: @crust !important;\n }\n\n .btn-danger {\n background-color: @red !important;\n color: @crust !important;\n }\n\n .text-2xl {\n color: @text !important;\n }\n\n .dark [class*=\"bg-yellow-\"] {\n color: @crust !important;\n }\n\n .light [class*=\"bg-yellow-\"] {\n color: @text !important;\n }\n\n [class*=\"text-green\"] {\n color: @green !important;\n }\n\n .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n background-color: @surface0;\n }\n\n .dark .dark\\:bg-gray-900 {\n background-color: @mantle;\n }\n\n .dark .dark\\:bg-gray-800 {\n background-color: @surface0;\n }\n\n .dark .dark\\:hover\\:bg-gray-800:hover {\n background-color: @surface1;\n }\n\n .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n background-color: @surface0;\n }\n }\n}\n",
+ "sourceCode": "/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.0.6\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"chat.openai.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n\n .light body,\n .light html {\n #catppuccin(@lightFlavor);\n }\n\n :root,\n .dark body,\n .dark html {\n #catppuccin(@darkFlavor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n @color: white;\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n }\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n --ctp-rosewater: #rgbify(@rosewater) [];\n --ctp-flamingo: #rgbify(@flamingo) [];\n --ctp-pink: #rgbify(@pink) [];\n --ctp-mauve: #rgbify(@mauve) [];\n --ctp-red: #rgbify(@red) [];\n --ctp-maroon: #rgbify(@maroon) [];\n --ctp-peach: #rgbify(@peach) [];\n --ctp-yellow: #rgbify(@yellow) [];\n --ctp-green: #rgbify(@green) [];\n --ctp-teal: #rgbify(@teal) [];\n --ctp-sky: #rgbify(@sky) [];\n --ctp-sapphire: #rgbify(@sapphire) [];\n --ctp-blue: #rgbify(@blue) [];\n --ctp-lavender: #rgbify(@lavender) [];\n --ctp-text: #rgbify(@text) [];\n --ctp-subtext1: #rgbify(@subtext1) [];\n --ctp-subtext0: #rgbify(@subtext0) [];\n --ctp-overlay2: #rgbify(@overlay2) [];\n --ctp-overlay1: #rgbify(@overlay1) [];\n --ctp-overlay0: #rgbify(@overlay0) [];\n --ctp-surface2: #rgbify(@surface2) [];\n --ctp-surface1: #rgbify(@surface1) [];\n --ctp-surface0: #rgbify(@surface0) [];\n --ctp-base: #rgbify(@crust) [];\n --ctp-mantle: #rgbify(@mantle) [];\n --ctp-curst: #rgbify(@crust) [];\n\n body,\n html {\n background: @base !important;\n }\n\n /* Main page */\n div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n div[class*=\"bg-vert-dark-gradient\"] {\n background: @base !important;\n }\n\n /* Sidebar */\n div[class*=\"bg-gray-900\"] {\n background-color: @mantle !important;\n }\n\n .bg-gray-900 .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n .bg-gradient-to-l {\n background: none;\n }\n\n /* Upgrade Plan */\n .shim-yellow {\n display: none;\n }\n\n /* Search */\n div[class*=\"bg-gray-700\"] {\n background-color: if(@lookup = latte, @base, @surface0) !important;\n }\n\n [class*=\"text-gray-\"],\n [class*=\"text-white\"]:not(.btn-primary .text-white) {\n color: @text !important;\n }\n\n div[class*=\"border-gray\"],\n div[class*=\"border-white\"] {\n border-color: @overlay0 !important;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: @overlay0;\n }\n\n input,\n textarea {\n color: @text;\n }\n\n [class*=\"bg-white/5\"] {\n background-color: @surface0 !important;\n }\n\n .px-3.py-3,\n .pt-3 {\n background: @mantle !important;\n }\n\n .px-3.py-3:hover {\n background: @base !important;\n }\n /* Bot messages */\n .prose {\n --tw-prose-body: @text !important;\n --tw-prose-bold: @text !important;\n --tw-prose-code: @text !important;\n --tw-prose-links: @text !important;\n --tw-prose-headings: @overlay1 !important;\n }\n\n .bg-black {\n background-color: @crust !important;\n }\n\n .bg-black .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n code.hljs,\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n color: @text !important;\n }\n\n /* Buttons */\n .btn-neutral {\n background-color: if(@lookup = latte, @base, @surface1) !important;\n color: @text !important;\n }\n\n .btn-primary {\n background-color: @green !important;\n color: @crust !important;\n }\n\n .btn-primary .text-white {\n color: @crust !important;\n }\n\n .btn-danger {\n background-color: @red !important;\n color: @crust !important;\n }\n\n .text-2xl {\n color: @text !important;\n }\n\n .dark [class*=\"bg-yellow-\"] {\n color: @crust !important;\n }\n\n .light [class*=\"bg-yellow-\"] {\n color: @text !important;\n }\n\n [class*=\"text-green\"] {\n color: @green !important;\n }\n\n .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n background-color: @surface0;\n }\n\n .dark .dark\\:bg-gray-900 {\n background-color: @mantle;\n }\n\n .dark .dark\\:bg-gray-800 {\n background-color: @surface0;\n }\n\n .dark .dark\\:hover\\:bg-gray-800:hover {\n background-color: @surface1;\n }\n\n .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n background-color: @surface0;\n }\n }\n}\n",
"usercssData": {
"name": "ChatGPT Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/chatgpt",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt",
- "version": "0.0.5",
+ "version": "0.0.6",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css",
"description": "Soothing pastel theme for ChatGPT",
"author": "Catppuccin",
@@ -1456,12 +1456,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for ChatGPT",
"name": "ChatGPT Catppuccin",
- "originalDigest": "2d42dcf2ad98acd48415434c8f7d26ecfbcaf525",
+ "originalDigest": "d093ada80fe1adf53dfb2f2b98c8f8e28125aac1",
"_id": "2b610ac1-f4cb-41f2-ac48-40652d932405",
- "_rev": 1696719448677,
+ "_rev": 1698753193284,
"id": 38,
- "etag": "W/\"fda6959af62c93e95febd3b5a399bec433b82947fef005ee5a90f0156798e2fa\"",
- "updateDate": 1696156942910
+ "etag": "W/\"c6d5a97acb3af062be420580887cbca7bd4ac61439b3be15807ffb308cfccd79\"",
+ "updateDate": 1698753193265
},
{
"enabled": true,
@@ -1548,11 +1548,11 @@
"installDate": 1690105783794,
"sections": [
{
- "code": "/* ==UserStyle==\n@name Github Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.2.7\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox topbar \"Topbar colors\" 1\n@var checkbox usefont \"Use Inter font\" 0\n==/UserStyle== */",
+ "code": "/* ==UserStyle==\n@name Github Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.2.9\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox topbar \"Topbar colors\" 1\n@var checkbox usefont \"Use Inter font\" 0\n==/UserStyle== */",
"start": 0
},
{
- "code": "[data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light {\n --color-workflow-card-connector: #6e738d;\n --color-workflow-card-connector-bg: #6e738d;\n --color-workflow-card-connector-inactive: #494d64;\n --color-workflow-card-connector-inactive-bg: #494d64;\n --color-workflow-card-connector-highlight: #b7bdf8;\n --color-workflow-card-connector-highlight-bg: #b7bdf8;\n --color-workflow-card-bg: #494d64;\n --color-workflow-card-inactive-bg: #363a4f;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: rgba(138, 173, 244, 0.15);\n --color-workflow-card-progress-incomplete-bg: #494d64;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: #cad3f5;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: #363a4f;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: #cad3f5;\n /* Buttons */\n /* Create PR button & New branch button */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Labels */\n /* Search */\n /* Tags */\n /* Misc */\n /* Large notification */\n /* Button Fix */\n /* Button selection Fix */\n /* Darker bg for new AppHeader */\n /* Headers */\n /* New change visibility box star and watcher preview buttons Fix */\n /* New change visibility box danger buttons Fix */\n /* 2FA authentication box header Fix */\n /* Footer Logo Fix */\n /* Footer text hover fix */\n /* Notifications */\n /* Keyboard hint */\n /* Merge icon */\n /* Branch indicator */\n /* File view */\n /* Projects */\n /* Project table view */\n /* Tree Fix */\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional*/\n /* New Repository Overview Fix */\n /* Buttons */\n /* Scrolling top menu */\n /* Fullscreen Sidebar Fixes*/\n /* Dropdown Menus */\n /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n }\n [data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light,\n [data-color-mode=\"light\"] body,\n [data-color-mode=\"auto\"] > .theme-light body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: #24273a;\n --color-marketing-icon-primary: #91d7e3;\n --color-marketing-icon-secondary: #8aadf4;\n --color-diff-blob-addition-num-text: #cad3f5;\n --color-diff-blob-addition-fg: #cad3f5;\n --color-diff-blob-addition-num-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-addition-line-bg: rgba(166, 218, 149, 0.15);\n --color-diff-blob-addition-word-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-deletion-num-text: #cad3f5;\n --color-diff-blob-deletion-fg: #cad3f5;\n --color-diff-blob-deletion-num-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-deletion-line-bg: rgba(237, 135, 150, 0.15);\n --color-diff-blob-deletion-word-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-hunk-num-bg: rgba(138, 173, 244, 0.4);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: #a6da95;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: #c6a0f6;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: #1e2030;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: #cad3f5;\n --color-checks-text-secondary: #b8c0e0;\n --color-checks-text-link: #7dc4e4;\n --color-checks-btn-icon: #cad3f5;\n --color-checks-btn-hover-icon: #cad3f5;\n --color-checks-btn-hover-bg: #181926;\n --color-checks-input-text: #494d64;\n --color-checks-input-placeholder-text: #b8c0e0;\n --color-checks-input-focus-text: #cad3f5;\n --color-checks-input-bg: #363a4f;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: #ed8796;\n --color-checks-donut-pending: #f5a97f;\n --color-checks-donut-success: #a6da95;\n --color-checks-donut-neutral: #939ab7;\n --color-checks-dropdown-text: #cad3f5;\n --color-checks-dropdown-bg: #363a4f;\n --color-checks-dropdown-border: #494d64;\n --color-checks-dropdown-shadow: #181926;\n --color-checks-dropdown-hover-text: #a5adcb;\n --color-checks-dropdown-hover-bg: #1e2030;\n --color-checks-dropdown-btn-hover-text: #cad3f5;\n --color-checks-dropdown-btn-hover-bg: #1e2030;\n --color-checks-scrollbar-thumb-bg: #1e2030;\n --color-checks-header-label-text: #cad3f5;\n --color-checks-header-label-open-text: #b7bdf8;\n --color-checks-header-border: #363a4f;\n --color-checks-header-icon: #cad3f5;\n --color-checks-line-text: #a5adcb;\n --color-checks-line-num-text: #a5adcb;\n --color-checks-line-timestamp-text: #a5adcb;\n --color-checks-line-hover-bg: #363a4f;\n --color-checks-line-selected-bg: #363a4f;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: #cad3f5;\n --color-checks-gate-waiting-text: #eed49f;\n --color-checks-step-header-open-bg: #363a4f;\n --color-checks-step-error-text: #ee99a0;\n --color-checks-step-warning-text: #f5a97f;\n --color-checks-logline-text: #cad3f5;\n --color-checks-logline-num-text: #cad3f5;\n --color-checks-logline-debug-text: #c6a0f6;\n --color-checks-logline-error-text: #cad3f5;\n --color-checks-logline-error-num-text: #ee99a0;\n --color-checks-logline-error-bg: rgba(238, 153, 160, 0.15);\n --color-checks-logline-warning-text: #b8c0e0;\n --color-checks-logline-warning-num-text: #f5a97f;\n --color-checks-logline-warning-bg: rgba(245, 169, 127, 0.15);\n --color-checks-logline-command-text: #8aadf4;\n --color-checks-logline-section-text: #a6da95;\n --color-checks-ansi-black: #494d64;\n --color-checks-ansi-black-bright: #5b6078;\n --color-checks-ansi-white: #b8c0e0;\n --color-checks-ansi-white-bright: #a5adcb;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: #ed8796;\n --color-checks-ansi-red-bright: #ed8796;\n --color-checks-ansi-green: #a6da95;\n --color-checks-ansi-green-bright: #a6da95;\n --color-checks-ansi-yellow: #eed49f;\n --color-checks-ansi-yellow-bright: #eed49f;\n --color-checks-ansi-blue: #8aadf4;\n --color-checks-ansi-blue-bright: #8aadf4;\n --color-checks-ansi-magenta: #f5bde6;\n --color-checks-ansi-magenta-bright: #f5bde6;\n --color-checks-ansi-cyan: #8bd5ca;\n --color-checks-ansi-cyan-bright: #8bd5ca;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: #ffffff 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: #24273a;\n --color-header-bg: #1e2030;\n --color-header-divider: #8b949e;\n --color-header-logo: #cad3f5;\n --color-header-search-bg: #363a4f;\n --color-header-search-border: #494d64;\n --color-sidenav-selected-bg: #494d64;\n --color-menu-bg-active: #5b6078;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: #363a4f;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #ffffff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: #5b6078;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: #5b6078;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: #bfd5d8;\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: #b8d7c5;\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: #729271;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #ffffff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: #a5adcb;\n --color-btn-outline-disabled-bg: #5b6078;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n --color-btn-danger-text: #24273a;\n --color-btn-danger-bg: #ed8796;\n --color-btn-danger-border: transparent;\n --color-btn-danger-shadow: 0 0 transparent;\n --color-btn-danger-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-bg: #d4bcd9;\n --color-btn-danger-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-selected-bg: #dcadc6;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: #181926;\n --color-btn-danger-disabled-bg: #9d6171;\n --color-btn-danger-disabled-border: transparent;\n --color-btn-danger-focus-bg: #238636;\n --color-btn-danger-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-danger-icon: #24273a;\n --color-btn-danger-counter-bg: rgba(255, 255, 255, 0.2);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #363a4f;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: #494d64;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: #cad3f5;\n --color-fg-muted: #b8c0e0;\n --color-fg-subtle: #b8c0e0;\n --color-fg-on-emphasis: #24273a;\n --color-canvas-default: #24273a;\n --color-canvas-overlay: #1e2030;\n --color-canvas-inset: #363a4f;\n --color-canvas-subtle: #1e2030;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px #181926;\n --color-shadow-large: 0 8px 24px #181926;\n --color-shadow-extra-large: 0 12px 48px #181926;\n --color-neutral-emphasis-plus: #6e738d;\n --color-neutral-emphasis: #939ab7;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n --color-success-fg: #a6da95;\n --color-success-emphasis: #a6da95;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: #ed8796;\n --color-danger-emphasis: #ed8796;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: #ed8796;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n [data-color-mode=\"light\"] .btn-danger,\n [data-color-mode=\"auto\"] > .theme-light .btn-danger,\n [data-color-mode=\"light\"] .Button--danger,\n [data-color-mode=\"auto\"] > .theme-light .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"light\"] .iRoQzU,\n [data-color-mode=\"auto\"] > .theme-light .iRoQzU,\n [data-color-mode=\"light\"] .ifkUYV,\n [data-color-mode=\"auto\"] > .theme-light .ifkUYV,\n [data-color-mode=\"light\"] .bOZDzN,\n [data-color-mode=\"auto\"] > .theme-light .bOZDzN {\n background-color: #a6da95;\n color: #24273a;\n }\n [data-color-mode=\"light\"] .jenxrv,\n [data-color-mode=\"auto\"] > .theme-light .jenxrv {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .fHiIQb,\n [data-color-mode=\"auto\"] > .theme-light .fHiIQb {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .idPXPh,\n [data-color-mode=\"auto\"] > .theme-light .idPXPh,\n [data-color-mode=\"light\"] .epAEYw,\n [data-color-mode=\"auto\"] > .theme-light .epAEYw {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .header-search-button.placeholder,\n [data-color-mode=\"auto\"] > .theme-light .header-search-button.placeholder {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hx_IssueLabel,\n [data-color-mode=\"auto\"] > .theme-light .hx_IssueLabel {\n --text: #cad3f5;\n }\n [data-color-mode=\"light\"] .Label,\n [data-color-mode=\"auto\"] > .theme-light .Label {\n color: var(--color-accent-fg);\n background-color: #363a4f;\n border-color: transparent;\n }\n [data-color-mode=\"light\"] .Label--secondary,\n [data-color-mode=\"auto\"] > .theme-light .Label--secondary {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .Label--success,\n [data-color-mode=\"auto\"] > .theme-light .Label--success {\n color: #24273a;\n background-color: #a6da95;\n }\n [data-color-mode=\"light\"] .Label--danger,\n [data-color-mode=\"auto\"] > .theme-light .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n [data-color-mode=\"light\"] .timeline-comment-header .Label,\n [data-color-mode=\"auto\"] > .theme-light .timeline-comment-header .Label,\n [data-color-mode=\"light\"] .timeline-comment .Label,\n [data-color-mode=\"auto\"] > .theme-light .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n [data-color-mode=\"light\"] .header-search-input,\n [data-color-mode=\"auto\"] > .theme-light .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"light\"] .header-search-input::placeholder,\n [data-color-mode=\"auto\"] > .theme-light .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"light\"] .topic-tag,\n [data-color-mode=\"auto\"] > .theme-light .topic-tag {\n --color-accent-fg: #8aadf4;\n --color-accent-emphasis: #8aadf4;\n --color-accent-muted: rgba(138, 173, 244, 0.4);\n --color-accent-subtle: rgba(138, 173, 244, 0.15);\n }\n [data-color-mode=\"light\"] .col-md-8,\n [data-color-mode=\"auto\"] > .theme-light .col-md-8 {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .user-mention,\n [data-color-mode=\"auto\"] > .theme-light .user-mention,\n [data-color-mode=\"light\"] .team-mention,\n [data-color-mode=\"auto\"] > .theme-light .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n [data-color-mode=\"auto\"] > .theme-light .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"light\"] .starred .starred-button-icon,\n [data-color-mode=\"auto\"] > .theme-light .starred .starred-button-icon {\n color: #eed49f;\n }\n [data-color-mode=\"light\"] .flash,\n [data-color-mode=\"auto\"] > .theme-light .flash {\n background: #1e2030;\n border-color: transparent;\n }\n [data-color-mode=\"light\"] .color-bg-subtle,\n [data-color-mode=\"auto\"] > .theme-light .color-bg-subtle {\n background-color: transparent !important;\n }\n [data-color-mode=\"light\"] .command-palette-details-dialog .color-bg-subtle,\n [data-color-mode=\"auto\"] > .theme-light .command-palette-details-dialog .color-bg-subtle {\n background-color: #363a4f !important;\n }\n [data-color-mode=\"light\"] .navigation-item[aria-selected=\"true\"] .color-fg-muted,\n [data-color-mode=\"auto\"] > .theme-light .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: #24273a !important;\n }\n [data-color-mode=\"light\"] .AppHeader,\n [data-color-mode=\"auto\"] > .theme-light .AppHeader {\n background: var(--color-header-bg);\n }\n [data-color-mode=\"light\"] h1,\n [data-color-mode=\"auto\"] > .theme-light h1,\n [data-color-mode=\"light\"] h2,\n [data-color-mode=\"auto\"] > .theme-light h2,\n [data-color-mode=\"light\"] h3,\n [data-color-mode=\"auto\"] > .theme-light h3,\n [data-color-mode=\"light\"] h4,\n [data-color-mode=\"auto\"] > .theme-light h4,\n [data-color-mode=\"light\"] h5,\n [data-color-mode=\"auto\"] > .theme-light h5,\n [data-color-mode=\"light\"] h6,\n [data-color-mode=\"auto\"] > .theme-light h6 {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] #check-step-header-title,\n [data-color-mode=\"auto\"] > .theme-light #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n [data-color-mode=\"light\"] ::selection,\n [data-color-mode=\"auto\"] > .theme-light ::selection {\n background: #5b6078 !important;\n }\n [data-color-mode=\"light\"] .btn.color-fg-danger.cursor-default,\n [data-color-mode=\"auto\"] > .theme-light .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"light\"] .btn.color-fg-danger.cursor-default:hover,\n [data-color-mode=\"auto\"] > .theme-light .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n [data-color-mode=\"light\"] .btn.color-fg-danger.cursor-default > svg.octicon,\n [data-color-mode=\"auto\"] > .theme-light .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n [data-color-mode=\"light\"] :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]),\n [data-color-mode=\"auto\"] > .theme-light :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"light\"] body.session-authentication div.Box-header,\n [data-color-mode=\"auto\"] > .theme-light body.session-authentication div.Box-header {\n background-color: inherit;\n }\n [data-color-mode=\"light\"] .footer-octicon > svg:nth-child(1) > path:nth-child(1),\n [data-color-mode=\"auto\"] > .theme-light .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: #cad3f5;\n }\n [data-color-mode=\"light\"] .footer nav.col-12 *,\n [data-color-mode=\"auto\"] > .theme-light .footer nav.col-12 * {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"light\"] .notification-indicator .mail-status,\n [data-color-mode=\"auto\"] > .theme-light .notification-indicator .mail-status {\n background-image: none;\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .bdgUpN,\n [data-color-mode=\"auto\"] > .theme-light .bdgUpN,\n [data-color-mode=\"light\"] .hZMmEi .TextInput-icon,\n [data-color-mode=\"auto\"] > .theme-light .hZMmEi .TextInput-icon,\n [data-color-mode=\"light\"] .hZMmEi .TextInput-action,\n [data-color-mode=\"auto\"] > .theme-light .hZMmEi .TextInput-action {\n color: #cad3f5;\n background-color: #1e2030;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .fMJQEf,\n [data-color-mode=\"auto\"] > .theme-light .fMJQEf {\n color: #cad3f5;\n background-color: #6e738d;\n }\n [data-color-mode=\"light\"] .iVNDSi,\n [data-color-mode=\"auto\"] > .theme-light .iVNDSi {\n color: #b7bdf8;\n background-color: rgba(183, 189, 248, 0.1);\n }\n [data-color-mode=\"light\"] .hwnsNO,\n [data-color-mode=\"auto\"] > .theme-light .hwnsNO {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hwnsNO th,\n [data-color-mode=\"auto\"] > .theme-light .hwnsNO th {\n background: #1e2030;\n }\n [data-color-mode=\"light\"] .dXveNa[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .dXveNa[data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .dXveNa,\n [data-color-mode=\"auto\"] > .theme-light .dXveNa,\n [data-color-mode=\"light\"] .kbjJSF,\n [data-color-mode=\"auto\"] > .theme-light .kbjJSF {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .gUecKw,\n [data-color-mode=\"auto\"] > .theme-light .gUecKw,\n [data-color-mode=\"light\"] .lcpiaz,\n [data-color-mode=\"auto\"] > .theme-light .lcpiaz,\n [data-color-mode=\"light\"] .jolsUx,\n [data-color-mode=\"auto\"] > .theme-light .jolsUx,\n [data-color-mode=\"light\"] .fsSggy,\n [data-color-mode=\"auto\"] > .theme-light .fsSggy {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .Cxvmo,\n [data-color-mode=\"auto\"] > .theme-light .Cxvmo,\n [data-color-mode=\"light\"] .dhYcqs,\n [data-color-mode=\"auto\"] > .theme-light .dhYcqs {\n color: #ed8796;\n }\n [data-color-mode=\"light\"] .byJIBD,\n [data-color-mode=\"auto\"] > .theme-light .byJIBD,\n [data-color-mode=\"light\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n [data-color-mode=\"auto\"] > .theme-light .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"light\"] .lmmHGT:not(:first-of-type),\n [data-color-mode=\"auto\"] > .theme-light .lmmHGT:not(:first-of-type),\n [data-color-mode=\"light\"] .fOEJrA,\n [data-color-mode=\"auto\"] > .theme-light .fOEJrA,\n [data-color-mode=\"light\"] .fnFdxN,\n [data-color-mode=\"auto\"] > .theme-light .fnFdxN,\n [data-color-mode=\"light\"] .huABLg,\n [data-color-mode=\"auto\"] > .theme-light .huABLg,\n [data-color-mode=\"light\"] .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"light\"] .cwSUxL,\n [data-color-mode=\"auto\"] > .theme-light .cwSUxL,\n [data-color-mode=\"light\"] .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .jvzHAP,\n [data-color-mode=\"auto\"] > .theme-light .jvzHAP,\n [data-color-mode=\"light\"] .hPIyzG,\n [data-color-mode=\"auto\"] > .theme-light .hPIyzG,\n [data-color-mode=\"light\"] .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"light\"] .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .kKFNhh,\n [data-color-mode=\"auto\"] > .theme-light .kKFNhh,\n [data-color-mode=\"light\"] .lnXbGs,\n [data-color-mode=\"auto\"] > .theme-light .lnXbGs,\n [data-color-mode=\"light\"] .dTxwit,\n [data-color-mode=\"auto\"] > .theme-light .dTxwit {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .gssqTz,\n [data-color-mode=\"auto\"] > .theme-light .gssqTz {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"light\"] .bPgnBp,\n [data-color-mode=\"auto\"] > .theme-light .bPgnBp,\n [data-color-mode=\"light\"] .jMyfUO,\n [data-color-mode=\"auto\"] > .theme-light .jMyfUO,\n [data-color-mode=\"light\"] .cBrzIN,\n [data-color-mode=\"auto\"] > .theme-light .cBrzIN {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"light\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"light\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"light\"] .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"light\"] .icOaJE:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .icOaJE:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .icOaJE[aria-pressed=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .icOaJE[aria-pressed=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .cZRqXf,\n [data-color-mode=\"auto\"] > .theme-light .cZRqXf {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .cZRqXf:active:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .cZRqXf:active:not([disabled]),\n [data-color-mode=\"light\"] .cZRqXf[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .cZRqXf[aria-expanded=\"true\"] {\n border-color: #5b6078;\n }\n [data-color-mode=\"light\"] .cZRqXf:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .cZRqXf:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .kdEavw,\n [data-color-mode=\"auto\"] > .theme-light .kdEavw,\n [data-color-mode=\"light\"] .ddNLNa,\n [data-color-mode=\"auto\"] > .theme-light .ddNLNa,\n [data-color-mode=\"light\"] .jepClM,\n [data-color-mode=\"auto\"] > .theme-light .jepClM,\n [data-color-mode=\"light\"] .gTeenv,\n [data-color-mode=\"auto\"] > .theme-light .gTeenv,\n [data-color-mode=\"light\"] .VplrY,\n [data-color-mode=\"auto\"] > .theme-light .VplrY {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .kdEavw:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .kdEavw:hover:not([disabled]),\n [data-color-mode=\"light\"] .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"light\"] .jepClM:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .jepClM:hover:not([disabled]),\n [data-color-mode=\"light\"] .gTeenv:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .gTeenv:hover:not([disabled]),\n [data-color-mode=\"light\"] .VplrY:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .VplrY:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .juEfKr,\n [data-color-mode=\"auto\"] > .theme-light .juEfKr {\n border-color: #5b6078;\n }\n [data-color-mode=\"light\"] .eUqMHM,\n [data-color-mode=\"auto\"] > .theme-light .eUqMHM,\n [data-color-mode=\"light\"] .hSXtjz,\n [data-color-mode=\"auto\"] > .theme-light .hSXtjz {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-light .gtXnmh,\n [data-color-mode=\"light\"] .ukUXs,\n [data-color-mode=\"auto\"] > .theme-light .ukUXs,\n [data-color-mode=\"light\"] .giEfVQ,\n [data-color-mode=\"auto\"] > .theme-light .giEfVQ,\n [data-color-mode=\"light\"] .cKvNNO,\n [data-color-mode=\"auto\"] > .theme-light .cKvNNO,\n [data-color-mode=\"light\"] .evdFFE,\n [data-color-mode=\"auto\"] > .theme-light .evdFFE,\n [data-color-mode=\"light\"] .kTUxDY,\n [data-color-mode=\"auto\"] > .theme-light .kTUxDY {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] > .theme-light .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"light\"] .hYaoHV,\n [data-color-mode=\"auto\"] > .theme-light .hYaoHV,\n [data-color-mode=\"light\"] .rLhXz,\n [data-color-mode=\"auto\"] > .theme-light .rLhXz,\n [data-color-mode=\"light\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-light .gtXnmh,\n [data-color-mode=\"light\"] .lmmHGT,\n [data-color-mode=\"auto\"] > .theme-light .lmmHGT,\n [data-color-mode=\"light\"] .dEmXPQ,\n [data-color-mode=\"auto\"] > .theme-light .dEmXPQ {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .bJBoUI,\n [data-color-mode=\"auto\"] > .theme-light .bJBoUI,\n [data-color-mode=\"light\"] .iJtJJh,\n [data-color-mode=\"auto\"] > .theme-light .iJtJJh {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .lhyFLG,\n [data-color-mode=\"auto\"] > .theme-light .lhyFLG {\n background-color: #1e2030;\n border-top: 1px solid #494d64;\n border-right-color: #494d64;\n border-bottom-color: #494d64;\n border-left-color: #494d64;\n }\n [data-color-mode=\"light\"] .hUWqlv,\n [data-color-mode=\"auto\"] > .theme-light .hUWqlv,\n [data-color-mode=\"light\"] .bJcMWH,\n [data-color-mode=\"auto\"] > .theme-light .bJcMWH {\n color: #8aadf4;\n }\n [data-color-mode=\"light\"] .gxGEao,\n [data-color-mode=\"auto\"] > .theme-light .gxGEao {\n border-bottom-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] > .theme-light .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after,\n [data-color-mode=\"auto\"] > .theme-light .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .dfAUyE .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .dfAUyE .segmentedControl-content,\n [data-color-mode=\"light\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .gKuCoB .segmentedControl-content,\n [data-color-mode=\"light\"] .bFrOJy .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .bFrOJy .segmentedControl-content {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .cuqBaK,\n [data-color-mode=\"auto\"] > .theme-light .cuqBaK,\n [data-color-mode=\"light\"] .fCAAcl,\n [data-color-mode=\"auto\"] > .theme-light .fCAAcl,\n [data-color-mode=\"light\"] .dAXkSP,\n [data-color-mode=\"auto\"] > .theme-light .dAXkSP {\n color: #cad3f5;\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .dAXkSP:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .dAXkSP:hover .segmentedControl-content {\n background: #363a4f;\n }\n @media (hover: hover) and (pointer: fine) {\n [data-color-mode=\"light\"] .rLhXz:hover:not([aria-disabled]),\n [data-color-mode=\"auto\"] > .theme-light .rLhXz:hover:not([aria-disabled]) {\n background-color: #363a4f;\n }\n }\n [data-color-mode=\"light\"] .ksbilD,\n [data-color-mode=\"auto\"] > .theme-light .ksbilD,\n [data-color-mode=\"light\"] .cuaLcW,\n [data-color-mode=\"auto\"] > .theme-light .cuaLcW,\n [data-color-mode=\"light\"] .joCMLT,\n [data-color-mode=\"auto\"] > .theme-light .joCMLT,\n [data-color-mode=\"light\"] .jClMHS,\n [data-color-mode=\"auto\"] > .theme-light .jClMHS,\n [data-color-mode=\"light\"] .jhjELj,\n [data-color-mode=\"auto\"] > .theme-light .jhjELj,\n [data-color-mode=\"light\"] .diDjDG,\n [data-color-mode=\"auto\"] > .theme-light .diDjDG,\n [data-color-mode=\"light\"] .gFuKCf,\n [data-color-mode=\"auto\"] > .theme-light .gFuKCf,\n [data-color-mode=\"light\"] .dHdESs,\n [data-color-mode=\"auto\"] > .theme-light .dHdESs,\n [data-color-mode=\"light\"] .hpfKPO,\n [data-color-mode=\"auto\"] > .theme-light .hpfKPO,\n [data-color-mode=\"light\"] .jdgyJn,\n [data-color-mode=\"auto\"] > .theme-light .jdgyJn,\n [data-color-mode=\"light\"] .iInViE,\n [data-color-mode=\"auto\"] > .theme-light .iInViE,\n [data-color-mode=\"light\"] .brqMal,\n [data-color-mode=\"auto\"] > .theme-light .brqMal,\n [data-color-mode=\"light\"] .AbCTW,\n [data-color-mode=\"auto\"] > .theme-light .AbCTW {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .jEgFtJ,\n [data-color-mode=\"auto\"] > .theme-light .jEgFtJ,\n [data-color-mode=\"light\"] .lixtXZ:hover,\n [data-color-mode=\"auto\"] > .theme-light .lixtXZ:hover,\n [data-color-mode=\"light\"] .eNIoFu,\n [data-color-mode=\"auto\"] > .theme-light .eNIoFu,\n [data-color-mode=\"light\"] .idPXPh:hover,\n [data-color-mode=\"auto\"] > .theme-light .idPXPh:hover,\n [data-color-mode=\"light\"] .fdORwV,\n [data-color-mode=\"auto\"] > .theme-light .fdORwV,\n [data-color-mode=\"light\"] .cjFogo,\n [data-color-mode=\"auto\"] > .theme-light .cjFogo,\n [data-color-mode=\"light\"] .gIOnJa,\n [data-color-mode=\"auto\"] > .theme-light .gIOnJa {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jBCpbB,\n [data-color-mode=\"auto\"] > .theme-light .jBCpbB {\n color: #cad3f5;\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .kzrUhn.selected,\n [data-color-mode=\"auto\"] > .theme-light .kzrUhn.selected {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .esIQoN,\n [data-color-mode=\"auto\"] > .theme-light .esIQoN,\n [data-color-mode=\"light\"] .kbjJSF:disabled,\n [data-color-mode=\"auto\"] > .theme-light .kbjJSF:disabled {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .eJTCnd,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd,\n [data-color-mode=\"light\"] .eTthoV,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV {\n border-color: #363a4f;\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .eJTCnd .fixINc,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd .fixINc,\n [data-color-mode=\"light\"] .eTthoV .fixINc,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV .fixINc,\n [data-color-mode=\"light\"] .eJTCnd .eDZJqt,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd .eDZJqt,\n [data-color-mode=\"light\"] .eTthoV .eDZJqt,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV .eDZJqt {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .eJTCnd .bniVFX,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd .bniVFX,\n [data-color-mode=\"light\"] .eTthoV .bniVFX,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV .bniVFX,\n [data-color-mode=\"light\"] .eJTCnd .jtlytA,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd .jtlytA,\n [data-color-mode=\"light\"] .eTthoV .jtlytA,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV .jtlytA {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .ikTPpF,\n [data-color-mode=\"auto\"] > .theme-light .ikTPpF {\n box-shadow: #24273a 0px 3px 6px;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .cvveTk,\n [data-color-mode=\"auto\"] > .theme-light .cvveTk,\n [data-color-mode=\"light\"] .dwoION,\n [data-color-mode=\"auto\"] > .theme-light .dwoION {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .FKGWN,\n [data-color-mode=\"auto\"] > .theme-light .FKGWN {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jEgFtJ::after,\n [data-color-mode=\"auto\"] > .theme-light .jEgFtJ::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .khCtfm:hover,\n [data-color-mode=\"auto\"] > .theme-light .khCtfm:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .khCtfm,\n [data-color-mode=\"auto\"] > .theme-light .khCtfm,\n [data-color-mode=\"light\"] .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-light .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"light\"] .Tnbrt[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .Tnbrt:active,\n [data-color-mode=\"auto\"] > .theme-light .Tnbrt:active,\n [data-color-mode=\"light\"] .Tnbrt[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .Tnbrt[aria-expanded=\"true\"] {\n background-color: #5b6078;\n }\n [data-color-mode=\"light\"] .Tnbrt:hover,\n [data-color-mode=\"auto\"] > .theme-light .Tnbrt:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .imsxCM,\n [data-color-mode=\"auto\"] > .theme-light .imsxCM {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .imsxCM .is-selected::after,\n [data-color-mode=\"auto\"] > .theme-light .imsxCM .is-selected::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .pxYjU,\n [data-color-mode=\"auto\"] > .theme-light .pxYjU {\n background-color: #1e2030;\n color: #cad3f5;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .ilLRrZ,\n [data-color-mode=\"auto\"] > .theme-light .ilLRrZ {\n color: #cad3f5;\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .cnIHxk,\n [data-color-mode=\"auto\"] > .theme-light .cnIHxk {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .cnIHxk:disabled,\n [data-color-mode=\"auto\"] > .theme-light .cnIHxk:disabled {\n background-color: #6e738d;\n color: #181926;\n }\n [data-color-mode=\"light\"] .ghFpol,\n [data-color-mode=\"auto\"] > .theme-light .ghFpol {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .hVmCdl,\n [data-color-mode=\"auto\"] > .theme-light .hVmCdl,\n [data-color-mode=\"light\"] .fqKZNC,\n [data-color-mode=\"auto\"] > .theme-light .fqKZNC,\n [data-color-mode=\"light\"] .fZFWUy,\n [data-color-mode=\"auto\"] > .theme-light .fZFWUy,\n [data-color-mode=\"light\"] .kbjJSF,\n [data-color-mode=\"auto\"] > .theme-light .kbjJSF,\n [data-color-mode=\"light\"] .flKHtV,\n [data-color-mode=\"auto\"] > .theme-light .flKHtV,\n [data-color-mode=\"light\"] .jolsUx,\n [data-color-mode=\"auto\"] > .theme-light .jolsUx,\n [data-color-mode=\"light\"] .ekNmOn,\n [data-color-mode=\"auto\"] > .theme-light .ekNmOn {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"light\"] .klUZzf:not(:first-of-type),\n [data-color-mode=\"auto\"] > .theme-light .klUZzf:not(:first-of-type) {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .jvpWzR:hover,\n [data-color-mode=\"auto\"] > .theme-light .jvpWzR:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .jvpWzR[data-size=\"large\"][data-block=\"block\"],\n [data-color-mode=\"auto\"] > .theme-light .jvpWzR[data-size=\"large\"][data-block=\"block\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .fZFWUy,\n [data-color-mode=\"auto\"] > .theme-light .fZFWUy,\n [data-color-mode=\"light\"] .fzjwje,\n [data-color-mode=\"auto\"] > .theme-light .fzjwje {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .cEYXBH,\n [data-color-mode=\"auto\"] > .theme-light .cEYXBH {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .joxhcl,\n [data-color-mode=\"auto\"] > .theme-light .joxhcl,\n [data-color-mode=\"light\"] .hXyJIp,\n [data-color-mode=\"auto\"] > .theme-light .hXyJIp,\n [data-color-mode=\"light\"] .fMkBhb > .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .fMkBhb > .segmentedControl-content {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .dVFmxu,\n [data-color-mode=\"auto\"] > .theme-light .dVFmxu,\n [data-color-mode=\"light\"] .gbKtit,\n [data-color-mode=\"auto\"] > .theme-light .gbKtit,\n [data-color-mode=\"light\"] .lnKxja,\n [data-color-mode=\"auto\"] > .theme-light .lnKxja,\n [data-color-mode=\"light\"] .jzwNMs,\n [data-color-mode=\"auto\"] > .theme-light .jzwNMs {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .dVFmxu svg,\n [data-color-mode=\"auto\"] > .theme-light .dVFmxu svg,\n [data-color-mode=\"light\"] .gbKtit svg,\n [data-color-mode=\"auto\"] > .theme-light .gbKtit svg,\n [data-color-mode=\"light\"] .lnKxja svg,\n [data-color-mode=\"auto\"] > .theme-light .lnKxja svg,\n [data-color-mode=\"light\"] .jzwNMs svg,\n [data-color-mode=\"auto\"] > .theme-light .jzwNMs svg {\n fill: #a5adcb;\n }\n [data-color-mode=\"light\"] .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .jzwNMs:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .jzwNMs:hover .segmentedControl-content {\n background-color: #494d64;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hJMtSk,\n [data-color-mode=\"auto\"] > .theme-light .hJMtSk {\n color: #181926;\n background-color: #a6da95;\n }\n [data-color-mode=\"light\"] .hJMtSk:disabled,\n [data-color-mode=\"auto\"] > .theme-light .hJMtSk:disabled {\n color: #181926;\n background-color: #6e738d;\n }\n [data-color-mode=\"light\"] .iDiUTR,\n [data-color-mode=\"auto\"] > .theme-light .iDiUTR {\n color: #cad3f5;\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .iDiUTR:hover,\n [data-color-mode=\"auto\"] > .theme-light .iDiUTR:hover {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .eQfJKc,\n [data-color-mode=\"auto\"] > .theme-light .eQfJKc,\n [data-color-mode=\"light\"] .UHWYv,\n [data-color-mode=\"auto\"] > .theme-light .UHWYv {\n color: #ed8796;\n }\n [data-color-mode=\"light\"] .jVIqnb,\n [data-color-mode=\"auto\"] > .theme-light .jVIqnb {\n color: #ed8796;\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jVIqnb:hover,\n [data-color-mode=\"auto\"] > .theme-light .jVIqnb:hover {\n color: #24273a;\n background-color: #ed8796;\n }\n [data-color-mode=\"light\"] .UHWYv:hover,\n [data-color-mode=\"auto\"] > .theme-light .UHWYv:hover {\n background-color: rgba(237, 135, 150, 0.2);\n }\n [data-color-mode=\"light\"] .lmmHGT:hover,\n [data-color-mode=\"auto\"] > .theme-light .lmmHGT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hYdbWk,\n [data-color-mode=\"auto\"] > .theme-light .hYdbWk,\n [data-color-mode=\"light\"] .gkeKEr,\n [data-color-mode=\"auto\"] > .theme-light .gkeKEr,\n [data-color-mode=\"light\"] .jzcCeu,\n [data-color-mode=\"auto\"] > .theme-light .jzcCeu,\n [data-color-mode=\"light\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-light .iGxiw,\n [data-color-mode=\"light\"] .ixFSpw,\n [data-color-mode=\"auto\"] > .theme-light .ixFSpw,\n [data-color-mode=\"light\"] .koxWOe,\n [data-color-mode=\"auto\"] > .theme-light .koxWOe,\n [data-color-mode=\"light\"] .gkWKRr,\n [data-color-mode=\"auto\"] > .theme-light .gkWKRr,\n [data-color-mode=\"light\"] .ikaTJo > svg,\n [data-color-mode=\"auto\"] > .theme-light .ikaTJo > svg,\n [data-color-mode=\"light\"] .dcGHGc,\n [data-color-mode=\"auto\"] > .theme-light .dcGHGc,\n [data-color-mode=\"light\"] .dzMFih,\n [data-color-mode=\"auto\"] > .theme-light .dzMFih,\n [data-color-mode=\"light\"] .hYdbWk::before,\n [data-color-mode=\"auto\"] > .theme-light .hYdbWk::before,\n [data-color-mode=\"light\"] .ixFSpw::before,\n [data-color-mode=\"auto\"] > .theme-light .ixFSpw::before,\n [data-color-mode=\"light\"] .dSHKOE,\n [data-color-mode=\"auto\"] > .theme-light .dSHKOE {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .gkWKRr,\n [data-color-mode=\"auto\"] > .theme-light .gkWKRr {\n border-top-color: #363a4f;\n border-right-color: #363a4f;\n border-left-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hPQRKh,\n [data-color-mode=\"auto\"] > .theme-light .hPQRKh {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hPQRKh:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .hPQRKh:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .hPQRKh[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .hPQRKh[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .kfwhFa:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .kfwhFa:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .jykkjb,\n [data-color-mode=\"auto\"] > .theme-light .jykkjb {\n background-color: #24273a;\n box-shadow: #181926 0px -2px 0px inset, #181926 0px 1px 0px inset;\n }\n [data-color-mode=\"light\"] .jhjELj,\n [data-color-mode=\"auto\"] > .theme-light .jhjELj,\n [data-color-mode=\"light\"] .ixTUPS,\n [data-color-mode=\"auto\"] > .theme-light .ixTUPS {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .gmscZx:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .gmscZx:hover:not([disabled]),\n [data-color-mode=\"light\"] .fUaEiu:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"light\"] .fUaEiu[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-light .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"light\"] .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"light\"] .gmscZx[data-size=\"small\"],\n [data-color-mode=\"auto\"] > .theme-light .gmscZx[data-size=\"small\"],\n [data-color-mode=\"light\"] .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"light\"] .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .cBssZb,\n [data-color-mode=\"auto\"] > .theme-light .cBssZb {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .jhjELj::before,\n [data-color-mode=\"auto\"] > .theme-light .jhjELj::before {\n border-color: transparent transparent #494d64;\n }\n [data-color-mode=\"light\"] .fHpqaf,\n [data-color-mode=\"auto\"] > .theme-light .fHpqaf,\n [data-color-mode=\"light\"] .bfQVnA,\n [data-color-mode=\"auto\"] > .theme-light .bfQVnA,\n [data-color-mode=\"light\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-light .iGxiw,\n [data-color-mode=\"light\"] .fUzagb,\n [data-color-mode=\"auto\"] > .theme-light .fUzagb,\n [data-color-mode=\"light\"] .gisjeK,\n [data-color-mode=\"auto\"] > .theme-light .gisjeK,\n [data-color-mode=\"light\"] .iQkwAM,\n [data-color-mode=\"auto\"] > .theme-light .iQkwAM {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] smt,\n [data-color-mode=\"auto\"] > .theme-light smt {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] smt:hover,\n [data-color-mode=\"auto\"] > .theme-light smt:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .dtTTcd,\n [data-color-mode=\"auto\"] > .theme-light .dtTTcd {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .dtTTcd.hoverable:hover,\n [data-color-mode=\"auto\"] > .theme-light .dtTTcd.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .pQcjM,\n [data-color-mode=\"auto\"] > .theme-light .pQcjM {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .pQcjM.hoverable:hover,\n [data-color-mode=\"auto\"] > .theme-light .pQcjM.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .eTSXcP,\n [data-color-mode=\"auto\"] > .theme-light .eTSXcP {\n background-color: #ed8796;\n }\n [data-color-mode=\"light\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-light .iGxiw {\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"light\"] .brFBoI,\n [data-color-mode=\"auto\"] > .theme-light .brFBoI,\n [data-color-mode=\"light\"] .ldUAkr,\n [data-color-mode=\"auto\"] > .theme-light .ldUAkr,\n [data-color-mode=\"light\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-light .gtXnmh {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .gWjhfa,\n [data-color-mode=\"auto\"] > .theme-light .gWjhfa,\n [data-color-mode=\"light\"] .jMdYTc,\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .jMdYTc,\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc {\n border: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .jMdYTc button,\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc button {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .jMdYTc button:hover,\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc button:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jMdYTc button[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc button[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .gwuIGu > a:hover,\n [data-color-mode=\"auto\"] > .theme-light .gwuIGu > a:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .gwuIGu > a span,\n [data-color-mode=\"auto\"] > .theme-light .gwuIGu > a span {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .bJYdrf:hover,\n [data-color-mode=\"auto\"] > .theme-light .bJYdrf:hover {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .dSlCya:hover,\n [data-color-mode=\"auto\"] > .theme-light .dSlCya:hover {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .hNNRLM,\n [data-color-mode=\"auto\"] > .theme-light .hNNRLM,\n [data-color-mode=\"light\"] .hGgJQu,\n [data-color-mode=\"auto\"] > .theme-light .hGgJQu,\n [data-color-mode=\"light\"] .hTcsdJ,\n [data-color-mode=\"auto\"] > .theme-light .hTcsdJ {\n background-color: #363a4f;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hNNRLM:hover,\n [data-color-mode=\"auto\"] > .theme-light .hNNRLM:hover,\n [data-color-mode=\"light\"] .hGgJQu:hover,\n [data-color-mode=\"auto\"] > .theme-light .hGgJQu:hover,\n [data-color-mode=\"light\"] .hTcsdJ:hover,\n [data-color-mode=\"auto\"] > .theme-light .hTcsdJ:hover {\n background-color: #494d64;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .eOIzRT,\n [data-color-mode=\"auto\"] > .theme-light .eOIzRT {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .eOIzRT:hover,\n [data-color-mode=\"auto\"] > .theme-light .eOIzRT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hNNRLM svg,\n [data-color-mode=\"auto\"] > .theme-light .hNNRLM svg {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .react-last-commit-history-group:hover,\n [data-color-mode=\"auto\"] > .theme-light .react-last-commit-history-group:hover {\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hfRvxg,\n [data-color-mode=\"auto\"] > .theme-light .hfRvxg {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .hfRvxg:hover,\n [data-color-mode=\"auto\"] > .theme-light .hfRvxg:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .lbYguI,\n [data-color-mode=\"auto\"] > .theme-light .lbYguI {\n border-radius: 6px;\n }\n [data-color-mode=\"light\"] .hPsWZB,\n [data-color-mode=\"auto\"] > .theme-light .hPsWZB,\n [data-color-mode=\"light\"] .bOUZZs,\n [data-color-mode=\"auto\"] > .theme-light .bOUZZs {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > span > button,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: #24273a;\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > span > button:hover,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > span > button:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .hMOAua,\n [data-color-mode=\"auto\"] > .theme-light .hMOAua {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .hMOAua:hover,\n [data-color-mode=\"auto\"] > .theme-light .hMOAua:hover {\n background-color: #1e2030;\n border: 1px solid #494d64;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hMCjFU,\n [data-color-mode=\"auto\"] > .theme-light .hMCjFU,\n [data-color-mode=\"light\"] .jcKsih,\n [data-color-mode=\"auto\"] > .theme-light .jcKsih,\n [data-color-mode=\"light\"] .hpgNiv,\n [data-color-mode=\"auto\"] > .theme-light .hpgNiv {\n background-color: #24273a;\n color: #cad3f5;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .hMCjFU:hover,\n [data-color-mode=\"auto\"] > .theme-light .hMCjFU:hover,\n [data-color-mode=\"light\"] .jcKsih:hover,\n [data-color-mode=\"auto\"] > .theme-light .jcKsih:hover,\n [data-color-mode=\"light\"] .hpgNiv:hover,\n [data-color-mode=\"auto\"] > .theme-light .hpgNiv:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jfOCiu,\n [data-color-mode=\"auto\"] > .theme-light .jfOCiu,\n [data-color-mode=\"light\"] .gNXjVV,\n [data-color-mode=\"auto\"] > .theme-light .gNXjVV,\n [data-color-mode=\"light\"] .iGzDhH,\n [data-color-mode=\"auto\"] > .theme-light .iGzDhH,\n [data-color-mode=\"light\"] .Overlay,\n [data-color-mode=\"auto\"] > .theme-light .Overlay {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"light\"] .jfOCiu li,\n [data-color-mode=\"auto\"] > .theme-light .jfOCiu li {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .kRbyXo,\n [data-color-mode=\"auto\"] > .theme-light .kRbyXo {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .VgnWi,\n [data-color-mode=\"auto\"] > .theme-light .VgnWi {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .VgnWi:focus-within,\n [data-color-mode=\"auto\"] > .theme-light .VgnWi:focus-within {\n border-color: #b7bdf8;\n box-shadow: #b7bdf8 0px 0px 0px 1px inset;\n }\n [data-color-mode=\"light\"] .bAKGFC,\n [data-color-mode=\"auto\"] > .theme-light .bAKGFC {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .bdMlHy,\n [data-color-mode=\"auto\"] > .theme-light .bdMlHy {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .jMyfUO.selected,\n [data-color-mode=\"auto\"] > .theme-light .jMyfUO.selected {\n border-color: #494d64;\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .bPgnBp,\n [data-color-mode=\"auto\"] > .theme-light .bPgnBp {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] kbd,\n [data-color-mode=\"auto\"] > .theme-light kbd {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] select option,\n [data-color-mode=\"auto\"] > .theme-light select option,\n [data-color-mode=\"light\"] optgroup,\n [data-color-mode=\"auto\"] > .theme-light optgroup {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"light\"] .hUQSCH,\n [data-color-mode=\"auto\"] > .theme-light .hUQSCH {\n background-color: #24273a;\n color: #b8c0e0;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .hUQSCH:hover,\n [data-color-mode=\"auto\"] > .theme-light .hUQSCH:hover {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .dQPLyc,\n [data-color-mode=\"auto\"] > .theme-light .dQPLyc {\n background-color: transparent;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .ktGGEf,\n [data-color-mode=\"auto\"] > .theme-light .ktGGEf {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .gkfBtX,\n [data-color-mode=\"auto\"] > .theme-light .gkfBtX {\n background-color: #1e2030;\n border-radius: 6px 0px 0px 0px;\n border-bottom: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .jproXT,\n [data-color-mode=\"auto\"] > .theme-light .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .jproXT:hover,\n [data-color-mode=\"auto\"] > .theme-light .jproXT:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .jproXT:focus-within,\n [data-color-mode=\"auto\"] > .theme-light .jproXT:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .wLDmP,\n [data-color-mode=\"auto\"] > .theme-light .wLDmP {\n background-color: #1e2030;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .eNSiNz .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .eNSiNz .segmentedControl-content,\n [data-color-mode=\"light\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .gKuCoB .segmentedControl-content {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .notifications-list-item.notification-read,\n [data-color-mode=\"auto\"] > .theme-light .notifications-list-item.notification-read,\n [data-color-mode=\"light\"] .notifications-list-item.notification-archived,\n [data-color-mode=\"auto\"] > .theme-light .notifications-list-item.notification-archived {\n background-color: #24273a !important;\n }\n [data-color-mode=\"light\"] .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"auto\"] > .theme-light .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"light\"] .notifications-list-item.notification-archived:last-child,\n [data-color-mode=\"auto\"] > .theme-light .notifications-list-item.notification-archived:last-child {\n border-bottom-left-radius: 6px;\n }\n [data-color-mode=\"light\"] .turbo-progress-bar,\n [data-color-mode=\"auto\"] > .theme-light .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"] {\n --color-workflow-card-connector: #6e738d;\n --color-workflow-card-connector-bg: #6e738d;\n --color-workflow-card-connector-inactive: #494d64;\n --color-workflow-card-connector-inactive-bg: #494d64;\n --color-workflow-card-connector-highlight: #b7bdf8;\n --color-workflow-card-connector-highlight-bg: #b7bdf8;\n --color-workflow-card-bg: #494d64;\n --color-workflow-card-inactive-bg: #363a4f;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: rgba(138, 173, 244, 0.15);\n --color-workflow-card-progress-incomplete-bg: #494d64;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: #cad3f5;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: #363a4f;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: #cad3f5;\n /* Buttons */\n /* Create PR button & New branch button */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Labels */\n /* Search */\n /* Tags */\n /* Misc */\n /* Large notification */\n /* Button Fix */\n /* Button selection Fix */\n /* Darker bg for new AppHeader */\n /* Headers */\n /* New change visibility box star and watcher preview buttons Fix */\n /* New change visibility box danger buttons Fix */\n /* 2FA authentication box header Fix */\n /* Footer Logo Fix */\n /* Footer text hover fix */\n /* Notifications */\n /* Keyboard hint */\n /* Merge icon */\n /* Branch indicator */\n /* File view */\n /* Projects */\n /* Project table view */\n /* Tree Fix */\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional*/\n /* New Repository Overview Fix */\n /* Buttons */\n /* Scrolling top menu */\n /* Fullscreen Sidebar Fixes*/\n /* Dropdown Menus */\n /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n }\n [data-color-mode=\"auto\"],\n [data-color-mode=\"auto\"] body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: #24273a;\n --color-marketing-icon-primary: #91d7e3;\n --color-marketing-icon-secondary: #8aadf4;\n --color-diff-blob-addition-num-text: #cad3f5;\n --color-diff-blob-addition-fg: #cad3f5;\n --color-diff-blob-addition-num-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-addition-line-bg: rgba(166, 218, 149, 0.15);\n --color-diff-blob-addition-word-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-deletion-num-text: #cad3f5;\n --color-diff-blob-deletion-fg: #cad3f5;\n --color-diff-blob-deletion-num-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-deletion-line-bg: rgba(237, 135, 150, 0.15);\n --color-diff-blob-deletion-word-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-hunk-num-bg: rgba(138, 173, 244, 0.4);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: #a6da95;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: #c6a0f6;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: #1e2030;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: #cad3f5;\n --color-checks-text-secondary: #b8c0e0;\n --color-checks-text-link: #7dc4e4;\n --color-checks-btn-icon: #cad3f5;\n --color-checks-btn-hover-icon: #cad3f5;\n --color-checks-btn-hover-bg: #181926;\n --color-checks-input-text: #494d64;\n --color-checks-input-placeholder-text: #b8c0e0;\n --color-checks-input-focus-text: #cad3f5;\n --color-checks-input-bg: #363a4f;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: #ed8796;\n --color-checks-donut-pending: #f5a97f;\n --color-checks-donut-success: #a6da95;\n --color-checks-donut-neutral: #939ab7;\n --color-checks-dropdown-text: #cad3f5;\n --color-checks-dropdown-bg: #363a4f;\n --color-checks-dropdown-border: #494d64;\n --color-checks-dropdown-shadow: #181926;\n --color-checks-dropdown-hover-text: #a5adcb;\n --color-checks-dropdown-hover-bg: #1e2030;\n --color-checks-dropdown-btn-hover-text: #cad3f5;\n --color-checks-dropdown-btn-hover-bg: #1e2030;\n --color-checks-scrollbar-thumb-bg: #1e2030;\n --color-checks-header-label-text: #cad3f5;\n --color-checks-header-label-open-text: #b7bdf8;\n --color-checks-header-border: #363a4f;\n --color-checks-header-icon: #cad3f5;\n --color-checks-line-text: #a5adcb;\n --color-checks-line-num-text: #a5adcb;\n --color-checks-line-timestamp-text: #a5adcb;\n --color-checks-line-hover-bg: #363a4f;\n --color-checks-line-selected-bg: #363a4f;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: #cad3f5;\n --color-checks-gate-waiting-text: #eed49f;\n --color-checks-step-header-open-bg: #363a4f;\n --color-checks-step-error-text: #ee99a0;\n --color-checks-step-warning-text: #f5a97f;\n --color-checks-logline-text: #cad3f5;\n --color-checks-logline-num-text: #cad3f5;\n --color-checks-logline-debug-text: #c6a0f6;\n --color-checks-logline-error-text: #cad3f5;\n --color-checks-logline-error-num-text: #ee99a0;\n --color-checks-logline-error-bg: rgba(238, 153, 160, 0.15);\n --color-checks-logline-warning-text: #b8c0e0;\n --color-checks-logline-warning-num-text: #f5a97f;\n --color-checks-logline-warning-bg: rgba(245, 169, 127, 0.15);\n --color-checks-logline-command-text: #8aadf4;\n --color-checks-logline-section-text: #a6da95;\n --color-checks-ansi-black: #494d64;\n --color-checks-ansi-black-bright: #5b6078;\n --color-checks-ansi-white: #b8c0e0;\n --color-checks-ansi-white-bright: #a5adcb;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: #ed8796;\n --color-checks-ansi-red-bright: #ed8796;\n --color-checks-ansi-green: #a6da95;\n --color-checks-ansi-green-bright: #a6da95;\n --color-checks-ansi-yellow: #eed49f;\n --color-checks-ansi-yellow-bright: #eed49f;\n --color-checks-ansi-blue: #8aadf4;\n --color-checks-ansi-blue-bright: #8aadf4;\n --color-checks-ansi-magenta: #f5bde6;\n --color-checks-ansi-magenta-bright: #f5bde6;\n --color-checks-ansi-cyan: #8bd5ca;\n --color-checks-ansi-cyan-bright: #8bd5ca;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: #ffffff 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: #24273a;\n --color-header-bg: #1e2030;\n --color-header-divider: #8b949e;\n --color-header-logo: #cad3f5;\n --color-header-search-bg: #363a4f;\n --color-header-search-border: #494d64;\n --color-sidenav-selected-bg: #494d64;\n --color-menu-bg-active: #5b6078;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: #363a4f;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #ffffff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: #5b6078;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: #5b6078;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: #bfd5d8;\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: #b8d7c5;\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: #729271;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #ffffff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: #a5adcb;\n --color-btn-outline-disabled-bg: #5b6078;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n --color-btn-danger-text: #24273a;\n --color-btn-danger-bg: #ed8796;\n --color-btn-danger-border: transparent;\n --color-btn-danger-shadow: 0 0 transparent;\n --color-btn-danger-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-bg: #d4bcd9;\n --color-btn-danger-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-selected-bg: #dcadc6;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: #181926;\n --color-btn-danger-disabled-bg: #9d6171;\n --color-btn-danger-disabled-border: transparent;\n --color-btn-danger-focus-bg: #238636;\n --color-btn-danger-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-danger-icon: #24273a;\n --color-btn-danger-counter-bg: rgba(255, 255, 255, 0.2);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #363a4f;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: #494d64;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: #cad3f5;\n --color-fg-muted: #b8c0e0;\n --color-fg-subtle: #b8c0e0;\n --color-fg-on-emphasis: #24273a;\n --color-canvas-default: #24273a;\n --color-canvas-overlay: #1e2030;\n --color-canvas-inset: #363a4f;\n --color-canvas-subtle: #1e2030;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px #181926;\n --color-shadow-large: 0 8px 24px #181926;\n --color-shadow-extra-large: 0 12px 48px #181926;\n --color-neutral-emphasis-plus: #6e738d;\n --color-neutral-emphasis: #939ab7;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n --color-success-fg: #a6da95;\n --color-success-emphasis: #a6da95;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: #ed8796;\n --color-danger-emphasis: #ed8796;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: #ed8796;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n [data-color-mode=\"auto\"] .btn-danger,\n [data-color-mode=\"auto\"] .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] .iRoQzU,\n [data-color-mode=\"auto\"] .ifkUYV,\n [data-color-mode=\"auto\"] .bOZDzN {\n background-color: #a6da95;\n color: #24273a;\n }\n [data-color-mode=\"auto\"] .jenxrv {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .fHiIQb {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .idPXPh,\n [data-color-mode=\"auto\"] .epAEYw {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .header-search-button.placeholder {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hx_IssueLabel {\n --text: #cad3f5;\n }\n [data-color-mode=\"auto\"] .Label {\n color: var(--color-accent-fg);\n background-color: #363a4f;\n border-color: transparent;\n }\n [data-color-mode=\"auto\"] .Label--secondary {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .Label--success {\n color: #24273a;\n background-color: #a6da95;\n }\n [data-color-mode=\"auto\"] .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n [data-color-mode=\"auto\"] .timeline-comment-header .Label,\n [data-color-mode=\"auto\"] .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n [data-color-mode=\"auto\"] .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"] .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"] .topic-tag {\n --color-accent-fg: #8aadf4;\n --color-accent-emphasis: #8aadf4;\n --color-accent-muted: rgba(138, 173, 244, 0.4);\n --color-accent-subtle: rgba(138, 173, 244, 0.15);\n }\n [data-color-mode=\"auto\"] .col-md-8 {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .user-mention,\n [data-color-mode=\"auto\"] .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"auto\"] .starred .starred-button-icon {\n color: #eed49f;\n }\n [data-color-mode=\"auto\"] .flash {\n background: #1e2030;\n border-color: transparent;\n }\n [data-color-mode=\"auto\"] .color-bg-subtle {\n background-color: transparent !important;\n }\n [data-color-mode=\"auto\"] .command-palette-details-dialog .color-bg-subtle {\n background-color: #363a4f !important;\n }\n [data-color-mode=\"auto\"] .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: #24273a !important;\n }\n [data-color-mode=\"auto\"] .AppHeader {\n background: var(--color-header-bg);\n }\n [data-color-mode=\"auto\"] h1,\n [data-color-mode=\"auto\"] h2,\n [data-color-mode=\"auto\"] h3,\n [data-color-mode=\"auto\"] h4,\n [data-color-mode=\"auto\"] h5,\n [data-color-mode=\"auto\"] h6 {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n [data-color-mode=\"auto\"] ::selection {\n background: #5b6078 !important;\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n [data-color-mode=\"auto\"] :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] body.session-authentication div.Box-header {\n background-color: inherit;\n }\n [data-color-mode=\"auto\"] .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: #cad3f5;\n }\n [data-color-mode=\"auto\"] .footer nav.col-12 * {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"] .notification-indicator .mail-status {\n background-image: none;\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .bdgUpN,\n [data-color-mode=\"auto\"] .hZMmEi .TextInput-icon,\n [data-color-mode=\"auto\"] .hZMmEi .TextInput-action {\n color: #cad3f5;\n background-color: #1e2030;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .fMJQEf {\n color: #cad3f5;\n background-color: #6e738d;\n }\n [data-color-mode=\"auto\"] .iVNDSi {\n color: #b7bdf8;\n background-color: rgba(183, 189, 248, 0.1);\n }\n [data-color-mode=\"auto\"] .hwnsNO {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hwnsNO th {\n background: #1e2030;\n }\n [data-color-mode=\"auto\"] .dXveNa[data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dXveNa,\n [data-color-mode=\"auto\"] .kbjJSF {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gUecKw,\n [data-color-mode=\"auto\"] .lcpiaz,\n [data-color-mode=\"auto\"] .jolsUx,\n [data-color-mode=\"auto\"] .fsSggy {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .Cxvmo,\n [data-color-mode=\"auto\"] .dhYcqs {\n color: #ed8796;\n }\n [data-color-mode=\"auto\"] .byJIBD,\n [data-color-mode=\"auto\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"auto\"] .lmmHGT:not(:first-of-type),\n [data-color-mode=\"auto\"] .fOEJrA,\n [data-color-mode=\"auto\"] .fnFdxN,\n [data-color-mode=\"auto\"] .huABLg,\n [data-color-mode=\"auto\"] .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .cwSUxL,\n [data-color-mode=\"auto\"] .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .jvzHAP,\n [data-color-mode=\"auto\"] .hPIyzG,\n [data-color-mode=\"auto\"] .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .kKFNhh,\n [data-color-mode=\"auto\"] .lnXbGs,\n [data-color-mode=\"auto\"] .dTxwit {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .gssqTz {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"] .bPgnBp,\n [data-color-mode=\"auto\"] .jMyfUO,\n [data-color-mode=\"auto\"] .cBrzIN {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"auto\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"auto\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"auto\"] .icOaJE:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .icOaJE[aria-pressed=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cZRqXf {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cZRqXf:active:not([disabled]),\n [data-color-mode=\"auto\"] .cZRqXf[aria-expanded=\"true\"] {\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .cZRqXf:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .kdEavw,\n [data-color-mode=\"auto\"] .ddNLNa,\n [data-color-mode=\"auto\"] .jepClM,\n [data-color-mode=\"auto\"] .gTeenv,\n [data-color-mode=\"auto\"] .VplrY {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kdEavw:hover:not([disabled]),\n [data-color-mode=\"auto\"] .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"auto\"] .jepClM:hover:not([disabled]),\n [data-color-mode=\"auto\"] .gTeenv:hover:not([disabled]),\n [data-color-mode=\"auto\"] .VplrY:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .juEfKr {\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .eUqMHM,\n [data-color-mode=\"auto\"] .hSXtjz {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .gtXnmh,\n [data-color-mode=\"auto\"] .ukUXs,\n [data-color-mode=\"auto\"] .giEfVQ,\n [data-color-mode=\"auto\"] .cKvNNO,\n [data-color-mode=\"auto\"] .evdFFE,\n [data-color-mode=\"auto\"] .kTUxDY {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] .hYaoHV,\n [data-color-mode=\"auto\"] .rLhXz,\n [data-color-mode=\"auto\"] .gtXnmh,\n [data-color-mode=\"auto\"] .lmmHGT,\n [data-color-mode=\"auto\"] .dEmXPQ {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .bJBoUI,\n [data-color-mode=\"auto\"] .iJtJJh {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .lhyFLG {\n background-color: #1e2030;\n border-top: 1px solid #494d64;\n border-right-color: #494d64;\n border-bottom-color: #494d64;\n border-left-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hUWqlv,\n [data-color-mode=\"auto\"] .bJcMWH {\n color: #8aadf4;\n }\n [data-color-mode=\"auto\"] .gxGEao {\n border-bottom-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .dfAUyE .segmentedControl-content,\n [data-color-mode=\"auto\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] .bFrOJy .segmentedControl-content {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cuqBaK,\n [data-color-mode=\"auto\"] .fCAAcl,\n [data-color-mode=\"auto\"] .dAXkSP {\n color: #cad3f5;\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .dAXkSP:hover .segmentedControl-content {\n background: #363a4f;\n }\n [data-color-mode=\"auto\"] .ksbilD,\n [data-color-mode=\"auto\"] .cuaLcW,\n [data-color-mode=\"auto\"] .joCMLT,\n [data-color-mode=\"auto\"] .jClMHS,\n [data-color-mode=\"auto\"] .jhjELj,\n [data-color-mode=\"auto\"] .diDjDG,\n [data-color-mode=\"auto\"] .gFuKCf,\n [data-color-mode=\"auto\"] .dHdESs,\n [data-color-mode=\"auto\"] .hpfKPO,\n [data-color-mode=\"auto\"] .jdgyJn,\n [data-color-mode=\"auto\"] .iInViE,\n [data-color-mode=\"auto\"] .brqMal,\n [data-color-mode=\"auto\"] .AbCTW {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .jEgFtJ,\n [data-color-mode=\"auto\"] .lixtXZ:hover,\n [data-color-mode=\"auto\"] .eNIoFu,\n [data-color-mode=\"auto\"] .idPXPh:hover,\n [data-color-mode=\"auto\"] .fdORwV,\n [data-color-mode=\"auto\"] .cjFogo,\n [data-color-mode=\"auto\"] .gIOnJa {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jBCpbB {\n color: #cad3f5;\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kzrUhn.selected {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .esIQoN,\n [data-color-mode=\"auto\"] .kbjJSF:disabled {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .eJTCnd,\n [data-color-mode=\"auto\"] .eTthoV {\n border-color: #363a4f;\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .eJTCnd .fixINc,\n [data-color-mode=\"auto\"] .eTthoV .fixINc,\n [data-color-mode=\"auto\"] .eJTCnd .eDZJqt,\n [data-color-mode=\"auto\"] .eTthoV .eDZJqt {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .eJTCnd .bniVFX,\n [data-color-mode=\"auto\"] .eTthoV .bniVFX,\n [data-color-mode=\"auto\"] .eJTCnd .jtlytA,\n [data-color-mode=\"auto\"] .eTthoV .jtlytA {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .ikTPpF {\n box-shadow: #24273a 0px 3px 6px;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cvveTk,\n [data-color-mode=\"auto\"] .dwoION {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .FKGWN {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jEgFtJ::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .khCtfm:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .khCtfm,\n [data-color-mode=\"auto\"] .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .Tnbrt:active,\n [data-color-mode=\"auto\"] .Tnbrt[aria-expanded=\"true\"] {\n background-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .Tnbrt:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .imsxCM {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .imsxCM .is-selected::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .pxYjU {\n background-color: #1e2030;\n color: #cad3f5;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .ilLRrZ {\n color: #cad3f5;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .cnIHxk {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cnIHxk:disabled {\n background-color: #6e738d;\n color: #181926;\n }\n [data-color-mode=\"auto\"] .ghFpol {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .hVmCdl,\n [data-color-mode=\"auto\"] .fqKZNC,\n [data-color-mode=\"auto\"] .fZFWUy,\n [data-color-mode=\"auto\"] .kbjJSF,\n [data-color-mode=\"auto\"] .flKHtV,\n [data-color-mode=\"auto\"] .jolsUx,\n [data-color-mode=\"auto\"] .ekNmOn {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .klUZzf:not(:first-of-type) {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .jvpWzR:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jvpWzR[data-size=\"large\"][data-block=\"block\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .fZFWUy,\n [data-color-mode=\"auto\"] .fzjwje {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .cEYXBH {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .joxhcl,\n [data-color-mode=\"auto\"] .hXyJIp,\n [data-color-mode=\"auto\"] .fMkBhb > .segmentedControl-content {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .dVFmxu,\n [data-color-mode=\"auto\"] .gbKtit,\n [data-color-mode=\"auto\"] .lnKxja,\n [data-color-mode=\"auto\"] .jzwNMs {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dVFmxu svg,\n [data-color-mode=\"auto\"] .gbKtit svg,\n [data-color-mode=\"auto\"] .lnKxja svg,\n [data-color-mode=\"auto\"] .jzwNMs svg {\n fill: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .jzwNMs:hover .segmentedControl-content {\n background-color: #494d64;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hJMtSk {\n color: #181926;\n background-color: #a6da95;\n }\n [data-color-mode=\"auto\"] .hJMtSk:disabled {\n color: #181926;\n background-color: #6e738d;\n }\n [data-color-mode=\"auto\"] .iDiUTR {\n color: #cad3f5;\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .iDiUTR:hover {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eQfJKc,\n [data-color-mode=\"auto\"] .UHWYv {\n color: #ed8796;\n }\n [data-color-mode=\"auto\"] .jVIqnb {\n color: #ed8796;\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jVIqnb:hover {\n color: #24273a;\n background-color: #ed8796;\n }\n [data-color-mode=\"auto\"] .UHWYv:hover {\n background-color: rgba(237, 135, 150, 0.2);\n }\n [data-color-mode=\"auto\"] .lmmHGT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hYdbWk,\n [data-color-mode=\"auto\"] .gkeKEr,\n [data-color-mode=\"auto\"] .jzcCeu,\n [data-color-mode=\"auto\"] .iGxiw,\n [data-color-mode=\"auto\"] .ixFSpw,\n [data-color-mode=\"auto\"] .koxWOe,\n [data-color-mode=\"auto\"] .gkWKRr,\n [data-color-mode=\"auto\"] .ikaTJo > svg,\n [data-color-mode=\"auto\"] .dcGHGc,\n [data-color-mode=\"auto\"] .dzMFih,\n [data-color-mode=\"auto\"] .hYdbWk::before,\n [data-color-mode=\"auto\"] .ixFSpw::before,\n [data-color-mode=\"auto\"] .dSHKOE {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .gkWKRr {\n border-top-color: #363a4f;\n border-right-color: #363a4f;\n border-left-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hPQRKh {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hPQRKh:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hPQRKh[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .kfwhFa:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .jykkjb {\n background-color: #24273a;\n box-shadow: #181926 0px -2px 0px inset, #181926 0px 1px 0px inset;\n }\n [data-color-mode=\"auto\"] .jhjELj,\n [data-color-mode=\"auto\"] .ixTUPS {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gmscZx:hover:not([disabled]),\n [data-color-mode=\"auto\"] .fUaEiu:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] .fUaEiu[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .gmscZx[data-size=\"small\"],\n [data-color-mode=\"auto\"] .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"auto\"] .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .cBssZb {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jhjELj::before {\n border-color: transparent transparent #494d64;\n }\n [data-color-mode=\"auto\"] .fHpqaf,\n [data-color-mode=\"auto\"] .bfQVnA,\n [data-color-mode=\"auto\"] .iGxiw,\n [data-color-mode=\"auto\"] .fUzagb,\n [data-color-mode=\"auto\"] .gisjeK,\n [data-color-mode=\"auto\"] .iQkwAM {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] smt {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] smt:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .dtTTcd {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .dtTTcd.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .pQcjM {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .pQcjM.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .eTSXcP {\n background-color: #ed8796;\n }\n [data-color-mode=\"auto\"] .iGxiw {\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"auto\"] .brFBoI,\n [data-color-mode=\"auto\"] .ldUAkr,\n [data-color-mode=\"auto\"] .gtXnmh {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gWjhfa,\n [data-color-mode=\"auto\"] .jMdYTc {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .jMdYTc {\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .jMdYTc button {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .jMdYTc button:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jMdYTc button[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gwuIGu > a:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gwuIGu > a span {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .bJYdrf:hover {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .dSlCya:hover {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .hNNRLM,\n [data-color-mode=\"auto\"] .hGgJQu,\n [data-color-mode=\"auto\"] .hTcsdJ {\n background-color: #363a4f;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hNNRLM:hover,\n [data-color-mode=\"auto\"] .hGgJQu:hover,\n [data-color-mode=\"auto\"] .hTcsdJ:hover {\n background-color: #494d64;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eOIzRT {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .eOIzRT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hNNRLM svg {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .react-last-commit-history-group:hover {\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hfRvxg {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .hfRvxg:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .lbYguI {\n border-radius: 6px;\n }\n [data-color-mode=\"auto\"] .hPsWZB,\n [data-color-mode=\"auto\"] .bOUZZs {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: #24273a;\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > button:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hMOAua {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .hMOAua:hover {\n background-color: #1e2030;\n border: 1px solid #494d64;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hMCjFU,\n [data-color-mode=\"auto\"] .jcKsih,\n [data-color-mode=\"auto\"] .hpgNiv {\n background-color: #24273a;\n color: #cad3f5;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .hMCjFU:hover,\n [data-color-mode=\"auto\"] .jcKsih:hover,\n [data-color-mode=\"auto\"] .hpgNiv:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jfOCiu,\n [data-color-mode=\"auto\"] .gNXjVV,\n [data-color-mode=\"auto\"] .iGzDhH,\n [data-color-mode=\"auto\"] .Overlay {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"auto\"] .jfOCiu li {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .kRbyXo {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .VgnWi {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .VgnWi:focus-within {\n border-color: #b7bdf8;\n box-shadow: #b7bdf8 0px 0px 0px 1px inset;\n }\n [data-color-mode=\"auto\"] .bAKGFC {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .bdMlHy {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jMyfUO.selected {\n border-color: #494d64;\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .bPgnBp {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] kbd {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] select option,\n [data-color-mode=\"auto\"] optgroup {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"auto\"] .hUQSCH {\n background-color: #24273a;\n color: #b8c0e0;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hUQSCH:hover {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .dQPLyc {\n background-color: transparent;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .ktGGEf {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .gkfBtX {\n background-color: #1e2030;\n border-radius: 6px 0px 0px 0px;\n border-bottom: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .jproXT:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jproXT:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .wLDmP {\n background-color: #1e2030;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .eNSiNz .segmentedControl-content,\n [data-color-mode=\"auto\"] .gKuCoB .segmentedControl-content {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .notifications-list-item.notification-read,\n [data-color-mode=\"auto\"] .notifications-list-item.notification-archived {\n background-color: #24273a !important;\n }\n [data-color-mode=\"auto\"] .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"auto\"] .notifications-list-item.notification-archived:last-child {\n border-bottom-left-radius: 6px;\n }\n [data-color-mode=\"auto\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n }\n @media (prefers-color-scheme: light) and (hover: hover) and (pointer: fine) {\n [data-color-mode=\"auto\"] .rLhXz:hover:not([aria-disabled]) {\n background-color: #363a4f;\n }\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark {\n --color-workflow-card-connector: #6e738d;\n --color-workflow-card-connector-bg: #6e738d;\n --color-workflow-card-connector-inactive: #494d64;\n --color-workflow-card-connector-inactive-bg: #494d64;\n --color-workflow-card-connector-highlight: #b7bdf8;\n --color-workflow-card-connector-highlight-bg: #b7bdf8;\n --color-workflow-card-bg: #494d64;\n --color-workflow-card-inactive-bg: #363a4f;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: rgba(138, 173, 244, 0.15);\n --color-workflow-card-progress-incomplete-bg: #494d64;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: #cad3f5;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: #363a4f;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: #cad3f5;\n /* Buttons */\n /* Create PR button & New branch button */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Labels */\n /* Search */\n /* Tags */\n /* Misc */\n /* Large notification */\n /* Button Fix */\n /* Button selection Fix */\n /* Darker bg for new AppHeader */\n /* Headers */\n /* New change visibility box star and watcher preview buttons Fix */\n /* New change visibility box danger buttons Fix */\n /* 2FA authentication box header Fix */\n /* Footer Logo Fix */\n /* Footer text hover fix */\n /* Notifications */\n /* Keyboard hint */\n /* Merge icon */\n /* Branch indicator */\n /* File view */\n /* Projects */\n /* Project table view */\n /* Tree Fix */\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional*/\n /* New Repository Overview Fix */\n /* Buttons */\n /* Scrolling top menu */\n /* Fullscreen Sidebar Fixes*/\n /* Dropdown Menus */\n /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark,\n [data-color-mode=\"dark\"] body,\n [data-color-mode=\"auto\"] > .theme-dark body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: #24273a;\n --color-marketing-icon-primary: #91d7e3;\n --color-marketing-icon-secondary: #8aadf4;\n --color-diff-blob-addition-num-text: #cad3f5;\n --color-diff-blob-addition-fg: #cad3f5;\n --color-diff-blob-addition-num-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-addition-line-bg: rgba(166, 218, 149, 0.15);\n --color-diff-blob-addition-word-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-deletion-num-text: #cad3f5;\n --color-diff-blob-deletion-fg: #cad3f5;\n --color-diff-blob-deletion-num-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-deletion-line-bg: rgba(237, 135, 150, 0.15);\n --color-diff-blob-deletion-word-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-hunk-num-bg: rgba(138, 173, 244, 0.4);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: #a6da95;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: #c6a0f6;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: #1e2030;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: #cad3f5;\n --color-checks-text-secondary: #b8c0e0;\n --color-checks-text-link: #7dc4e4;\n --color-checks-btn-icon: #cad3f5;\n --color-checks-btn-hover-icon: #cad3f5;\n --color-checks-btn-hover-bg: #181926;\n --color-checks-input-text: #494d64;\n --color-checks-input-placeholder-text: #b8c0e0;\n --color-checks-input-focus-text: #cad3f5;\n --color-checks-input-bg: #363a4f;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: #ed8796;\n --color-checks-donut-pending: #f5a97f;\n --color-checks-donut-success: #a6da95;\n --color-checks-donut-neutral: #939ab7;\n --color-checks-dropdown-text: #cad3f5;\n --color-checks-dropdown-bg: #363a4f;\n --color-checks-dropdown-border: #494d64;\n --color-checks-dropdown-shadow: #181926;\n --color-checks-dropdown-hover-text: #a5adcb;\n --color-checks-dropdown-hover-bg: #1e2030;\n --color-checks-dropdown-btn-hover-text: #cad3f5;\n --color-checks-dropdown-btn-hover-bg: #1e2030;\n --color-checks-scrollbar-thumb-bg: #1e2030;\n --color-checks-header-label-text: #cad3f5;\n --color-checks-header-label-open-text: #b7bdf8;\n --color-checks-header-border: #363a4f;\n --color-checks-header-icon: #cad3f5;\n --color-checks-line-text: #a5adcb;\n --color-checks-line-num-text: #a5adcb;\n --color-checks-line-timestamp-text: #a5adcb;\n --color-checks-line-hover-bg: #363a4f;\n --color-checks-line-selected-bg: #363a4f;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: #cad3f5;\n --color-checks-gate-waiting-text: #eed49f;\n --color-checks-step-header-open-bg: #363a4f;\n --color-checks-step-error-text: #ee99a0;\n --color-checks-step-warning-text: #f5a97f;\n --color-checks-logline-text: #cad3f5;\n --color-checks-logline-num-text: #cad3f5;\n --color-checks-logline-debug-text: #c6a0f6;\n --color-checks-logline-error-text: #cad3f5;\n --color-checks-logline-error-num-text: #ee99a0;\n --color-checks-logline-error-bg: rgba(238, 153, 160, 0.15);\n --color-checks-logline-warning-text: #b8c0e0;\n --color-checks-logline-warning-num-text: #f5a97f;\n --color-checks-logline-warning-bg: rgba(245, 169, 127, 0.15);\n --color-checks-logline-command-text: #8aadf4;\n --color-checks-logline-section-text: #a6da95;\n --color-checks-ansi-black: #494d64;\n --color-checks-ansi-black-bright: #5b6078;\n --color-checks-ansi-white: #b8c0e0;\n --color-checks-ansi-white-bright: #a5adcb;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: #ed8796;\n --color-checks-ansi-red-bright: #ed8796;\n --color-checks-ansi-green: #a6da95;\n --color-checks-ansi-green-bright: #a6da95;\n --color-checks-ansi-yellow: #eed49f;\n --color-checks-ansi-yellow-bright: #eed49f;\n --color-checks-ansi-blue: #8aadf4;\n --color-checks-ansi-blue-bright: #8aadf4;\n --color-checks-ansi-magenta: #f5bde6;\n --color-checks-ansi-magenta-bright: #f5bde6;\n --color-checks-ansi-cyan: #8bd5ca;\n --color-checks-ansi-cyan-bright: #8bd5ca;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: #ffffff 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: #24273a;\n --color-header-bg: #1e2030;\n --color-header-divider: #8b949e;\n --color-header-logo: #cad3f5;\n --color-header-search-bg: #363a4f;\n --color-header-search-border: #494d64;\n --color-sidenav-selected-bg: #494d64;\n --color-menu-bg-active: #5b6078;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: #363a4f;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #ffffff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: #5b6078;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: #5b6078;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: #bfd5d8;\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: #b8d7c5;\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: #729271;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #ffffff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: #a5adcb;\n --color-btn-outline-disabled-bg: #5b6078;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n --color-btn-danger-text: #24273a;\n --color-btn-danger-bg: #ed8796;\n --color-btn-danger-border: transparent;\n --color-btn-danger-shadow: 0 0 transparent;\n --color-btn-danger-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-bg: #d4bcd9;\n --color-btn-danger-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-selected-bg: #dcadc6;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: #181926;\n --color-btn-danger-disabled-bg: #9d6171;\n --color-btn-danger-disabled-border: transparent;\n --color-btn-danger-focus-bg: #238636;\n --color-btn-danger-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-danger-icon: #24273a;\n --color-btn-danger-counter-bg: rgba(255, 255, 255, 0.2);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #363a4f;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: #494d64;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: #cad3f5;\n --color-fg-muted: #b8c0e0;\n --color-fg-subtle: #b8c0e0;\n --color-fg-on-emphasis: #24273a;\n --color-canvas-default: #24273a;\n --color-canvas-overlay: #1e2030;\n --color-canvas-inset: #363a4f;\n --color-canvas-subtle: #1e2030;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px #181926;\n --color-shadow-large: 0 8px 24px #181926;\n --color-shadow-extra-large: 0 12px 48px #181926;\n --color-neutral-emphasis-plus: #6e738d;\n --color-neutral-emphasis: #939ab7;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n --color-success-fg: #a6da95;\n --color-success-emphasis: #a6da95;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: #ed8796;\n --color-danger-emphasis: #ed8796;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: #ed8796;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n [data-color-mode=\"dark\"] .btn-danger,\n [data-color-mode=\"auto\"] > .theme-dark .btn-danger,\n [data-color-mode=\"dark\"] .Button--danger,\n [data-color-mode=\"auto\"] > .theme-dark .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"dark\"] .iRoQzU,\n [data-color-mode=\"auto\"] > .theme-dark .iRoQzU,\n [data-color-mode=\"dark\"] .ifkUYV,\n [data-color-mode=\"auto\"] > .theme-dark .ifkUYV,\n [data-color-mode=\"dark\"] .bOZDzN,\n [data-color-mode=\"auto\"] > .theme-dark .bOZDzN {\n background-color: #a6da95;\n color: #24273a;\n }\n [data-color-mode=\"dark\"] .jenxrv,\n [data-color-mode=\"auto\"] > .theme-dark .jenxrv {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .fHiIQb,\n [data-color-mode=\"auto\"] > .theme-dark .fHiIQb {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .idPXPh,\n [data-color-mode=\"auto\"] > .theme-dark .idPXPh,\n [data-color-mode=\"dark\"] .epAEYw,\n [data-color-mode=\"auto\"] > .theme-dark .epAEYw {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .header-search-button.placeholder,\n [data-color-mode=\"auto\"] > .theme-dark .header-search-button.placeholder {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hx_IssueLabel,\n [data-color-mode=\"auto\"] > .theme-dark .hx_IssueLabel {\n --text: #cad3f5;\n }\n [data-color-mode=\"dark\"] .Label,\n [data-color-mode=\"auto\"] > .theme-dark .Label {\n color: var(--color-accent-fg);\n background-color: #363a4f;\n border-color: transparent;\n }\n [data-color-mode=\"dark\"] .Label--secondary,\n [data-color-mode=\"auto\"] > .theme-dark .Label--secondary {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .Label--success,\n [data-color-mode=\"auto\"] > .theme-dark .Label--success {\n color: #24273a;\n background-color: #a6da95;\n }\n [data-color-mode=\"dark\"] .Label--danger,\n [data-color-mode=\"auto\"] > .theme-dark .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n [data-color-mode=\"dark\"] .timeline-comment-header .Label,\n [data-color-mode=\"auto\"] > .theme-dark .timeline-comment-header .Label,\n [data-color-mode=\"dark\"] .timeline-comment .Label,\n [data-color-mode=\"auto\"] > .theme-dark .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n [data-color-mode=\"dark\"] .header-search-input,\n [data-color-mode=\"auto\"] > .theme-dark .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"dark\"] .header-search-input::placeholder,\n [data-color-mode=\"auto\"] > .theme-dark .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"dark\"] .topic-tag,\n [data-color-mode=\"auto\"] > .theme-dark .topic-tag {\n --color-accent-fg: #8aadf4;\n --color-accent-emphasis: #8aadf4;\n --color-accent-muted: rgba(138, 173, 244, 0.4);\n --color-accent-subtle: rgba(138, 173, 244, 0.15);\n }\n [data-color-mode=\"dark\"] .col-md-8,\n [data-color-mode=\"auto\"] > .theme-dark .col-md-8 {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .user-mention,\n [data-color-mode=\"auto\"] > .theme-dark .user-mention,\n [data-color-mode=\"dark\"] .team-mention,\n [data-color-mode=\"auto\"] > .theme-dark .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n [data-color-mode=\"auto\"] > .theme-dark .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"dark\"] .starred .starred-button-icon,\n [data-color-mode=\"auto\"] > .theme-dark .starred .starred-button-icon {\n color: #eed49f;\n }\n [data-color-mode=\"dark\"] .flash,\n [data-color-mode=\"auto\"] > .theme-dark .flash {\n background: #1e2030;\n border-color: transparent;\n }\n [data-color-mode=\"dark\"] .color-bg-subtle,\n [data-color-mode=\"auto\"] > .theme-dark .color-bg-subtle {\n background-color: transparent !important;\n }\n [data-color-mode=\"dark\"] .command-palette-details-dialog .color-bg-subtle,\n [data-color-mode=\"auto\"] > .theme-dark .command-palette-details-dialog .color-bg-subtle {\n background-color: #363a4f !important;\n }\n [data-color-mode=\"dark\"] .navigation-item[aria-selected=\"true\"] .color-fg-muted,\n [data-color-mode=\"auto\"] > .theme-dark .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: #24273a !important;\n }\n [data-color-mode=\"dark\"] .AppHeader,\n [data-color-mode=\"auto\"] > .theme-dark .AppHeader {\n background: var(--color-header-bg);\n }\n [data-color-mode=\"dark\"] h1,\n [data-color-mode=\"auto\"] > .theme-dark h1,\n [data-color-mode=\"dark\"] h2,\n [data-color-mode=\"auto\"] > .theme-dark h2,\n [data-color-mode=\"dark\"] h3,\n [data-color-mode=\"auto\"] > .theme-dark h3,\n [data-color-mode=\"dark\"] h4,\n [data-color-mode=\"auto\"] > .theme-dark h4,\n [data-color-mode=\"dark\"] h5,\n [data-color-mode=\"auto\"] > .theme-dark h5,\n [data-color-mode=\"dark\"] h6,\n [data-color-mode=\"auto\"] > .theme-dark h6 {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] #check-step-header-title,\n [data-color-mode=\"auto\"] > .theme-dark #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n [data-color-mode=\"dark\"] ::selection,\n [data-color-mode=\"auto\"] > .theme-dark ::selection {\n background: #5b6078 !important;\n }\n [data-color-mode=\"dark\"] .btn.color-fg-danger.cursor-default,\n [data-color-mode=\"auto\"] > .theme-dark .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"dark\"] .btn.color-fg-danger.cursor-default:hover,\n [data-color-mode=\"auto\"] > .theme-dark .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n [data-color-mode=\"dark\"] .btn.color-fg-danger.cursor-default > svg.octicon,\n [data-color-mode=\"auto\"] > .theme-dark .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n [data-color-mode=\"dark\"] :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]),\n [data-color-mode=\"auto\"] > .theme-dark :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"dark\"] body.session-authentication div.Box-header,\n [data-color-mode=\"auto\"] > .theme-dark body.session-authentication div.Box-header {\n background-color: inherit;\n }\n [data-color-mode=\"dark\"] .footer-octicon > svg:nth-child(1) > path:nth-child(1),\n [data-color-mode=\"auto\"] > .theme-dark .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: #cad3f5;\n }\n [data-color-mode=\"dark\"] .footer nav.col-12 *,\n [data-color-mode=\"auto\"] > .theme-dark .footer nav.col-12 * {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"dark\"] .notification-indicator .mail-status,\n [data-color-mode=\"auto\"] > .theme-dark .notification-indicator .mail-status {\n background-image: none;\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .bdgUpN,\n [data-color-mode=\"auto\"] > .theme-dark .bdgUpN,\n [data-color-mode=\"dark\"] .hZMmEi .TextInput-icon,\n [data-color-mode=\"auto\"] > .theme-dark .hZMmEi .TextInput-icon,\n [data-color-mode=\"dark\"] .hZMmEi .TextInput-action,\n [data-color-mode=\"auto\"] > .theme-dark .hZMmEi .TextInput-action {\n color: #cad3f5;\n background-color: #1e2030;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .fMJQEf,\n [data-color-mode=\"auto\"] > .theme-dark .fMJQEf {\n color: #cad3f5;\n background-color: #6e738d;\n }\n [data-color-mode=\"dark\"] .iVNDSi,\n [data-color-mode=\"auto\"] > .theme-dark .iVNDSi {\n color: #b7bdf8;\n background-color: rgba(183, 189, 248, 0.1);\n }\n [data-color-mode=\"dark\"] .hwnsNO,\n [data-color-mode=\"auto\"] > .theme-dark .hwnsNO {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hwnsNO th,\n [data-color-mode=\"auto\"] > .theme-dark .hwnsNO th {\n background: #1e2030;\n }\n [data-color-mode=\"dark\"] .dXveNa[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .dXveNa[data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .dXveNa,\n [data-color-mode=\"auto\"] > .theme-dark .dXveNa,\n [data-color-mode=\"dark\"] .kbjJSF,\n [data-color-mode=\"auto\"] > .theme-dark .kbjJSF {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gUecKw,\n [data-color-mode=\"auto\"] > .theme-dark .gUecKw,\n [data-color-mode=\"dark\"] .lcpiaz,\n [data-color-mode=\"auto\"] > .theme-dark .lcpiaz,\n [data-color-mode=\"dark\"] .jolsUx,\n [data-color-mode=\"auto\"] > .theme-dark .jolsUx,\n [data-color-mode=\"dark\"] .fsSggy,\n [data-color-mode=\"auto\"] > .theme-dark .fsSggy {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .Cxvmo,\n [data-color-mode=\"auto\"] > .theme-dark .Cxvmo,\n [data-color-mode=\"dark\"] .dhYcqs,\n [data-color-mode=\"auto\"] > .theme-dark .dhYcqs {\n color: #ed8796;\n }\n [data-color-mode=\"dark\"] .byJIBD,\n [data-color-mode=\"auto\"] > .theme-dark .byJIBD,\n [data-color-mode=\"dark\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n [data-color-mode=\"auto\"] > .theme-dark .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"dark\"] .lmmHGT:not(:first-of-type),\n [data-color-mode=\"auto\"] > .theme-dark .lmmHGT:not(:first-of-type),\n [data-color-mode=\"dark\"] .fOEJrA,\n [data-color-mode=\"auto\"] > .theme-dark .fOEJrA,\n [data-color-mode=\"dark\"] .fnFdxN,\n [data-color-mode=\"auto\"] > .theme-dark .fnFdxN,\n [data-color-mode=\"dark\"] .huABLg,\n [data-color-mode=\"auto\"] > .theme-dark .huABLg,\n [data-color-mode=\"dark\"] .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"dark\"] .cwSUxL,\n [data-color-mode=\"auto\"] > .theme-dark .cwSUxL,\n [data-color-mode=\"dark\"] .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .jvzHAP,\n [data-color-mode=\"auto\"] > .theme-dark .jvzHAP,\n [data-color-mode=\"dark\"] .hPIyzG,\n [data-color-mode=\"auto\"] > .theme-dark .hPIyzG,\n [data-color-mode=\"dark\"] .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"dark\"] .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .kKFNhh,\n [data-color-mode=\"auto\"] > .theme-dark .kKFNhh,\n [data-color-mode=\"dark\"] .lnXbGs,\n [data-color-mode=\"auto\"] > .theme-dark .lnXbGs,\n [data-color-mode=\"dark\"] .dTxwit,\n [data-color-mode=\"auto\"] > .theme-dark .dTxwit {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .gssqTz,\n [data-color-mode=\"auto\"] > .theme-dark .gssqTz {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"dark\"] .bPgnBp,\n [data-color-mode=\"auto\"] > .theme-dark .bPgnBp,\n [data-color-mode=\"dark\"] .jMyfUO,\n [data-color-mode=\"auto\"] > .theme-dark .jMyfUO,\n [data-color-mode=\"dark\"] .cBrzIN,\n [data-color-mode=\"auto\"] > .theme-dark .cBrzIN {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"dark\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"dark\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"dark\"] .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"dark\"] .icOaJE:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .icOaJE:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .icOaJE[aria-pressed=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .icOaJE[aria-pressed=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .cZRqXf,\n [data-color-mode=\"auto\"] > .theme-dark .cZRqXf {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .cZRqXf:active:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .cZRqXf:active:not([disabled]),\n [data-color-mode=\"dark\"] .cZRqXf[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .cZRqXf[aria-expanded=\"true\"] {\n border-color: #5b6078;\n }\n [data-color-mode=\"dark\"] .cZRqXf:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .cZRqXf:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .kdEavw,\n [data-color-mode=\"auto\"] > .theme-dark .kdEavw,\n [data-color-mode=\"dark\"] .ddNLNa,\n [data-color-mode=\"auto\"] > .theme-dark .ddNLNa,\n [data-color-mode=\"dark\"] .jepClM,\n [data-color-mode=\"auto\"] > .theme-dark .jepClM,\n [data-color-mode=\"dark\"] .gTeenv,\n [data-color-mode=\"auto\"] > .theme-dark .gTeenv,\n [data-color-mode=\"dark\"] .VplrY,\n [data-color-mode=\"auto\"] > .theme-dark .VplrY {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .kdEavw:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .kdEavw:hover:not([disabled]),\n [data-color-mode=\"dark\"] .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"dark\"] .jepClM:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .jepClM:hover:not([disabled]),\n [data-color-mode=\"dark\"] .gTeenv:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .gTeenv:hover:not([disabled]),\n [data-color-mode=\"dark\"] .VplrY:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .VplrY:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .juEfKr,\n [data-color-mode=\"auto\"] > .theme-dark .juEfKr {\n border-color: #5b6078;\n }\n [data-color-mode=\"dark\"] .eUqMHM,\n [data-color-mode=\"auto\"] > .theme-dark .eUqMHM,\n [data-color-mode=\"dark\"] .hSXtjz,\n [data-color-mode=\"auto\"] > .theme-dark .hSXtjz {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-dark .gtXnmh,\n [data-color-mode=\"dark\"] .ukUXs,\n [data-color-mode=\"auto\"] > .theme-dark .ukUXs,\n [data-color-mode=\"dark\"] .giEfVQ,\n [data-color-mode=\"auto\"] > .theme-dark .giEfVQ,\n [data-color-mode=\"dark\"] .cKvNNO,\n [data-color-mode=\"auto\"] > .theme-dark .cKvNNO,\n [data-color-mode=\"dark\"] .evdFFE,\n [data-color-mode=\"auto\"] > .theme-dark .evdFFE,\n [data-color-mode=\"dark\"] .kTUxDY,\n [data-color-mode=\"auto\"] > .theme-dark .kTUxDY {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] > .theme-dark .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"dark\"] .hYaoHV,\n [data-color-mode=\"auto\"] > .theme-dark .hYaoHV,\n [data-color-mode=\"dark\"] .rLhXz,\n [data-color-mode=\"auto\"] > .theme-dark .rLhXz,\n [data-color-mode=\"dark\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-dark .gtXnmh,\n [data-color-mode=\"dark\"] .lmmHGT,\n [data-color-mode=\"auto\"] > .theme-dark .lmmHGT,\n [data-color-mode=\"dark\"] .dEmXPQ,\n [data-color-mode=\"auto\"] > .theme-dark .dEmXPQ {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .bJBoUI,\n [data-color-mode=\"auto\"] > .theme-dark .bJBoUI,\n [data-color-mode=\"dark\"] .iJtJJh,\n [data-color-mode=\"auto\"] > .theme-dark .iJtJJh {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .lhyFLG,\n [data-color-mode=\"auto\"] > .theme-dark .lhyFLG {\n background-color: #1e2030;\n border-top: 1px solid #494d64;\n border-right-color: #494d64;\n border-bottom-color: #494d64;\n border-left-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hUWqlv,\n [data-color-mode=\"auto\"] > .theme-dark .hUWqlv,\n [data-color-mode=\"dark\"] .bJcMWH,\n [data-color-mode=\"auto\"] > .theme-dark .bJcMWH {\n color: #8aadf4;\n }\n [data-color-mode=\"dark\"] .gxGEao,\n [data-color-mode=\"auto\"] > .theme-dark .gxGEao {\n border-bottom-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] > .theme-dark .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after,\n [data-color-mode=\"auto\"] > .theme-dark .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .dfAUyE .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .dfAUyE .segmentedControl-content,\n [data-color-mode=\"dark\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .gKuCoB .segmentedControl-content,\n [data-color-mode=\"dark\"] .bFrOJy .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .bFrOJy .segmentedControl-content {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .cuqBaK,\n [data-color-mode=\"auto\"] > .theme-dark .cuqBaK,\n [data-color-mode=\"dark\"] .fCAAcl,\n [data-color-mode=\"auto\"] > .theme-dark .fCAAcl,\n [data-color-mode=\"dark\"] .dAXkSP,\n [data-color-mode=\"auto\"] > .theme-dark .dAXkSP {\n color: #cad3f5;\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .dAXkSP:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .dAXkSP:hover .segmentedControl-content {\n background: #363a4f;\n }\n @media (hover: hover) and (pointer: fine) {\n [data-color-mode=\"dark\"] .rLhXz:hover:not([aria-disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .rLhXz:hover:not([aria-disabled]) {\n background-color: #363a4f;\n }\n }\n [data-color-mode=\"dark\"] .ksbilD,\n [data-color-mode=\"auto\"] > .theme-dark .ksbilD,\n [data-color-mode=\"dark\"] .cuaLcW,\n [data-color-mode=\"auto\"] > .theme-dark .cuaLcW,\n [data-color-mode=\"dark\"] .joCMLT,\n [data-color-mode=\"auto\"] > .theme-dark .joCMLT,\n [data-color-mode=\"dark\"] .jClMHS,\n [data-color-mode=\"auto\"] > .theme-dark .jClMHS,\n [data-color-mode=\"dark\"] .jhjELj,\n [data-color-mode=\"auto\"] > .theme-dark .jhjELj,\n [data-color-mode=\"dark\"] .diDjDG,\n [data-color-mode=\"auto\"] > .theme-dark .diDjDG,\n [data-color-mode=\"dark\"] .gFuKCf,\n [data-color-mode=\"auto\"] > .theme-dark .gFuKCf,\n [data-color-mode=\"dark\"] .dHdESs,\n [data-color-mode=\"auto\"] > .theme-dark .dHdESs,\n [data-color-mode=\"dark\"] .hpfKPO,\n [data-color-mode=\"auto\"] > .theme-dark .hpfKPO,\n [data-color-mode=\"dark\"] .jdgyJn,\n [data-color-mode=\"auto\"] > .theme-dark .jdgyJn,\n [data-color-mode=\"dark\"] .iInViE,\n [data-color-mode=\"auto\"] > .theme-dark .iInViE,\n [data-color-mode=\"dark\"] .brqMal,\n [data-color-mode=\"auto\"] > .theme-dark .brqMal,\n [data-color-mode=\"dark\"] .AbCTW,\n [data-color-mode=\"auto\"] > .theme-dark .AbCTW {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .jEgFtJ,\n [data-color-mode=\"auto\"] > .theme-dark .jEgFtJ,\n [data-color-mode=\"dark\"] .lixtXZ:hover,\n [data-color-mode=\"auto\"] > .theme-dark .lixtXZ:hover,\n [data-color-mode=\"dark\"] .eNIoFu,\n [data-color-mode=\"auto\"] > .theme-dark .eNIoFu,\n [data-color-mode=\"dark\"] .idPXPh:hover,\n [data-color-mode=\"auto\"] > .theme-dark .idPXPh:hover,\n [data-color-mode=\"dark\"] .fdORwV,\n [data-color-mode=\"auto\"] > .theme-dark .fdORwV,\n [data-color-mode=\"dark\"] .cjFogo,\n [data-color-mode=\"auto\"] > .theme-dark .cjFogo,\n [data-color-mode=\"dark\"] .gIOnJa,\n [data-color-mode=\"auto\"] > .theme-dark .gIOnJa {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jBCpbB,\n [data-color-mode=\"auto\"] > .theme-dark .jBCpbB {\n color: #cad3f5;\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .kzrUhn.selected,\n [data-color-mode=\"auto\"] > .theme-dark .kzrUhn.selected {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .esIQoN,\n [data-color-mode=\"auto\"] > .theme-dark .esIQoN,\n [data-color-mode=\"dark\"] .kbjJSF:disabled,\n [data-color-mode=\"auto\"] > .theme-dark .kbjJSF:disabled {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .eJTCnd,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd,\n [data-color-mode=\"dark\"] .eTthoV,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV {\n border-color: #363a4f;\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .eJTCnd .fixINc,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd .fixINc,\n [data-color-mode=\"dark\"] .eTthoV .fixINc,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV .fixINc,\n [data-color-mode=\"dark\"] .eJTCnd .eDZJqt,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd .eDZJqt,\n [data-color-mode=\"dark\"] .eTthoV .eDZJqt,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV .eDZJqt {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .eJTCnd .bniVFX,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd .bniVFX,\n [data-color-mode=\"dark\"] .eTthoV .bniVFX,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV .bniVFX,\n [data-color-mode=\"dark\"] .eJTCnd .jtlytA,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd .jtlytA,\n [data-color-mode=\"dark\"] .eTthoV .jtlytA,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV .jtlytA {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .ikTPpF,\n [data-color-mode=\"auto\"] > .theme-dark .ikTPpF {\n box-shadow: #24273a 0px 3px 6px;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .cvveTk,\n [data-color-mode=\"auto\"] > .theme-dark .cvveTk,\n [data-color-mode=\"dark\"] .dwoION,\n [data-color-mode=\"auto\"] > .theme-dark .dwoION {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .FKGWN,\n [data-color-mode=\"auto\"] > .theme-dark .FKGWN {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jEgFtJ::after,\n [data-color-mode=\"auto\"] > .theme-dark .jEgFtJ::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .khCtfm:hover,\n [data-color-mode=\"auto\"] > .theme-dark .khCtfm:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .khCtfm,\n [data-color-mode=\"auto\"] > .theme-dark .khCtfm,\n [data-color-mode=\"dark\"] .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-dark .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"dark\"] .Tnbrt[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .Tnbrt:active,\n [data-color-mode=\"auto\"] > .theme-dark .Tnbrt:active,\n [data-color-mode=\"dark\"] .Tnbrt[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .Tnbrt[aria-expanded=\"true\"] {\n background-color: #5b6078;\n }\n [data-color-mode=\"dark\"] .Tnbrt:hover,\n [data-color-mode=\"auto\"] > .theme-dark .Tnbrt:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .imsxCM,\n [data-color-mode=\"auto\"] > .theme-dark .imsxCM {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .imsxCM .is-selected::after,\n [data-color-mode=\"auto\"] > .theme-dark .imsxCM .is-selected::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .pxYjU,\n [data-color-mode=\"auto\"] > .theme-dark .pxYjU {\n background-color: #1e2030;\n color: #cad3f5;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .ilLRrZ,\n [data-color-mode=\"auto\"] > .theme-dark .ilLRrZ {\n color: #cad3f5;\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .cnIHxk,\n [data-color-mode=\"auto\"] > .theme-dark .cnIHxk {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .cnIHxk:disabled,\n [data-color-mode=\"auto\"] > .theme-dark .cnIHxk:disabled {\n background-color: #6e738d;\n color: #181926;\n }\n [data-color-mode=\"dark\"] .ghFpol,\n [data-color-mode=\"auto\"] > .theme-dark .ghFpol {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .hVmCdl,\n [data-color-mode=\"auto\"] > .theme-dark .hVmCdl,\n [data-color-mode=\"dark\"] .fqKZNC,\n [data-color-mode=\"auto\"] > .theme-dark .fqKZNC,\n [data-color-mode=\"dark\"] .fZFWUy,\n [data-color-mode=\"auto\"] > .theme-dark .fZFWUy,\n [data-color-mode=\"dark\"] .kbjJSF,\n [data-color-mode=\"auto\"] > .theme-dark .kbjJSF,\n [data-color-mode=\"dark\"] .flKHtV,\n [data-color-mode=\"auto\"] > .theme-dark .flKHtV,\n [data-color-mode=\"dark\"] .jolsUx,\n [data-color-mode=\"auto\"] > .theme-dark .jolsUx,\n [data-color-mode=\"dark\"] .ekNmOn,\n [data-color-mode=\"auto\"] > .theme-dark .ekNmOn {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"dark\"] .klUZzf:not(:first-of-type),\n [data-color-mode=\"auto\"] > .theme-dark .klUZzf:not(:first-of-type) {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .jvpWzR:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jvpWzR:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .jvpWzR[data-size=\"large\"][data-block=\"block\"],\n [data-color-mode=\"auto\"] > .theme-dark .jvpWzR[data-size=\"large\"][data-block=\"block\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .fZFWUy,\n [data-color-mode=\"auto\"] > .theme-dark .fZFWUy,\n [data-color-mode=\"dark\"] .fzjwje,\n [data-color-mode=\"auto\"] > .theme-dark .fzjwje {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .cEYXBH,\n [data-color-mode=\"auto\"] > .theme-dark .cEYXBH {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .joxhcl,\n [data-color-mode=\"auto\"] > .theme-dark .joxhcl,\n [data-color-mode=\"dark\"] .hXyJIp,\n [data-color-mode=\"auto\"] > .theme-dark .hXyJIp,\n [data-color-mode=\"dark\"] .fMkBhb > .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .fMkBhb > .segmentedControl-content {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .dVFmxu,\n [data-color-mode=\"auto\"] > .theme-dark .dVFmxu,\n [data-color-mode=\"dark\"] .gbKtit,\n [data-color-mode=\"auto\"] > .theme-dark .gbKtit,\n [data-color-mode=\"dark\"] .lnKxja,\n [data-color-mode=\"auto\"] > .theme-dark .lnKxja,\n [data-color-mode=\"dark\"] .jzwNMs,\n [data-color-mode=\"auto\"] > .theme-dark .jzwNMs {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .dVFmxu svg,\n [data-color-mode=\"auto\"] > .theme-dark .dVFmxu svg,\n [data-color-mode=\"dark\"] .gbKtit svg,\n [data-color-mode=\"auto\"] > .theme-dark .gbKtit svg,\n [data-color-mode=\"dark\"] .lnKxja svg,\n [data-color-mode=\"auto\"] > .theme-dark .lnKxja svg,\n [data-color-mode=\"dark\"] .jzwNMs svg,\n [data-color-mode=\"auto\"] > .theme-dark .jzwNMs svg {\n fill: #a5adcb;\n }\n [data-color-mode=\"dark\"] .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .jzwNMs:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .jzwNMs:hover .segmentedControl-content {\n background-color: #494d64;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hJMtSk,\n [data-color-mode=\"auto\"] > .theme-dark .hJMtSk {\n color: #181926;\n background-color: #a6da95;\n }\n [data-color-mode=\"dark\"] .hJMtSk:disabled,\n [data-color-mode=\"auto\"] > .theme-dark .hJMtSk:disabled {\n color: #181926;\n background-color: #6e738d;\n }\n [data-color-mode=\"dark\"] .iDiUTR,\n [data-color-mode=\"auto\"] > .theme-dark .iDiUTR {\n color: #cad3f5;\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .iDiUTR:hover,\n [data-color-mode=\"auto\"] > .theme-dark .iDiUTR:hover {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .eQfJKc,\n [data-color-mode=\"auto\"] > .theme-dark .eQfJKc,\n [data-color-mode=\"dark\"] .UHWYv,\n [data-color-mode=\"auto\"] > .theme-dark .UHWYv {\n color: #ed8796;\n }\n [data-color-mode=\"dark\"] .jVIqnb,\n [data-color-mode=\"auto\"] > .theme-dark .jVIqnb {\n color: #ed8796;\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jVIqnb:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jVIqnb:hover {\n color: #24273a;\n background-color: #ed8796;\n }\n [data-color-mode=\"dark\"] .UHWYv:hover,\n [data-color-mode=\"auto\"] > .theme-dark .UHWYv:hover {\n background-color: rgba(237, 135, 150, 0.2);\n }\n [data-color-mode=\"dark\"] .lmmHGT:hover,\n [data-color-mode=\"auto\"] > .theme-dark .lmmHGT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hYdbWk,\n [data-color-mode=\"auto\"] > .theme-dark .hYdbWk,\n [data-color-mode=\"dark\"] .gkeKEr,\n [data-color-mode=\"auto\"] > .theme-dark .gkeKEr,\n [data-color-mode=\"dark\"] .jzcCeu,\n [data-color-mode=\"auto\"] > .theme-dark .jzcCeu,\n [data-color-mode=\"dark\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-dark .iGxiw,\n [data-color-mode=\"dark\"] .ixFSpw,\n [data-color-mode=\"auto\"] > .theme-dark .ixFSpw,\n [data-color-mode=\"dark\"] .koxWOe,\n [data-color-mode=\"auto\"] > .theme-dark .koxWOe,\n [data-color-mode=\"dark\"] .gkWKRr,\n [data-color-mode=\"auto\"] > .theme-dark .gkWKRr,\n [data-color-mode=\"dark\"] .ikaTJo > svg,\n [data-color-mode=\"auto\"] > .theme-dark .ikaTJo > svg,\n [data-color-mode=\"dark\"] .dcGHGc,\n [data-color-mode=\"auto\"] > .theme-dark .dcGHGc,\n [data-color-mode=\"dark\"] .dzMFih,\n [data-color-mode=\"auto\"] > .theme-dark .dzMFih,\n [data-color-mode=\"dark\"] .hYdbWk::before,\n [data-color-mode=\"auto\"] > .theme-dark .hYdbWk::before,\n [data-color-mode=\"dark\"] .ixFSpw::before,\n [data-color-mode=\"auto\"] > .theme-dark .ixFSpw::before,\n [data-color-mode=\"dark\"] .dSHKOE,\n [data-color-mode=\"auto\"] > .theme-dark .dSHKOE {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .gkWKRr,\n [data-color-mode=\"auto\"] > .theme-dark .gkWKRr {\n border-top-color: #363a4f;\n border-right-color: #363a4f;\n border-left-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hPQRKh,\n [data-color-mode=\"auto\"] > .theme-dark .hPQRKh {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hPQRKh:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .hPQRKh:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hPQRKh[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .hPQRKh[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .kfwhFa:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .kfwhFa:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .jykkjb,\n [data-color-mode=\"auto\"] > .theme-dark .jykkjb {\n background-color: #24273a;\n box-shadow: #181926 0px -2px 0px inset, #181926 0px 1px 0px inset;\n }\n [data-color-mode=\"dark\"] .jhjELj,\n [data-color-mode=\"auto\"] > .theme-dark .jhjELj,\n [data-color-mode=\"dark\"] .ixTUPS,\n [data-color-mode=\"auto\"] > .theme-dark .ixTUPS {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gmscZx:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx:hover:not([disabled]),\n [data-color-mode=\"dark\"] .fUaEiu:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"dark\"] .fUaEiu[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"dark\"] .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"dark\"] .gmscZx[data-size=\"small\"],\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx[data-size=\"small\"],\n [data-color-mode=\"dark\"] .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"dark\"] .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .cBssZb,\n [data-color-mode=\"auto\"] > .theme-dark .cBssZb {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .jhjELj::before,\n [data-color-mode=\"auto\"] > .theme-dark .jhjELj::before {\n border-color: transparent transparent #494d64;\n }\n [data-color-mode=\"dark\"] .fHpqaf,\n [data-color-mode=\"auto\"] > .theme-dark .fHpqaf,\n [data-color-mode=\"dark\"] .bfQVnA,\n [data-color-mode=\"auto\"] > .theme-dark .bfQVnA,\n [data-color-mode=\"dark\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-dark .iGxiw,\n [data-color-mode=\"dark\"] .fUzagb,\n [data-color-mode=\"auto\"] > .theme-dark .fUzagb,\n [data-color-mode=\"dark\"] .gisjeK,\n [data-color-mode=\"auto\"] > .theme-dark .gisjeK,\n [data-color-mode=\"dark\"] .iQkwAM,\n [data-color-mode=\"auto\"] > .theme-dark .iQkwAM {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] smt,\n [data-color-mode=\"auto\"] > .theme-dark smt {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] smt:hover,\n [data-color-mode=\"auto\"] > .theme-dark smt:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .dtTTcd,\n [data-color-mode=\"auto\"] > .theme-dark .dtTTcd {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .dtTTcd.hoverable:hover,\n [data-color-mode=\"auto\"] > .theme-dark .dtTTcd.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .pQcjM,\n [data-color-mode=\"auto\"] > .theme-dark .pQcjM {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .pQcjM.hoverable:hover,\n [data-color-mode=\"auto\"] > .theme-dark .pQcjM.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .eTSXcP,\n [data-color-mode=\"auto\"] > .theme-dark .eTSXcP {\n background-color: #ed8796;\n }\n [data-color-mode=\"dark\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-dark .iGxiw {\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"dark\"] .brFBoI,\n [data-color-mode=\"auto\"] > .theme-dark .brFBoI,\n [data-color-mode=\"dark\"] .ldUAkr,\n [data-color-mode=\"auto\"] > .theme-dark .ldUAkr,\n [data-color-mode=\"dark\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-dark .gtXnmh {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gWjhfa,\n [data-color-mode=\"auto\"] > .theme-dark .gWjhfa,\n [data-color-mode=\"dark\"] .jMdYTc,\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .jMdYTc,\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc {\n border: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .jMdYTc button,\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc button {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .jMdYTc button:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc button:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jMdYTc button[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc button[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .gwuIGu > a:hover,\n [data-color-mode=\"auto\"] > .theme-dark .gwuIGu > a:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .gwuIGu > a span,\n [data-color-mode=\"auto\"] > .theme-dark .gwuIGu > a span {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .bJYdrf:hover,\n [data-color-mode=\"auto\"] > .theme-dark .bJYdrf:hover {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .dSlCya:hover,\n [data-color-mode=\"auto\"] > .theme-dark .dSlCya:hover {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .hNNRLM,\n [data-color-mode=\"auto\"] > .theme-dark .hNNRLM,\n [data-color-mode=\"dark\"] .hGgJQu,\n [data-color-mode=\"auto\"] > .theme-dark .hGgJQu,\n [data-color-mode=\"dark\"] .hTcsdJ,\n [data-color-mode=\"auto\"] > .theme-dark .hTcsdJ {\n background-color: #363a4f;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hNNRLM:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hNNRLM:hover,\n [data-color-mode=\"dark\"] .hGgJQu:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hGgJQu:hover,\n [data-color-mode=\"dark\"] .hTcsdJ:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hTcsdJ:hover {\n background-color: #494d64;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .eOIzRT,\n [data-color-mode=\"auto\"] > .theme-dark .eOIzRT {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .eOIzRT:hover,\n [data-color-mode=\"auto\"] > .theme-dark .eOIzRT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hNNRLM svg,\n [data-color-mode=\"auto\"] > .theme-dark .hNNRLM svg {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .react-last-commit-history-group:hover,\n [data-color-mode=\"auto\"] > .theme-dark .react-last-commit-history-group:hover {\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hfRvxg,\n [data-color-mode=\"auto\"] > .theme-dark .hfRvxg {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .hfRvxg:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hfRvxg:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .lbYguI,\n [data-color-mode=\"auto\"] > .theme-dark .lbYguI {\n border-radius: 6px;\n }\n [data-color-mode=\"dark\"] .hPsWZB,\n [data-color-mode=\"auto\"] > .theme-dark .hPsWZB,\n [data-color-mode=\"dark\"] .bOUZZs,\n [data-color-mode=\"auto\"] > .theme-dark .bOUZZs {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > span > button,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: #24273a;\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > span > button:hover,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > span > button:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hMOAua,\n [data-color-mode=\"auto\"] > .theme-dark .hMOAua {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .hMOAua:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hMOAua:hover {\n background-color: #1e2030;\n border: 1px solid #494d64;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hMCjFU,\n [data-color-mode=\"auto\"] > .theme-dark .hMCjFU,\n [data-color-mode=\"dark\"] .jcKsih,\n [data-color-mode=\"auto\"] > .theme-dark .jcKsih,\n [data-color-mode=\"dark\"] .hpgNiv,\n [data-color-mode=\"auto\"] > .theme-dark .hpgNiv {\n background-color: #24273a;\n color: #cad3f5;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .hMCjFU:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hMCjFU:hover,\n [data-color-mode=\"dark\"] .jcKsih:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jcKsih:hover,\n [data-color-mode=\"dark\"] .hpgNiv:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hpgNiv:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jfOCiu,\n [data-color-mode=\"auto\"] > .theme-dark .jfOCiu,\n [data-color-mode=\"dark\"] .gNXjVV,\n [data-color-mode=\"auto\"] > .theme-dark .gNXjVV,\n [data-color-mode=\"dark\"] .iGzDhH,\n [data-color-mode=\"auto\"] > .theme-dark .iGzDhH,\n [data-color-mode=\"dark\"] .Overlay,\n [data-color-mode=\"auto\"] > .theme-dark .Overlay {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"dark\"] .jfOCiu li,\n [data-color-mode=\"auto\"] > .theme-dark .jfOCiu li {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .kRbyXo,\n [data-color-mode=\"auto\"] > .theme-dark .kRbyXo {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .VgnWi,\n [data-color-mode=\"auto\"] > .theme-dark .VgnWi {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .VgnWi:focus-within,\n [data-color-mode=\"auto\"] > .theme-dark .VgnWi:focus-within {\n border-color: #b7bdf8;\n box-shadow: #b7bdf8 0px 0px 0px 1px inset;\n }\n [data-color-mode=\"dark\"] .bAKGFC,\n [data-color-mode=\"auto\"] > .theme-dark .bAKGFC {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .bdMlHy,\n [data-color-mode=\"auto\"] > .theme-dark .bdMlHy {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .jMyfUO.selected,\n [data-color-mode=\"auto\"] > .theme-dark .jMyfUO.selected {\n border-color: #494d64;\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .bPgnBp,\n [data-color-mode=\"auto\"] > .theme-dark .bPgnBp {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] kbd,\n [data-color-mode=\"auto\"] > .theme-dark kbd {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] select option,\n [data-color-mode=\"auto\"] > .theme-dark select option,\n [data-color-mode=\"dark\"] optgroup,\n [data-color-mode=\"auto\"] > .theme-dark optgroup {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"dark\"] .hUQSCH,\n [data-color-mode=\"auto\"] > .theme-dark .hUQSCH {\n background-color: #24273a;\n color: #b8c0e0;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hUQSCH:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hUQSCH:hover {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .dQPLyc,\n [data-color-mode=\"auto\"] > .theme-dark .dQPLyc {\n background-color: transparent;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .ktGGEf,\n [data-color-mode=\"auto\"] > .theme-dark .ktGGEf {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .gkfBtX,\n [data-color-mode=\"auto\"] > .theme-dark .gkfBtX {\n background-color: #1e2030;\n border-radius: 6px 0px 0px 0px;\n border-bottom: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .jproXT,\n [data-color-mode=\"auto\"] > .theme-dark .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .jproXT:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jproXT:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .jproXT:focus-within,\n [data-color-mode=\"auto\"] > .theme-dark .jproXT:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .wLDmP,\n [data-color-mode=\"auto\"] > .theme-dark .wLDmP {\n background-color: #1e2030;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .eNSiNz .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .eNSiNz .segmentedControl-content,\n [data-color-mode=\"dark\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .gKuCoB .segmentedControl-content {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .notifications-list-item.notification-read,\n [data-color-mode=\"auto\"] > .theme-dark .notifications-list-item.notification-read,\n [data-color-mode=\"dark\"] .notifications-list-item.notification-archived,\n [data-color-mode=\"auto\"] > .theme-dark .notifications-list-item.notification-archived {\n background-color: #24273a !important;\n }\n [data-color-mode=\"dark\"] .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"auto\"] > .theme-dark .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"dark\"] .notifications-list-item.notification-archived:last-child,\n [data-color-mode=\"auto\"] > .theme-dark .notifications-list-item.notification-archived:last-child {\n border-bottom-left-radius: 6px;\n }\n [data-color-mode=\"dark\"] .turbo-progress-bar,\n [data-color-mode=\"auto\"] > .theme-dark .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"] {\n --color-workflow-card-connector: #6e738d;\n --color-workflow-card-connector-bg: #6e738d;\n --color-workflow-card-connector-inactive: #494d64;\n --color-workflow-card-connector-inactive-bg: #494d64;\n --color-workflow-card-connector-highlight: #b7bdf8;\n --color-workflow-card-connector-highlight-bg: #b7bdf8;\n --color-workflow-card-bg: #494d64;\n --color-workflow-card-inactive-bg: #363a4f;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: rgba(138, 173, 244, 0.15);\n --color-workflow-card-progress-incomplete-bg: #494d64;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: #cad3f5;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: #363a4f;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: #cad3f5;\n /* Buttons */\n /* Create PR button & New branch button */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Labels */\n /* Search */\n /* Tags */\n /* Misc */\n /* Large notification */\n /* Button Fix */\n /* Button selection Fix */\n /* Darker bg for new AppHeader */\n /* Headers */\n /* New change visibility box star and watcher preview buttons Fix */\n /* New change visibility box danger buttons Fix */\n /* 2FA authentication box header Fix */\n /* Footer Logo Fix */\n /* Footer text hover fix */\n /* Notifications */\n /* Keyboard hint */\n /* Merge icon */\n /* Branch indicator */\n /* File view */\n /* Projects */\n /* Project table view */\n /* Tree Fix */\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional*/\n /* New Repository Overview Fix */\n /* Buttons */\n /* Scrolling top menu */\n /* Fullscreen Sidebar Fixes*/\n /* Dropdown Menus */\n /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n }\n [data-color-mode=\"auto\"],\n [data-color-mode=\"auto\"] body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: #24273a;\n --color-marketing-icon-primary: #91d7e3;\n --color-marketing-icon-secondary: #8aadf4;\n --color-diff-blob-addition-num-text: #cad3f5;\n --color-diff-blob-addition-fg: #cad3f5;\n --color-diff-blob-addition-num-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-addition-line-bg: rgba(166, 218, 149, 0.15);\n --color-diff-blob-addition-word-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-deletion-num-text: #cad3f5;\n --color-diff-blob-deletion-fg: #cad3f5;\n --color-diff-blob-deletion-num-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-deletion-line-bg: rgba(237, 135, 150, 0.15);\n --color-diff-blob-deletion-word-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-hunk-num-bg: rgba(138, 173, 244, 0.4);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: #a6da95;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: #c6a0f6;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: #1e2030;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: #cad3f5;\n --color-checks-text-secondary: #b8c0e0;\n --color-checks-text-link: #7dc4e4;\n --color-checks-btn-icon: #cad3f5;\n --color-checks-btn-hover-icon: #cad3f5;\n --color-checks-btn-hover-bg: #181926;\n --color-checks-input-text: #494d64;\n --color-checks-input-placeholder-text: #b8c0e0;\n --color-checks-input-focus-text: #cad3f5;\n --color-checks-input-bg: #363a4f;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: #ed8796;\n --color-checks-donut-pending: #f5a97f;\n --color-checks-donut-success: #a6da95;\n --color-checks-donut-neutral: #939ab7;\n --color-checks-dropdown-text: #cad3f5;\n --color-checks-dropdown-bg: #363a4f;\n --color-checks-dropdown-border: #494d64;\n --color-checks-dropdown-shadow: #181926;\n --color-checks-dropdown-hover-text: #a5adcb;\n --color-checks-dropdown-hover-bg: #1e2030;\n --color-checks-dropdown-btn-hover-text: #cad3f5;\n --color-checks-dropdown-btn-hover-bg: #1e2030;\n --color-checks-scrollbar-thumb-bg: #1e2030;\n --color-checks-header-label-text: #cad3f5;\n --color-checks-header-label-open-text: #b7bdf8;\n --color-checks-header-border: #363a4f;\n --color-checks-header-icon: #cad3f5;\n --color-checks-line-text: #a5adcb;\n --color-checks-line-num-text: #a5adcb;\n --color-checks-line-timestamp-text: #a5adcb;\n --color-checks-line-hover-bg: #363a4f;\n --color-checks-line-selected-bg: #363a4f;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: #cad3f5;\n --color-checks-gate-waiting-text: #eed49f;\n --color-checks-step-header-open-bg: #363a4f;\n --color-checks-step-error-text: #ee99a0;\n --color-checks-step-warning-text: #f5a97f;\n --color-checks-logline-text: #cad3f5;\n --color-checks-logline-num-text: #cad3f5;\n --color-checks-logline-debug-text: #c6a0f6;\n --color-checks-logline-error-text: #cad3f5;\n --color-checks-logline-error-num-text: #ee99a0;\n --color-checks-logline-error-bg: rgba(238, 153, 160, 0.15);\n --color-checks-logline-warning-text: #b8c0e0;\n --color-checks-logline-warning-num-text: #f5a97f;\n --color-checks-logline-warning-bg: rgba(245, 169, 127, 0.15);\n --color-checks-logline-command-text: #8aadf4;\n --color-checks-logline-section-text: #a6da95;\n --color-checks-ansi-black: #494d64;\n --color-checks-ansi-black-bright: #5b6078;\n --color-checks-ansi-white: #b8c0e0;\n --color-checks-ansi-white-bright: #a5adcb;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: #ed8796;\n --color-checks-ansi-red-bright: #ed8796;\n --color-checks-ansi-green: #a6da95;\n --color-checks-ansi-green-bright: #a6da95;\n --color-checks-ansi-yellow: #eed49f;\n --color-checks-ansi-yellow-bright: #eed49f;\n --color-checks-ansi-blue: #8aadf4;\n --color-checks-ansi-blue-bright: #8aadf4;\n --color-checks-ansi-magenta: #f5bde6;\n --color-checks-ansi-magenta-bright: #f5bde6;\n --color-checks-ansi-cyan: #8bd5ca;\n --color-checks-ansi-cyan-bright: #8bd5ca;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: #ffffff 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: #24273a;\n --color-header-bg: #1e2030;\n --color-header-divider: #8b949e;\n --color-header-logo: #cad3f5;\n --color-header-search-bg: #363a4f;\n --color-header-search-border: #494d64;\n --color-sidenav-selected-bg: #494d64;\n --color-menu-bg-active: #5b6078;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: #363a4f;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #ffffff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: #5b6078;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: #5b6078;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: #bfd5d8;\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: #b8d7c5;\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: #729271;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #ffffff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: #a5adcb;\n --color-btn-outline-disabled-bg: #5b6078;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n --color-btn-danger-text: #24273a;\n --color-btn-danger-bg: #ed8796;\n --color-btn-danger-border: transparent;\n --color-btn-danger-shadow: 0 0 transparent;\n --color-btn-danger-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-bg: #d4bcd9;\n --color-btn-danger-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-selected-bg: #dcadc6;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: #181926;\n --color-btn-danger-disabled-bg: #9d6171;\n --color-btn-danger-disabled-border: transparent;\n --color-btn-danger-focus-bg: #238636;\n --color-btn-danger-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-danger-icon: #24273a;\n --color-btn-danger-counter-bg: rgba(255, 255, 255, 0.2);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #363a4f;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: #494d64;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: #cad3f5;\n --color-fg-muted: #b8c0e0;\n --color-fg-subtle: #b8c0e0;\n --color-fg-on-emphasis: #24273a;\n --color-canvas-default: #24273a;\n --color-canvas-overlay: #1e2030;\n --color-canvas-inset: #363a4f;\n --color-canvas-subtle: #1e2030;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px #181926;\n --color-shadow-large: 0 8px 24px #181926;\n --color-shadow-extra-large: 0 12px 48px #181926;\n --color-neutral-emphasis-plus: #6e738d;\n --color-neutral-emphasis: #939ab7;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n --color-success-fg: #a6da95;\n --color-success-emphasis: #a6da95;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: #ed8796;\n --color-danger-emphasis: #ed8796;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: #ed8796;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n [data-color-mode=\"auto\"] .btn-danger,\n [data-color-mode=\"auto\"] .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] .iRoQzU,\n [data-color-mode=\"auto\"] .ifkUYV,\n [data-color-mode=\"auto\"] .bOZDzN {\n background-color: #a6da95;\n color: #24273a;\n }\n [data-color-mode=\"auto\"] .jenxrv {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .fHiIQb {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .idPXPh,\n [data-color-mode=\"auto\"] .epAEYw {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .header-search-button.placeholder {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hx_IssueLabel {\n --text: #cad3f5;\n }\n [data-color-mode=\"auto\"] .Label {\n color: var(--color-accent-fg);\n background-color: #363a4f;\n border-color: transparent;\n }\n [data-color-mode=\"auto\"] .Label--secondary {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .Label--success {\n color: #24273a;\n background-color: #a6da95;\n }\n [data-color-mode=\"auto\"] .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n [data-color-mode=\"auto\"] .timeline-comment-header .Label,\n [data-color-mode=\"auto\"] .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n [data-color-mode=\"auto\"] .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"] .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"] .topic-tag {\n --color-accent-fg: #8aadf4;\n --color-accent-emphasis: #8aadf4;\n --color-accent-muted: rgba(138, 173, 244, 0.4);\n --color-accent-subtle: rgba(138, 173, 244, 0.15);\n }\n [data-color-mode=\"auto\"] .col-md-8 {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .user-mention,\n [data-color-mode=\"auto\"] .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"auto\"] .starred .starred-button-icon {\n color: #eed49f;\n }\n [data-color-mode=\"auto\"] .flash {\n background: #1e2030;\n border-color: transparent;\n }\n [data-color-mode=\"auto\"] .color-bg-subtle {\n background-color: transparent !important;\n }\n [data-color-mode=\"auto\"] .command-palette-details-dialog .color-bg-subtle {\n background-color: #363a4f !important;\n }\n [data-color-mode=\"auto\"] .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: #24273a !important;\n }\n [data-color-mode=\"auto\"] .AppHeader {\n background: var(--color-header-bg);\n }\n [data-color-mode=\"auto\"] h1,\n [data-color-mode=\"auto\"] h2,\n [data-color-mode=\"auto\"] h3,\n [data-color-mode=\"auto\"] h4,\n [data-color-mode=\"auto\"] h5,\n [data-color-mode=\"auto\"] h6 {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n [data-color-mode=\"auto\"] ::selection {\n background: #5b6078 !important;\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n [data-color-mode=\"auto\"] :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] body.session-authentication div.Box-header {\n background-color: inherit;\n }\n [data-color-mode=\"auto\"] .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: #cad3f5;\n }\n [data-color-mode=\"auto\"] .footer nav.col-12 * {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"] .notification-indicator .mail-status {\n background-image: none;\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .bdgUpN,\n [data-color-mode=\"auto\"] .hZMmEi .TextInput-icon,\n [data-color-mode=\"auto\"] .hZMmEi .TextInput-action {\n color: #cad3f5;\n background-color: #1e2030;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .fMJQEf {\n color: #cad3f5;\n background-color: #6e738d;\n }\n [data-color-mode=\"auto\"] .iVNDSi {\n color: #b7bdf8;\n background-color: rgba(183, 189, 248, 0.1);\n }\n [data-color-mode=\"auto\"] .hwnsNO {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hwnsNO th {\n background: #1e2030;\n }\n [data-color-mode=\"auto\"] .dXveNa[data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dXveNa,\n [data-color-mode=\"auto\"] .kbjJSF {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gUecKw,\n [data-color-mode=\"auto\"] .lcpiaz,\n [data-color-mode=\"auto\"] .jolsUx,\n [data-color-mode=\"auto\"] .fsSggy {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .Cxvmo,\n [data-color-mode=\"auto\"] .dhYcqs {\n color: #ed8796;\n }\n [data-color-mode=\"auto\"] .byJIBD,\n [data-color-mode=\"auto\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"auto\"] .lmmHGT:not(:first-of-type),\n [data-color-mode=\"auto\"] .fOEJrA,\n [data-color-mode=\"auto\"] .fnFdxN,\n [data-color-mode=\"auto\"] .huABLg,\n [data-color-mode=\"auto\"] .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .cwSUxL,\n [data-color-mode=\"auto\"] .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .jvzHAP,\n [data-color-mode=\"auto\"] .hPIyzG,\n [data-color-mode=\"auto\"] .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .kKFNhh,\n [data-color-mode=\"auto\"] .lnXbGs,\n [data-color-mode=\"auto\"] .dTxwit {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .gssqTz {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"] .bPgnBp,\n [data-color-mode=\"auto\"] .jMyfUO,\n [data-color-mode=\"auto\"] .cBrzIN {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"auto\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"auto\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"auto\"] .icOaJE:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .icOaJE[aria-pressed=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cZRqXf {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cZRqXf:active:not([disabled]),\n [data-color-mode=\"auto\"] .cZRqXf[aria-expanded=\"true\"] {\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .cZRqXf:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .kdEavw,\n [data-color-mode=\"auto\"] .ddNLNa,\n [data-color-mode=\"auto\"] .jepClM,\n [data-color-mode=\"auto\"] .gTeenv,\n [data-color-mode=\"auto\"] .VplrY {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kdEavw:hover:not([disabled]),\n [data-color-mode=\"auto\"] .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"auto\"] .jepClM:hover:not([disabled]),\n [data-color-mode=\"auto\"] .gTeenv:hover:not([disabled]),\n [data-color-mode=\"auto\"] .VplrY:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .juEfKr {\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .eUqMHM,\n [data-color-mode=\"auto\"] .hSXtjz {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .gtXnmh,\n [data-color-mode=\"auto\"] .ukUXs,\n [data-color-mode=\"auto\"] .giEfVQ,\n [data-color-mode=\"auto\"] .cKvNNO,\n [data-color-mode=\"auto\"] .evdFFE,\n [data-color-mode=\"auto\"] .kTUxDY {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] .hYaoHV,\n [data-color-mode=\"auto\"] .rLhXz,\n [data-color-mode=\"auto\"] .gtXnmh,\n [data-color-mode=\"auto\"] .lmmHGT,\n [data-color-mode=\"auto\"] .dEmXPQ {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .bJBoUI,\n [data-color-mode=\"auto\"] .iJtJJh {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .lhyFLG {\n background-color: #1e2030;\n border-top: 1px solid #494d64;\n border-right-color: #494d64;\n border-bottom-color: #494d64;\n border-left-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hUWqlv,\n [data-color-mode=\"auto\"] .bJcMWH {\n color: #8aadf4;\n }\n [data-color-mode=\"auto\"] .gxGEao {\n border-bottom-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .dfAUyE .segmentedControl-content,\n [data-color-mode=\"auto\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] .bFrOJy .segmentedControl-content {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cuqBaK,\n [data-color-mode=\"auto\"] .fCAAcl,\n [data-color-mode=\"auto\"] .dAXkSP {\n color: #cad3f5;\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .dAXkSP:hover .segmentedControl-content {\n background: #363a4f;\n }\n [data-color-mode=\"auto\"] .ksbilD,\n [data-color-mode=\"auto\"] .cuaLcW,\n [data-color-mode=\"auto\"] .joCMLT,\n [data-color-mode=\"auto\"] .jClMHS,\n [data-color-mode=\"auto\"] .jhjELj,\n [data-color-mode=\"auto\"] .diDjDG,\n [data-color-mode=\"auto\"] .gFuKCf,\n [data-color-mode=\"auto\"] .dHdESs,\n [data-color-mode=\"auto\"] .hpfKPO,\n [data-color-mode=\"auto\"] .jdgyJn,\n [data-color-mode=\"auto\"] .iInViE,\n [data-color-mode=\"auto\"] .brqMal,\n [data-color-mode=\"auto\"] .AbCTW {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .jEgFtJ,\n [data-color-mode=\"auto\"] .lixtXZ:hover,\n [data-color-mode=\"auto\"] .eNIoFu,\n [data-color-mode=\"auto\"] .idPXPh:hover,\n [data-color-mode=\"auto\"] .fdORwV,\n [data-color-mode=\"auto\"] .cjFogo,\n [data-color-mode=\"auto\"] .gIOnJa {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jBCpbB {\n color: #cad3f5;\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kzrUhn.selected {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .esIQoN,\n [data-color-mode=\"auto\"] .kbjJSF:disabled {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .eJTCnd,\n [data-color-mode=\"auto\"] .eTthoV {\n border-color: #363a4f;\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .eJTCnd .fixINc,\n [data-color-mode=\"auto\"] .eTthoV .fixINc,\n [data-color-mode=\"auto\"] .eJTCnd .eDZJqt,\n [data-color-mode=\"auto\"] .eTthoV .eDZJqt {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .eJTCnd .bniVFX,\n [data-color-mode=\"auto\"] .eTthoV .bniVFX,\n [data-color-mode=\"auto\"] .eJTCnd .jtlytA,\n [data-color-mode=\"auto\"] .eTthoV .jtlytA {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .ikTPpF {\n box-shadow: #24273a 0px 3px 6px;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cvveTk,\n [data-color-mode=\"auto\"] .dwoION {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .FKGWN {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jEgFtJ::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .khCtfm:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .khCtfm,\n [data-color-mode=\"auto\"] .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .Tnbrt:active,\n [data-color-mode=\"auto\"] .Tnbrt[aria-expanded=\"true\"] {\n background-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .Tnbrt:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .imsxCM {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .imsxCM .is-selected::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .pxYjU {\n background-color: #1e2030;\n color: #cad3f5;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .ilLRrZ {\n color: #cad3f5;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .cnIHxk {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cnIHxk:disabled {\n background-color: #6e738d;\n color: #181926;\n }\n [data-color-mode=\"auto\"] .ghFpol {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .hVmCdl,\n [data-color-mode=\"auto\"] .fqKZNC,\n [data-color-mode=\"auto\"] .fZFWUy,\n [data-color-mode=\"auto\"] .kbjJSF,\n [data-color-mode=\"auto\"] .flKHtV,\n [data-color-mode=\"auto\"] .jolsUx,\n [data-color-mode=\"auto\"] .ekNmOn {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .klUZzf:not(:first-of-type) {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .jvpWzR:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jvpWzR[data-size=\"large\"][data-block=\"block\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .fZFWUy,\n [data-color-mode=\"auto\"] .fzjwje {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .cEYXBH {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .joxhcl,\n [data-color-mode=\"auto\"] .hXyJIp,\n [data-color-mode=\"auto\"] .fMkBhb > .segmentedControl-content {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .dVFmxu,\n [data-color-mode=\"auto\"] .gbKtit,\n [data-color-mode=\"auto\"] .lnKxja,\n [data-color-mode=\"auto\"] .jzwNMs {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dVFmxu svg,\n [data-color-mode=\"auto\"] .gbKtit svg,\n [data-color-mode=\"auto\"] .lnKxja svg,\n [data-color-mode=\"auto\"] .jzwNMs svg {\n fill: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .jzwNMs:hover .segmentedControl-content {\n background-color: #494d64;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hJMtSk {\n color: #181926;\n background-color: #a6da95;\n }\n [data-color-mode=\"auto\"] .hJMtSk:disabled {\n color: #181926;\n background-color: #6e738d;\n }\n [data-color-mode=\"auto\"] .iDiUTR {\n color: #cad3f5;\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .iDiUTR:hover {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eQfJKc,\n [data-color-mode=\"auto\"] .UHWYv {\n color: #ed8796;\n }\n [data-color-mode=\"auto\"] .jVIqnb {\n color: #ed8796;\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jVIqnb:hover {\n color: #24273a;\n background-color: #ed8796;\n }\n [data-color-mode=\"auto\"] .UHWYv:hover {\n background-color: rgba(237, 135, 150, 0.2);\n }\n [data-color-mode=\"auto\"] .lmmHGT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hYdbWk,\n [data-color-mode=\"auto\"] .gkeKEr,\n [data-color-mode=\"auto\"] .jzcCeu,\n [data-color-mode=\"auto\"] .iGxiw,\n [data-color-mode=\"auto\"] .ixFSpw,\n [data-color-mode=\"auto\"] .koxWOe,\n [data-color-mode=\"auto\"] .gkWKRr,\n [data-color-mode=\"auto\"] .ikaTJo > svg,\n [data-color-mode=\"auto\"] .dcGHGc,\n [data-color-mode=\"auto\"] .dzMFih,\n [data-color-mode=\"auto\"] .hYdbWk::before,\n [data-color-mode=\"auto\"] .ixFSpw::before,\n [data-color-mode=\"auto\"] .dSHKOE {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .gkWKRr {\n border-top-color: #363a4f;\n border-right-color: #363a4f;\n border-left-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hPQRKh {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hPQRKh:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hPQRKh[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .kfwhFa:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .jykkjb {\n background-color: #24273a;\n box-shadow: #181926 0px -2px 0px inset, #181926 0px 1px 0px inset;\n }\n [data-color-mode=\"auto\"] .jhjELj,\n [data-color-mode=\"auto\"] .ixTUPS {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gmscZx:hover:not([disabled]),\n [data-color-mode=\"auto\"] .fUaEiu:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] .fUaEiu[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .gmscZx[data-size=\"small\"],\n [data-color-mode=\"auto\"] .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"auto\"] .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .cBssZb {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jhjELj::before {\n border-color: transparent transparent #494d64;\n }\n [data-color-mode=\"auto\"] .fHpqaf,\n [data-color-mode=\"auto\"] .bfQVnA,\n [data-color-mode=\"auto\"] .iGxiw,\n [data-color-mode=\"auto\"] .fUzagb,\n [data-color-mode=\"auto\"] .gisjeK,\n [data-color-mode=\"auto\"] .iQkwAM {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] smt {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] smt:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .dtTTcd {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .dtTTcd.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .pQcjM {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .pQcjM.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .eTSXcP {\n background-color: #ed8796;\n }\n [data-color-mode=\"auto\"] .iGxiw {\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"auto\"] .brFBoI,\n [data-color-mode=\"auto\"] .ldUAkr,\n [data-color-mode=\"auto\"] .gtXnmh {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gWjhfa,\n [data-color-mode=\"auto\"] .jMdYTc {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .jMdYTc {\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .jMdYTc button {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .jMdYTc button:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jMdYTc button[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gwuIGu > a:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gwuIGu > a span {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .bJYdrf:hover {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .dSlCya:hover {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .hNNRLM,\n [data-color-mode=\"auto\"] .hGgJQu,\n [data-color-mode=\"auto\"] .hTcsdJ {\n background-color: #363a4f;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hNNRLM:hover,\n [data-color-mode=\"auto\"] .hGgJQu:hover,\n [data-color-mode=\"auto\"] .hTcsdJ:hover {\n background-color: #494d64;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eOIzRT {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .eOIzRT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hNNRLM svg {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .react-last-commit-history-group:hover {\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hfRvxg {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .hfRvxg:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .lbYguI {\n border-radius: 6px;\n }\n [data-color-mode=\"auto\"] .hPsWZB,\n [data-color-mode=\"auto\"] .bOUZZs {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: #24273a;\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > button:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hMOAua {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .hMOAua:hover {\n background-color: #1e2030;\n border: 1px solid #494d64;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hMCjFU,\n [data-color-mode=\"auto\"] .jcKsih,\n [data-color-mode=\"auto\"] .hpgNiv {\n background-color: #24273a;\n color: #cad3f5;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .hMCjFU:hover,\n [data-color-mode=\"auto\"] .jcKsih:hover,\n [data-color-mode=\"auto\"] .hpgNiv:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jfOCiu,\n [data-color-mode=\"auto\"] .gNXjVV,\n [data-color-mode=\"auto\"] .iGzDhH,\n [data-color-mode=\"auto\"] .Overlay {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"auto\"] .jfOCiu li {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .kRbyXo {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .VgnWi {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .VgnWi:focus-within {\n border-color: #b7bdf8;\n box-shadow: #b7bdf8 0px 0px 0px 1px inset;\n }\n [data-color-mode=\"auto\"] .bAKGFC {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .bdMlHy {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jMyfUO.selected {\n border-color: #494d64;\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .bPgnBp {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] kbd {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] select option,\n [data-color-mode=\"auto\"] optgroup {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"auto\"] .hUQSCH {\n background-color: #24273a;\n color: #b8c0e0;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hUQSCH:hover {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .dQPLyc {\n background-color: transparent;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .ktGGEf {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .gkfBtX {\n background-color: #1e2030;\n border-radius: 6px 0px 0px 0px;\n border-bottom: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .jproXT:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jproXT:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .wLDmP {\n background-color: #1e2030;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .eNSiNz .segmentedControl-content,\n [data-color-mode=\"auto\"] .gKuCoB .segmentedControl-content {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .notifications-list-item.notification-read,\n [data-color-mode=\"auto\"] .notifications-list-item.notification-archived {\n background-color: #24273a !important;\n }\n [data-color-mode=\"auto\"] .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"auto\"] .notifications-list-item.notification-archived:last-child {\n border-bottom-left-radius: 6px;\n }\n [data-color-mode=\"auto\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n }\n @media (prefers-color-scheme: dark) and (hover: hover) and (pointer: fine) {\n [data-color-mode=\"auto\"] .rLhXz:hover:not([aria-disabled]) {\n background-color: #363a4f;\n }\n }\n html:not([data-light-theme=\"light\"]) body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"]) body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\n font-size: 0.9rem;\n font-weight: 600;\n border-radius: 0.5rem;\n max-width: 40ch;\n background-color: var(--color-danger-fg);\n color: var(--color-header-bg);\n content: \"Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the Catppuccin GitHub userstyle.\";\n z-index: 9999;\n }",
+ "code": "[data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light {\n --color-workflow-card-connector: #6e738d;\n --color-workflow-card-connector-bg: #6e738d;\n --color-workflow-card-connector-inactive: #494d64;\n --color-workflow-card-connector-inactive-bg: #494d64;\n --color-workflow-card-connector-highlight: #b7bdf8;\n --color-workflow-card-connector-highlight-bg: #b7bdf8;\n --color-workflow-card-bg: #494d64;\n --color-workflow-card-inactive-bg: #363a4f;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: rgba(138, 173, 244, 0.15);\n --color-workflow-card-progress-incomplete-bg: #494d64;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: #cad3f5;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: #363a4f;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: #cad3f5;\n /* Buttons */\n /* Create PR button & New branch button */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Labels */\n /* Search */\n /* Tags */\n /* Misc */\n /* Large notification */\n /* Button Fix */\n /* Button selection Fix */\n /* Darker bg for new AppHeader */\n /* Headers */\n /* New change visibility box star and watcher preview buttons Fix */\n /* New change visibility box danger buttons Fix */\n /* 2FA authentication box header Fix */\n /* Footer Logo Fix */\n /* Footer text hover fix */\n /* Notifications */\n /* Keyboard hint */\n /* Merge icon */\n /* Branch indicator */\n /* File view */\n /* Projects */\n /* Project table view */\n /* Tree Fix */\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional*/\n /* New Repository Overview Fix */\n /* Buttons */\n /* Scrolling top menu */\n /* Fullscreen Sidebar Fixes*/\n /* Dropdown Menus */\n /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n }\n [data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light,\n [data-color-mode=\"light\"] body,\n [data-color-mode=\"auto\"] > .theme-light body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: #24273a;\n --color-marketing-icon-primary: #91d7e3;\n --color-marketing-icon-secondary: #8aadf4;\n --color-diff-blob-addition-num-text: #cad3f5;\n --color-diff-blob-addition-fg: #cad3f5;\n --color-diff-blob-addition-num-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-addition-line-bg: rgba(166, 218, 149, 0.15);\n --color-diff-blob-addition-word-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-deletion-num-text: #cad3f5;\n --color-diff-blob-deletion-fg: #cad3f5;\n --color-diff-blob-deletion-num-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-deletion-line-bg: rgba(237, 135, 150, 0.15);\n --color-diff-blob-deletion-word-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-hunk-num-bg: rgba(138, 173, 244, 0.4);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: #a6da95;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: #c6a0f6;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: #1e2030;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: #cad3f5;\n --color-checks-text-secondary: #b8c0e0;\n --color-checks-text-link: #7dc4e4;\n --color-checks-btn-icon: #cad3f5;\n --color-checks-btn-hover-icon: #cad3f5;\n --color-checks-btn-hover-bg: #181926;\n --color-checks-input-text: #494d64;\n --color-checks-input-placeholder-text: #b8c0e0;\n --color-checks-input-focus-text: #cad3f5;\n --color-checks-input-bg: #363a4f;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: #ed8796;\n --color-checks-donut-pending: #f5a97f;\n --color-checks-donut-success: #a6da95;\n --color-checks-donut-neutral: #939ab7;\n --color-checks-dropdown-text: #cad3f5;\n --color-checks-dropdown-bg: #363a4f;\n --color-checks-dropdown-border: #494d64;\n --color-checks-dropdown-shadow: #181926;\n --color-checks-dropdown-hover-text: #a5adcb;\n --color-checks-dropdown-hover-bg: #1e2030;\n --color-checks-dropdown-btn-hover-text: #cad3f5;\n --color-checks-dropdown-btn-hover-bg: #1e2030;\n --color-checks-scrollbar-thumb-bg: #1e2030;\n --color-checks-header-label-text: #cad3f5;\n --color-checks-header-label-open-text: #b7bdf8;\n --color-checks-header-border: #363a4f;\n --color-checks-header-icon: #cad3f5;\n --color-checks-line-text: #a5adcb;\n --color-checks-line-num-text: #a5adcb;\n --color-checks-line-timestamp-text: #a5adcb;\n --color-checks-line-hover-bg: #363a4f;\n --color-checks-line-selected-bg: #363a4f;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: #cad3f5;\n --color-checks-gate-waiting-text: #eed49f;\n --color-checks-step-header-open-bg: #363a4f;\n --color-checks-step-error-text: #ee99a0;\n --color-checks-step-warning-text: #f5a97f;\n --color-checks-logline-text: #cad3f5;\n --color-checks-logline-num-text: #cad3f5;\n --color-checks-logline-debug-text: #c6a0f6;\n --color-checks-logline-error-text: #cad3f5;\n --color-checks-logline-error-num-text: #ee99a0;\n --color-checks-logline-error-bg: rgba(238, 153, 160, 0.15);\n --color-checks-logline-warning-text: #b8c0e0;\n --color-checks-logline-warning-num-text: #f5a97f;\n --color-checks-logline-warning-bg: rgba(245, 169, 127, 0.15);\n --color-checks-logline-command-text: #8aadf4;\n --color-checks-logline-section-text: #a6da95;\n --color-checks-ansi-black: #494d64;\n --color-checks-ansi-black-bright: #5b6078;\n --color-checks-ansi-white: #b8c0e0;\n --color-checks-ansi-white-bright: #a5adcb;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: #ed8796;\n --color-checks-ansi-red-bright: #ed8796;\n --color-checks-ansi-green: #a6da95;\n --color-checks-ansi-green-bright: #a6da95;\n --color-checks-ansi-yellow: #eed49f;\n --color-checks-ansi-yellow-bright: #eed49f;\n --color-checks-ansi-blue: #8aadf4;\n --color-checks-ansi-blue-bright: #8aadf4;\n --color-checks-ansi-magenta: #f5bde6;\n --color-checks-ansi-magenta-bright: #f5bde6;\n --color-checks-ansi-cyan: #8bd5ca;\n --color-checks-ansi-cyan-bright: #8bd5ca;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: #ffffff 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: #24273a;\n --color-header-bg: #1e2030;\n --color-header-divider: #8b949e;\n --color-header-logo: #cad3f5;\n --color-header-search-bg: #363a4f;\n --color-header-search-border: #494d64;\n --color-sidenav-selected-bg: #494d64;\n --color-menu-bg-active: #5b6078;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: #363a4f;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #ffffff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: #5b6078;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: #5b6078;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: #bfd5d8;\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: #b8d7c5;\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: #729271;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #ffffff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: #a5adcb;\n --color-btn-outline-disabled-bg: #5b6078;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n --color-btn-danger-text: #24273a;\n --color-btn-danger-bg: #ed8796;\n --color-btn-danger-border: transparent;\n --color-btn-danger-shadow: 0 0 transparent;\n --color-btn-danger-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-bg: #d4bcd9;\n --color-btn-danger-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-selected-bg: #dcadc6;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: #181926;\n --color-btn-danger-disabled-bg: #9d6171;\n --color-btn-danger-disabled-border: transparent;\n --color-btn-danger-focus-bg: #238636;\n --color-btn-danger-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-danger-icon: #24273a;\n --color-btn-danger-counter-bg: rgba(255, 255, 255, 0.2);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #363a4f;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: #494d64;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: #cad3f5;\n --color-fg-muted: #b8c0e0;\n --color-fg-subtle: #b8c0e0;\n --color-fg-on-emphasis: #24273a;\n --color-canvas-default: #24273a;\n --color-canvas-overlay: #1e2030;\n --color-canvas-inset: #363a4f;\n --color-canvas-subtle: #1e2030;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px #181926;\n --color-shadow-large: 0 8px 24px #181926;\n --color-shadow-extra-large: 0 12px 48px #181926;\n --color-neutral-emphasis-plus: #6e738d;\n --color-neutral-emphasis: #939ab7;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n --color-success-fg: #a6da95;\n --color-success-emphasis: #a6da95;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: #ed8796;\n --color-danger-emphasis: #ed8796;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: #ed8796;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n [data-color-mode=\"light\"] .btn-danger,\n [data-color-mode=\"auto\"] > .theme-light .btn-danger,\n [data-color-mode=\"light\"] .Button--danger,\n [data-color-mode=\"auto\"] > .theme-light .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"light\"] .iRoQzU,\n [data-color-mode=\"auto\"] > .theme-light .iRoQzU,\n [data-color-mode=\"light\"] .ifkUYV,\n [data-color-mode=\"auto\"] > .theme-light .ifkUYV,\n [data-color-mode=\"light\"] .bOZDzN,\n [data-color-mode=\"auto\"] > .theme-light .bOZDzN {\n background-color: #a6da95;\n color: #24273a;\n }\n [data-color-mode=\"light\"] .jenxrv,\n [data-color-mode=\"auto\"] > .theme-light .jenxrv {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .fHiIQb,\n [data-color-mode=\"auto\"] > .theme-light .fHiIQb {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .idPXPh,\n [data-color-mode=\"auto\"] > .theme-light .idPXPh,\n [data-color-mode=\"light\"] .epAEYw,\n [data-color-mode=\"auto\"] > .theme-light .epAEYw {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .header-search-button.placeholder,\n [data-color-mode=\"auto\"] > .theme-light .header-search-button.placeholder {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hx_IssueLabel,\n [data-color-mode=\"auto\"] > .theme-light .hx_IssueLabel {\n --text: #cad3f5;\n }\n [data-color-mode=\"light\"] .Label,\n [data-color-mode=\"auto\"] > .theme-light .Label {\n color: var(--color-accent-fg);\n background-color: #363a4f;\n border-color: transparent;\n }\n [data-color-mode=\"light\"] .Label--secondary,\n [data-color-mode=\"auto\"] > .theme-light .Label--secondary {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .Label--success,\n [data-color-mode=\"auto\"] > .theme-light .Label--success {\n color: #24273a;\n background-color: #a6da95;\n }\n [data-color-mode=\"light\"] .Label--danger,\n [data-color-mode=\"auto\"] > .theme-light .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n [data-color-mode=\"light\"] .timeline-comment-header .Label,\n [data-color-mode=\"auto\"] > .theme-light .timeline-comment-header .Label,\n [data-color-mode=\"light\"] .timeline-comment .Label,\n [data-color-mode=\"auto\"] > .theme-light .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n [data-color-mode=\"light\"] .header-search-input,\n [data-color-mode=\"auto\"] > .theme-light .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"light\"] .header-search-input::placeholder,\n [data-color-mode=\"auto\"] > .theme-light .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"light\"] .topic-tag,\n [data-color-mode=\"auto\"] > .theme-light .topic-tag {\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n }\n [data-color-mode=\"light\"] .col-md-8,\n [data-color-mode=\"auto\"] > .theme-light .col-md-8 {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .user-mention,\n [data-color-mode=\"auto\"] > .theme-light .user-mention,\n [data-color-mode=\"light\"] .team-mention,\n [data-color-mode=\"auto\"] > .theme-light .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n [data-color-mode=\"auto\"] > .theme-light .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"light\"] .starred .starred-button-icon,\n [data-color-mode=\"auto\"] > .theme-light .starred .starred-button-icon {\n color: #eed49f;\n }\n [data-color-mode=\"light\"] .flash,\n [data-color-mode=\"auto\"] > .theme-light .flash {\n background: #1e2030;\n border-color: transparent;\n }\n [data-color-mode=\"light\"] .color-bg-subtle,\n [data-color-mode=\"auto\"] > .theme-light .color-bg-subtle {\n background-color: transparent !important;\n }\n [data-color-mode=\"light\"] .command-palette-details-dialog .color-bg-subtle,\n [data-color-mode=\"auto\"] > .theme-light .command-palette-details-dialog .color-bg-subtle {\n background-color: #363a4f !important;\n }\n [data-color-mode=\"light\"] .navigation-item[aria-selected=\"true\"] .color-fg-muted,\n [data-color-mode=\"auto\"] > .theme-light .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: #24273a !important;\n }\n [data-color-mode=\"light\"] .AppHeader,\n [data-color-mode=\"auto\"] > .theme-light .AppHeader {\n background: var(--color-header-bg);\n }\n [data-color-mode=\"light\"] h1,\n [data-color-mode=\"auto\"] > .theme-light h1,\n [data-color-mode=\"light\"] h2,\n [data-color-mode=\"auto\"] > .theme-light h2,\n [data-color-mode=\"light\"] h3,\n [data-color-mode=\"auto\"] > .theme-light h3,\n [data-color-mode=\"light\"] h4,\n [data-color-mode=\"auto\"] > .theme-light h4,\n [data-color-mode=\"light\"] h5,\n [data-color-mode=\"auto\"] > .theme-light h5,\n [data-color-mode=\"light\"] h6,\n [data-color-mode=\"auto\"] > .theme-light h6 {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] #check-step-header-title,\n [data-color-mode=\"auto\"] > .theme-light #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n [data-color-mode=\"light\"] ::selection,\n [data-color-mode=\"auto\"] > .theme-light ::selection {\n background: #5b6078 !important;\n }\n [data-color-mode=\"light\"] .btn.color-fg-danger.cursor-default,\n [data-color-mode=\"auto\"] > .theme-light .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"light\"] .btn.color-fg-danger.cursor-default:hover,\n [data-color-mode=\"auto\"] > .theme-light .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n [data-color-mode=\"light\"] .btn.color-fg-danger.cursor-default > svg.octicon,\n [data-color-mode=\"auto\"] > .theme-light .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n [data-color-mode=\"light\"] :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]),\n [data-color-mode=\"auto\"] > .theme-light :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"light\"] body.session-authentication div.Box-header,\n [data-color-mode=\"auto\"] > .theme-light body.session-authentication div.Box-header {\n background-color: inherit;\n }\n [data-color-mode=\"light\"] .footer-octicon > svg:nth-child(1) > path:nth-child(1),\n [data-color-mode=\"auto\"] > .theme-light .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: #cad3f5;\n }\n [data-color-mode=\"light\"] .footer nav.col-12 *,\n [data-color-mode=\"auto\"] > .theme-light .footer nav.col-12 * {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"light\"] .notification-indicator .mail-status,\n [data-color-mode=\"auto\"] > .theme-light .notification-indicator .mail-status {\n background-image: none;\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .bdgUpN,\n [data-color-mode=\"auto\"] > .theme-light .bdgUpN,\n [data-color-mode=\"light\"] .hZMmEi .TextInput-icon,\n [data-color-mode=\"auto\"] > .theme-light .hZMmEi .TextInput-icon,\n [data-color-mode=\"light\"] .hZMmEi .TextInput-action,\n [data-color-mode=\"auto\"] > .theme-light .hZMmEi .TextInput-action {\n color: #cad3f5;\n background-color: #1e2030;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .fMJQEf,\n [data-color-mode=\"auto\"] > .theme-light .fMJQEf {\n color: #cad3f5;\n background-color: #6e738d;\n }\n [data-color-mode=\"light\"] .iVNDSi,\n [data-color-mode=\"auto\"] > .theme-light .iVNDSi {\n color: #b7bdf8;\n background-color: rgba(183, 189, 248, 0.1);\n }\n [data-color-mode=\"light\"] .hwnsNO,\n [data-color-mode=\"auto\"] > .theme-light .hwnsNO {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hwnsNO th,\n [data-color-mode=\"auto\"] > .theme-light .hwnsNO th {\n background: #1e2030;\n }\n [data-color-mode=\"light\"] .dXveNa[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .dXveNa[data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .dXveNa,\n [data-color-mode=\"auto\"] > .theme-light .dXveNa,\n [data-color-mode=\"light\"] .kbjJSF,\n [data-color-mode=\"auto\"] > .theme-light .kbjJSF {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .gUecKw,\n [data-color-mode=\"auto\"] > .theme-light .gUecKw,\n [data-color-mode=\"light\"] .lcpiaz,\n [data-color-mode=\"auto\"] > .theme-light .lcpiaz,\n [data-color-mode=\"light\"] .jolsUx,\n [data-color-mode=\"auto\"] > .theme-light .jolsUx,\n [data-color-mode=\"light\"] .fsSggy,\n [data-color-mode=\"auto\"] > .theme-light .fsSggy {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .Cxvmo,\n [data-color-mode=\"auto\"] > .theme-light .Cxvmo,\n [data-color-mode=\"light\"] .dhYcqs,\n [data-color-mode=\"auto\"] > .theme-light .dhYcqs {\n color: #ed8796;\n }\n [data-color-mode=\"light\"] .byJIBD,\n [data-color-mode=\"auto\"] > .theme-light .byJIBD,\n [data-color-mode=\"light\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n [data-color-mode=\"auto\"] > .theme-light .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"light\"] .lmmHGT:not(:first-of-type),\n [data-color-mode=\"auto\"] > .theme-light .lmmHGT:not(:first-of-type),\n [data-color-mode=\"light\"] .fOEJrA,\n [data-color-mode=\"auto\"] > .theme-light .fOEJrA,\n [data-color-mode=\"light\"] .fnFdxN,\n [data-color-mode=\"auto\"] > .theme-light .fnFdxN,\n [data-color-mode=\"light\"] .huABLg,\n [data-color-mode=\"auto\"] > .theme-light .huABLg,\n [data-color-mode=\"light\"] .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"light\"] .cwSUxL,\n [data-color-mode=\"auto\"] > .theme-light .cwSUxL,\n [data-color-mode=\"light\"] .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .jvzHAP,\n [data-color-mode=\"auto\"] > .theme-light .jvzHAP,\n [data-color-mode=\"light\"] .hPIyzG,\n [data-color-mode=\"auto\"] > .theme-light .hPIyzG,\n [data-color-mode=\"light\"] .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"light\"] .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .kKFNhh,\n [data-color-mode=\"auto\"] > .theme-light .kKFNhh,\n [data-color-mode=\"light\"] .lnXbGs,\n [data-color-mode=\"auto\"] > .theme-light .lnXbGs,\n [data-color-mode=\"light\"] .dTxwit,\n [data-color-mode=\"auto\"] > .theme-light .dTxwit {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .gssqTz,\n [data-color-mode=\"auto\"] > .theme-light .gssqTz {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"light\"] .bPgnBp,\n [data-color-mode=\"auto\"] > .theme-light .bPgnBp,\n [data-color-mode=\"light\"] .jMyfUO,\n [data-color-mode=\"auto\"] > .theme-light .jMyfUO,\n [data-color-mode=\"light\"] .cBrzIN,\n [data-color-mode=\"auto\"] > .theme-light .cBrzIN {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"light\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"light\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"light\"] .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"light\"] .icOaJE:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .icOaJE:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .icOaJE[aria-pressed=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .icOaJE[aria-pressed=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .cZRqXf,\n [data-color-mode=\"auto\"] > .theme-light .cZRqXf {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .cZRqXf:active:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .cZRqXf:active:not([disabled]),\n [data-color-mode=\"light\"] .cZRqXf[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .cZRqXf[aria-expanded=\"true\"] {\n border-color: #5b6078;\n }\n [data-color-mode=\"light\"] .cZRqXf:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .cZRqXf:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .kdEavw,\n [data-color-mode=\"auto\"] > .theme-light .kdEavw,\n [data-color-mode=\"light\"] .ddNLNa,\n [data-color-mode=\"auto\"] > .theme-light .ddNLNa,\n [data-color-mode=\"light\"] .jepClM,\n [data-color-mode=\"auto\"] > .theme-light .jepClM,\n [data-color-mode=\"light\"] .gTeenv,\n [data-color-mode=\"auto\"] > .theme-light .gTeenv,\n [data-color-mode=\"light\"] .VplrY,\n [data-color-mode=\"auto\"] > .theme-light .VplrY {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .kdEavw:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .kdEavw:hover:not([disabled]),\n [data-color-mode=\"light\"] .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"light\"] .jepClM:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .jepClM:hover:not([disabled]),\n [data-color-mode=\"light\"] .gTeenv:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .gTeenv:hover:not([disabled]),\n [data-color-mode=\"light\"] .VplrY:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .VplrY:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .juEfKr,\n [data-color-mode=\"auto\"] > .theme-light .juEfKr {\n border-color: #5b6078;\n }\n [data-color-mode=\"light\"] .eUqMHM,\n [data-color-mode=\"auto\"] > .theme-light .eUqMHM,\n [data-color-mode=\"light\"] .hSXtjz,\n [data-color-mode=\"auto\"] > .theme-light .hSXtjz {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-light .gtXnmh,\n [data-color-mode=\"light\"] .ukUXs,\n [data-color-mode=\"auto\"] > .theme-light .ukUXs,\n [data-color-mode=\"light\"] .giEfVQ,\n [data-color-mode=\"auto\"] > .theme-light .giEfVQ,\n [data-color-mode=\"light\"] .cKvNNO,\n [data-color-mode=\"auto\"] > .theme-light .cKvNNO,\n [data-color-mode=\"light\"] .evdFFE,\n [data-color-mode=\"auto\"] > .theme-light .evdFFE,\n [data-color-mode=\"light\"] .kTUxDY,\n [data-color-mode=\"auto\"] > .theme-light .kTUxDY {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] > .theme-light .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"light\"] .hYaoHV,\n [data-color-mode=\"auto\"] > .theme-light .hYaoHV,\n [data-color-mode=\"light\"] .rLhXz,\n [data-color-mode=\"auto\"] > .theme-light .rLhXz,\n [data-color-mode=\"light\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-light .gtXnmh,\n [data-color-mode=\"light\"] .lmmHGT,\n [data-color-mode=\"auto\"] > .theme-light .lmmHGT,\n [data-color-mode=\"light\"] .dEmXPQ,\n [data-color-mode=\"auto\"] > .theme-light .dEmXPQ {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .bJBoUI,\n [data-color-mode=\"auto\"] > .theme-light .bJBoUI,\n [data-color-mode=\"light\"] .iJtJJh,\n [data-color-mode=\"auto\"] > .theme-light .iJtJJh {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .lhyFLG,\n [data-color-mode=\"auto\"] > .theme-light .lhyFLG {\n background-color: #1e2030;\n border-top: 1px solid #494d64;\n border-right-color: #494d64;\n border-bottom-color: #494d64;\n border-left-color: #494d64;\n }\n [data-color-mode=\"light\"] .hUWqlv,\n [data-color-mode=\"auto\"] > .theme-light .hUWqlv,\n [data-color-mode=\"light\"] .bJcMWH,\n [data-color-mode=\"auto\"] > .theme-light .bJcMWH {\n color: #8aadf4;\n }\n [data-color-mode=\"light\"] .Link__StyledLink-sc-14289xe-0.ifbDxt,\n [data-color-mode=\"auto\"] > .theme-light .Link__StyledLink-sc-14289xe-0.ifbDxt {\n color: #8aadf4;\n }\n [data-color-mode=\"light\"] .Link__StyledLink-sc-14289xe-0.ifbDxt:hover,\n [data-color-mode=\"auto\"] > .theme-light .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n background-color: rgba(138, 173, 244, 0.4);\n }\n [data-color-mode=\"light\"] .cxcvTj,\n [data-color-mode=\"auto\"] > .theme-light .cxcvTj,\n [data-color-mode=\"light\"] .Box-sc-g0xbh4-0.grSspY button,\n [data-color-mode=\"auto\"] > .theme-light .Box-sc-g0xbh4-0.grSspY button {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .gxGEao,\n [data-color-mode=\"auto\"] > .theme-light .gxGEao {\n border-bottom-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] > .theme-light .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after,\n [data-color-mode=\"auto\"] > .theme-light .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .dfAUyE .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .dfAUyE .segmentedControl-content,\n [data-color-mode=\"light\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .gKuCoB .segmentedControl-content,\n [data-color-mode=\"light\"] .bFrOJy .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .bFrOJy .segmentedControl-content {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .cuqBaK,\n [data-color-mode=\"auto\"] > .theme-light .cuqBaK,\n [data-color-mode=\"light\"] .fCAAcl,\n [data-color-mode=\"auto\"] > .theme-light .fCAAcl,\n [data-color-mode=\"light\"] .dAXkSP,\n [data-color-mode=\"auto\"] > .theme-light .dAXkSP {\n color: #cad3f5;\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .dAXkSP:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .dAXkSP:hover .segmentedControl-content {\n background: #363a4f;\n }\n @media (hover: hover) and (pointer: fine) {\n [data-color-mode=\"light\"] .rLhXz:hover:not([aria-disabled]),\n [data-color-mode=\"auto\"] > .theme-light .rLhXz:hover:not([aria-disabled]) {\n background-color: #363a4f;\n }\n }\n [data-color-mode=\"light\"] .ksbilD,\n [data-color-mode=\"auto\"] > .theme-light .ksbilD,\n [data-color-mode=\"light\"] .cuaLcW,\n [data-color-mode=\"auto\"] > .theme-light .cuaLcW,\n [data-color-mode=\"light\"] .joCMLT,\n [data-color-mode=\"auto\"] > .theme-light .joCMLT,\n [data-color-mode=\"light\"] .jClMHS,\n [data-color-mode=\"auto\"] > .theme-light .jClMHS,\n [data-color-mode=\"light\"] .jhjELj,\n [data-color-mode=\"auto\"] > .theme-light .jhjELj,\n [data-color-mode=\"light\"] .diDjDG,\n [data-color-mode=\"auto\"] > .theme-light .diDjDG,\n [data-color-mode=\"light\"] .gFuKCf,\n [data-color-mode=\"auto\"] > .theme-light .gFuKCf,\n [data-color-mode=\"light\"] .dHdESs,\n [data-color-mode=\"auto\"] > .theme-light .dHdESs,\n [data-color-mode=\"light\"] .hpfKPO,\n [data-color-mode=\"auto\"] > .theme-light .hpfKPO,\n [data-color-mode=\"light\"] .jdgyJn,\n [data-color-mode=\"auto\"] > .theme-light .jdgyJn,\n [data-color-mode=\"light\"] .iInViE,\n [data-color-mode=\"auto\"] > .theme-light .iInViE,\n [data-color-mode=\"light\"] .brqMal,\n [data-color-mode=\"auto\"] > .theme-light .brqMal,\n [data-color-mode=\"light\"] .AbCTW,\n [data-color-mode=\"auto\"] > .theme-light .AbCTW {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .jEgFtJ,\n [data-color-mode=\"auto\"] > .theme-light .jEgFtJ,\n [data-color-mode=\"light\"] .lixtXZ:hover,\n [data-color-mode=\"auto\"] > .theme-light .lixtXZ:hover,\n [data-color-mode=\"light\"] .eNIoFu,\n [data-color-mode=\"auto\"] > .theme-light .eNIoFu,\n [data-color-mode=\"light\"] .idPXPh:hover,\n [data-color-mode=\"auto\"] > .theme-light .idPXPh:hover,\n [data-color-mode=\"light\"] .fdORwV,\n [data-color-mode=\"auto\"] > .theme-light .fdORwV,\n [data-color-mode=\"light\"] .cjFogo,\n [data-color-mode=\"auto\"] > .theme-light .cjFogo,\n [data-color-mode=\"light\"] .gIOnJa,\n [data-color-mode=\"auto\"] > .theme-light .gIOnJa {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jBCpbB,\n [data-color-mode=\"auto\"] > .theme-light .jBCpbB {\n color: #cad3f5;\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .kzrUhn.selected,\n [data-color-mode=\"auto\"] > .theme-light .kzrUhn.selected {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .esIQoN,\n [data-color-mode=\"auto\"] > .theme-light .esIQoN,\n [data-color-mode=\"light\"] .kbjJSF:disabled,\n [data-color-mode=\"auto\"] > .theme-light .kbjJSF:disabled {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .eJTCnd,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd,\n [data-color-mode=\"light\"] .eTthoV,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV {\n border-color: #363a4f;\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .eJTCnd .fixINc,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd .fixINc,\n [data-color-mode=\"light\"] .eTthoV .fixINc,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV .fixINc,\n [data-color-mode=\"light\"] .eJTCnd .eDZJqt,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd .eDZJqt,\n [data-color-mode=\"light\"] .eTthoV .eDZJqt,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV .eDZJqt {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .eJTCnd .bniVFX,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd .bniVFX,\n [data-color-mode=\"light\"] .eTthoV .bniVFX,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV .bniVFX,\n [data-color-mode=\"light\"] .eJTCnd .jtlytA,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd .jtlytA,\n [data-color-mode=\"light\"] .eTthoV .jtlytA,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV .jtlytA {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .ikTPpF,\n [data-color-mode=\"auto\"] > .theme-light .ikTPpF {\n box-shadow: #24273a 0px 3px 6px;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .cvveTk,\n [data-color-mode=\"auto\"] > .theme-light .cvveTk,\n [data-color-mode=\"light\"] .dwoION,\n [data-color-mode=\"auto\"] > .theme-light .dwoION {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .FKGWN,\n [data-color-mode=\"auto\"] > .theme-light .FKGWN {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jPHlsW::after,\n [data-color-mode=\"auto\"] > .theme-light .jPHlsW::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .khCtfm:hover,\n [data-color-mode=\"auto\"] > .theme-light .khCtfm:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .bWlbEI,\n [data-color-mode=\"auto\"] > .theme-light .bWlbEI,\n [data-color-mode=\"light\"] .hzIORV,\n [data-color-mode=\"auto\"] > .theme-light .hzIORV {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .khCtfm,\n [data-color-mode=\"auto\"] > .theme-light .khCtfm,\n [data-color-mode=\"light\"] .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-light .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"light\"] .Tnbrt[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .Tnbrt:active,\n [data-color-mode=\"auto\"] > .theme-light .Tnbrt:active,\n [data-color-mode=\"light\"] .Tnbrt[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .Tnbrt[aria-expanded=\"true\"] {\n background-color: #5b6078;\n }\n [data-color-mode=\"light\"] .Tnbrt:hover,\n [data-color-mode=\"auto\"] > .theme-light .Tnbrt:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .imsxCM,\n [data-color-mode=\"auto\"] > .theme-light .imsxCM {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .imsxCM .is-selected::after,\n [data-color-mode=\"auto\"] > .theme-light .imsxCM .is-selected::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .pxYjU,\n [data-color-mode=\"auto\"] > .theme-light .pxYjU {\n background-color: #1e2030;\n color: #cad3f5;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .ilLRrZ,\n [data-color-mode=\"auto\"] > .theme-light .ilLRrZ {\n color: #cad3f5;\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .cnIHxk,\n [data-color-mode=\"auto\"] > .theme-light .cnIHxk {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .cnIHxk:disabled,\n [data-color-mode=\"auto\"] > .theme-light .cnIHxk:disabled {\n background-color: #6e738d;\n color: #181926;\n }\n [data-color-mode=\"light\"] .ghFpol,\n [data-color-mode=\"auto\"] > .theme-light .ghFpol {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .hVmCdl,\n [data-color-mode=\"auto\"] > .theme-light .hVmCdl,\n [data-color-mode=\"light\"] .fqKZNC,\n [data-color-mode=\"auto\"] > .theme-light .fqKZNC,\n [data-color-mode=\"light\"] .fZFWUy,\n [data-color-mode=\"auto\"] > .theme-light .fZFWUy,\n [data-color-mode=\"light\"] .kbjJSF,\n [data-color-mode=\"auto\"] > .theme-light .kbjJSF,\n [data-color-mode=\"light\"] .flKHtV,\n [data-color-mode=\"auto\"] > .theme-light .flKHtV,\n [data-color-mode=\"light\"] .jolsUx,\n [data-color-mode=\"auto\"] > .theme-light .jolsUx,\n [data-color-mode=\"light\"] .ekNmOn,\n [data-color-mode=\"auto\"] > .theme-light .ekNmOn {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"light\"] .klUZzf:not(:first-of-type),\n [data-color-mode=\"auto\"] > .theme-light .klUZzf:not(:first-of-type) {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .jvpWzR:hover,\n [data-color-mode=\"auto\"] > .theme-light .jvpWzR:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .jvpWzR[data-size=\"large\"][data-block=\"block\"],\n [data-color-mode=\"auto\"] > .theme-light .jvpWzR[data-size=\"large\"][data-block=\"block\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .fZFWUy,\n [data-color-mode=\"auto\"] > .theme-light .fZFWUy,\n [data-color-mode=\"light\"] .fzjwje,\n [data-color-mode=\"auto\"] > .theme-light .fzjwje {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .cEYXBH,\n [data-color-mode=\"auto\"] > .theme-light .cEYXBH {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .joxhcl,\n [data-color-mode=\"auto\"] > .theme-light .joxhcl,\n [data-color-mode=\"light\"] .hXyJIp,\n [data-color-mode=\"auto\"] > .theme-light .hXyJIp,\n [data-color-mode=\"light\"] .fMkBhb > .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .fMkBhb > .segmentedControl-content {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .dVFmxu,\n [data-color-mode=\"auto\"] > .theme-light .dVFmxu,\n [data-color-mode=\"light\"] .gbKtit,\n [data-color-mode=\"auto\"] > .theme-light .gbKtit,\n [data-color-mode=\"light\"] .lnKxja,\n [data-color-mode=\"auto\"] > .theme-light .lnKxja,\n [data-color-mode=\"light\"] .jzwNMs,\n [data-color-mode=\"auto\"] > .theme-light .jzwNMs {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .dVFmxu svg,\n [data-color-mode=\"auto\"] > .theme-light .dVFmxu svg,\n [data-color-mode=\"light\"] .gbKtit svg,\n [data-color-mode=\"auto\"] > .theme-light .gbKtit svg,\n [data-color-mode=\"light\"] .lnKxja svg,\n [data-color-mode=\"auto\"] > .theme-light .lnKxja svg,\n [data-color-mode=\"light\"] .jzwNMs svg,\n [data-color-mode=\"auto\"] > .theme-light .jzwNMs svg {\n fill: #a5adcb;\n }\n [data-color-mode=\"light\"] .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .jzwNMs:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .jzwNMs:hover .segmentedControl-content {\n background-color: #494d64;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hJMtSk,\n [data-color-mode=\"auto\"] > .theme-light .hJMtSk {\n color: #181926;\n background-color: #a6da95;\n }\n [data-color-mode=\"light\"] .hJMtSk:disabled,\n [data-color-mode=\"auto\"] > .theme-light .hJMtSk:disabled {\n color: #181926;\n background-color: #6e738d;\n }\n [data-color-mode=\"light\"] .iDiUTR,\n [data-color-mode=\"auto\"] > .theme-light .iDiUTR {\n color: #cad3f5;\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .iDiUTR:hover,\n [data-color-mode=\"auto\"] > .theme-light .iDiUTR:hover {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .eQfJKc,\n [data-color-mode=\"auto\"] > .theme-light .eQfJKc,\n [data-color-mode=\"light\"] .UHWYv,\n [data-color-mode=\"auto\"] > .theme-light .UHWYv {\n color: #ed8796;\n }\n [data-color-mode=\"light\"] .jVIqnb,\n [data-color-mode=\"auto\"] > .theme-light .jVIqnb {\n color: #ed8796;\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jVIqnb:hover,\n [data-color-mode=\"auto\"] > .theme-light .jVIqnb:hover {\n color: #24273a;\n background-color: #ed8796;\n }\n [data-color-mode=\"light\"] .UHWYv:hover,\n [data-color-mode=\"auto\"] > .theme-light .UHWYv:hover {\n background-color: rgba(237, 135, 150, 0.2);\n }\n [data-color-mode=\"light\"] .lmmHGT:hover,\n [data-color-mode=\"auto\"] > .theme-light .lmmHGT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hYdbWk,\n [data-color-mode=\"auto\"] > .theme-light .hYdbWk,\n [data-color-mode=\"light\"] .gkeKEr,\n [data-color-mode=\"auto\"] > .theme-light .gkeKEr,\n [data-color-mode=\"light\"] .jzcCeu,\n [data-color-mode=\"auto\"] > .theme-light .jzcCeu,\n [data-color-mode=\"light\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-light .iGxiw,\n [data-color-mode=\"light\"] .ixFSpw,\n [data-color-mode=\"auto\"] > .theme-light .ixFSpw,\n [data-color-mode=\"light\"] .koxWOe,\n [data-color-mode=\"auto\"] > .theme-light .koxWOe,\n [data-color-mode=\"light\"] .gkWKRr,\n [data-color-mode=\"auto\"] > .theme-light .gkWKRr,\n [data-color-mode=\"light\"] .ikaTJo > svg,\n [data-color-mode=\"auto\"] > .theme-light .ikaTJo > svg,\n [data-color-mode=\"light\"] .dcGHGc,\n [data-color-mode=\"auto\"] > .theme-light .dcGHGc,\n [data-color-mode=\"light\"] .dzMFih,\n [data-color-mode=\"auto\"] > .theme-light .dzMFih,\n [data-color-mode=\"light\"] .hYdbWk::before,\n [data-color-mode=\"auto\"] > .theme-light .hYdbWk::before,\n [data-color-mode=\"light\"] .ixFSpw::before,\n [data-color-mode=\"auto\"] > .theme-light .ixFSpw::before,\n [data-color-mode=\"light\"] .dSHKOE,\n [data-color-mode=\"auto\"] > .theme-light .dSHKOE {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .gkWKRr,\n [data-color-mode=\"auto\"] > .theme-light .gkWKRr {\n border-top-color: #363a4f;\n border-right-color: #363a4f;\n border-left-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hPQRKh,\n [data-color-mode=\"auto\"] > .theme-light .hPQRKh {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hPQRKh:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .hPQRKh:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .hPQRKh[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .hPQRKh[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .kfwhFa:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .kfwhFa:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .jykkjb,\n [data-color-mode=\"auto\"] > .theme-light .jykkjb {\n background-color: #24273a;\n box-shadow: #181926 0px -2px 0px inset, #181926 0px 1px 0px inset;\n }\n [data-color-mode=\"light\"] .jhjELj,\n [data-color-mode=\"auto\"] > .theme-light .jhjELj,\n [data-color-mode=\"light\"] .ixTUPS,\n [data-color-mode=\"auto\"] > .theme-light .ixTUPS {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .gmscZx:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .gmscZx:hover:not([disabled]),\n [data-color-mode=\"light\"] .fUaEiu:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"light\"] .fUaEiu[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-light .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"light\"] .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"light\"] .gmscZx[data-size=\"small\"],\n [data-color-mode=\"auto\"] > .theme-light .gmscZx[data-size=\"small\"],\n [data-color-mode=\"light\"] .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"light\"] .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .cBssZb,\n [data-color-mode=\"auto\"] > .theme-light .cBssZb {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .jhjELj::before,\n [data-color-mode=\"auto\"] > .theme-light .jhjELj::before {\n border-color: transparent transparent #494d64;\n }\n [data-color-mode=\"light\"] .fHpqaf,\n [data-color-mode=\"auto\"] > .theme-light .fHpqaf,\n [data-color-mode=\"light\"] .bfQVnA,\n [data-color-mode=\"auto\"] > .theme-light .bfQVnA,\n [data-color-mode=\"light\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-light .iGxiw,\n [data-color-mode=\"light\"] .fUzagb,\n [data-color-mode=\"auto\"] > .theme-light .fUzagb,\n [data-color-mode=\"light\"] .gisjeK,\n [data-color-mode=\"auto\"] > .theme-light .gisjeK,\n [data-color-mode=\"light\"] .iQkwAM,\n [data-color-mode=\"auto\"] > .theme-light .iQkwAM {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] smt,\n [data-color-mode=\"auto\"] > .theme-light smt {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] smt:hover,\n [data-color-mode=\"auto\"] > .theme-light smt:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .dtTTcd,\n [data-color-mode=\"auto\"] > .theme-light .dtTTcd {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .dtTTcd.hoverable:hover,\n [data-color-mode=\"auto\"] > .theme-light .dtTTcd.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .pQcjM,\n [data-color-mode=\"auto\"] > .theme-light .pQcjM {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .pQcjM.hoverable:hover,\n [data-color-mode=\"auto\"] > .theme-light .pQcjM.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .eTSXcP,\n [data-color-mode=\"auto\"] > .theme-light .eTSXcP {\n background-color: #ed8796;\n }\n [data-color-mode=\"light\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-light .iGxiw {\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"light\"] .brFBoI,\n [data-color-mode=\"auto\"] > .theme-light .brFBoI,\n [data-color-mode=\"light\"] .ldUAkr,\n [data-color-mode=\"auto\"] > .theme-light .ldUAkr,\n [data-color-mode=\"light\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-light .gtXnmh {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .gWjhfa,\n [data-color-mode=\"auto\"] > .theme-light .gWjhfa,\n [data-color-mode=\"light\"] .jMdYTc,\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .jMdYTc,\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc {\n border: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .jMdYTc button,\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc button {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .jMdYTc button:hover,\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc button:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jMdYTc button[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc button[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .gwuIGu > a:hover,\n [data-color-mode=\"auto\"] > .theme-light .gwuIGu > a:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .gwuIGu > a span,\n [data-color-mode=\"auto\"] > .theme-light .gwuIGu > a span {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .bJYdrf:hover,\n [data-color-mode=\"auto\"] > .theme-light .bJYdrf:hover {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .dSlCya:hover,\n [data-color-mode=\"auto\"] > .theme-light .dSlCya:hover {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .hNNRLM,\n [data-color-mode=\"auto\"] > .theme-light .hNNRLM,\n [data-color-mode=\"light\"] .hGgJQu,\n [data-color-mode=\"auto\"] > .theme-light .hGgJQu,\n [data-color-mode=\"light\"] .hTcsdJ,\n [data-color-mode=\"auto\"] > .theme-light .hTcsdJ {\n background-color: #363a4f;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hNNRLM:hover,\n [data-color-mode=\"auto\"] > .theme-light .hNNRLM:hover,\n [data-color-mode=\"light\"] .hGgJQu:hover,\n [data-color-mode=\"auto\"] > .theme-light .hGgJQu:hover,\n [data-color-mode=\"light\"] .hTcsdJ:hover,\n [data-color-mode=\"auto\"] > .theme-light .hTcsdJ:hover {\n background-color: #494d64;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .eOIzRT,\n [data-color-mode=\"auto\"] > .theme-light .eOIzRT {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .eOIzRT:hover,\n [data-color-mode=\"auto\"] > .theme-light .eOIzRT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hNNRLM svg,\n [data-color-mode=\"auto\"] > .theme-light .hNNRLM svg {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .react-last-commit-history-group:hover,\n [data-color-mode=\"auto\"] > .theme-light .react-last-commit-history-group:hover {\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .ContributionCalendar-day,\n [data-color-mode=\"auto\"] > .theme-light .ContributionCalendar-day {\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-calendar-graph-day-bg: #363a4f;\n }\n [data-color-mode=\"light\"] .tooltipped.tooltipped-s rect,\n [data-color-mode=\"auto\"] > .theme-light .tooltipped.tooltipped-s rect {\n fill: #a6da95 !important;\n }\n [data-color-mode=\"light\"] .hfRvxg,\n [data-color-mode=\"auto\"] > .theme-light .hfRvxg {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .hfRvxg:hover,\n [data-color-mode=\"auto\"] > .theme-light .hfRvxg:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .lbYguI,\n [data-color-mode=\"auto\"] > .theme-light .lbYguI {\n border-radius: 6px;\n }\n [data-color-mode=\"light\"] .hPsWZB,\n [data-color-mode=\"auto\"] > .theme-light .hPsWZB,\n [data-color-mode=\"light\"] .bOUZZs,\n [data-color-mode=\"auto\"] > .theme-light .bOUZZs {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > span > button,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: #24273a;\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > span > button:hover,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > span > button:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .hMOAua,\n [data-color-mode=\"auto\"] > .theme-light .hMOAua {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .hMOAua:hover,\n [data-color-mode=\"auto\"] > .theme-light .hMOAua:hover {\n background-color: #1e2030;\n border: 1px solid #494d64;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hMCjFU,\n [data-color-mode=\"auto\"] > .theme-light .hMCjFU,\n [data-color-mode=\"light\"] .jcKsih,\n [data-color-mode=\"auto\"] > .theme-light .jcKsih,\n [data-color-mode=\"light\"] .hpgNiv,\n [data-color-mode=\"auto\"] > .theme-light .hpgNiv {\n background-color: #24273a;\n color: #cad3f5;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .hMCjFU:hover,\n [data-color-mode=\"auto\"] > .theme-light .hMCjFU:hover,\n [data-color-mode=\"light\"] .jcKsih:hover,\n [data-color-mode=\"auto\"] > .theme-light .jcKsih:hover,\n [data-color-mode=\"light\"] .hpgNiv:hover,\n [data-color-mode=\"auto\"] > .theme-light .hpgNiv:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jfOCiu,\n [data-color-mode=\"auto\"] > .theme-light .jfOCiu,\n [data-color-mode=\"light\"] .gNXjVV,\n [data-color-mode=\"auto\"] > .theme-light .gNXjVV,\n [data-color-mode=\"light\"] .iGzDhH,\n [data-color-mode=\"auto\"] > .theme-light .iGzDhH,\n [data-color-mode=\"light\"] .Overlay,\n [data-color-mode=\"auto\"] > .theme-light .Overlay {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"light\"] .jfOCiu li,\n [data-color-mode=\"auto\"] > .theme-light .jfOCiu li {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .kRbyXo,\n [data-color-mode=\"auto\"] > .theme-light .kRbyXo {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .VgnWi,\n [data-color-mode=\"auto\"] > .theme-light .VgnWi {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .VgnWi:focus-within,\n [data-color-mode=\"auto\"] > .theme-light .VgnWi:focus-within {\n border-color: #b7bdf8;\n box-shadow: #b7bdf8 0px 0px 0px 1px inset;\n }\n [data-color-mode=\"light\"] .bAKGFC,\n [data-color-mode=\"auto\"] > .theme-light .bAKGFC {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .bdMlHy,\n [data-color-mode=\"auto\"] > .theme-light .bdMlHy {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .jMyfUO.selected,\n [data-color-mode=\"auto\"] > .theme-light .jMyfUO.selected {\n border-color: #494d64;\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .bPgnBp,\n [data-color-mode=\"auto\"] > .theme-light .bPgnBp {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] kbd,\n [data-color-mode=\"auto\"] > .theme-light kbd {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] select option,\n [data-color-mode=\"auto\"] > .theme-light select option,\n [data-color-mode=\"light\"] optgroup,\n [data-color-mode=\"auto\"] > .theme-light optgroup {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"light\"] .hUQSCH,\n [data-color-mode=\"auto\"] > .theme-light .hUQSCH {\n background-color: #24273a;\n color: #b8c0e0;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .hUQSCH:hover,\n [data-color-mode=\"auto\"] > .theme-light .hUQSCH:hover {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .dQPLyc,\n [data-color-mode=\"auto\"] > .theme-light .dQPLyc {\n background-color: transparent;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .ktGGEf,\n [data-color-mode=\"auto\"] > .theme-light .ktGGEf {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .gkfBtX,\n [data-color-mode=\"auto\"] > .theme-light .gkfBtX {\n background-color: #1e2030;\n border-radius: 6px 0px 0px 0px;\n border-bottom: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .jproXT,\n [data-color-mode=\"auto\"] > .theme-light .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .jproXT:hover,\n [data-color-mode=\"auto\"] > .theme-light .jproXT:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .jproXT:focus-within,\n [data-color-mode=\"auto\"] > .theme-light .jproXT:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .wLDmP,\n [data-color-mode=\"auto\"] > .theme-light .wLDmP {\n background-color: #1e2030;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"light\"] .eNSiNz .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .eNSiNz .segmentedControl-content,\n [data-color-mode=\"light\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .gKuCoB .segmentedControl-content {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .notifications-list-item.notification-read,\n [data-color-mode=\"auto\"] > .theme-light .notifications-list-item.notification-read,\n [data-color-mode=\"light\"] .notifications-list-item.notification-archived,\n [data-color-mode=\"auto\"] > .theme-light .notifications-list-item.notification-archived {\n background-color: #24273a !important;\n }\n [data-color-mode=\"light\"] .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"auto\"] > .theme-light .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"light\"] .notifications-list-item.notification-archived:last-child,\n [data-color-mode=\"auto\"] > .theme-light .notifications-list-item.notification-archived:last-child {\n border-bottom-left-radius: 6px;\n }\n [data-color-mode=\"light\"] .turbo-progress-bar,\n [data-color-mode=\"auto\"] > .theme-light .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .search-results-page,\n [data-color-mode=\"auto\"] > .theme-light .search-results-page {\n background-color: #24273a;\n }\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"] {\n --color-workflow-card-connector: #6e738d;\n --color-workflow-card-connector-bg: #6e738d;\n --color-workflow-card-connector-inactive: #494d64;\n --color-workflow-card-connector-inactive-bg: #494d64;\n --color-workflow-card-connector-highlight: #b7bdf8;\n --color-workflow-card-connector-highlight-bg: #b7bdf8;\n --color-workflow-card-bg: #494d64;\n --color-workflow-card-inactive-bg: #363a4f;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: rgba(138, 173, 244, 0.15);\n --color-workflow-card-progress-incomplete-bg: #494d64;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: #cad3f5;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: #363a4f;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: #cad3f5;\n /* Buttons */\n /* Create PR button & New branch button */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Labels */\n /* Search */\n /* Tags */\n /* Misc */\n /* Large notification */\n /* Button Fix */\n /* Button selection Fix */\n /* Darker bg for new AppHeader */\n /* Headers */\n /* New change visibility box star and watcher preview buttons Fix */\n /* New change visibility box danger buttons Fix */\n /* 2FA authentication box header Fix */\n /* Footer Logo Fix */\n /* Footer text hover fix */\n /* Notifications */\n /* Keyboard hint */\n /* Merge icon */\n /* Branch indicator */\n /* File view */\n /* Projects */\n /* Project table view */\n /* Tree Fix */\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional*/\n /* New Repository Overview Fix */\n /* Buttons */\n /* Scrolling top menu */\n /* Fullscreen Sidebar Fixes*/\n /* Dropdown Menus */\n /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n }\n [data-color-mode=\"auto\"],\n [data-color-mode=\"auto\"] body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: #24273a;\n --color-marketing-icon-primary: #91d7e3;\n --color-marketing-icon-secondary: #8aadf4;\n --color-diff-blob-addition-num-text: #cad3f5;\n --color-diff-blob-addition-fg: #cad3f5;\n --color-diff-blob-addition-num-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-addition-line-bg: rgba(166, 218, 149, 0.15);\n --color-diff-blob-addition-word-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-deletion-num-text: #cad3f5;\n --color-diff-blob-deletion-fg: #cad3f5;\n --color-diff-blob-deletion-num-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-deletion-line-bg: rgba(237, 135, 150, 0.15);\n --color-diff-blob-deletion-word-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-hunk-num-bg: rgba(138, 173, 244, 0.4);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: #a6da95;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: #c6a0f6;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: #1e2030;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: #cad3f5;\n --color-checks-text-secondary: #b8c0e0;\n --color-checks-text-link: #7dc4e4;\n --color-checks-btn-icon: #cad3f5;\n --color-checks-btn-hover-icon: #cad3f5;\n --color-checks-btn-hover-bg: #181926;\n --color-checks-input-text: #494d64;\n --color-checks-input-placeholder-text: #b8c0e0;\n --color-checks-input-focus-text: #cad3f5;\n --color-checks-input-bg: #363a4f;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: #ed8796;\n --color-checks-donut-pending: #f5a97f;\n --color-checks-donut-success: #a6da95;\n --color-checks-donut-neutral: #939ab7;\n --color-checks-dropdown-text: #cad3f5;\n --color-checks-dropdown-bg: #363a4f;\n --color-checks-dropdown-border: #494d64;\n --color-checks-dropdown-shadow: #181926;\n --color-checks-dropdown-hover-text: #a5adcb;\n --color-checks-dropdown-hover-bg: #1e2030;\n --color-checks-dropdown-btn-hover-text: #cad3f5;\n --color-checks-dropdown-btn-hover-bg: #1e2030;\n --color-checks-scrollbar-thumb-bg: #1e2030;\n --color-checks-header-label-text: #cad3f5;\n --color-checks-header-label-open-text: #b7bdf8;\n --color-checks-header-border: #363a4f;\n --color-checks-header-icon: #cad3f5;\n --color-checks-line-text: #a5adcb;\n --color-checks-line-num-text: #a5adcb;\n --color-checks-line-timestamp-text: #a5adcb;\n --color-checks-line-hover-bg: #363a4f;\n --color-checks-line-selected-bg: #363a4f;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: #cad3f5;\n --color-checks-gate-waiting-text: #eed49f;\n --color-checks-step-header-open-bg: #363a4f;\n --color-checks-step-error-text: #ee99a0;\n --color-checks-step-warning-text: #f5a97f;\n --color-checks-logline-text: #cad3f5;\n --color-checks-logline-num-text: #cad3f5;\n --color-checks-logline-debug-text: #c6a0f6;\n --color-checks-logline-error-text: #cad3f5;\n --color-checks-logline-error-num-text: #ee99a0;\n --color-checks-logline-error-bg: rgba(238, 153, 160, 0.15);\n --color-checks-logline-warning-text: #b8c0e0;\n --color-checks-logline-warning-num-text: #f5a97f;\n --color-checks-logline-warning-bg: rgba(245, 169, 127, 0.15);\n --color-checks-logline-command-text: #8aadf4;\n --color-checks-logline-section-text: #a6da95;\n --color-checks-ansi-black: #494d64;\n --color-checks-ansi-black-bright: #5b6078;\n --color-checks-ansi-white: #b8c0e0;\n --color-checks-ansi-white-bright: #a5adcb;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: #ed8796;\n --color-checks-ansi-red-bright: #ed8796;\n --color-checks-ansi-green: #a6da95;\n --color-checks-ansi-green-bright: #a6da95;\n --color-checks-ansi-yellow: #eed49f;\n --color-checks-ansi-yellow-bright: #eed49f;\n --color-checks-ansi-blue: #8aadf4;\n --color-checks-ansi-blue-bright: #8aadf4;\n --color-checks-ansi-magenta: #f5bde6;\n --color-checks-ansi-magenta-bright: #f5bde6;\n --color-checks-ansi-cyan: #8bd5ca;\n --color-checks-ansi-cyan-bright: #8bd5ca;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: #ffffff 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: #24273a;\n --color-header-bg: #1e2030;\n --color-header-divider: #8b949e;\n --color-header-logo: #cad3f5;\n --color-header-search-bg: #363a4f;\n --color-header-search-border: #494d64;\n --color-sidenav-selected-bg: #494d64;\n --color-menu-bg-active: #5b6078;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: #363a4f;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #ffffff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: #5b6078;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: #5b6078;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: #bfd5d8;\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: #b8d7c5;\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: #729271;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #ffffff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: #a5adcb;\n --color-btn-outline-disabled-bg: #5b6078;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n --color-btn-danger-text: #24273a;\n --color-btn-danger-bg: #ed8796;\n --color-btn-danger-border: transparent;\n --color-btn-danger-shadow: 0 0 transparent;\n --color-btn-danger-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-bg: #d4bcd9;\n --color-btn-danger-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-selected-bg: #dcadc6;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: #181926;\n --color-btn-danger-disabled-bg: #9d6171;\n --color-btn-danger-disabled-border: transparent;\n --color-btn-danger-focus-bg: #238636;\n --color-btn-danger-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-danger-icon: #24273a;\n --color-btn-danger-counter-bg: rgba(255, 255, 255, 0.2);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #363a4f;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: #494d64;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: #cad3f5;\n --color-fg-muted: #b8c0e0;\n --color-fg-subtle: #b8c0e0;\n --color-fg-on-emphasis: #24273a;\n --color-canvas-default: #24273a;\n --color-canvas-overlay: #1e2030;\n --color-canvas-inset: #363a4f;\n --color-canvas-subtle: #1e2030;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px #181926;\n --color-shadow-large: 0 8px 24px #181926;\n --color-shadow-extra-large: 0 12px 48px #181926;\n --color-neutral-emphasis-plus: #6e738d;\n --color-neutral-emphasis: #939ab7;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n --color-success-fg: #a6da95;\n --color-success-emphasis: #a6da95;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: #ed8796;\n --color-danger-emphasis: #ed8796;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: #ed8796;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n [data-color-mode=\"auto\"] .btn-danger,\n [data-color-mode=\"auto\"] .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] .iRoQzU,\n [data-color-mode=\"auto\"] .ifkUYV,\n [data-color-mode=\"auto\"] .bOZDzN {\n background-color: #a6da95;\n color: #24273a;\n }\n [data-color-mode=\"auto\"] .jenxrv {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .fHiIQb {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .idPXPh,\n [data-color-mode=\"auto\"] .epAEYw {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .header-search-button.placeholder {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hx_IssueLabel {\n --text: #cad3f5;\n }\n [data-color-mode=\"auto\"] .Label {\n color: var(--color-accent-fg);\n background-color: #363a4f;\n border-color: transparent;\n }\n [data-color-mode=\"auto\"] .Label--secondary {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .Label--success {\n color: #24273a;\n background-color: #a6da95;\n }\n [data-color-mode=\"auto\"] .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n [data-color-mode=\"auto\"] .timeline-comment-header .Label,\n [data-color-mode=\"auto\"] .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n [data-color-mode=\"auto\"] .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"] .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"] .topic-tag {\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n }\n [data-color-mode=\"auto\"] .col-md-8 {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .user-mention,\n [data-color-mode=\"auto\"] .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"auto\"] .starred .starred-button-icon {\n color: #eed49f;\n }\n [data-color-mode=\"auto\"] .flash {\n background: #1e2030;\n border-color: transparent;\n }\n [data-color-mode=\"auto\"] .color-bg-subtle {\n background-color: transparent !important;\n }\n [data-color-mode=\"auto\"] .command-palette-details-dialog .color-bg-subtle {\n background-color: #363a4f !important;\n }\n [data-color-mode=\"auto\"] .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: #24273a !important;\n }\n [data-color-mode=\"auto\"] .AppHeader {\n background: var(--color-header-bg);\n }\n [data-color-mode=\"auto\"] h1,\n [data-color-mode=\"auto\"] h2,\n [data-color-mode=\"auto\"] h3,\n [data-color-mode=\"auto\"] h4,\n [data-color-mode=\"auto\"] h5,\n [data-color-mode=\"auto\"] h6 {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n [data-color-mode=\"auto\"] ::selection {\n background: #5b6078 !important;\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n [data-color-mode=\"auto\"] :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] body.session-authentication div.Box-header {\n background-color: inherit;\n }\n [data-color-mode=\"auto\"] .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: #cad3f5;\n }\n [data-color-mode=\"auto\"] .footer nav.col-12 * {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"] .notification-indicator .mail-status {\n background-image: none;\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .bdgUpN,\n [data-color-mode=\"auto\"] .hZMmEi .TextInput-icon,\n [data-color-mode=\"auto\"] .hZMmEi .TextInput-action {\n color: #cad3f5;\n background-color: #1e2030;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .fMJQEf {\n color: #cad3f5;\n background-color: #6e738d;\n }\n [data-color-mode=\"auto\"] .iVNDSi {\n color: #b7bdf8;\n background-color: rgba(183, 189, 248, 0.1);\n }\n [data-color-mode=\"auto\"] .hwnsNO {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hwnsNO th {\n background: #1e2030;\n }\n [data-color-mode=\"auto\"] .dXveNa[data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dXveNa,\n [data-color-mode=\"auto\"] .kbjJSF {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gUecKw,\n [data-color-mode=\"auto\"] .lcpiaz,\n [data-color-mode=\"auto\"] .jolsUx,\n [data-color-mode=\"auto\"] .fsSggy {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .Cxvmo,\n [data-color-mode=\"auto\"] .dhYcqs {\n color: #ed8796;\n }\n [data-color-mode=\"auto\"] .byJIBD,\n [data-color-mode=\"auto\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"auto\"] .lmmHGT:not(:first-of-type),\n [data-color-mode=\"auto\"] .fOEJrA,\n [data-color-mode=\"auto\"] .fnFdxN,\n [data-color-mode=\"auto\"] .huABLg,\n [data-color-mode=\"auto\"] .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .cwSUxL,\n [data-color-mode=\"auto\"] .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .jvzHAP,\n [data-color-mode=\"auto\"] .hPIyzG,\n [data-color-mode=\"auto\"] .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .kKFNhh,\n [data-color-mode=\"auto\"] .lnXbGs,\n [data-color-mode=\"auto\"] .dTxwit {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .gssqTz {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"] .bPgnBp,\n [data-color-mode=\"auto\"] .jMyfUO,\n [data-color-mode=\"auto\"] .cBrzIN {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"auto\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"auto\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"auto\"] .icOaJE:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .icOaJE[aria-pressed=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cZRqXf {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cZRqXf:active:not([disabled]),\n [data-color-mode=\"auto\"] .cZRqXf[aria-expanded=\"true\"] {\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .cZRqXf:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .kdEavw,\n [data-color-mode=\"auto\"] .ddNLNa,\n [data-color-mode=\"auto\"] .jepClM,\n [data-color-mode=\"auto\"] .gTeenv,\n [data-color-mode=\"auto\"] .VplrY {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kdEavw:hover:not([disabled]),\n [data-color-mode=\"auto\"] .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"auto\"] .jepClM:hover:not([disabled]),\n [data-color-mode=\"auto\"] .gTeenv:hover:not([disabled]),\n [data-color-mode=\"auto\"] .VplrY:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .juEfKr {\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .eUqMHM,\n [data-color-mode=\"auto\"] .hSXtjz {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .gtXnmh,\n [data-color-mode=\"auto\"] .ukUXs,\n [data-color-mode=\"auto\"] .giEfVQ,\n [data-color-mode=\"auto\"] .cKvNNO,\n [data-color-mode=\"auto\"] .evdFFE,\n [data-color-mode=\"auto\"] .kTUxDY {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] .hYaoHV,\n [data-color-mode=\"auto\"] .rLhXz,\n [data-color-mode=\"auto\"] .gtXnmh,\n [data-color-mode=\"auto\"] .lmmHGT,\n [data-color-mode=\"auto\"] .dEmXPQ {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .bJBoUI,\n [data-color-mode=\"auto\"] .iJtJJh {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .lhyFLG {\n background-color: #1e2030;\n border-top: 1px solid #494d64;\n border-right-color: #494d64;\n border-bottom-color: #494d64;\n border-left-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hUWqlv,\n [data-color-mode=\"auto\"] .bJcMWH {\n color: #8aadf4;\n }\n [data-color-mode=\"auto\"] .Link__StyledLink-sc-14289xe-0.ifbDxt {\n color: #8aadf4;\n }\n [data-color-mode=\"auto\"] .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n background-color: rgba(138, 173, 244, 0.4);\n }\n [data-color-mode=\"auto\"] .cxcvTj,\n [data-color-mode=\"auto\"] .Box-sc-g0xbh4-0.grSspY button {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gxGEao {\n border-bottom-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .dfAUyE .segmentedControl-content,\n [data-color-mode=\"auto\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] .bFrOJy .segmentedControl-content {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cuqBaK,\n [data-color-mode=\"auto\"] .fCAAcl,\n [data-color-mode=\"auto\"] .dAXkSP {\n color: #cad3f5;\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .dAXkSP:hover .segmentedControl-content {\n background: #363a4f;\n }\n [data-color-mode=\"auto\"] .ksbilD,\n [data-color-mode=\"auto\"] .cuaLcW,\n [data-color-mode=\"auto\"] .joCMLT,\n [data-color-mode=\"auto\"] .jClMHS,\n [data-color-mode=\"auto\"] .jhjELj,\n [data-color-mode=\"auto\"] .diDjDG,\n [data-color-mode=\"auto\"] .gFuKCf,\n [data-color-mode=\"auto\"] .dHdESs,\n [data-color-mode=\"auto\"] .hpfKPO,\n [data-color-mode=\"auto\"] .jdgyJn,\n [data-color-mode=\"auto\"] .iInViE,\n [data-color-mode=\"auto\"] .brqMal,\n [data-color-mode=\"auto\"] .AbCTW {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .jEgFtJ,\n [data-color-mode=\"auto\"] .lixtXZ:hover,\n [data-color-mode=\"auto\"] .eNIoFu,\n [data-color-mode=\"auto\"] .idPXPh:hover,\n [data-color-mode=\"auto\"] .fdORwV,\n [data-color-mode=\"auto\"] .cjFogo,\n [data-color-mode=\"auto\"] .gIOnJa {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jBCpbB {\n color: #cad3f5;\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kzrUhn.selected {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .esIQoN,\n [data-color-mode=\"auto\"] .kbjJSF:disabled {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .eJTCnd,\n [data-color-mode=\"auto\"] .eTthoV {\n border-color: #363a4f;\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .eJTCnd .fixINc,\n [data-color-mode=\"auto\"] .eTthoV .fixINc,\n [data-color-mode=\"auto\"] .eJTCnd .eDZJqt,\n [data-color-mode=\"auto\"] .eTthoV .eDZJqt {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .eJTCnd .bniVFX,\n [data-color-mode=\"auto\"] .eTthoV .bniVFX,\n [data-color-mode=\"auto\"] .eJTCnd .jtlytA,\n [data-color-mode=\"auto\"] .eTthoV .jtlytA {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .ikTPpF {\n box-shadow: #24273a 0px 3px 6px;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cvveTk,\n [data-color-mode=\"auto\"] .dwoION {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .FKGWN {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jPHlsW::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .khCtfm:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .bWlbEI,\n [data-color-mode=\"auto\"] .hzIORV {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .khCtfm,\n [data-color-mode=\"auto\"] .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .Tnbrt:active,\n [data-color-mode=\"auto\"] .Tnbrt[aria-expanded=\"true\"] {\n background-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .Tnbrt:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .imsxCM {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .imsxCM .is-selected::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .pxYjU {\n background-color: #1e2030;\n color: #cad3f5;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .ilLRrZ {\n color: #cad3f5;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .cnIHxk {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cnIHxk:disabled {\n background-color: #6e738d;\n color: #181926;\n }\n [data-color-mode=\"auto\"] .ghFpol {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .hVmCdl,\n [data-color-mode=\"auto\"] .fqKZNC,\n [data-color-mode=\"auto\"] .fZFWUy,\n [data-color-mode=\"auto\"] .kbjJSF,\n [data-color-mode=\"auto\"] .flKHtV,\n [data-color-mode=\"auto\"] .jolsUx,\n [data-color-mode=\"auto\"] .ekNmOn {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .klUZzf:not(:first-of-type) {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .jvpWzR:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jvpWzR[data-size=\"large\"][data-block=\"block\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .fZFWUy,\n [data-color-mode=\"auto\"] .fzjwje {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .cEYXBH {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .joxhcl,\n [data-color-mode=\"auto\"] .hXyJIp,\n [data-color-mode=\"auto\"] .fMkBhb > .segmentedControl-content {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .dVFmxu,\n [data-color-mode=\"auto\"] .gbKtit,\n [data-color-mode=\"auto\"] .lnKxja,\n [data-color-mode=\"auto\"] .jzwNMs {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dVFmxu svg,\n [data-color-mode=\"auto\"] .gbKtit svg,\n [data-color-mode=\"auto\"] .lnKxja svg,\n [data-color-mode=\"auto\"] .jzwNMs svg {\n fill: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .jzwNMs:hover .segmentedControl-content {\n background-color: #494d64;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hJMtSk {\n color: #181926;\n background-color: #a6da95;\n }\n [data-color-mode=\"auto\"] .hJMtSk:disabled {\n color: #181926;\n background-color: #6e738d;\n }\n [data-color-mode=\"auto\"] .iDiUTR {\n color: #cad3f5;\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .iDiUTR:hover {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eQfJKc,\n [data-color-mode=\"auto\"] .UHWYv {\n color: #ed8796;\n }\n [data-color-mode=\"auto\"] .jVIqnb {\n color: #ed8796;\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jVIqnb:hover {\n color: #24273a;\n background-color: #ed8796;\n }\n [data-color-mode=\"auto\"] .UHWYv:hover {\n background-color: rgba(237, 135, 150, 0.2);\n }\n [data-color-mode=\"auto\"] .lmmHGT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hYdbWk,\n [data-color-mode=\"auto\"] .gkeKEr,\n [data-color-mode=\"auto\"] .jzcCeu,\n [data-color-mode=\"auto\"] .iGxiw,\n [data-color-mode=\"auto\"] .ixFSpw,\n [data-color-mode=\"auto\"] .koxWOe,\n [data-color-mode=\"auto\"] .gkWKRr,\n [data-color-mode=\"auto\"] .ikaTJo > svg,\n [data-color-mode=\"auto\"] .dcGHGc,\n [data-color-mode=\"auto\"] .dzMFih,\n [data-color-mode=\"auto\"] .hYdbWk::before,\n [data-color-mode=\"auto\"] .ixFSpw::before,\n [data-color-mode=\"auto\"] .dSHKOE {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .gkWKRr {\n border-top-color: #363a4f;\n border-right-color: #363a4f;\n border-left-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hPQRKh {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hPQRKh:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hPQRKh[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .kfwhFa:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .jykkjb {\n background-color: #24273a;\n box-shadow: #181926 0px -2px 0px inset, #181926 0px 1px 0px inset;\n }\n [data-color-mode=\"auto\"] .jhjELj,\n [data-color-mode=\"auto\"] .ixTUPS {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gmscZx:hover:not([disabled]),\n [data-color-mode=\"auto\"] .fUaEiu:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] .fUaEiu[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .gmscZx[data-size=\"small\"],\n [data-color-mode=\"auto\"] .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"auto\"] .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .cBssZb {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jhjELj::before {\n border-color: transparent transparent #494d64;\n }\n [data-color-mode=\"auto\"] .fHpqaf,\n [data-color-mode=\"auto\"] .bfQVnA,\n [data-color-mode=\"auto\"] .iGxiw,\n [data-color-mode=\"auto\"] .fUzagb,\n [data-color-mode=\"auto\"] .gisjeK,\n [data-color-mode=\"auto\"] .iQkwAM {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] smt {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] smt:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .dtTTcd {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .dtTTcd.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .pQcjM {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .pQcjM.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .eTSXcP {\n background-color: #ed8796;\n }\n [data-color-mode=\"auto\"] .iGxiw {\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"auto\"] .brFBoI,\n [data-color-mode=\"auto\"] .ldUAkr,\n [data-color-mode=\"auto\"] .gtXnmh {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gWjhfa,\n [data-color-mode=\"auto\"] .jMdYTc {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .jMdYTc {\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .jMdYTc button {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .jMdYTc button:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jMdYTc button[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gwuIGu > a:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gwuIGu > a span {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .bJYdrf:hover {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .dSlCya:hover {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .hNNRLM,\n [data-color-mode=\"auto\"] .hGgJQu,\n [data-color-mode=\"auto\"] .hTcsdJ {\n background-color: #363a4f;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hNNRLM:hover,\n [data-color-mode=\"auto\"] .hGgJQu:hover,\n [data-color-mode=\"auto\"] .hTcsdJ:hover {\n background-color: #494d64;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eOIzRT {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .eOIzRT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hNNRLM svg {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .react-last-commit-history-group:hover {\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .ContributionCalendar-day {\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-calendar-graph-day-bg: #363a4f;\n }\n [data-color-mode=\"auto\"] .tooltipped.tooltipped-s rect {\n fill: #a6da95 !important;\n }\n [data-color-mode=\"auto\"] .hfRvxg {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .hfRvxg:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .lbYguI {\n border-radius: 6px;\n }\n [data-color-mode=\"auto\"] .hPsWZB,\n [data-color-mode=\"auto\"] .bOUZZs {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: #24273a;\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > button:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hMOAua {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .hMOAua:hover {\n background-color: #1e2030;\n border: 1px solid #494d64;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hMCjFU,\n [data-color-mode=\"auto\"] .jcKsih,\n [data-color-mode=\"auto\"] .hpgNiv {\n background-color: #24273a;\n color: #cad3f5;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .hMCjFU:hover,\n [data-color-mode=\"auto\"] .jcKsih:hover,\n [data-color-mode=\"auto\"] .hpgNiv:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jfOCiu,\n [data-color-mode=\"auto\"] .gNXjVV,\n [data-color-mode=\"auto\"] .iGzDhH,\n [data-color-mode=\"auto\"] .Overlay {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"auto\"] .jfOCiu li {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .kRbyXo {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .VgnWi {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .VgnWi:focus-within {\n border-color: #b7bdf8;\n box-shadow: #b7bdf8 0px 0px 0px 1px inset;\n }\n [data-color-mode=\"auto\"] .bAKGFC {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .bdMlHy {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jMyfUO.selected {\n border-color: #494d64;\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .bPgnBp {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] kbd {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] select option,\n [data-color-mode=\"auto\"] optgroup {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"auto\"] .hUQSCH {\n background-color: #24273a;\n color: #b8c0e0;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hUQSCH:hover {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .dQPLyc {\n background-color: transparent;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .ktGGEf {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .gkfBtX {\n background-color: #1e2030;\n border-radius: 6px 0px 0px 0px;\n border-bottom: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .jproXT:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jproXT:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .wLDmP {\n background-color: #1e2030;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .eNSiNz .segmentedControl-content,\n [data-color-mode=\"auto\"] .gKuCoB .segmentedControl-content {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .notifications-list-item.notification-read,\n [data-color-mode=\"auto\"] .notifications-list-item.notification-archived {\n background-color: #24273a !important;\n }\n [data-color-mode=\"auto\"] .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"auto\"] .notifications-list-item.notification-archived:last-child {\n border-bottom-left-radius: 6px;\n }\n [data-color-mode=\"auto\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .search-results-page {\n background-color: #24273a;\n }\n }\n @media (prefers-color-scheme: light) and (hover: hover) and (pointer: fine) {\n [data-color-mode=\"auto\"] .rLhXz:hover:not([aria-disabled]) {\n background-color: #363a4f;\n }\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark {\n --color-workflow-card-connector: #6e738d;\n --color-workflow-card-connector-bg: #6e738d;\n --color-workflow-card-connector-inactive: #494d64;\n --color-workflow-card-connector-inactive-bg: #494d64;\n --color-workflow-card-connector-highlight: #b7bdf8;\n --color-workflow-card-connector-highlight-bg: #b7bdf8;\n --color-workflow-card-bg: #494d64;\n --color-workflow-card-inactive-bg: #363a4f;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: rgba(138, 173, 244, 0.15);\n --color-workflow-card-progress-incomplete-bg: #494d64;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: #cad3f5;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: #363a4f;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: #cad3f5;\n /* Buttons */\n /* Create PR button & New branch button */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Labels */\n /* Search */\n /* Tags */\n /* Misc */\n /* Large notification */\n /* Button Fix */\n /* Button selection Fix */\n /* Darker bg for new AppHeader */\n /* Headers */\n /* New change visibility box star and watcher preview buttons Fix */\n /* New change visibility box danger buttons Fix */\n /* 2FA authentication box header Fix */\n /* Footer Logo Fix */\n /* Footer text hover fix */\n /* Notifications */\n /* Keyboard hint */\n /* Merge icon */\n /* Branch indicator */\n /* File view */\n /* Projects */\n /* Project table view */\n /* Tree Fix */\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional*/\n /* New Repository Overview Fix */\n /* Buttons */\n /* Scrolling top menu */\n /* Fullscreen Sidebar Fixes*/\n /* Dropdown Menus */\n /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark,\n [data-color-mode=\"dark\"] body,\n [data-color-mode=\"auto\"] > .theme-dark body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: #24273a;\n --color-marketing-icon-primary: #91d7e3;\n --color-marketing-icon-secondary: #8aadf4;\n --color-diff-blob-addition-num-text: #cad3f5;\n --color-diff-blob-addition-fg: #cad3f5;\n --color-diff-blob-addition-num-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-addition-line-bg: rgba(166, 218, 149, 0.15);\n --color-diff-blob-addition-word-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-deletion-num-text: #cad3f5;\n --color-diff-blob-deletion-fg: #cad3f5;\n --color-diff-blob-deletion-num-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-deletion-line-bg: rgba(237, 135, 150, 0.15);\n --color-diff-blob-deletion-word-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-hunk-num-bg: rgba(138, 173, 244, 0.4);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: #a6da95;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: #c6a0f6;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: #1e2030;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: #cad3f5;\n --color-checks-text-secondary: #b8c0e0;\n --color-checks-text-link: #7dc4e4;\n --color-checks-btn-icon: #cad3f5;\n --color-checks-btn-hover-icon: #cad3f5;\n --color-checks-btn-hover-bg: #181926;\n --color-checks-input-text: #494d64;\n --color-checks-input-placeholder-text: #b8c0e0;\n --color-checks-input-focus-text: #cad3f5;\n --color-checks-input-bg: #363a4f;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: #ed8796;\n --color-checks-donut-pending: #f5a97f;\n --color-checks-donut-success: #a6da95;\n --color-checks-donut-neutral: #939ab7;\n --color-checks-dropdown-text: #cad3f5;\n --color-checks-dropdown-bg: #363a4f;\n --color-checks-dropdown-border: #494d64;\n --color-checks-dropdown-shadow: #181926;\n --color-checks-dropdown-hover-text: #a5adcb;\n --color-checks-dropdown-hover-bg: #1e2030;\n --color-checks-dropdown-btn-hover-text: #cad3f5;\n --color-checks-dropdown-btn-hover-bg: #1e2030;\n --color-checks-scrollbar-thumb-bg: #1e2030;\n --color-checks-header-label-text: #cad3f5;\n --color-checks-header-label-open-text: #b7bdf8;\n --color-checks-header-border: #363a4f;\n --color-checks-header-icon: #cad3f5;\n --color-checks-line-text: #a5adcb;\n --color-checks-line-num-text: #a5adcb;\n --color-checks-line-timestamp-text: #a5adcb;\n --color-checks-line-hover-bg: #363a4f;\n --color-checks-line-selected-bg: #363a4f;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: #cad3f5;\n --color-checks-gate-waiting-text: #eed49f;\n --color-checks-step-header-open-bg: #363a4f;\n --color-checks-step-error-text: #ee99a0;\n --color-checks-step-warning-text: #f5a97f;\n --color-checks-logline-text: #cad3f5;\n --color-checks-logline-num-text: #cad3f5;\n --color-checks-logline-debug-text: #c6a0f6;\n --color-checks-logline-error-text: #cad3f5;\n --color-checks-logline-error-num-text: #ee99a0;\n --color-checks-logline-error-bg: rgba(238, 153, 160, 0.15);\n --color-checks-logline-warning-text: #b8c0e0;\n --color-checks-logline-warning-num-text: #f5a97f;\n --color-checks-logline-warning-bg: rgba(245, 169, 127, 0.15);\n --color-checks-logline-command-text: #8aadf4;\n --color-checks-logline-section-text: #a6da95;\n --color-checks-ansi-black: #494d64;\n --color-checks-ansi-black-bright: #5b6078;\n --color-checks-ansi-white: #b8c0e0;\n --color-checks-ansi-white-bright: #a5adcb;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: #ed8796;\n --color-checks-ansi-red-bright: #ed8796;\n --color-checks-ansi-green: #a6da95;\n --color-checks-ansi-green-bright: #a6da95;\n --color-checks-ansi-yellow: #eed49f;\n --color-checks-ansi-yellow-bright: #eed49f;\n --color-checks-ansi-blue: #8aadf4;\n --color-checks-ansi-blue-bright: #8aadf4;\n --color-checks-ansi-magenta: #f5bde6;\n --color-checks-ansi-magenta-bright: #f5bde6;\n --color-checks-ansi-cyan: #8bd5ca;\n --color-checks-ansi-cyan-bright: #8bd5ca;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: #ffffff 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: #24273a;\n --color-header-bg: #1e2030;\n --color-header-divider: #8b949e;\n --color-header-logo: #cad3f5;\n --color-header-search-bg: #363a4f;\n --color-header-search-border: #494d64;\n --color-sidenav-selected-bg: #494d64;\n --color-menu-bg-active: #5b6078;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: #363a4f;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #ffffff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: #5b6078;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: #5b6078;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: #bfd5d8;\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: #b8d7c5;\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: #729271;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #ffffff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: #a5adcb;\n --color-btn-outline-disabled-bg: #5b6078;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n --color-btn-danger-text: #24273a;\n --color-btn-danger-bg: #ed8796;\n --color-btn-danger-border: transparent;\n --color-btn-danger-shadow: 0 0 transparent;\n --color-btn-danger-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-bg: #d4bcd9;\n --color-btn-danger-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-selected-bg: #dcadc6;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: #181926;\n --color-btn-danger-disabled-bg: #9d6171;\n --color-btn-danger-disabled-border: transparent;\n --color-btn-danger-focus-bg: #238636;\n --color-btn-danger-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-danger-icon: #24273a;\n --color-btn-danger-counter-bg: rgba(255, 255, 255, 0.2);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #363a4f;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: #494d64;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: #cad3f5;\n --color-fg-muted: #b8c0e0;\n --color-fg-subtle: #b8c0e0;\n --color-fg-on-emphasis: #24273a;\n --color-canvas-default: #24273a;\n --color-canvas-overlay: #1e2030;\n --color-canvas-inset: #363a4f;\n --color-canvas-subtle: #1e2030;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px #181926;\n --color-shadow-large: 0 8px 24px #181926;\n --color-shadow-extra-large: 0 12px 48px #181926;\n --color-neutral-emphasis-plus: #6e738d;\n --color-neutral-emphasis: #939ab7;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n --color-success-fg: #a6da95;\n --color-success-emphasis: #a6da95;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: #ed8796;\n --color-danger-emphasis: #ed8796;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: #ed8796;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n [data-color-mode=\"dark\"] .btn-danger,\n [data-color-mode=\"auto\"] > .theme-dark .btn-danger,\n [data-color-mode=\"dark\"] .Button--danger,\n [data-color-mode=\"auto\"] > .theme-dark .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"dark\"] .iRoQzU,\n [data-color-mode=\"auto\"] > .theme-dark .iRoQzU,\n [data-color-mode=\"dark\"] .ifkUYV,\n [data-color-mode=\"auto\"] > .theme-dark .ifkUYV,\n [data-color-mode=\"dark\"] .bOZDzN,\n [data-color-mode=\"auto\"] > .theme-dark .bOZDzN {\n background-color: #a6da95;\n color: #24273a;\n }\n [data-color-mode=\"dark\"] .jenxrv,\n [data-color-mode=\"auto\"] > .theme-dark .jenxrv {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .fHiIQb,\n [data-color-mode=\"auto\"] > .theme-dark .fHiIQb {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .idPXPh,\n [data-color-mode=\"auto\"] > .theme-dark .idPXPh,\n [data-color-mode=\"dark\"] .epAEYw,\n [data-color-mode=\"auto\"] > .theme-dark .epAEYw {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .header-search-button.placeholder,\n [data-color-mode=\"auto\"] > .theme-dark .header-search-button.placeholder {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hx_IssueLabel,\n [data-color-mode=\"auto\"] > .theme-dark .hx_IssueLabel {\n --text: #cad3f5;\n }\n [data-color-mode=\"dark\"] .Label,\n [data-color-mode=\"auto\"] > .theme-dark .Label {\n color: var(--color-accent-fg);\n background-color: #363a4f;\n border-color: transparent;\n }\n [data-color-mode=\"dark\"] .Label--secondary,\n [data-color-mode=\"auto\"] > .theme-dark .Label--secondary {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .Label--success,\n [data-color-mode=\"auto\"] > .theme-dark .Label--success {\n color: #24273a;\n background-color: #a6da95;\n }\n [data-color-mode=\"dark\"] .Label--danger,\n [data-color-mode=\"auto\"] > .theme-dark .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n [data-color-mode=\"dark\"] .timeline-comment-header .Label,\n [data-color-mode=\"auto\"] > .theme-dark .timeline-comment-header .Label,\n [data-color-mode=\"dark\"] .timeline-comment .Label,\n [data-color-mode=\"auto\"] > .theme-dark .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n [data-color-mode=\"dark\"] .header-search-input,\n [data-color-mode=\"auto\"] > .theme-dark .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"dark\"] .header-search-input::placeholder,\n [data-color-mode=\"auto\"] > .theme-dark .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"dark\"] .topic-tag,\n [data-color-mode=\"auto\"] > .theme-dark .topic-tag {\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n }\n [data-color-mode=\"dark\"] .col-md-8,\n [data-color-mode=\"auto\"] > .theme-dark .col-md-8 {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .user-mention,\n [data-color-mode=\"auto\"] > .theme-dark .user-mention,\n [data-color-mode=\"dark\"] .team-mention,\n [data-color-mode=\"auto\"] > .theme-dark .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n [data-color-mode=\"auto\"] > .theme-dark .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"dark\"] .starred .starred-button-icon,\n [data-color-mode=\"auto\"] > .theme-dark .starred .starred-button-icon {\n color: #eed49f;\n }\n [data-color-mode=\"dark\"] .flash,\n [data-color-mode=\"auto\"] > .theme-dark .flash {\n background: #1e2030;\n border-color: transparent;\n }\n [data-color-mode=\"dark\"] .color-bg-subtle,\n [data-color-mode=\"auto\"] > .theme-dark .color-bg-subtle {\n background-color: transparent !important;\n }\n [data-color-mode=\"dark\"] .command-palette-details-dialog .color-bg-subtle,\n [data-color-mode=\"auto\"] > .theme-dark .command-palette-details-dialog .color-bg-subtle {\n background-color: #363a4f !important;\n }\n [data-color-mode=\"dark\"] .navigation-item[aria-selected=\"true\"] .color-fg-muted,\n [data-color-mode=\"auto\"] > .theme-dark .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: #24273a !important;\n }\n [data-color-mode=\"dark\"] .AppHeader,\n [data-color-mode=\"auto\"] > .theme-dark .AppHeader {\n background: var(--color-header-bg);\n }\n [data-color-mode=\"dark\"] h1,\n [data-color-mode=\"auto\"] > .theme-dark h1,\n [data-color-mode=\"dark\"] h2,\n [data-color-mode=\"auto\"] > .theme-dark h2,\n [data-color-mode=\"dark\"] h3,\n [data-color-mode=\"auto\"] > .theme-dark h3,\n [data-color-mode=\"dark\"] h4,\n [data-color-mode=\"auto\"] > .theme-dark h4,\n [data-color-mode=\"dark\"] h5,\n [data-color-mode=\"auto\"] > .theme-dark h5,\n [data-color-mode=\"dark\"] h6,\n [data-color-mode=\"auto\"] > .theme-dark h6 {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] #check-step-header-title,\n [data-color-mode=\"auto\"] > .theme-dark #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n [data-color-mode=\"dark\"] ::selection,\n [data-color-mode=\"auto\"] > .theme-dark ::selection {\n background: #5b6078 !important;\n }\n [data-color-mode=\"dark\"] .btn.color-fg-danger.cursor-default,\n [data-color-mode=\"auto\"] > .theme-dark .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"dark\"] .btn.color-fg-danger.cursor-default:hover,\n [data-color-mode=\"auto\"] > .theme-dark .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n [data-color-mode=\"dark\"] .btn.color-fg-danger.cursor-default > svg.octicon,\n [data-color-mode=\"auto\"] > .theme-dark .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n [data-color-mode=\"dark\"] :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]),\n [data-color-mode=\"auto\"] > .theme-dark :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"dark\"] body.session-authentication div.Box-header,\n [data-color-mode=\"auto\"] > .theme-dark body.session-authentication div.Box-header {\n background-color: inherit;\n }\n [data-color-mode=\"dark\"] .footer-octicon > svg:nth-child(1) > path:nth-child(1),\n [data-color-mode=\"auto\"] > .theme-dark .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: #cad3f5;\n }\n [data-color-mode=\"dark\"] .footer nav.col-12 *,\n [data-color-mode=\"auto\"] > .theme-dark .footer nav.col-12 * {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"dark\"] .notification-indicator .mail-status,\n [data-color-mode=\"auto\"] > .theme-dark .notification-indicator .mail-status {\n background-image: none;\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .bdgUpN,\n [data-color-mode=\"auto\"] > .theme-dark .bdgUpN,\n [data-color-mode=\"dark\"] .hZMmEi .TextInput-icon,\n [data-color-mode=\"auto\"] > .theme-dark .hZMmEi .TextInput-icon,\n [data-color-mode=\"dark\"] .hZMmEi .TextInput-action,\n [data-color-mode=\"auto\"] > .theme-dark .hZMmEi .TextInput-action {\n color: #cad3f5;\n background-color: #1e2030;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .fMJQEf,\n [data-color-mode=\"auto\"] > .theme-dark .fMJQEf {\n color: #cad3f5;\n background-color: #6e738d;\n }\n [data-color-mode=\"dark\"] .iVNDSi,\n [data-color-mode=\"auto\"] > .theme-dark .iVNDSi {\n color: #b7bdf8;\n background-color: rgba(183, 189, 248, 0.1);\n }\n [data-color-mode=\"dark\"] .hwnsNO,\n [data-color-mode=\"auto\"] > .theme-dark .hwnsNO {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hwnsNO th,\n [data-color-mode=\"auto\"] > .theme-dark .hwnsNO th {\n background: #1e2030;\n }\n [data-color-mode=\"dark\"] .dXveNa[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .dXveNa[data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .dXveNa,\n [data-color-mode=\"auto\"] > .theme-dark .dXveNa,\n [data-color-mode=\"dark\"] .kbjJSF,\n [data-color-mode=\"auto\"] > .theme-dark .kbjJSF {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gUecKw,\n [data-color-mode=\"auto\"] > .theme-dark .gUecKw,\n [data-color-mode=\"dark\"] .lcpiaz,\n [data-color-mode=\"auto\"] > .theme-dark .lcpiaz,\n [data-color-mode=\"dark\"] .jolsUx,\n [data-color-mode=\"auto\"] > .theme-dark .jolsUx,\n [data-color-mode=\"dark\"] .fsSggy,\n [data-color-mode=\"auto\"] > .theme-dark .fsSggy {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .Cxvmo,\n [data-color-mode=\"auto\"] > .theme-dark .Cxvmo,\n [data-color-mode=\"dark\"] .dhYcqs,\n [data-color-mode=\"auto\"] > .theme-dark .dhYcqs {\n color: #ed8796;\n }\n [data-color-mode=\"dark\"] .byJIBD,\n [data-color-mode=\"auto\"] > .theme-dark .byJIBD,\n [data-color-mode=\"dark\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n [data-color-mode=\"auto\"] > .theme-dark .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"dark\"] .lmmHGT:not(:first-of-type),\n [data-color-mode=\"auto\"] > .theme-dark .lmmHGT:not(:first-of-type),\n [data-color-mode=\"dark\"] .fOEJrA,\n [data-color-mode=\"auto\"] > .theme-dark .fOEJrA,\n [data-color-mode=\"dark\"] .fnFdxN,\n [data-color-mode=\"auto\"] > .theme-dark .fnFdxN,\n [data-color-mode=\"dark\"] .huABLg,\n [data-color-mode=\"auto\"] > .theme-dark .huABLg,\n [data-color-mode=\"dark\"] .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"dark\"] .cwSUxL,\n [data-color-mode=\"auto\"] > .theme-dark .cwSUxL,\n [data-color-mode=\"dark\"] .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .jvzHAP,\n [data-color-mode=\"auto\"] > .theme-dark .jvzHAP,\n [data-color-mode=\"dark\"] .hPIyzG,\n [data-color-mode=\"auto\"] > .theme-dark .hPIyzG,\n [data-color-mode=\"dark\"] .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"dark\"] .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .kKFNhh,\n [data-color-mode=\"auto\"] > .theme-dark .kKFNhh,\n [data-color-mode=\"dark\"] .lnXbGs,\n [data-color-mode=\"auto\"] > .theme-dark .lnXbGs,\n [data-color-mode=\"dark\"] .dTxwit,\n [data-color-mode=\"auto\"] > .theme-dark .dTxwit {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .gssqTz,\n [data-color-mode=\"auto\"] > .theme-dark .gssqTz {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"dark\"] .bPgnBp,\n [data-color-mode=\"auto\"] > .theme-dark .bPgnBp,\n [data-color-mode=\"dark\"] .jMyfUO,\n [data-color-mode=\"auto\"] > .theme-dark .jMyfUO,\n [data-color-mode=\"dark\"] .cBrzIN,\n [data-color-mode=\"auto\"] > .theme-dark .cBrzIN {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"dark\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"dark\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"dark\"] .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"dark\"] .icOaJE:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .icOaJE:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .icOaJE[aria-pressed=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .icOaJE[aria-pressed=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .cZRqXf,\n [data-color-mode=\"auto\"] > .theme-dark .cZRqXf {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .cZRqXf:active:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .cZRqXf:active:not([disabled]),\n [data-color-mode=\"dark\"] .cZRqXf[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .cZRqXf[aria-expanded=\"true\"] {\n border-color: #5b6078;\n }\n [data-color-mode=\"dark\"] .cZRqXf:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .cZRqXf:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .kdEavw,\n [data-color-mode=\"auto\"] > .theme-dark .kdEavw,\n [data-color-mode=\"dark\"] .ddNLNa,\n [data-color-mode=\"auto\"] > .theme-dark .ddNLNa,\n [data-color-mode=\"dark\"] .jepClM,\n [data-color-mode=\"auto\"] > .theme-dark .jepClM,\n [data-color-mode=\"dark\"] .gTeenv,\n [data-color-mode=\"auto\"] > .theme-dark .gTeenv,\n [data-color-mode=\"dark\"] .VplrY,\n [data-color-mode=\"auto\"] > .theme-dark .VplrY {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .kdEavw:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .kdEavw:hover:not([disabled]),\n [data-color-mode=\"dark\"] .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"dark\"] .jepClM:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .jepClM:hover:not([disabled]),\n [data-color-mode=\"dark\"] .gTeenv:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .gTeenv:hover:not([disabled]),\n [data-color-mode=\"dark\"] .VplrY:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .VplrY:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .juEfKr,\n [data-color-mode=\"auto\"] > .theme-dark .juEfKr {\n border-color: #5b6078;\n }\n [data-color-mode=\"dark\"] .eUqMHM,\n [data-color-mode=\"auto\"] > .theme-dark .eUqMHM,\n [data-color-mode=\"dark\"] .hSXtjz,\n [data-color-mode=\"auto\"] > .theme-dark .hSXtjz {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-dark .gtXnmh,\n [data-color-mode=\"dark\"] .ukUXs,\n [data-color-mode=\"auto\"] > .theme-dark .ukUXs,\n [data-color-mode=\"dark\"] .giEfVQ,\n [data-color-mode=\"auto\"] > .theme-dark .giEfVQ,\n [data-color-mode=\"dark\"] .cKvNNO,\n [data-color-mode=\"auto\"] > .theme-dark .cKvNNO,\n [data-color-mode=\"dark\"] .evdFFE,\n [data-color-mode=\"auto\"] > .theme-dark .evdFFE,\n [data-color-mode=\"dark\"] .kTUxDY,\n [data-color-mode=\"auto\"] > .theme-dark .kTUxDY {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] > .theme-dark .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"dark\"] .hYaoHV,\n [data-color-mode=\"auto\"] > .theme-dark .hYaoHV,\n [data-color-mode=\"dark\"] .rLhXz,\n [data-color-mode=\"auto\"] > .theme-dark .rLhXz,\n [data-color-mode=\"dark\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-dark .gtXnmh,\n [data-color-mode=\"dark\"] .lmmHGT,\n [data-color-mode=\"auto\"] > .theme-dark .lmmHGT,\n [data-color-mode=\"dark\"] .dEmXPQ,\n [data-color-mode=\"auto\"] > .theme-dark .dEmXPQ {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .bJBoUI,\n [data-color-mode=\"auto\"] > .theme-dark .bJBoUI,\n [data-color-mode=\"dark\"] .iJtJJh,\n [data-color-mode=\"auto\"] > .theme-dark .iJtJJh {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .lhyFLG,\n [data-color-mode=\"auto\"] > .theme-dark .lhyFLG {\n background-color: #1e2030;\n border-top: 1px solid #494d64;\n border-right-color: #494d64;\n border-bottom-color: #494d64;\n border-left-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hUWqlv,\n [data-color-mode=\"auto\"] > .theme-dark .hUWqlv,\n [data-color-mode=\"dark\"] .bJcMWH,\n [data-color-mode=\"auto\"] > .theme-dark .bJcMWH {\n color: #8aadf4;\n }\n [data-color-mode=\"dark\"] .Link__StyledLink-sc-14289xe-0.ifbDxt,\n [data-color-mode=\"auto\"] > .theme-dark .Link__StyledLink-sc-14289xe-0.ifbDxt {\n color: #8aadf4;\n }\n [data-color-mode=\"dark\"] .Link__StyledLink-sc-14289xe-0.ifbDxt:hover,\n [data-color-mode=\"auto\"] > .theme-dark .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n background-color: rgba(138, 173, 244, 0.4);\n }\n [data-color-mode=\"dark\"] .cxcvTj,\n [data-color-mode=\"auto\"] > .theme-dark .cxcvTj,\n [data-color-mode=\"dark\"] .Box-sc-g0xbh4-0.grSspY button,\n [data-color-mode=\"auto\"] > .theme-dark .Box-sc-g0xbh4-0.grSspY button {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gxGEao,\n [data-color-mode=\"auto\"] > .theme-dark .gxGEao {\n border-bottom-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] > .theme-dark .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after,\n [data-color-mode=\"auto\"] > .theme-dark .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .dfAUyE .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .dfAUyE .segmentedControl-content,\n [data-color-mode=\"dark\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .gKuCoB .segmentedControl-content,\n [data-color-mode=\"dark\"] .bFrOJy .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .bFrOJy .segmentedControl-content {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .cuqBaK,\n [data-color-mode=\"auto\"] > .theme-dark .cuqBaK,\n [data-color-mode=\"dark\"] .fCAAcl,\n [data-color-mode=\"auto\"] > .theme-dark .fCAAcl,\n [data-color-mode=\"dark\"] .dAXkSP,\n [data-color-mode=\"auto\"] > .theme-dark .dAXkSP {\n color: #cad3f5;\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .dAXkSP:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .dAXkSP:hover .segmentedControl-content {\n background: #363a4f;\n }\n @media (hover: hover) and (pointer: fine) {\n [data-color-mode=\"dark\"] .rLhXz:hover:not([aria-disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .rLhXz:hover:not([aria-disabled]) {\n background-color: #363a4f;\n }\n }\n [data-color-mode=\"dark\"] .ksbilD,\n [data-color-mode=\"auto\"] > .theme-dark .ksbilD,\n [data-color-mode=\"dark\"] .cuaLcW,\n [data-color-mode=\"auto\"] > .theme-dark .cuaLcW,\n [data-color-mode=\"dark\"] .joCMLT,\n [data-color-mode=\"auto\"] > .theme-dark .joCMLT,\n [data-color-mode=\"dark\"] .jClMHS,\n [data-color-mode=\"auto\"] > .theme-dark .jClMHS,\n [data-color-mode=\"dark\"] .jhjELj,\n [data-color-mode=\"auto\"] > .theme-dark .jhjELj,\n [data-color-mode=\"dark\"] .diDjDG,\n [data-color-mode=\"auto\"] > .theme-dark .diDjDG,\n [data-color-mode=\"dark\"] .gFuKCf,\n [data-color-mode=\"auto\"] > .theme-dark .gFuKCf,\n [data-color-mode=\"dark\"] .dHdESs,\n [data-color-mode=\"auto\"] > .theme-dark .dHdESs,\n [data-color-mode=\"dark\"] .hpfKPO,\n [data-color-mode=\"auto\"] > .theme-dark .hpfKPO,\n [data-color-mode=\"dark\"] .jdgyJn,\n [data-color-mode=\"auto\"] > .theme-dark .jdgyJn,\n [data-color-mode=\"dark\"] .iInViE,\n [data-color-mode=\"auto\"] > .theme-dark .iInViE,\n [data-color-mode=\"dark\"] .brqMal,\n [data-color-mode=\"auto\"] > .theme-dark .brqMal,\n [data-color-mode=\"dark\"] .AbCTW,\n [data-color-mode=\"auto\"] > .theme-dark .AbCTW {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .jEgFtJ,\n [data-color-mode=\"auto\"] > .theme-dark .jEgFtJ,\n [data-color-mode=\"dark\"] .lixtXZ:hover,\n [data-color-mode=\"auto\"] > .theme-dark .lixtXZ:hover,\n [data-color-mode=\"dark\"] .eNIoFu,\n [data-color-mode=\"auto\"] > .theme-dark .eNIoFu,\n [data-color-mode=\"dark\"] .idPXPh:hover,\n [data-color-mode=\"auto\"] > .theme-dark .idPXPh:hover,\n [data-color-mode=\"dark\"] .fdORwV,\n [data-color-mode=\"auto\"] > .theme-dark .fdORwV,\n [data-color-mode=\"dark\"] .cjFogo,\n [data-color-mode=\"auto\"] > .theme-dark .cjFogo,\n [data-color-mode=\"dark\"] .gIOnJa,\n [data-color-mode=\"auto\"] > .theme-dark .gIOnJa {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jBCpbB,\n [data-color-mode=\"auto\"] > .theme-dark .jBCpbB {\n color: #cad3f5;\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .kzrUhn.selected,\n [data-color-mode=\"auto\"] > .theme-dark .kzrUhn.selected {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .esIQoN,\n [data-color-mode=\"auto\"] > .theme-dark .esIQoN,\n [data-color-mode=\"dark\"] .kbjJSF:disabled,\n [data-color-mode=\"auto\"] > .theme-dark .kbjJSF:disabled {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .eJTCnd,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd,\n [data-color-mode=\"dark\"] .eTthoV,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV {\n border-color: #363a4f;\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .eJTCnd .fixINc,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd .fixINc,\n [data-color-mode=\"dark\"] .eTthoV .fixINc,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV .fixINc,\n [data-color-mode=\"dark\"] .eJTCnd .eDZJqt,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd .eDZJqt,\n [data-color-mode=\"dark\"] .eTthoV .eDZJqt,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV .eDZJqt {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .eJTCnd .bniVFX,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd .bniVFX,\n [data-color-mode=\"dark\"] .eTthoV .bniVFX,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV .bniVFX,\n [data-color-mode=\"dark\"] .eJTCnd .jtlytA,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd .jtlytA,\n [data-color-mode=\"dark\"] .eTthoV .jtlytA,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV .jtlytA {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .ikTPpF,\n [data-color-mode=\"auto\"] > .theme-dark .ikTPpF {\n box-shadow: #24273a 0px 3px 6px;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .cvveTk,\n [data-color-mode=\"auto\"] > .theme-dark .cvveTk,\n [data-color-mode=\"dark\"] .dwoION,\n [data-color-mode=\"auto\"] > .theme-dark .dwoION {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .FKGWN,\n [data-color-mode=\"auto\"] > .theme-dark .FKGWN {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jPHlsW::after,\n [data-color-mode=\"auto\"] > .theme-dark .jPHlsW::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .khCtfm:hover,\n [data-color-mode=\"auto\"] > .theme-dark .khCtfm:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .bWlbEI,\n [data-color-mode=\"auto\"] > .theme-dark .bWlbEI,\n [data-color-mode=\"dark\"] .hzIORV,\n [data-color-mode=\"auto\"] > .theme-dark .hzIORV {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .khCtfm,\n [data-color-mode=\"auto\"] > .theme-dark .khCtfm,\n [data-color-mode=\"dark\"] .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-dark .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"dark\"] .Tnbrt[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .Tnbrt:active,\n [data-color-mode=\"auto\"] > .theme-dark .Tnbrt:active,\n [data-color-mode=\"dark\"] .Tnbrt[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .Tnbrt[aria-expanded=\"true\"] {\n background-color: #5b6078;\n }\n [data-color-mode=\"dark\"] .Tnbrt:hover,\n [data-color-mode=\"auto\"] > .theme-dark .Tnbrt:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .imsxCM,\n [data-color-mode=\"auto\"] > .theme-dark .imsxCM {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .imsxCM .is-selected::after,\n [data-color-mode=\"auto\"] > .theme-dark .imsxCM .is-selected::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .pxYjU,\n [data-color-mode=\"auto\"] > .theme-dark .pxYjU {\n background-color: #1e2030;\n color: #cad3f5;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .ilLRrZ,\n [data-color-mode=\"auto\"] > .theme-dark .ilLRrZ {\n color: #cad3f5;\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .cnIHxk,\n [data-color-mode=\"auto\"] > .theme-dark .cnIHxk {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .cnIHxk:disabled,\n [data-color-mode=\"auto\"] > .theme-dark .cnIHxk:disabled {\n background-color: #6e738d;\n color: #181926;\n }\n [data-color-mode=\"dark\"] .ghFpol,\n [data-color-mode=\"auto\"] > .theme-dark .ghFpol {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .hVmCdl,\n [data-color-mode=\"auto\"] > .theme-dark .hVmCdl,\n [data-color-mode=\"dark\"] .fqKZNC,\n [data-color-mode=\"auto\"] > .theme-dark .fqKZNC,\n [data-color-mode=\"dark\"] .fZFWUy,\n [data-color-mode=\"auto\"] > .theme-dark .fZFWUy,\n [data-color-mode=\"dark\"] .kbjJSF,\n [data-color-mode=\"auto\"] > .theme-dark .kbjJSF,\n [data-color-mode=\"dark\"] .flKHtV,\n [data-color-mode=\"auto\"] > .theme-dark .flKHtV,\n [data-color-mode=\"dark\"] .jolsUx,\n [data-color-mode=\"auto\"] > .theme-dark .jolsUx,\n [data-color-mode=\"dark\"] .ekNmOn,\n [data-color-mode=\"auto\"] > .theme-dark .ekNmOn {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"dark\"] .klUZzf:not(:first-of-type),\n [data-color-mode=\"auto\"] > .theme-dark .klUZzf:not(:first-of-type) {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .jvpWzR:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jvpWzR:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .jvpWzR[data-size=\"large\"][data-block=\"block\"],\n [data-color-mode=\"auto\"] > .theme-dark .jvpWzR[data-size=\"large\"][data-block=\"block\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .fZFWUy,\n [data-color-mode=\"auto\"] > .theme-dark .fZFWUy,\n [data-color-mode=\"dark\"] .fzjwje,\n [data-color-mode=\"auto\"] > .theme-dark .fzjwje {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .cEYXBH,\n [data-color-mode=\"auto\"] > .theme-dark .cEYXBH {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .joxhcl,\n [data-color-mode=\"auto\"] > .theme-dark .joxhcl,\n [data-color-mode=\"dark\"] .hXyJIp,\n [data-color-mode=\"auto\"] > .theme-dark .hXyJIp,\n [data-color-mode=\"dark\"] .fMkBhb > .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .fMkBhb > .segmentedControl-content {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .dVFmxu,\n [data-color-mode=\"auto\"] > .theme-dark .dVFmxu,\n [data-color-mode=\"dark\"] .gbKtit,\n [data-color-mode=\"auto\"] > .theme-dark .gbKtit,\n [data-color-mode=\"dark\"] .lnKxja,\n [data-color-mode=\"auto\"] > .theme-dark .lnKxja,\n [data-color-mode=\"dark\"] .jzwNMs,\n [data-color-mode=\"auto\"] > .theme-dark .jzwNMs {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .dVFmxu svg,\n [data-color-mode=\"auto\"] > .theme-dark .dVFmxu svg,\n [data-color-mode=\"dark\"] .gbKtit svg,\n [data-color-mode=\"auto\"] > .theme-dark .gbKtit svg,\n [data-color-mode=\"dark\"] .lnKxja svg,\n [data-color-mode=\"auto\"] > .theme-dark .lnKxja svg,\n [data-color-mode=\"dark\"] .jzwNMs svg,\n [data-color-mode=\"auto\"] > .theme-dark .jzwNMs svg {\n fill: #a5adcb;\n }\n [data-color-mode=\"dark\"] .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .jzwNMs:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .jzwNMs:hover .segmentedControl-content {\n background-color: #494d64;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hJMtSk,\n [data-color-mode=\"auto\"] > .theme-dark .hJMtSk {\n color: #181926;\n background-color: #a6da95;\n }\n [data-color-mode=\"dark\"] .hJMtSk:disabled,\n [data-color-mode=\"auto\"] > .theme-dark .hJMtSk:disabled {\n color: #181926;\n background-color: #6e738d;\n }\n [data-color-mode=\"dark\"] .iDiUTR,\n [data-color-mode=\"auto\"] > .theme-dark .iDiUTR {\n color: #cad3f5;\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .iDiUTR:hover,\n [data-color-mode=\"auto\"] > .theme-dark .iDiUTR:hover {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .eQfJKc,\n [data-color-mode=\"auto\"] > .theme-dark .eQfJKc,\n [data-color-mode=\"dark\"] .UHWYv,\n [data-color-mode=\"auto\"] > .theme-dark .UHWYv {\n color: #ed8796;\n }\n [data-color-mode=\"dark\"] .jVIqnb,\n [data-color-mode=\"auto\"] > .theme-dark .jVIqnb {\n color: #ed8796;\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jVIqnb:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jVIqnb:hover {\n color: #24273a;\n background-color: #ed8796;\n }\n [data-color-mode=\"dark\"] .UHWYv:hover,\n [data-color-mode=\"auto\"] > .theme-dark .UHWYv:hover {\n background-color: rgba(237, 135, 150, 0.2);\n }\n [data-color-mode=\"dark\"] .lmmHGT:hover,\n [data-color-mode=\"auto\"] > .theme-dark .lmmHGT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hYdbWk,\n [data-color-mode=\"auto\"] > .theme-dark .hYdbWk,\n [data-color-mode=\"dark\"] .gkeKEr,\n [data-color-mode=\"auto\"] > .theme-dark .gkeKEr,\n [data-color-mode=\"dark\"] .jzcCeu,\n [data-color-mode=\"auto\"] > .theme-dark .jzcCeu,\n [data-color-mode=\"dark\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-dark .iGxiw,\n [data-color-mode=\"dark\"] .ixFSpw,\n [data-color-mode=\"auto\"] > .theme-dark .ixFSpw,\n [data-color-mode=\"dark\"] .koxWOe,\n [data-color-mode=\"auto\"] > .theme-dark .koxWOe,\n [data-color-mode=\"dark\"] .gkWKRr,\n [data-color-mode=\"auto\"] > .theme-dark .gkWKRr,\n [data-color-mode=\"dark\"] .ikaTJo > svg,\n [data-color-mode=\"auto\"] > .theme-dark .ikaTJo > svg,\n [data-color-mode=\"dark\"] .dcGHGc,\n [data-color-mode=\"auto\"] > .theme-dark .dcGHGc,\n [data-color-mode=\"dark\"] .dzMFih,\n [data-color-mode=\"auto\"] > .theme-dark .dzMFih,\n [data-color-mode=\"dark\"] .hYdbWk::before,\n [data-color-mode=\"auto\"] > .theme-dark .hYdbWk::before,\n [data-color-mode=\"dark\"] .ixFSpw::before,\n [data-color-mode=\"auto\"] > .theme-dark .ixFSpw::before,\n [data-color-mode=\"dark\"] .dSHKOE,\n [data-color-mode=\"auto\"] > .theme-dark .dSHKOE {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .gkWKRr,\n [data-color-mode=\"auto\"] > .theme-dark .gkWKRr {\n border-top-color: #363a4f;\n border-right-color: #363a4f;\n border-left-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hPQRKh,\n [data-color-mode=\"auto\"] > .theme-dark .hPQRKh {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hPQRKh:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .hPQRKh:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hPQRKh[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .hPQRKh[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .kfwhFa:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .kfwhFa:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .jykkjb,\n [data-color-mode=\"auto\"] > .theme-dark .jykkjb {\n background-color: #24273a;\n box-shadow: #181926 0px -2px 0px inset, #181926 0px 1px 0px inset;\n }\n [data-color-mode=\"dark\"] .jhjELj,\n [data-color-mode=\"auto\"] > .theme-dark .jhjELj,\n [data-color-mode=\"dark\"] .ixTUPS,\n [data-color-mode=\"auto\"] > .theme-dark .ixTUPS {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gmscZx:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx:hover:not([disabled]),\n [data-color-mode=\"dark\"] .fUaEiu:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"dark\"] .fUaEiu[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"dark\"] .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"dark\"] .gmscZx[data-size=\"small\"],\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx[data-size=\"small\"],\n [data-color-mode=\"dark\"] .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"dark\"] .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .cBssZb,\n [data-color-mode=\"auto\"] > .theme-dark .cBssZb {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .jhjELj::before,\n [data-color-mode=\"auto\"] > .theme-dark .jhjELj::before {\n border-color: transparent transparent #494d64;\n }\n [data-color-mode=\"dark\"] .fHpqaf,\n [data-color-mode=\"auto\"] > .theme-dark .fHpqaf,\n [data-color-mode=\"dark\"] .bfQVnA,\n [data-color-mode=\"auto\"] > .theme-dark .bfQVnA,\n [data-color-mode=\"dark\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-dark .iGxiw,\n [data-color-mode=\"dark\"] .fUzagb,\n [data-color-mode=\"auto\"] > .theme-dark .fUzagb,\n [data-color-mode=\"dark\"] .gisjeK,\n [data-color-mode=\"auto\"] > .theme-dark .gisjeK,\n [data-color-mode=\"dark\"] .iQkwAM,\n [data-color-mode=\"auto\"] > .theme-dark .iQkwAM {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] smt,\n [data-color-mode=\"auto\"] > .theme-dark smt {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] smt:hover,\n [data-color-mode=\"auto\"] > .theme-dark smt:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .dtTTcd,\n [data-color-mode=\"auto\"] > .theme-dark .dtTTcd {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .dtTTcd.hoverable:hover,\n [data-color-mode=\"auto\"] > .theme-dark .dtTTcd.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .pQcjM,\n [data-color-mode=\"auto\"] > .theme-dark .pQcjM {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .pQcjM.hoverable:hover,\n [data-color-mode=\"auto\"] > .theme-dark .pQcjM.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .eTSXcP,\n [data-color-mode=\"auto\"] > .theme-dark .eTSXcP {\n background-color: #ed8796;\n }\n [data-color-mode=\"dark\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-dark .iGxiw {\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"dark\"] .brFBoI,\n [data-color-mode=\"auto\"] > .theme-dark .brFBoI,\n [data-color-mode=\"dark\"] .ldUAkr,\n [data-color-mode=\"auto\"] > .theme-dark .ldUAkr,\n [data-color-mode=\"dark\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-dark .gtXnmh {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gWjhfa,\n [data-color-mode=\"auto\"] > .theme-dark .gWjhfa,\n [data-color-mode=\"dark\"] .jMdYTc,\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .jMdYTc,\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc {\n border: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .jMdYTc button,\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc button {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .jMdYTc button:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc button:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jMdYTc button[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc button[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .gwuIGu > a:hover,\n [data-color-mode=\"auto\"] > .theme-dark .gwuIGu > a:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .gwuIGu > a span,\n [data-color-mode=\"auto\"] > .theme-dark .gwuIGu > a span {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .bJYdrf:hover,\n [data-color-mode=\"auto\"] > .theme-dark .bJYdrf:hover {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .dSlCya:hover,\n [data-color-mode=\"auto\"] > .theme-dark .dSlCya:hover {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .hNNRLM,\n [data-color-mode=\"auto\"] > .theme-dark .hNNRLM,\n [data-color-mode=\"dark\"] .hGgJQu,\n [data-color-mode=\"auto\"] > .theme-dark .hGgJQu,\n [data-color-mode=\"dark\"] .hTcsdJ,\n [data-color-mode=\"auto\"] > .theme-dark .hTcsdJ {\n background-color: #363a4f;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hNNRLM:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hNNRLM:hover,\n [data-color-mode=\"dark\"] .hGgJQu:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hGgJQu:hover,\n [data-color-mode=\"dark\"] .hTcsdJ:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hTcsdJ:hover {\n background-color: #494d64;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .eOIzRT,\n [data-color-mode=\"auto\"] > .theme-dark .eOIzRT {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .eOIzRT:hover,\n [data-color-mode=\"auto\"] > .theme-dark .eOIzRT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hNNRLM svg,\n [data-color-mode=\"auto\"] > .theme-dark .hNNRLM svg {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .react-last-commit-history-group:hover,\n [data-color-mode=\"auto\"] > .theme-dark .react-last-commit-history-group:hover {\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .ContributionCalendar-day,\n [data-color-mode=\"auto\"] > .theme-dark .ContributionCalendar-day {\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-calendar-graph-day-bg: #363a4f;\n }\n [data-color-mode=\"dark\"] .tooltipped.tooltipped-s rect,\n [data-color-mode=\"auto\"] > .theme-dark .tooltipped.tooltipped-s rect {\n fill: #a6da95 !important;\n }\n [data-color-mode=\"dark\"] .hfRvxg,\n [data-color-mode=\"auto\"] > .theme-dark .hfRvxg {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .hfRvxg:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hfRvxg:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .lbYguI,\n [data-color-mode=\"auto\"] > .theme-dark .lbYguI {\n border-radius: 6px;\n }\n [data-color-mode=\"dark\"] .hPsWZB,\n [data-color-mode=\"auto\"] > .theme-dark .hPsWZB,\n [data-color-mode=\"dark\"] .bOUZZs,\n [data-color-mode=\"auto\"] > .theme-dark .bOUZZs {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > span > button,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: #24273a;\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > span > button:hover,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > span > button:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hMOAua,\n [data-color-mode=\"auto\"] > .theme-dark .hMOAua {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .hMOAua:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hMOAua:hover {\n background-color: #1e2030;\n border: 1px solid #494d64;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hMCjFU,\n [data-color-mode=\"auto\"] > .theme-dark .hMCjFU,\n [data-color-mode=\"dark\"] .jcKsih,\n [data-color-mode=\"auto\"] > .theme-dark .jcKsih,\n [data-color-mode=\"dark\"] .hpgNiv,\n [data-color-mode=\"auto\"] > .theme-dark .hpgNiv {\n background-color: #24273a;\n color: #cad3f5;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .hMCjFU:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hMCjFU:hover,\n [data-color-mode=\"dark\"] .jcKsih:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jcKsih:hover,\n [data-color-mode=\"dark\"] .hpgNiv:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hpgNiv:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jfOCiu,\n [data-color-mode=\"auto\"] > .theme-dark .jfOCiu,\n [data-color-mode=\"dark\"] .gNXjVV,\n [data-color-mode=\"auto\"] > .theme-dark .gNXjVV,\n [data-color-mode=\"dark\"] .iGzDhH,\n [data-color-mode=\"auto\"] > .theme-dark .iGzDhH,\n [data-color-mode=\"dark\"] .Overlay,\n [data-color-mode=\"auto\"] > .theme-dark .Overlay {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"dark\"] .jfOCiu li,\n [data-color-mode=\"auto\"] > .theme-dark .jfOCiu li {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .kRbyXo,\n [data-color-mode=\"auto\"] > .theme-dark .kRbyXo {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .VgnWi,\n [data-color-mode=\"auto\"] > .theme-dark .VgnWi {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .VgnWi:focus-within,\n [data-color-mode=\"auto\"] > .theme-dark .VgnWi:focus-within {\n border-color: #b7bdf8;\n box-shadow: #b7bdf8 0px 0px 0px 1px inset;\n }\n [data-color-mode=\"dark\"] .bAKGFC,\n [data-color-mode=\"auto\"] > .theme-dark .bAKGFC {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .bdMlHy,\n [data-color-mode=\"auto\"] > .theme-dark .bdMlHy {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .jMyfUO.selected,\n [data-color-mode=\"auto\"] > .theme-dark .jMyfUO.selected {\n border-color: #494d64;\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .bPgnBp,\n [data-color-mode=\"auto\"] > .theme-dark .bPgnBp {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] kbd,\n [data-color-mode=\"auto\"] > .theme-dark kbd {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] select option,\n [data-color-mode=\"auto\"] > .theme-dark select option,\n [data-color-mode=\"dark\"] optgroup,\n [data-color-mode=\"auto\"] > .theme-dark optgroup {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"dark\"] .hUQSCH,\n [data-color-mode=\"auto\"] > .theme-dark .hUQSCH {\n background-color: #24273a;\n color: #b8c0e0;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hUQSCH:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hUQSCH:hover {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .dQPLyc,\n [data-color-mode=\"auto\"] > .theme-dark .dQPLyc {\n background-color: transparent;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .ktGGEf,\n [data-color-mode=\"auto\"] > .theme-dark .ktGGEf {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .gkfBtX,\n [data-color-mode=\"auto\"] > .theme-dark .gkfBtX {\n background-color: #1e2030;\n border-radius: 6px 0px 0px 0px;\n border-bottom: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .jproXT,\n [data-color-mode=\"auto\"] > .theme-dark .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .jproXT:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jproXT:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .jproXT:focus-within,\n [data-color-mode=\"auto\"] > .theme-dark .jproXT:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .wLDmP,\n [data-color-mode=\"auto\"] > .theme-dark .wLDmP {\n background-color: #1e2030;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"dark\"] .eNSiNz .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .eNSiNz .segmentedControl-content,\n [data-color-mode=\"dark\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .gKuCoB .segmentedControl-content {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .notifications-list-item.notification-read,\n [data-color-mode=\"auto\"] > .theme-dark .notifications-list-item.notification-read,\n [data-color-mode=\"dark\"] .notifications-list-item.notification-archived,\n [data-color-mode=\"auto\"] > .theme-dark .notifications-list-item.notification-archived {\n background-color: #24273a !important;\n }\n [data-color-mode=\"dark\"] .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"auto\"] > .theme-dark .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"dark\"] .notifications-list-item.notification-archived:last-child,\n [data-color-mode=\"auto\"] > .theme-dark .notifications-list-item.notification-archived:last-child {\n border-bottom-left-radius: 6px;\n }\n [data-color-mode=\"dark\"] .turbo-progress-bar,\n [data-color-mode=\"auto\"] > .theme-dark .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .search-results-page,\n [data-color-mode=\"auto\"] > .theme-dark .search-results-page {\n background-color: #24273a;\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"] {\n --color-workflow-card-connector: #6e738d;\n --color-workflow-card-connector-bg: #6e738d;\n --color-workflow-card-connector-inactive: #494d64;\n --color-workflow-card-connector-inactive-bg: #494d64;\n --color-workflow-card-connector-highlight: #b7bdf8;\n --color-workflow-card-connector-highlight-bg: #b7bdf8;\n --color-workflow-card-bg: #494d64;\n --color-workflow-card-inactive-bg: #363a4f;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: rgba(138, 173, 244, 0.15);\n --color-workflow-card-progress-incomplete-bg: #494d64;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: #cad3f5;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: #363a4f;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: #cad3f5;\n /* Buttons */\n /* Create PR button & New branch button */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Labels */\n /* Search */\n /* Tags */\n /* Misc */\n /* Large notification */\n /* Button Fix */\n /* Button selection Fix */\n /* Darker bg for new AppHeader */\n /* Headers */\n /* New change visibility box star and watcher preview buttons Fix */\n /* New change visibility box danger buttons Fix */\n /* 2FA authentication box header Fix */\n /* Footer Logo Fix */\n /* Footer text hover fix */\n /* Notifications */\n /* Keyboard hint */\n /* Merge icon */\n /* Branch indicator */\n /* File view */\n /* Projects */\n /* Project table view */\n /* Tree Fix */\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional*/\n /* New Repository Overview Fix */\n /* Buttons */\n /* Scrolling top menu */\n /* Fullscreen Sidebar Fixes*/\n /* Dropdown Menus */\n /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n }\n [data-color-mode=\"auto\"],\n [data-color-mode=\"auto\"] body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: #24273a;\n --color-marketing-icon-primary: #91d7e3;\n --color-marketing-icon-secondary: #8aadf4;\n --color-diff-blob-addition-num-text: #cad3f5;\n --color-diff-blob-addition-fg: #cad3f5;\n --color-diff-blob-addition-num-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-addition-line-bg: rgba(166, 218, 149, 0.15);\n --color-diff-blob-addition-word-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-deletion-num-text: #cad3f5;\n --color-diff-blob-deletion-fg: #cad3f5;\n --color-diff-blob-deletion-num-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-deletion-line-bg: rgba(237, 135, 150, 0.15);\n --color-diff-blob-deletion-word-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-hunk-num-bg: rgba(138, 173, 244, 0.4);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: #a6da95;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: #c6a0f6;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: #1e2030;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: #cad3f5;\n --color-checks-text-secondary: #b8c0e0;\n --color-checks-text-link: #7dc4e4;\n --color-checks-btn-icon: #cad3f5;\n --color-checks-btn-hover-icon: #cad3f5;\n --color-checks-btn-hover-bg: #181926;\n --color-checks-input-text: #494d64;\n --color-checks-input-placeholder-text: #b8c0e0;\n --color-checks-input-focus-text: #cad3f5;\n --color-checks-input-bg: #363a4f;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: #ed8796;\n --color-checks-donut-pending: #f5a97f;\n --color-checks-donut-success: #a6da95;\n --color-checks-donut-neutral: #939ab7;\n --color-checks-dropdown-text: #cad3f5;\n --color-checks-dropdown-bg: #363a4f;\n --color-checks-dropdown-border: #494d64;\n --color-checks-dropdown-shadow: #181926;\n --color-checks-dropdown-hover-text: #a5adcb;\n --color-checks-dropdown-hover-bg: #1e2030;\n --color-checks-dropdown-btn-hover-text: #cad3f5;\n --color-checks-dropdown-btn-hover-bg: #1e2030;\n --color-checks-scrollbar-thumb-bg: #1e2030;\n --color-checks-header-label-text: #cad3f5;\n --color-checks-header-label-open-text: #b7bdf8;\n --color-checks-header-border: #363a4f;\n --color-checks-header-icon: #cad3f5;\n --color-checks-line-text: #a5adcb;\n --color-checks-line-num-text: #a5adcb;\n --color-checks-line-timestamp-text: #a5adcb;\n --color-checks-line-hover-bg: #363a4f;\n --color-checks-line-selected-bg: #363a4f;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: #cad3f5;\n --color-checks-gate-waiting-text: #eed49f;\n --color-checks-step-header-open-bg: #363a4f;\n --color-checks-step-error-text: #ee99a0;\n --color-checks-step-warning-text: #f5a97f;\n --color-checks-logline-text: #cad3f5;\n --color-checks-logline-num-text: #cad3f5;\n --color-checks-logline-debug-text: #c6a0f6;\n --color-checks-logline-error-text: #cad3f5;\n --color-checks-logline-error-num-text: #ee99a0;\n --color-checks-logline-error-bg: rgba(238, 153, 160, 0.15);\n --color-checks-logline-warning-text: #b8c0e0;\n --color-checks-logline-warning-num-text: #f5a97f;\n --color-checks-logline-warning-bg: rgba(245, 169, 127, 0.15);\n --color-checks-logline-command-text: #8aadf4;\n --color-checks-logline-section-text: #a6da95;\n --color-checks-ansi-black: #494d64;\n --color-checks-ansi-black-bright: #5b6078;\n --color-checks-ansi-white: #b8c0e0;\n --color-checks-ansi-white-bright: #a5adcb;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: #ed8796;\n --color-checks-ansi-red-bright: #ed8796;\n --color-checks-ansi-green: #a6da95;\n --color-checks-ansi-green-bright: #a6da95;\n --color-checks-ansi-yellow: #eed49f;\n --color-checks-ansi-yellow-bright: #eed49f;\n --color-checks-ansi-blue: #8aadf4;\n --color-checks-ansi-blue-bright: #8aadf4;\n --color-checks-ansi-magenta: #f5bde6;\n --color-checks-ansi-magenta-bright: #f5bde6;\n --color-checks-ansi-cyan: #8bd5ca;\n --color-checks-ansi-cyan-bright: #8bd5ca;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: #ffffff 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: #24273a;\n --color-header-bg: #1e2030;\n --color-header-divider: #8b949e;\n --color-header-logo: #cad3f5;\n --color-header-search-bg: #363a4f;\n --color-header-search-border: #494d64;\n --color-sidenav-selected-bg: #494d64;\n --color-menu-bg-active: #5b6078;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: #363a4f;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #ffffff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: #5b6078;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: #5b6078;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: #bfd5d8;\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: #b8d7c5;\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: #729271;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #ffffff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: #a5adcb;\n --color-btn-outline-disabled-bg: #5b6078;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n --color-btn-danger-text: #24273a;\n --color-btn-danger-bg: #ed8796;\n --color-btn-danger-border: transparent;\n --color-btn-danger-shadow: 0 0 transparent;\n --color-btn-danger-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-bg: #d4bcd9;\n --color-btn-danger-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-selected-bg: #dcadc6;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: #181926;\n --color-btn-danger-disabled-bg: #9d6171;\n --color-btn-danger-disabled-border: transparent;\n --color-btn-danger-focus-bg: #238636;\n --color-btn-danger-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-danger-icon: #24273a;\n --color-btn-danger-counter-bg: rgba(255, 255, 255, 0.2);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #363a4f;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: #494d64;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: #cad3f5;\n --color-fg-muted: #b8c0e0;\n --color-fg-subtle: #b8c0e0;\n --color-fg-on-emphasis: #24273a;\n --color-canvas-default: #24273a;\n --color-canvas-overlay: #1e2030;\n --color-canvas-inset: #363a4f;\n --color-canvas-subtle: #1e2030;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px #181926;\n --color-shadow-large: 0 8px 24px #181926;\n --color-shadow-extra-large: 0 12px 48px #181926;\n --color-neutral-emphasis-plus: #6e738d;\n --color-neutral-emphasis: #939ab7;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n --color-success-fg: #a6da95;\n --color-success-emphasis: #a6da95;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: #ed8796;\n --color-danger-emphasis: #ed8796;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: #ed8796;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n [data-color-mode=\"auto\"] .btn-danger,\n [data-color-mode=\"auto\"] .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] .iRoQzU,\n [data-color-mode=\"auto\"] .ifkUYV,\n [data-color-mode=\"auto\"] .bOZDzN {\n background-color: #a6da95;\n color: #24273a;\n }\n [data-color-mode=\"auto\"] .jenxrv {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .fHiIQb {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .idPXPh,\n [data-color-mode=\"auto\"] .epAEYw {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .header-search-button.placeholder {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hx_IssueLabel {\n --text: #cad3f5;\n }\n [data-color-mode=\"auto\"] .Label {\n color: var(--color-accent-fg);\n background-color: #363a4f;\n border-color: transparent;\n }\n [data-color-mode=\"auto\"] .Label--secondary {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .Label--success {\n color: #24273a;\n background-color: #a6da95;\n }\n [data-color-mode=\"auto\"] .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n [data-color-mode=\"auto\"] .timeline-comment-header .Label,\n [data-color-mode=\"auto\"] .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n [data-color-mode=\"auto\"] .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"] .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"] .topic-tag {\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n }\n [data-color-mode=\"auto\"] .col-md-8 {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .user-mention,\n [data-color-mode=\"auto\"] .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"auto\"] .starred .starred-button-icon {\n color: #eed49f;\n }\n [data-color-mode=\"auto\"] .flash {\n background: #1e2030;\n border-color: transparent;\n }\n [data-color-mode=\"auto\"] .color-bg-subtle {\n background-color: transparent !important;\n }\n [data-color-mode=\"auto\"] .command-palette-details-dialog .color-bg-subtle {\n background-color: #363a4f !important;\n }\n [data-color-mode=\"auto\"] .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: #24273a !important;\n }\n [data-color-mode=\"auto\"] .AppHeader {\n background: var(--color-header-bg);\n }\n [data-color-mode=\"auto\"] h1,\n [data-color-mode=\"auto\"] h2,\n [data-color-mode=\"auto\"] h3,\n [data-color-mode=\"auto\"] h4,\n [data-color-mode=\"auto\"] h5,\n [data-color-mode=\"auto\"] h6 {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n [data-color-mode=\"auto\"] ::selection {\n background: #5b6078 !important;\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n [data-color-mode=\"auto\"] :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] body.session-authentication div.Box-header {\n background-color: inherit;\n }\n [data-color-mode=\"auto\"] .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: #cad3f5;\n }\n [data-color-mode=\"auto\"] .footer nav.col-12 * {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"] .notification-indicator .mail-status {\n background-image: none;\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .bdgUpN,\n [data-color-mode=\"auto\"] .hZMmEi .TextInput-icon,\n [data-color-mode=\"auto\"] .hZMmEi .TextInput-action {\n color: #cad3f5;\n background-color: #1e2030;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .fMJQEf {\n color: #cad3f5;\n background-color: #6e738d;\n }\n [data-color-mode=\"auto\"] .iVNDSi {\n color: #b7bdf8;\n background-color: rgba(183, 189, 248, 0.1);\n }\n [data-color-mode=\"auto\"] .hwnsNO {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hwnsNO th {\n background: #1e2030;\n }\n [data-color-mode=\"auto\"] .dXveNa[data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dXveNa,\n [data-color-mode=\"auto\"] .kbjJSF {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gUecKw,\n [data-color-mode=\"auto\"] .lcpiaz,\n [data-color-mode=\"auto\"] .jolsUx,\n [data-color-mode=\"auto\"] .fsSggy {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .Cxvmo,\n [data-color-mode=\"auto\"] .dhYcqs {\n color: #ed8796;\n }\n [data-color-mode=\"auto\"] .byJIBD,\n [data-color-mode=\"auto\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"auto\"] .lmmHGT:not(:first-of-type),\n [data-color-mode=\"auto\"] .fOEJrA,\n [data-color-mode=\"auto\"] .fnFdxN,\n [data-color-mode=\"auto\"] .huABLg,\n [data-color-mode=\"auto\"] .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .cwSUxL,\n [data-color-mode=\"auto\"] .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .jvzHAP,\n [data-color-mode=\"auto\"] .hPIyzG,\n [data-color-mode=\"auto\"] .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .kKFNhh,\n [data-color-mode=\"auto\"] .lnXbGs,\n [data-color-mode=\"auto\"] .dTxwit {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .gssqTz {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"] .bPgnBp,\n [data-color-mode=\"auto\"] .jMyfUO,\n [data-color-mode=\"auto\"] .cBrzIN {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"auto\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"auto\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"auto\"] .icOaJE:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .icOaJE[aria-pressed=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cZRqXf {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cZRqXf:active:not([disabled]),\n [data-color-mode=\"auto\"] .cZRqXf[aria-expanded=\"true\"] {\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .cZRqXf:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .kdEavw,\n [data-color-mode=\"auto\"] .ddNLNa,\n [data-color-mode=\"auto\"] .jepClM,\n [data-color-mode=\"auto\"] .gTeenv,\n [data-color-mode=\"auto\"] .VplrY {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kdEavw:hover:not([disabled]),\n [data-color-mode=\"auto\"] .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"auto\"] .jepClM:hover:not([disabled]),\n [data-color-mode=\"auto\"] .gTeenv:hover:not([disabled]),\n [data-color-mode=\"auto\"] .VplrY:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .juEfKr {\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .eUqMHM,\n [data-color-mode=\"auto\"] .hSXtjz {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .gtXnmh,\n [data-color-mode=\"auto\"] .ukUXs,\n [data-color-mode=\"auto\"] .giEfVQ,\n [data-color-mode=\"auto\"] .cKvNNO,\n [data-color-mode=\"auto\"] .evdFFE,\n [data-color-mode=\"auto\"] .kTUxDY {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] .hYaoHV,\n [data-color-mode=\"auto\"] .rLhXz,\n [data-color-mode=\"auto\"] .gtXnmh,\n [data-color-mode=\"auto\"] .lmmHGT,\n [data-color-mode=\"auto\"] .dEmXPQ {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .bJBoUI,\n [data-color-mode=\"auto\"] .iJtJJh {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .lhyFLG {\n background-color: #1e2030;\n border-top: 1px solid #494d64;\n border-right-color: #494d64;\n border-bottom-color: #494d64;\n border-left-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hUWqlv,\n [data-color-mode=\"auto\"] .bJcMWH {\n color: #8aadf4;\n }\n [data-color-mode=\"auto\"] .Link__StyledLink-sc-14289xe-0.ifbDxt {\n color: #8aadf4;\n }\n [data-color-mode=\"auto\"] .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n background-color: rgba(138, 173, 244, 0.4);\n }\n [data-color-mode=\"auto\"] .cxcvTj,\n [data-color-mode=\"auto\"] .Box-sc-g0xbh4-0.grSspY button {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gxGEao {\n border-bottom-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .dfAUyE .segmentedControl-content,\n [data-color-mode=\"auto\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] .bFrOJy .segmentedControl-content {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cuqBaK,\n [data-color-mode=\"auto\"] .fCAAcl,\n [data-color-mode=\"auto\"] .dAXkSP {\n color: #cad3f5;\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .dAXkSP:hover .segmentedControl-content {\n background: #363a4f;\n }\n [data-color-mode=\"auto\"] .ksbilD,\n [data-color-mode=\"auto\"] .cuaLcW,\n [data-color-mode=\"auto\"] .joCMLT,\n [data-color-mode=\"auto\"] .jClMHS,\n [data-color-mode=\"auto\"] .jhjELj,\n [data-color-mode=\"auto\"] .diDjDG,\n [data-color-mode=\"auto\"] .gFuKCf,\n [data-color-mode=\"auto\"] .dHdESs,\n [data-color-mode=\"auto\"] .hpfKPO,\n [data-color-mode=\"auto\"] .jdgyJn,\n [data-color-mode=\"auto\"] .iInViE,\n [data-color-mode=\"auto\"] .brqMal,\n [data-color-mode=\"auto\"] .AbCTW {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .jEgFtJ,\n [data-color-mode=\"auto\"] .lixtXZ:hover,\n [data-color-mode=\"auto\"] .eNIoFu,\n [data-color-mode=\"auto\"] .idPXPh:hover,\n [data-color-mode=\"auto\"] .fdORwV,\n [data-color-mode=\"auto\"] .cjFogo,\n [data-color-mode=\"auto\"] .gIOnJa {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jBCpbB {\n color: #cad3f5;\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kzrUhn.selected {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .esIQoN,\n [data-color-mode=\"auto\"] .kbjJSF:disabled {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .eJTCnd,\n [data-color-mode=\"auto\"] .eTthoV {\n border-color: #363a4f;\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .eJTCnd .fixINc,\n [data-color-mode=\"auto\"] .eTthoV .fixINc,\n [data-color-mode=\"auto\"] .eJTCnd .eDZJqt,\n [data-color-mode=\"auto\"] .eTthoV .eDZJqt {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .eJTCnd .bniVFX,\n [data-color-mode=\"auto\"] .eTthoV .bniVFX,\n [data-color-mode=\"auto\"] .eJTCnd .jtlytA,\n [data-color-mode=\"auto\"] .eTthoV .jtlytA {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .ikTPpF {\n box-shadow: #24273a 0px 3px 6px;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cvveTk,\n [data-color-mode=\"auto\"] .dwoION {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .FKGWN {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jPHlsW::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .khCtfm:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .bWlbEI,\n [data-color-mode=\"auto\"] .hzIORV {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .khCtfm,\n [data-color-mode=\"auto\"] .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .Tnbrt:active,\n [data-color-mode=\"auto\"] .Tnbrt[aria-expanded=\"true\"] {\n background-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .Tnbrt:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .imsxCM {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .imsxCM .is-selected::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .pxYjU {\n background-color: #1e2030;\n color: #cad3f5;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .ilLRrZ {\n color: #cad3f5;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .cnIHxk {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cnIHxk:disabled {\n background-color: #6e738d;\n color: #181926;\n }\n [data-color-mode=\"auto\"] .ghFpol {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .hVmCdl,\n [data-color-mode=\"auto\"] .fqKZNC,\n [data-color-mode=\"auto\"] .fZFWUy,\n [data-color-mode=\"auto\"] .kbjJSF,\n [data-color-mode=\"auto\"] .flKHtV,\n [data-color-mode=\"auto\"] .jolsUx,\n [data-color-mode=\"auto\"] .ekNmOn {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .klUZzf:not(:first-of-type) {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .jvpWzR:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jvpWzR[data-size=\"large\"][data-block=\"block\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .fZFWUy,\n [data-color-mode=\"auto\"] .fzjwje {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .cEYXBH {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .joxhcl,\n [data-color-mode=\"auto\"] .hXyJIp,\n [data-color-mode=\"auto\"] .fMkBhb > .segmentedControl-content {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .dVFmxu,\n [data-color-mode=\"auto\"] .gbKtit,\n [data-color-mode=\"auto\"] .lnKxja,\n [data-color-mode=\"auto\"] .jzwNMs {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dVFmxu svg,\n [data-color-mode=\"auto\"] .gbKtit svg,\n [data-color-mode=\"auto\"] .lnKxja svg,\n [data-color-mode=\"auto\"] .jzwNMs svg {\n fill: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .jzwNMs:hover .segmentedControl-content {\n background-color: #494d64;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hJMtSk {\n color: #181926;\n background-color: #a6da95;\n }\n [data-color-mode=\"auto\"] .hJMtSk:disabled {\n color: #181926;\n background-color: #6e738d;\n }\n [data-color-mode=\"auto\"] .iDiUTR {\n color: #cad3f5;\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .iDiUTR:hover {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eQfJKc,\n [data-color-mode=\"auto\"] .UHWYv {\n color: #ed8796;\n }\n [data-color-mode=\"auto\"] .jVIqnb {\n color: #ed8796;\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jVIqnb:hover {\n color: #24273a;\n background-color: #ed8796;\n }\n [data-color-mode=\"auto\"] .UHWYv:hover {\n background-color: rgba(237, 135, 150, 0.2);\n }\n [data-color-mode=\"auto\"] .lmmHGT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hYdbWk,\n [data-color-mode=\"auto\"] .gkeKEr,\n [data-color-mode=\"auto\"] .jzcCeu,\n [data-color-mode=\"auto\"] .iGxiw,\n [data-color-mode=\"auto\"] .ixFSpw,\n [data-color-mode=\"auto\"] .koxWOe,\n [data-color-mode=\"auto\"] .gkWKRr,\n [data-color-mode=\"auto\"] .ikaTJo > svg,\n [data-color-mode=\"auto\"] .dcGHGc,\n [data-color-mode=\"auto\"] .dzMFih,\n [data-color-mode=\"auto\"] .hYdbWk::before,\n [data-color-mode=\"auto\"] .ixFSpw::before,\n [data-color-mode=\"auto\"] .dSHKOE {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .gkWKRr {\n border-top-color: #363a4f;\n border-right-color: #363a4f;\n border-left-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hPQRKh {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hPQRKh:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hPQRKh[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .kfwhFa:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .jykkjb {\n background-color: #24273a;\n box-shadow: #181926 0px -2px 0px inset, #181926 0px 1px 0px inset;\n }\n [data-color-mode=\"auto\"] .jhjELj,\n [data-color-mode=\"auto\"] .ixTUPS {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gmscZx:hover:not([disabled]),\n [data-color-mode=\"auto\"] .fUaEiu:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] .fUaEiu[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .gmscZx[data-size=\"small\"],\n [data-color-mode=\"auto\"] .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"auto\"] .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .cBssZb {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jhjELj::before {\n border-color: transparent transparent #494d64;\n }\n [data-color-mode=\"auto\"] .fHpqaf,\n [data-color-mode=\"auto\"] .bfQVnA,\n [data-color-mode=\"auto\"] .iGxiw,\n [data-color-mode=\"auto\"] .fUzagb,\n [data-color-mode=\"auto\"] .gisjeK,\n [data-color-mode=\"auto\"] .iQkwAM {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] smt {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] smt:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .dtTTcd {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .dtTTcd.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .pQcjM {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .pQcjM.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .eTSXcP {\n background-color: #ed8796;\n }\n [data-color-mode=\"auto\"] .iGxiw {\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"auto\"] .brFBoI,\n [data-color-mode=\"auto\"] .ldUAkr,\n [data-color-mode=\"auto\"] .gtXnmh {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gWjhfa,\n [data-color-mode=\"auto\"] .jMdYTc {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .jMdYTc {\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .jMdYTc button {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .jMdYTc button:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jMdYTc button[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gwuIGu > a:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gwuIGu > a span {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .bJYdrf:hover {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .dSlCya:hover {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .hNNRLM,\n [data-color-mode=\"auto\"] .hGgJQu,\n [data-color-mode=\"auto\"] .hTcsdJ {\n background-color: #363a4f;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hNNRLM:hover,\n [data-color-mode=\"auto\"] .hGgJQu:hover,\n [data-color-mode=\"auto\"] .hTcsdJ:hover {\n background-color: #494d64;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eOIzRT {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .eOIzRT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hNNRLM svg {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .react-last-commit-history-group:hover {\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .ContributionCalendar-day {\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-calendar-graph-day-bg: #363a4f;\n }\n [data-color-mode=\"auto\"] .tooltipped.tooltipped-s rect {\n fill: #a6da95 !important;\n }\n [data-color-mode=\"auto\"] .hfRvxg {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .hfRvxg:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .lbYguI {\n border-radius: 6px;\n }\n [data-color-mode=\"auto\"] .hPsWZB,\n [data-color-mode=\"auto\"] .bOUZZs {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: #24273a;\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > button:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hMOAua {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .hMOAua:hover {\n background-color: #1e2030;\n border: 1px solid #494d64;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hMCjFU,\n [data-color-mode=\"auto\"] .jcKsih,\n [data-color-mode=\"auto\"] .hpgNiv {\n background-color: #24273a;\n color: #cad3f5;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .hMCjFU:hover,\n [data-color-mode=\"auto\"] .jcKsih:hover,\n [data-color-mode=\"auto\"] .hpgNiv:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jfOCiu,\n [data-color-mode=\"auto\"] .gNXjVV,\n [data-color-mode=\"auto\"] .iGzDhH,\n [data-color-mode=\"auto\"] .Overlay {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"auto\"] .jfOCiu li {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .kRbyXo {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .VgnWi {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .VgnWi:focus-within {\n border-color: #b7bdf8;\n box-shadow: #b7bdf8 0px 0px 0px 1px inset;\n }\n [data-color-mode=\"auto\"] .bAKGFC {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .bdMlHy {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jMyfUO.selected {\n border-color: #494d64;\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .bPgnBp {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] kbd {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] select option,\n [data-color-mode=\"auto\"] optgroup {\n background-color: #1e2030;\n border: 1px solid #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"auto\"] .hUQSCH {\n background-color: #24273a;\n color: #b8c0e0;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hUQSCH:hover {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .dQPLyc {\n background-color: transparent;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .ktGGEf {\n background-color: #24273a;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .gkfBtX {\n background-color: #1e2030;\n border-radius: 6px 0px 0px 0px;\n border-bottom: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .jproXT:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jproXT:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .wLDmP {\n background-color: #1e2030;\n border: 1px solid #494d64;\n }\n [data-color-mode=\"auto\"] .eNSiNz .segmentedControl-content,\n [data-color-mode=\"auto\"] .gKuCoB .segmentedControl-content {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .notifications-list-item.notification-read,\n [data-color-mode=\"auto\"] .notifications-list-item.notification-archived {\n background-color: #24273a !important;\n }\n [data-color-mode=\"auto\"] .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"auto\"] .notifications-list-item.notification-archived:last-child {\n border-bottom-left-radius: 6px;\n }\n [data-color-mode=\"auto\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .search-results-page {\n background-color: #24273a;\n }\n }\n @media (prefers-color-scheme: dark) and (hover: hover) and (pointer: fine) {\n [data-color-mode=\"auto\"] .rLhXz:hover:not([aria-disabled]) {\n background-color: #363a4f;\n }\n }\n html:not([data-light-theme=\"light\"]) body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"]) body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\n font-size: 0.9rem;\n font-weight: 600;\n border-radius: 0.5rem;\n max-width: 40ch;\n background-color: var(--color-danger-fg);\n color: var(--color-header-bg);\n content: \"Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the Catppuccin GitHub userstyle.\";\n z-index: 9999;\n }",
"start": 1125,
"regexps": [
"https:\\/\\/(gist\\.)*github\\.com(?!\\/(home|marketplace|organizations\\/plan)).*"
@@ -1560,18 +1560,18 @@
},
{
"code": ":root {\n /* Colors */\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n --jp-border-color0: var(--color-scale-gray-7);\n --jp-border-color1: var(--color-scale-gray-7);\n --jp-border-color2: var(--color-scale-gray-8);\n --jp-border-color3: var(--color-scale-gray-9);\n --jp-ui-font-color0: #cad3f5;\n --jp-ui-font-color1: rgba(202, 211, 245, 0.87);\n --jp-ui-font-color2: rgba(202, 211, 245, 0.54);\n --jp-ui-font-color3: rgba(202, 211, 245, 0.28);\n --jp-ui-inverse-font-color0: #181926;\n --jp-ui-inverse-font-color1: rgba(24, 25, 38, 0.8);\n --jp-ui-inverse-font-color2: rgba(24, 25, 38, 0.5);\n --jp-ui-inverse-font-color3: rgba(24, 25, 38, 0.3);\n --jp-content-font-color0: #cad3f5;\n --jp-content-font-color1: #cad3f5;\n --jp-content-font-color2: rgba(202, 211, 245, 0.7);\n --jp-content-font-color3: rgba(202, 211, 245, 0.5);\n --jp-content-link-color: #7dc4e4;\n --jp-layout-color0: #24273a !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-border-color: var(--color-scale-gray-7);\n --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-cell-prompt-not-active-font-color: rgba(202, 211, 245, 0.5);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: rgba(147, 154, 183, 0.14);\n --jp-rendermime-error-background: rgba(237, 135, 150, 0.18);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: rgba(91, 96, 120, 0.14);\n --jp-dialog-background: rgba(24, 25, 38, 0.6);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px rgba(24, 25, 38, 0.8);\n --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-input-background: var(--color-scale-gray-8);\n --jp-input-active-box-shadow-color: rgba(138, 173, 244, 0.3);\n --jp-editor-selected-focused-background: rgba(138, 173, 244, 0.14);\n --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n --jp-mirror-editor-number-color: var(--color-scale-green-4);\n --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n --jp-mirror-editor-operator-color: #c6a0f6;\n --jp-mirror-editor-comment-color: #a5adcb;\n --jp-mirror-editor-string-color: #f5a97f;\n --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n --jp-mirror-editor-meta-color: #c6a0f6;\n --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n --jp-mirror-editor-error-color: #ed8796;\n --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n --jp-vega-background: var(--color-scale-gray-4);\n --jp-search-selected-match-background-color: #eed49f;\n --jp-search-selected-match-color: #181926;\n --jp-icon-contrast-color0: var(--color-scale-purple-6);\n --jp-icon-contrast-color1: var(--color-scale-green-6);\n --jp-icon-contrast-color2: var(--color-scale-pink-6);\n --jp-icon-contrast-color3: var(--color-scale-blue-6);\n }",
- "start": 245136,
+ "start": 251354,
"regexps": [
"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*"
]
}
],
- "sourceCode": "/* ==UserStyle==\n@name Github Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.2.7\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox topbar \"Topbar colors\" 1\n@var checkbox usefont \"Use Inter font\" 0\n==/UserStyle== */\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n\n@-moz-document regexp(\"https:\\/\\/(gist\\.)*github\\.com(?!\\/(home|marketplace|organizations\\/plan)).*\") {\n [data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n html:not([data-light-theme=\"light\"]) body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"]) body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\n font-size: 0.9rem;\n font-weight: 600;\n border-radius: 0.5rem;\n max-width: 40ch;\n background-color: var(--color-danger-fg);\n color: var(--color-header-bg);\n content: \"Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the Catppuccin GitHub userstyle.\";\n z-index: 9999;\n }\n\n #coloredButton(@name, @color) {\n --color-btn-@{name}-text: @base;\n --color-btn-@{name}-bg: @color;\n --color-btn-@{name}-border: transparent;\n --color-btn-@{name}-shadow: 0 0 transparent;\n --color-btn-@{name}-inset-shadow: 0 0 transparent;\n --color-btn-@{name}-hover-bg: mix(@color, @text, 30%);\n --color-btn-@{name}-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-@{name}-selected-bg: mix(@color, @text, 50%);\n --color-btn-@{name}-selected-shadow: 0 0 transparent;\n --color-btn-@{name}-disabled-text: @crust;\n --color-btn-@{name}-disabled-bg: mix(@color, @base, 60%);\n --color-btn-@{name}-disabled-border: transparent;\n --color-btn-@{name}-focus-bg: #238636;\n --color-btn-@{name}-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-@{name}-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-@{name}-icon: @base;\n --color-btn-@{name}-counter-bg: rgba(255, 255, 255, 0.2);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n & body {\n accent-color: @accent-color;\n --bgColor-default: @base;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: @base;\n --color-marketing-icon-primary: @sky;\n --color-marketing-icon-secondary: @blue;\n --color-diff-blob-addition-num-text: @text;\n --color-diff-blob-addition-fg: @text;\n --color-diff-blob-addition-num-bg: fadeout(@green, 70%);\n --color-diff-blob-addition-line-bg: fadeout(@green, 85%);\n --color-diff-blob-addition-word-bg: fadeout(@green, 70%);\n --color-diff-blob-deletion-num-text: @text;\n --color-diff-blob-deletion-fg: @text;\n --color-diff-blob-deletion-num-bg: fadeout(@red, 70%);\n --color-diff-blob-deletion-line-bg: fadeout(@red, 85%);\n --color-diff-blob-deletion-word-bg: fadeout(@red, 70%);\n --color-diff-blob-hunk-num-bg: fadeout(@blue, 60%);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: @green;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: @overlay1;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @teal;\n --color-prettylights-syntax-keyword: @pink;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: @teal;\n --color-prettylights-syntax-markup-italic: @yellow;\n --color-prettylights-syntax-markup-bold: @yellow;\n --color-prettylights-syntax-markup-deleted-text: @text;\n --color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: @mauve;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: @text;\n --color-codemirror-bg: @base;\n --color-codemirror-gutters-bg: @base;\n --color-codemirror-guttermarker-text: @base;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: @base;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: @mantle;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: @text;\n --color-checks-text-secondary: @subtext1;\n --color-checks-text-link: @sapphire;\n --color-checks-btn-icon: @text;\n --color-checks-btn-hover-icon: @text;\n --color-checks-btn-hover-bg: @crust;\n --color-checks-input-text: @surface1;\n --color-checks-input-placeholder-text: @subtext1;\n --color-checks-input-focus-text: @text;\n --color-checks-input-bg: @surface0;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: @red;\n --color-checks-donut-pending: @peach;\n --color-checks-donut-success: @green;\n --color-checks-donut-neutral: @overlay2;\n --color-checks-dropdown-text: @text;\n --color-checks-dropdown-bg: @surface0;\n --color-checks-dropdown-border: @surface1;\n --color-checks-dropdown-shadow: @crust;\n --color-checks-dropdown-hover-text: @subtext0;\n --color-checks-dropdown-hover-bg: @mantle;\n --color-checks-dropdown-btn-hover-text: @text;\n --color-checks-dropdown-btn-hover-bg: @mantle;\n --color-checks-scrollbar-thumb-bg: @mantle;\n --color-checks-header-label-text: @text;\n --color-checks-header-label-open-text: @accent-color;\n --color-checks-header-border: @surface0;\n --color-checks-header-icon: @text;\n --color-checks-line-text: @subtext0;\n --color-checks-line-num-text: @subtext0;\n --color-checks-line-timestamp-text: @subtext0;\n --color-checks-line-hover-bg: @surface0;\n --color-checks-line-selected-bg: @surface0;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: @text;\n --color-checks-gate-waiting-text: @yellow;\n --color-checks-step-header-open-bg: @surface0;\n --color-checks-step-error-text: @maroon;\n --color-checks-step-warning-text: @peach;\n --color-checks-logline-text: @text;\n --color-checks-logline-num-text: @text;\n --color-checks-logline-debug-text: @mauve;\n --color-checks-logline-error-text: @text;\n --color-checks-logline-error-num-text: @maroon;\n --color-checks-logline-error-bg: fadeout(@maroon, 85%);\n --color-checks-logline-warning-text: @subtext1;\n --color-checks-logline-warning-num-text: @peach;\n --color-checks-logline-warning-bg: fadeout(@peach, 85%);\n --color-checks-logline-command-text: @blue;\n --color-checks-logline-section-text: @green;\n --color-checks-ansi-black: @surface1;\n --color-checks-ansi-black-bright: @surface2;\n --color-checks-ansi-white: @subtext1;\n --color-checks-ansi-white-bright: @subtext0;\n --divider-color: @surface1;\n --underlineNav-borderColor-active: @accent-color;\n\n & when (@lookup =latte) {\n // When using a light theme use the light colors instead of the dark\n --color-checks-ansi-black: @subtext1;\n --color-checks-ansi-black-bright: @subtext0;\n --color-checks-ansi-white: @surface2;\n --color-checks-ansi-white-bright: @surface1;\n }\n\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: @red;\n --color-checks-ansi-red-bright: @red;\n --color-checks-ansi-green: @green;\n --color-checks-ansi-green-bright: @green;\n --color-checks-ansi-yellow: @yellow;\n --color-checks-ansi-yellow-bright: @yellow;\n --color-checks-ansi-blue: @blue;\n --color-checks-ansi-blue-bright: @blue;\n --color-checks-ansi-magenta: @pink;\n --color-checks-ansi-magenta-bright: @pink;\n --color-checks-ansi-cyan: @teal;\n --color-checks-ansi-cyan-bright: @teal;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: rgb(255, 255, 255) 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: @base;\n\n & when (@topbar =1) {\n // If topbar is enabled then make the topbar color different\n --color-header-bg: @mantle;\n }\n\n --color-header-divider: #8b949e;\n --color-header-logo: @text;\n --color-header-search-bg: @surface0;\n --color-header-search-border: @surface1;\n --color-sidenav-selected-bg: @surface1;\n --color-menu-bg-active: @surface2;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: @surface0;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #ffffff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: @text;\n --color-btn-bg: @surface0;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: @surface1;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: @surface2;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: @surface2;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: @surface2;\n #coloredButton(primary, @green);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0\n rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #ffffff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: @subtext0;\n --color-btn-outline-disabled-bg: @surface2;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n #coloredButton(danger, @red);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: @surface2;\n --color-action-list-item-default-hover-bg: @surface0;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: @surface1;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: @text;\n --color-fg-muted: @subtext1;\n --color-fg-subtle: @subtext1;\n --color-fg-on-emphasis: @base;\n --color-canvas-default: @base;\n --color-canvas-overlay: @mantle;\n --color-canvas-inset: @surface0;\n --color-canvas-subtle: @mantle;\n --color-border-default: @surface1;\n --color-border-muted: @surface0;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px @crust;\n --color-shadow-large: 0 8px 24px @crust;\n --color-shadow-extra-large: 0 12px 48px @crust;\n --color-neutral-emphasis-plus: @overlay0;\n --color-neutral-emphasis: @overlay2;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: @accent-color;\n --color-accent-emphasis: @accent-color;\n --color-accent-muted: fadeout(@accent-color, 60%);\n --color-accent-subtle: fadeout(@accent-color, 85%);\n --color-success-fg: @green;\n --color-success-emphasis: @green;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: @peach;\n --color-attention-emphasis: @peach;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: @maroon;\n --color-severe-emphasis: @maroon;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: @red;\n --color-danger-emphasis: @red;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: @green;\n --color-open-emphasis: @green;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: @red;\n --color-closed-emphasis: @red;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: @mauve;\n --color-done-emphasis: @mauve;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: @mauve;\n --color-sponsors-emphasis: @mauve;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: fadeout(@accent-color, 50%);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: @red;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n --color-workflow-card-connector: @overlay0;\n --color-workflow-card-connector-bg: @overlay0;\n --color-workflow-card-connector-inactive: @surface1;\n --color-workflow-card-connector-inactive-bg: @surface1;\n --color-workflow-card-connector-highlight: @accent-color;\n --color-workflow-card-connector-highlight-bg: @accent-color;\n --color-workflow-card-bg: @surface1;\n --color-workflow-card-inactive-bg: @surface0;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: fadeout(@blue, 85%);\n --color-workflow-card-progress-incomplete-bg: @surface1;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: @text;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: @surface0;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n --color-calendar-graph-day-L4-bg: @green;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: @text;\n\n /* Buttons */\n .btn-danger,\n .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n\n /* Create PR button & New branch button */\n .iRoQzU,\n .ifkUYV,\n .bOZDzN {\n background-color: @green;\n color: @base;\n }\n\n /* New branch dialog */\n .jenxrv {\n background-color: @mantle;\n color: @text;\n }\n\n /* Branch drop down */\n .fHiIQb {\n background-color: @surface0;\n }\n\n /* Compare button & Cancel new branch button */\n .idPXPh,\n .epAEYw {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n }\n\n /* search btn */\n .header-search-button.placeholder {\n color: @text;\n }\n\n /* Issue tags */\n .hx_IssueLabel {\n --text: @text;\n }\n\n .hx_IssueLabel not when (@lookup =latte) {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-fadeout: max(\n 0,\n min(\n calc((var(--perceived-lightness) - var(--border-threshold)) * 100),\n 1\n )\n ); //color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)) !important;\n color: var(--text) !important;\n background: rgb(\n var(--label-r),\n var(--label-g),\n var(--label-b)\n ) !important;\n border-color: hsla(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) - 25) * 1%),\n var(--border-fadeout)\n ) !important;\n }\n\n .hx_IssueLabel when (@lookup =latte) {\n --lightness-threshold: 0.6;\n --background-fadeout: 0.18;\n --border-fadeout: 0.3;\n --lighten-by: calc(\n ((var(--lightness-threshold) - var(--perceived-lightness)) * 100) *\n var(--lightness-switch)\n );\n color: hsl(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) + var(--lighten-by)) * 1%)\n ) !important;\n background: rgba(\n var(--label-r),\n var(--label-g),\n var(--label-b),\n var(--background-fadeout)\n ) !important;\n border-color: hsla(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) + var(--lighten-by)) * 1%),\n var(--border-fadeout)\n ) !important;\n }\n\n /* Labels */\n .Label {\n color: var(--color-accent-fg);\n background-color: @surface0;\n border-color: transparent;\n }\n\n .Label--secondary {\n background-color: @surface0;\n color: @text;\n }\n\n .Label--success {\n color: @base;\n background-color: @green;\n }\n\n .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n\n .timeline-comment-header .Label,\n .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n\n /* Search */\n .header-search-input {\n color: @text !important;\n }\n\n .header-search-input::placeholder {\n color: @subtext1 !important;\n }\n\n /* Tags */\n .topic-tag {\n --color-accent-fg: @blue;\n --color-accent-emphasis: @blue;\n --color-accent-muted: fadeout(@blue, 60%);\n --color-accent-subtle: fadeout(@blue, 85%);\n }\n\n /* Misc */\n .col-md-8 {\n background-color: @base;\n }\n\n .user-mention,\n .team-mention {\n color: @accent-color;\n }\n\n .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: @green;\n }\n .starred .starred-button-icon {\n color: @yellow;\n }\n\n /* Large notification */\n .flash {\n background: @mantle;\n border-color: transparent;\n }\n\n /* Button Fix */\n .color-bg-subtle {\n background-color: transparent !important;\n }\n\n .command-palette-details-dialog .color-bg-subtle {\n background-color: @surface0 !important;\n }\n\n /* Button selection Fix */\n .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: @base !important;\n }\n\n /* Darker bg for new AppHeader */\n .AppHeader {\n background: var(--color-header-bg);\n }\n\n /* Headers */\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: @subtext1;\n }\n\n body,\n .markdown-body {\n & when (@usefont=1) {\n font-family: inter, sans-serif;\n }\n }\n\n #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n\n ::selection {\n background: @surface2 !important;\n }\n\n /* New change visibility box star and watcher preview buttons Fix */\n .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n\n .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n\n .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n\n /* New change visibility box danger buttons Fix */\n :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n\n /* 2FA authentication box header Fix */\n body.session-authentication div.Box-header {\n background-color: inherit;\n }\n\n /* Footer Logo Fix */\n .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: @text;\n }\n\n /* Footer text hover fix */\n .footer nav.col-12 * {\n color: @subtext1 !important;\n }\n\n /* Notifications */\n .notification-indicator .mail-status {\n background-image: none;\n background-color: @accent-color;\n }\n\n /* Keyboard hint */\n .bdgUpN,\n .hZMmEi .TextInput-icon,\n .hZMmEi .TextInput-action {\n color: @text;\n background-color: @mantle;\n border-color: @surface0;\n }\n\n /* Merge icon */\n .fMJQEf {\n color: @text;\n background-color: @overlay0;\n }\n\n /* Branch indicator */\n .iVNDSi {\n color: @accent-color;\n background-color: fade(@accent-color, 10);\n }\n\n /* File view */\n .hwnsNO {\n color: @text;\n th {\n background: @mantle;\n }\n }\n\n .dXveNa[data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n\n .dXveNa,\n .kbjJSF {\n background-color: @surface0;\n border-color: @surface1;\n }\n\n .gUecKw,\n .lcpiaz,\n .jolsUx,\n .fsSggy {\n background-color: @mantle;\n }\n\n .Cxvmo,\n .dhYcqs {\n color: @red;\n }\n\n .byJIBD,\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: @green;\n }\n\n .lmmHGT:not(:first-of-type),\n .fOEJrA,\n .fnFdxN,\n .huABLg,\n .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n .cwSUxL,\n .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n .jvzHAP,\n .hPIyzG,\n .gTeenv[data-no-visuals=\"true\"],\n .VplrY[data-no-visuals=\"true\"],\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n .kKFNhh,\n .lnXbGs,\n .dTxwit {\n color: @subtext0;\n }\n\n .gssqTz {\n color: @text !important;\n }\n\n .bPgnBp,\n .jMyfUO,\n .cBrzIN {\n color: @text;\n }\n\n .eLaeIt:hover:not([disabled]),\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .bDSYgZ:hover:not([disabled]),\n .icOaJE:hover:not([disabled]) {\n background-color: @surface0;\n }\n\n .icOaJE[aria-pressed=\"true\"] {\n background-color: @surface0;\n }\n\n .cZRqXf {\n background-color: @surface0;\n &:active:not([disabled]),\n &[aria-expanded=\"true\"] {\n border-color: @surface2;\n }\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n\n .kdEavw,\n .ddNLNa,\n .jepClM,\n .gTeenv,\n .VplrY {\n background-color: @surface0;\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n\n .juEfKr {\n border-color: @surface2;\n }\n\n .eUqMHM,\n .hSXtjz {\n background-color: @base;\n }\n\n .gtXnmh,\n .ukUXs,\n .giEfVQ,\n .cKvNNO,\n .evdFFE,\n .kTUxDY {\n background-color: @mantle;\n }\n\n .hLwWNO .PRIVATE_TreeView-item-container,\n .hYaoHV,\n .rLhXz,\n .gtXnmh,\n .lmmHGT,\n .dEmXPQ {\n color: @text;\n }\n\n .bJBoUI,\n .iJtJJh {\n color: @accent-color;\n }\n\n .lhyFLG {\n background-color: @mantle;\n border-top: 1px solid @surface1;\n border-right-color: @surface1;\n border-bottom-color: @surface1;\n border-left-color: @surface1;\n }\n\n .hUWqlv,\n .bJcMWH {\n color: @blue;\n }\n\n .gxGEao {\n border-bottom-color: @surface0;\n }\n\n .hLwWNO\n .PRIVATE_TreeView-item[aria-current=\"true\"]\n > .PRIVATE_TreeView-item-container {\n background-color: @surface0;\n &::after {\n background-color: @accent-color;\n }\n }\n\n .dfAUyE,\n .gKuCoB,\n .bFrOJy {\n .segmentedControl-content {\n background-color: @mantle;\n color: @text;\n }\n }\n\n .cuqBaK,\n .fCAAcl,\n .dAXkSP {\n color: @text;\n background-color: @base;\n &:hover .segmentedControl-content {\n background: @surface0;\n }\n }\n\n @media (hover: hover) and (pointer: fine) {\n .rLhXz:hover:not([aria-disabled]) {\n background-color: @surface0;\n }\n }\n\n /* Projects */\n .ksbilD,\n .cuaLcW,\n .joCMLT,\n .jClMHS,\n .jhjELj,\n .diDjDG,\n .gFuKCf,\n .dHdESs,\n .hpfKPO,\n .jdgyJn,\n .iInViE,\n .brqMal,\n .AbCTW {\n background-color: @mantle;\n }\n\n .jEgFtJ,\n .lixtXZ:hover,\n .eNIoFu,\n .idPXPh:hover,\n .fdORwV,\n .cjFogo,\n .gIOnJa {\n background-color: @surface0;\n }\n\n .jBCpbB {\n color: @text;\n background-color: @surface0;\n }\n\n .kzrUhn.selected {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n }\n\n .esIQoN,\n .kbjJSF:disabled {\n color: @subtext1;\n }\n\n .eJTCnd,\n .eTthoV {\n border-color: @surface0;\n background-color: @base;\n color: @text;\n .fixINc,\n .eDZJqt {\n color: @subtext0;\n }\n .bniVFX,\n .jtlytA {\n color: @text;\n }\n }\n\n .ikTPpF {\n box-shadow: @base 0px 3px 6px;\n border-color: @surface0;\n }\n\n .cvveTk,\n .dwoION {\n background-color: @base;\n }\n\n .FKGWN {\n background-color: @base;\n border-color: @surface0;\n }\n\n .jEgFtJ::after {\n background-color: @accent-color;\n }\n\n .khCtfm:hover {\n background-color: @surface0;\n }\n\n .khCtfm,\n .khCtfm[data-component=\"leadingVisual\"],\n .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n\n .Tnbrt {\n &:active,\n &[aria-expanded=\"true\"] {\n background-color: @surface2;\n }\n &:hover {\n background-color: @surface1;\n }\n }\n\n .imsxCM {\n color: @text;\n\n .is-selected::after {\n background-color: @accent-color;\n }\n }\n\n .pxYjU {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n }\n\n .ilLRrZ {\n color: @text;\n background-color: @surface1;\n }\n\n .cnIHxk {\n background-color: @surface0;\n color: @text;\n &:disabled {\n background-color: @overlay0;\n color: @crust;\n }\n }\n\n .ghFpol {\n background-color: @base;\n }\n\n .hVmCdl,\n .fqKZNC,\n .fZFWUy,\n .kbjJSF,\n .flKHtV,\n .jolsUx,\n .ekNmOn {\n color: @text;\n }\n\n .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n .klUZzf:not(:first-of-type) {\n color: @subtext0;\n }\n\n .jvpWzR {\n &:hover {\n background-color: @surface1;\n }\n &[data-size=\"large\"][data-block=\"block\"] {\n color: @subtext0;\n }\n }\n\n .fZFWUy,\n .fzjwje {\n background-color: @base;\n }\n\n .cEYXBH {\n background-color: @accent-color;\n }\n\n .joxhcl,\n .hXyJIp,\n .fMkBhb > .segmentedControl-content {\n background-color: @mantle;\n }\n\n .dVFmxu,\n .gbKtit,\n .lnKxja,\n .jzwNMs {\n color: @subtext0;\n svg {\n fill: @subtext0;\n }\n &:hover .segmentedControl-content {\n background-color: @surface1;\n border-color: @surface0;\n }\n }\n\n .hJMtSk {\n color: @crust;\n background-color: @green;\n &:disabled {\n color: @crust;\n background-color: @overlay0;\n }\n }\n\n .iDiUTR {\n color: @text;\n background-color: @base;\n border-color: @surface0;\n &:hover {\n border-color: @surface1;\n }\n }\n\n .eQfJKc,\n .UHWYv {\n color: @red;\n }\n\n .jVIqnb {\n color: @red;\n background-color: @surface0;\n &:hover {\n color: @base;\n background-color: @red;\n }\n }\n\n .UHWYv:hover {\n background-color: fade(@red, 20);\n }\n\n .lmmHGT:hover {\n background-color: @surface0;\n }\n\n /* Project table view */\n .hYdbWk,\n .gkeKEr,\n .jzcCeu,\n .iGxiw,\n .ixFSpw,\n .koxWOe,\n .gkWKRr,\n .ikaTJo > svg,\n .dcGHGc,\n .dzMFih,\n .hYdbWk::before,\n .ixFSpw::before,\n .dSHKOE {\n background-color: @base;\n }\n\n .gkWKRr {\n border-top-color: @surface0;\n border-right-color: @surface0;\n border-left-color: @surface0;\n }\n\n .hPQRKh {\n background-color: @surface0;\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n }\n\n .kfwhFa {\n &:hover:not([disabled]) {\n background-color: @surface0;\n }\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n\n .jykkjb {\n background-color: @base;\n box-shadow:\n @crust 0px -2px 0px inset,\n @crust 0px 1px 0px inset;\n }\n\n .jhjELj,\n .ixTUPS {\n border-color: @surface1;\n }\n\n .gmscZx,\n .fUaEiu {\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n & [data-component=\"leadingVisual\"],\n &[data-size=\"small\"],\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n\n .cBssZb {\n color: @text;\n }\n\n .jhjELj::before {\n border-color: transparent transparent @surface1;\n }\n\n .fHpqaf,\n .bfQVnA,\n .iGxiw,\n .fUzagb,\n .gisjeK,\n .iQkwAM {\n color: @subtext0;\n }\n\n smt {\n background-color: @base;\n &:hover {\n background-color: @surface0;\n }\n }\n\n .dtTTcd {\n background-color: @base;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n\n .pQcjM {\n border-color: @surface1;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n\n .eTSXcP {\n background-color: @red;\n }\n\n .iGxiw {\n border-bottom-color: @surface1;\n }\n\n /* Tree Fix */\n\n /* Tree Fix */\n\n /* Weird barely visible outlines | Can be removed if intentional*/\n .brFBoI,\n .ldUAkr,\n .gtXnmh {\n border-color: @surface1;\n }\n\n /* New Repository Overview Fix */\n .gWjhfa,\n .jMdYTc {\n background-color: @mantle;\n }\n\n .jMdYTc {\n border: 1px solid @surface1;\n\n & button {\n color: @subtext1;\n\n &:hover {\n background-color: @surface0;\n }\n\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n }\n }\n\n .gwuIGu > a {\n &:hover {\n background-color: @surface0;\n }\n\n & span {\n color: @subtext1;\n }\n }\n\n /* Buttons */\n .bJYdrf:hover {\n background-color: @mantle;\n }\n\n .dSlCya:hover {\n color: @accent-color;\n }\n\n .hNNRLM,\n .hGgJQu,\n .hTcsdJ {\n background-color: @surface0;\n border-color: @surface0;\n color: @text;\n\n &:hover {\n background-color: @surface1;\n border-color: @surface1;\n }\n }\n\n .eOIzRT {\n background-color: @base;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n .hNNRLM svg {\n color: @text;\n }\n\n .react-last-commit-history-group:hover {\n background-color: @base;\n color: @text;\n }\n\n .hfRvxg {\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n }\n\n /* Scrolling top menu */\n .lbYguI {\n border-radius: 6px;\n }\n\n .hPsWZB,\n .bOUZZs {\n background-color: @mantle;\n }\n\n .react-blob-header-edit-and-raw-actions > div > a,\n .react-blob-header-edit-and-raw-actions > div > span > a,\n .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: @base;\n color: @subtext0;\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n .hMOAua {\n color: @subtext1;\n\n &:hover {\n background-color: @mantle;\n border: 1px solid @surface1;\n color: @text;\n }\n }\n\n /* Fullscreen Sidebar Fixes*/\n .hMCjFU,\n .jcKsih,\n .hpgNiv {\n background-color: @base;\n color: @text;\n border: 1px solid @surface1;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n /* Dropdown Menus */\n .jfOCiu,\n .gNXjVV,\n .iGzDhH,\n .Overlay {\n background-color: @mantle;\n border: 1px solid @surface1;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n\n .jfOCiu li {\n color: @text;\n }\n\n .kRbyXo {\n color: @text;\n }\n\n .VgnWi {\n background-color: @base;\n border: 1px solid @surface1;\n\n &:focus-within {\n border-color: @accent-color;\n box-shadow: @accent-color 0px 0px 0px 1px inset;\n }\n }\n\n .bAKGFC {\n background-color: @surface1;\n }\n\n .bdMlHy {\n border-color: @surface1;\n }\n\n .jMyfUO.selected {\n border-color: @surface1;\n background-color: @mantle;\n }\n\n .bPgnBp {\n color: @accent-color;\n }\n\n kbd {\n background-color: @surface1;\n }\n\n select option,\n optgroup {\n background-color: @mantle;\n border: 1px solid @surface1;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n\n .hUQSCH {\n background-color: @base;\n color: @subtext1;\n border-color: @surface1;\n\n &:hover {\n background-color: @mantle;\n border-color: @surface1;\n }\n }\n\n /* Add File Menu */\n .dQPLyc {\n background-color: transparent;\n border: 1px solid @surface1;\n }\n\n .ktGGEf {\n background-color: @base;\n border: 1px solid @surface1;\n }\n\n .gkfBtX {\n background-color: @mantle;\n border-radius: 6px 0px 0px 0px;\n border-bottom: 1px solid @surface1;\n }\n\n .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n\n &:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: @text;\n }\n }\n\n .wLDmP {\n background-color: @mantle;\n border: 1px solid @surface1;\n }\n\n .eNSiNz .segmentedControl-content,\n .gKuCoB .segmentedControl-content {\n background-color: @base;\n }\n\n /* Notification Menu Fix */\n .notifications-list-item.notification-read,\n .notifications-list-item.notification-archived {\n background-color: @base !important;\n\n &:last-child {\n border-bottom-left-radius: 6px;\n }\n }\n\n /* Loading Bar Color */\n .turbo-progress-bar {\n background-color: @accent-color;\n }\n }\n}\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* Colors */\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n\n --jp-border-color0: var(--color-scale-gray-7);\n --jp-border-color1: var(--color-scale-gray-7);\n --jp-border-color2: var(--color-scale-gray-8);\n --jp-border-color3: var(--color-scale-gray-9);\n --jp-ui-font-color0: @text;\n --jp-ui-font-color1: fadeout(@text, 13%);\n --jp-ui-font-color2: fadeout(@text, 46%);\n --jp-ui-font-color3: fadeout(@text, 72%);\n --jp-ui-inverse-font-color0: @crust;\n --jp-ui-inverse-font-color1: fadeout(@crust, 20%);\n --jp-ui-inverse-font-color2: fadeout(@crust, 50%);\n --jp-ui-inverse-font-color3: fadeout(@crust, 70%);\n --jp-content-font-color0: @text;\n --jp-content-font-color1: @text;\n --jp-content-font-color2: fadeout(@text, 30%);\n --jp-content-font-color3: fadeout(@text, 50%);\n --jp-content-link-color: @sapphire;\n --jp-layout-color0: @base !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-border-color: var(--color-scale-gray-7);\n --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-cell-prompt-not-active-font-color: fadeout(@text, 50%);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: fadeout(@overlay2, 86%);\n --jp-rendermime-error-background: fadeout(@red, 82%);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: fadeout(@surface2, 86%);\n --jp-dialog-background: fadeout(@crust, 40%);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px fadeout(@crust, 20%);\n --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-input-background: var(--color-scale-gray-8);\n --jp-input-active-box-shadow-color: fadeout(@blue, 70%);\n --jp-editor-selected-focused-background: fadeout(@blue, 86%);\n --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n --jp-mirror-editor-number-color: var(--color-scale-green-4);\n --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n --jp-mirror-editor-operator-color: @mauve;\n --jp-mirror-editor-comment-color: @subtext0;\n --jp-mirror-editor-string-color: @peach;\n --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n --jp-mirror-editor-meta-color: @mauve;\n --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n --jp-mirror-editor-error-color: @red;\n --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n --jp-vega-background: var(--color-scale-gray-4);\n --jp-search-selected-match-background-color: @yellow;\n --jp-search-selected-match-color: @crust;\n --jp-icon-contrast-color0: var(--color-scale-purple-6);\n --jp-icon-contrast-color1: var(--color-scale-green-6);\n --jp-icon-contrast-color2: var(--color-scale-pink-6);\n --jp-icon-contrast-color3: var(--color-scale-blue-6);\n }\n}\n",
+ "sourceCode": "/* ==UserStyle==\n@name Github Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.2.9\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox topbar \"Topbar colors\" 1\n@var checkbox usefont \"Use Inter font\" 0\n==/UserStyle== */\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n\n@-moz-document regexp(\"https:\\/\\/(gist\\.)*github\\.com(?!\\/(home|marketplace|organizations\\/plan)).*\") {\n [data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n html:not([data-light-theme=\"light\"]) body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"]) body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\n font-size: 0.9rem;\n font-weight: 600;\n border-radius: 0.5rem;\n max-width: 40ch;\n background-color: var(--color-danger-fg);\n color: var(--color-header-bg);\n content: \"Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the Catppuccin GitHub userstyle.\";\n z-index: 9999;\n }\n\n #coloredButton(@name, @color) {\n --color-btn-@{name}-text: @base;\n --color-btn-@{name}-bg: @color;\n --color-btn-@{name}-border: transparent;\n --color-btn-@{name}-shadow: 0 0 transparent;\n --color-btn-@{name}-inset-shadow: 0 0 transparent;\n --color-btn-@{name}-hover-bg: mix(@color, @text, 30%);\n --color-btn-@{name}-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-@{name}-selected-bg: mix(@color, @text, 50%);\n --color-btn-@{name}-selected-shadow: 0 0 transparent;\n --color-btn-@{name}-disabled-text: @crust;\n --color-btn-@{name}-disabled-bg: mix(@color, @base, 60%);\n --color-btn-@{name}-disabled-border: transparent;\n --color-btn-@{name}-focus-bg: #238636;\n --color-btn-@{name}-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-@{name}-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-@{name}-icon: @base;\n --color-btn-@{name}-counter-bg: rgba(255, 255, 255, 0.2);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n & body {\n accent-color: @accent-color;\n --bgColor-default: @base;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: @base;\n --color-marketing-icon-primary: @sky;\n --color-marketing-icon-secondary: @blue;\n --color-diff-blob-addition-num-text: @text;\n --color-diff-blob-addition-fg: @text;\n --color-diff-blob-addition-num-bg: fadeout(@green, 70%);\n --color-diff-blob-addition-line-bg: fadeout(@green, 85%);\n --color-diff-blob-addition-word-bg: fadeout(@green, 70%);\n --color-diff-blob-deletion-num-text: @text;\n --color-diff-blob-deletion-fg: @text;\n --color-diff-blob-deletion-num-bg: fadeout(@red, 70%);\n --color-diff-blob-deletion-line-bg: fadeout(@red, 85%);\n --color-diff-blob-deletion-word-bg: fadeout(@red, 70%);\n --color-diff-blob-hunk-num-bg: fadeout(@blue, 60%);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: @green;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: @overlay1;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @teal;\n --color-prettylights-syntax-keyword: @pink;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: @teal;\n --color-prettylights-syntax-markup-italic: @yellow;\n --color-prettylights-syntax-markup-bold: @yellow;\n --color-prettylights-syntax-markup-deleted-text: @text;\n --color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: @mauve;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: @text;\n --color-codemirror-bg: @base;\n --color-codemirror-gutters-bg: @base;\n --color-codemirror-guttermarker-text: @base;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: @base;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: @mantle;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: @text;\n --color-checks-text-secondary: @subtext1;\n --color-checks-text-link: @sapphire;\n --color-checks-btn-icon: @text;\n --color-checks-btn-hover-icon: @text;\n --color-checks-btn-hover-bg: @crust;\n --color-checks-input-text: @surface1;\n --color-checks-input-placeholder-text: @subtext1;\n --color-checks-input-focus-text: @text;\n --color-checks-input-bg: @surface0;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: @red;\n --color-checks-donut-pending: @peach;\n --color-checks-donut-success: @green;\n --color-checks-donut-neutral: @overlay2;\n --color-checks-dropdown-text: @text;\n --color-checks-dropdown-bg: @surface0;\n --color-checks-dropdown-border: @surface1;\n --color-checks-dropdown-shadow: @crust;\n --color-checks-dropdown-hover-text: @subtext0;\n --color-checks-dropdown-hover-bg: @mantle;\n --color-checks-dropdown-btn-hover-text: @text;\n --color-checks-dropdown-btn-hover-bg: @mantle;\n --color-checks-scrollbar-thumb-bg: @mantle;\n --color-checks-header-label-text: @text;\n --color-checks-header-label-open-text: @accent-color;\n --color-checks-header-border: @surface0;\n --color-checks-header-icon: @text;\n --color-checks-line-text: @subtext0;\n --color-checks-line-num-text: @subtext0;\n --color-checks-line-timestamp-text: @subtext0;\n --color-checks-line-hover-bg: @surface0;\n --color-checks-line-selected-bg: @surface0;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: @text;\n --color-checks-gate-waiting-text: @yellow;\n --color-checks-step-header-open-bg: @surface0;\n --color-checks-step-error-text: @maroon;\n --color-checks-step-warning-text: @peach;\n --color-checks-logline-text: @text;\n --color-checks-logline-num-text: @text;\n --color-checks-logline-debug-text: @mauve;\n --color-checks-logline-error-text: @text;\n --color-checks-logline-error-num-text: @maroon;\n --color-checks-logline-error-bg: fadeout(@maroon, 85%);\n --color-checks-logline-warning-text: @subtext1;\n --color-checks-logline-warning-num-text: @peach;\n --color-checks-logline-warning-bg: fadeout(@peach, 85%);\n --color-checks-logline-command-text: @blue;\n --color-checks-logline-section-text: @green;\n --color-checks-ansi-black: @surface1;\n --color-checks-ansi-black-bright: @surface2;\n --color-checks-ansi-white: @subtext1;\n --color-checks-ansi-white-bright: @subtext0;\n --divider-color: @surface1;\n --underlineNav-borderColor-active: @accent-color;\n\n & when (@lookup =latte) {\n // When using a light theme use the light colors instead of the dark\n --color-checks-ansi-black: @subtext1;\n --color-checks-ansi-black-bright: @subtext0;\n --color-checks-ansi-white: @surface2;\n --color-checks-ansi-white-bright: @surface1;\n }\n\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: @red;\n --color-checks-ansi-red-bright: @red;\n --color-checks-ansi-green: @green;\n --color-checks-ansi-green-bright: @green;\n --color-checks-ansi-yellow: @yellow;\n --color-checks-ansi-yellow-bright: @yellow;\n --color-checks-ansi-blue: @blue;\n --color-checks-ansi-blue-bright: @blue;\n --color-checks-ansi-magenta: @pink;\n --color-checks-ansi-magenta-bright: @pink;\n --color-checks-ansi-cyan: @teal;\n --color-checks-ansi-cyan-bright: @teal;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: rgb(255, 255, 255) 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: @base;\n\n & when (@topbar =1) {\n // If topbar is enabled then make the topbar color different\n --color-header-bg: @mantle;\n }\n\n --color-header-divider: #8b949e;\n --color-header-logo: @text;\n --color-header-search-bg: @surface0;\n --color-header-search-border: @surface1;\n --color-sidenav-selected-bg: @surface1;\n --color-menu-bg-active: @surface2;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: @surface0;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #ffffff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: @text;\n --color-btn-bg: @surface0;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: @surface1;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: @surface2;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: @surface2;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: @surface2;\n #coloredButton(primary, @green);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0\n rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #ffffff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: @subtext0;\n --color-btn-outline-disabled-bg: @surface2;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n #coloredButton(danger, @red);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: @surface2;\n --color-action-list-item-default-hover-bg: @surface0;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: @surface1;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: @text;\n --color-fg-muted: @subtext1;\n --color-fg-subtle: @subtext1;\n --color-fg-on-emphasis: @base;\n --color-canvas-default: @base;\n --color-canvas-overlay: @mantle;\n --color-canvas-inset: @surface0;\n --color-canvas-subtle: @mantle;\n --color-border-default: @surface1;\n --color-border-muted: @surface0;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px @crust;\n --color-shadow-large: 0 8px 24px @crust;\n --color-shadow-extra-large: 0 12px 48px @crust;\n --color-neutral-emphasis-plus: @overlay0;\n --color-neutral-emphasis: @overlay2;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: @accent-color;\n --color-accent-emphasis: @accent-color;\n --color-accent-muted: fadeout(@accent-color, 60%);\n --color-accent-subtle: fadeout(@accent-color, 85%);\n --color-success-fg: @green;\n --color-success-emphasis: @green;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: @peach;\n --color-attention-emphasis: @peach;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: @maroon;\n --color-severe-emphasis: @maroon;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: @red;\n --color-danger-emphasis: @red;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: @green;\n --color-open-emphasis: @green;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: @red;\n --color-closed-emphasis: @red;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: @mauve;\n --color-done-emphasis: @mauve;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: @mauve;\n --color-sponsors-emphasis: @mauve;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: fadeout(@accent-color, 50%);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: @red;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n --color-workflow-card-connector: @overlay0;\n --color-workflow-card-connector-bg: @overlay0;\n --color-workflow-card-connector-inactive: @surface1;\n --color-workflow-card-connector-inactive-bg: @surface1;\n --color-workflow-card-connector-highlight: @accent-color;\n --color-workflow-card-connector-highlight-bg: @accent-color;\n --color-workflow-card-bg: @surface1;\n --color-workflow-card-inactive-bg: @surface0;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: fadeout(@blue, 85%);\n --color-workflow-card-progress-incomplete-bg: @surface1;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: @text;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: @surface0;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n --color-calendar-graph-day-L4-bg: @green;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: @text;\n\n /* Buttons */\n .btn-danger,\n .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n\n /* Create PR button & New branch button */\n .iRoQzU,\n .ifkUYV,\n .bOZDzN {\n background-color: @green;\n color: @base;\n }\n\n /* New branch dialog */\n .jenxrv {\n background-color: @mantle;\n color: @text;\n }\n\n /* Branch drop down */\n .fHiIQb {\n background-color: @surface0;\n }\n\n /* Compare button & Cancel new branch button */\n .idPXPh,\n .epAEYw {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n }\n\n /* search btn */\n .header-search-button.placeholder {\n color: @text;\n }\n\n /* Issue tags */\n .hx_IssueLabel {\n --text: @text;\n }\n\n .hx_IssueLabel not when (@lookup =latte) {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-fadeout: max(\n 0,\n min(\n calc((var(--perceived-lightness) - var(--border-threshold)) * 100),\n 1\n )\n ); //color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)) !important;\n color: var(--text) !important;\n background: rgb(\n var(--label-r),\n var(--label-g),\n var(--label-b)\n ) !important;\n border-color: hsla(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) - 25) * 1%),\n var(--border-fadeout)\n ) !important;\n }\n\n .hx_IssueLabel when (@lookup =latte) {\n --lightness-threshold: 0.6;\n --background-fadeout: 0.18;\n --border-fadeout: 0.3;\n --lighten-by: calc(\n ((var(--lightness-threshold) - var(--perceived-lightness)) * 100) *\n var(--lightness-switch)\n );\n color: hsl(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) + var(--lighten-by)) * 1%)\n ) !important;\n background: rgba(\n var(--label-r),\n var(--label-g),\n var(--label-b),\n var(--background-fadeout)\n ) !important;\n border-color: hsla(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) + var(--lighten-by)) * 1%),\n var(--border-fadeout)\n ) !important;\n }\n\n /* Labels */\n .Label {\n color: var(--color-accent-fg);\n background-color: @surface0;\n border-color: transparent;\n }\n\n .Label--secondary {\n background-color: @surface0;\n color: @text;\n }\n\n .Label--success {\n color: @base;\n background-color: @green;\n }\n\n .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n\n .timeline-comment-header .Label,\n .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n\n /* Search */\n .header-search-input {\n color: @text !important;\n }\n\n .header-search-input::placeholder {\n color: @subtext1 !important;\n }\n\n /* Tags */\n .topic-tag {\n --color-accent-fg: @accent-color;\n --color-accent-emphasis: @accent-color;\n --color-accent-muted: fadeout(@accent-color, 60%);\n --color-accent-subtle: fadeout(@accent-color, 85%);\n }\n\n /* Misc */\n .col-md-8 {\n background-color: @base;\n }\n\n .user-mention,\n .team-mention {\n color: @accent-color;\n }\n\n .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: @green;\n }\n .starred .starred-button-icon {\n color: @yellow;\n }\n\n /* Large notification */\n .flash {\n background: @mantle;\n border-color: transparent;\n }\n\n /* Button Fix */\n .color-bg-subtle {\n background-color: transparent !important;\n }\n\n .command-palette-details-dialog .color-bg-subtle {\n background-color: @surface0 !important;\n }\n\n /* Button selection Fix */\n .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: @base !important;\n }\n\n /* Darker bg for new AppHeader */\n .AppHeader {\n background: var(--color-header-bg);\n }\n\n /* Headers */\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: @subtext1;\n }\n\n body,\n .markdown-body {\n & when (@usefont=1) {\n font-family: inter, sans-serif;\n }\n }\n\n #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n\n ::selection {\n background: @surface2 !important;\n }\n\n /* New change visibility box star and watcher preview buttons Fix */\n .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n\n .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n\n .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n\n /* New change visibility box danger buttons Fix */\n :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n\n /* 2FA authentication box header Fix */\n body.session-authentication div.Box-header {\n background-color: inherit;\n }\n\n /* Footer Logo Fix */\n .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: @text;\n }\n\n /* Footer text hover fix */\n .footer nav.col-12 * {\n color: @subtext1 !important;\n }\n\n /* Notifications */\n .notification-indicator .mail-status {\n background-image: none;\n background-color: @accent-color;\n }\n\n /* Keyboard hint */\n .bdgUpN,\n .hZMmEi .TextInput-icon,\n .hZMmEi .TextInput-action {\n color: @text;\n background-color: @mantle;\n border-color: @surface0;\n }\n\n /* Merge icon */\n .fMJQEf {\n color: @text;\n background-color: @overlay0;\n }\n\n /* Branch indicator */\n .iVNDSi {\n color: @accent-color;\n background-color: fade(@accent-color, 10);\n }\n\n /* File view */\n .hwnsNO {\n color: @text;\n th {\n background: @mantle;\n }\n }\n\n .dXveNa[data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n\n .dXveNa,\n .kbjJSF {\n background-color: @surface0;\n border-color: @surface1;\n }\n\n .gUecKw,\n .lcpiaz,\n .jolsUx,\n .fsSggy {\n background-color: @mantle;\n }\n\n .Cxvmo,\n .dhYcqs {\n color: @red;\n }\n\n .byJIBD,\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: @green;\n }\n\n .lmmHGT:not(:first-of-type),\n .fOEJrA,\n .fnFdxN,\n .huABLg,\n .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n .cwSUxL,\n .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n .jvzHAP,\n .hPIyzG,\n .gTeenv[data-no-visuals=\"true\"],\n .VplrY[data-no-visuals=\"true\"],\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n .kKFNhh,\n .lnXbGs,\n .dTxwit {\n color: @subtext0;\n }\n\n .gssqTz {\n color: @text !important;\n }\n\n .bPgnBp,\n .jMyfUO,\n .cBrzIN {\n color: @text;\n }\n\n .eLaeIt:hover:not([disabled]),\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .bDSYgZ:hover:not([disabled]),\n .icOaJE:hover:not([disabled]) {\n background-color: @surface0;\n }\n\n .icOaJE[aria-pressed=\"true\"] {\n background-color: @surface0;\n }\n\n .cZRqXf {\n background-color: @surface0;\n &:active:not([disabled]),\n &[aria-expanded=\"true\"] {\n border-color: @surface2;\n }\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n\n .kdEavw,\n .ddNLNa,\n .jepClM,\n .gTeenv,\n .VplrY {\n background-color: @surface0;\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n\n .juEfKr {\n border-color: @surface2;\n }\n\n .eUqMHM,\n .hSXtjz {\n background-color: @base;\n }\n\n .gtXnmh,\n .ukUXs,\n .giEfVQ,\n .cKvNNO,\n .evdFFE,\n .kTUxDY {\n background-color: @mantle;\n }\n\n .hLwWNO .PRIVATE_TreeView-item-container,\n .hYaoHV,\n .rLhXz,\n .gtXnmh,\n .lmmHGT,\n .dEmXPQ {\n color: @text;\n }\n\n .bJBoUI,\n .iJtJJh {\n color: @accent-color;\n }\n\n .lhyFLG {\n background-color: @mantle;\n border-top: 1px solid @surface1;\n border-right-color: @surface1;\n border-bottom-color: @surface1;\n border-left-color: @surface1;\n }\n\n .hUWqlv,\n .bJcMWH {\n color: @blue;\n }\n // search menu links\n .Link__StyledLink-sc-14289xe-0.ifbDxt {\n color: @blue;\n }\n .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n background-color: fadeout(@blue, 60%);\n }\n // Search page buttons\n .cxcvTj,\n .Box-sc-g0xbh4-0.grSspY button {\n background-color: @mantle;\n border-color: @surface1;\n }\n\n .gxGEao {\n border-bottom-color: @surface0;\n }\n\n .hLwWNO\n .PRIVATE_TreeView-item[aria-current=\"true\"]\n > .PRIVATE_TreeView-item-container {\n background-color: @surface0;\n &::after {\n background-color: @accent-color;\n }\n }\n\n .dfAUyE,\n .gKuCoB,\n .bFrOJy {\n .segmentedControl-content {\n background-color: @mantle;\n color: @text;\n }\n }\n\n .cuqBaK,\n .fCAAcl,\n .dAXkSP {\n color: @text;\n background-color: @base;\n &:hover .segmentedControl-content {\n background: @surface0;\n }\n }\n\n @media (hover: hover) and (pointer: fine) {\n .rLhXz:hover:not([aria-disabled]) {\n background-color: @surface0;\n }\n }\n\n /* Projects */\n .ksbilD,\n .cuaLcW,\n .joCMLT,\n .jClMHS,\n .jhjELj,\n .diDjDG,\n .gFuKCf,\n .dHdESs,\n .hpfKPO,\n .jdgyJn,\n .iInViE,\n .brqMal,\n .AbCTW {\n background-color: @mantle;\n }\n\n .jEgFtJ,\n .lixtXZ:hover,\n .eNIoFu,\n .idPXPh:hover,\n .fdORwV,\n .cjFogo,\n .gIOnJa {\n background-color: @surface0;\n }\n\n .jBCpbB {\n color: @text;\n background-color: @surface0;\n }\n\n .kzrUhn.selected {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n }\n\n .esIQoN,\n .kbjJSF:disabled {\n color: @subtext1;\n }\n\n .eJTCnd,\n .eTthoV {\n border-color: @surface0;\n background-color: @base;\n color: @text;\n .fixINc,\n .eDZJqt {\n color: @subtext0;\n }\n .bniVFX,\n .jtlytA {\n color: @text;\n }\n }\n\n .ikTPpF {\n box-shadow: @base 0px 3px 6px;\n border-color: @surface0;\n }\n\n .cvveTk,\n .dwoION {\n background-color: @base;\n }\n\n .FKGWN {\n background-color: @base;\n border-color: @surface0;\n }\n\n .jPHlsW::after {\n background-color: @accent-color;\n }\n\n .khCtfm:hover {\n background-color: @surface0;\n }\n .bWlbEI,\n .hzIORV {\n background-color: @mantle;\n }\n\n .khCtfm,\n .khCtfm[data-component=\"leadingVisual\"],\n .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n\n .Tnbrt {\n &:active,\n &[aria-expanded=\"true\"] {\n background-color: @surface2;\n }\n &:hover {\n background-color: @surface1;\n }\n }\n\n .imsxCM {\n color: @text;\n\n .is-selected::after {\n background-color: @accent-color;\n }\n }\n\n .pxYjU {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n }\n\n .ilLRrZ {\n color: @text;\n background-color: @surface1;\n }\n\n .cnIHxk {\n background-color: @surface0;\n color: @text;\n &:disabled {\n background-color: @overlay0;\n color: @crust;\n }\n }\n\n .ghFpol {\n background-color: @base;\n }\n\n .hVmCdl,\n .fqKZNC,\n .fZFWUy,\n .kbjJSF,\n .flKHtV,\n .jolsUx,\n .ekNmOn {\n color: @text;\n }\n\n .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n .klUZzf:not(:first-of-type) {\n color: @subtext0;\n }\n\n .jvpWzR {\n &:hover {\n background-color: @surface1;\n }\n &[data-size=\"large\"][data-block=\"block\"] {\n color: @subtext0;\n }\n }\n\n .fZFWUy,\n .fzjwje {\n background-color: @base;\n }\n\n .cEYXBH {\n background-color: @accent-color;\n }\n\n .joxhcl,\n .hXyJIp,\n .fMkBhb > .segmentedControl-content {\n background-color: @mantle;\n }\n\n .dVFmxu,\n .gbKtit,\n .lnKxja,\n .jzwNMs {\n color: @subtext0;\n svg {\n fill: @subtext0;\n }\n &:hover .segmentedControl-content {\n background-color: @surface1;\n border-color: @surface0;\n }\n }\n\n .hJMtSk {\n color: @crust;\n background-color: @green;\n &:disabled {\n color: @crust;\n background-color: @overlay0;\n }\n }\n\n .iDiUTR {\n color: @text;\n background-color: @base;\n border-color: @surface0;\n &:hover {\n border-color: @surface1;\n }\n }\n\n .eQfJKc,\n .UHWYv {\n color: @red;\n }\n\n .jVIqnb {\n color: @red;\n background-color: @surface0;\n &:hover {\n color: @base;\n background-color: @red;\n }\n }\n\n .UHWYv:hover {\n background-color: fade(@red, 20);\n }\n\n .lmmHGT:hover {\n background-color: @surface0;\n }\n\n /* Project table view */\n .hYdbWk,\n .gkeKEr,\n .jzcCeu,\n .iGxiw,\n .ixFSpw,\n .koxWOe,\n .gkWKRr,\n .ikaTJo > svg,\n .dcGHGc,\n .dzMFih,\n .hYdbWk::before,\n .ixFSpw::before,\n .dSHKOE {\n background-color: @base;\n }\n\n .gkWKRr {\n border-top-color: @surface0;\n border-right-color: @surface0;\n border-left-color: @surface0;\n }\n\n .hPQRKh {\n background-color: @surface0;\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n }\n\n .kfwhFa {\n &:hover:not([disabled]) {\n background-color: @surface0;\n }\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n\n .jykkjb {\n background-color: @base;\n box-shadow:\n @crust 0px -2px 0px inset,\n @crust 0px 1px 0px inset;\n }\n\n .jhjELj,\n .ixTUPS {\n border-color: @surface1;\n }\n\n .gmscZx,\n .fUaEiu {\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n & [data-component=\"leadingVisual\"],\n &[data-size=\"small\"],\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n\n .cBssZb {\n color: @text;\n }\n\n .jhjELj::before {\n border-color: transparent transparent @surface1;\n }\n\n .fHpqaf,\n .bfQVnA,\n .iGxiw,\n .fUzagb,\n .gisjeK,\n .iQkwAM {\n color: @subtext0;\n }\n\n smt {\n background-color: @base;\n &:hover {\n background-color: @surface0;\n }\n }\n\n .dtTTcd {\n background-color: @base;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n\n .pQcjM {\n border-color: @surface1;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n\n .eTSXcP {\n background-color: @red;\n }\n\n .iGxiw {\n border-bottom-color: @surface1;\n }\n\n /* Tree Fix */\n\n /* Tree Fix */\n\n /* Weird barely visible outlines | Can be removed if intentional*/\n .brFBoI,\n .ldUAkr,\n .gtXnmh {\n border-color: @surface1;\n }\n\n /* New Repository Overview Fix */\n .gWjhfa,\n .jMdYTc {\n background-color: @mantle;\n }\n\n .jMdYTc {\n border: 1px solid @surface1;\n\n & button {\n color: @subtext1;\n\n &:hover {\n background-color: @surface0;\n }\n\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n }\n }\n\n .gwuIGu > a {\n &:hover {\n background-color: @surface0;\n }\n\n & span {\n color: @subtext1;\n }\n }\n\n /* Buttons */\n .bJYdrf:hover {\n background-color: @mantle;\n }\n\n .dSlCya:hover {\n color: @accent-color;\n }\n\n .hNNRLM,\n .hGgJQu,\n .hTcsdJ {\n background-color: @surface0;\n border-color: @surface0;\n color: @text;\n\n &:hover {\n background-color: @surface1;\n border-color: @surface1;\n }\n }\n\n .eOIzRT {\n background-color: @base;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n .hNNRLM svg {\n color: @text;\n }\n\n .react-last-commit-history-group:hover {\n background-color: @base;\n color: @text;\n }\n .ContributionCalendar-day {\n --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n --color-calendar-graph-day-L4-bg: @green;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-calendar-graph-day-bg: @surface0;\n }\n\n .tooltipped.tooltipped-s rect {\n fill: @green !important;\n }\n .hfRvxg {\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n }\n\n /* Scrolling top menu */\n .lbYguI {\n border-radius: 6px;\n }\n\n .hPsWZB,\n .bOUZZs {\n background-color: @mantle;\n }\n\n .react-blob-header-edit-and-raw-actions > div > a,\n .react-blob-header-edit-and-raw-actions > div > span > a,\n .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: @base;\n color: @subtext0;\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n .hMOAua {\n color: @subtext1;\n\n &:hover {\n background-color: @mantle;\n border: 1px solid @surface1;\n color: @text;\n }\n }\n\n /* Fullscreen Sidebar Fixes*/\n .hMCjFU,\n .jcKsih,\n .hpgNiv {\n background-color: @base;\n color: @text;\n border: 1px solid @surface1;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n /* Dropdown Menus */\n .jfOCiu,\n .gNXjVV,\n .iGzDhH,\n .Overlay {\n background-color: @mantle;\n border: 1px solid @surface1;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n\n .jfOCiu li {\n color: @text;\n }\n\n .kRbyXo {\n color: @text;\n }\n\n .VgnWi {\n background-color: @base;\n border: 1px solid @surface1;\n\n &:focus-within {\n border-color: @accent-color;\n box-shadow: @accent-color 0px 0px 0px 1px inset;\n }\n }\n\n .bAKGFC {\n background-color: @surface1;\n }\n\n .bdMlHy {\n border-color: @surface1;\n }\n\n .jMyfUO.selected {\n border-color: @surface1;\n background-color: @mantle;\n }\n\n .bPgnBp {\n color: @accent-color;\n }\n\n kbd {\n background-color: @surface1;\n }\n\n select option,\n optgroup {\n background-color: @mantle;\n border: 1px solid @surface1;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n\n .hUQSCH {\n background-color: @base;\n color: @subtext1;\n border-color: @surface1;\n\n &:hover {\n background-color: @mantle;\n border-color: @surface1;\n }\n }\n\n /* Add File Menu */\n .dQPLyc {\n background-color: transparent;\n border: 1px solid @surface1;\n }\n\n .ktGGEf {\n background-color: @base;\n border: 1px solid @surface1;\n }\n\n .gkfBtX {\n background-color: @mantle;\n border-radius: 6px 0px 0px 0px;\n border-bottom: 1px solid @surface1;\n }\n\n .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n\n &:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: @text;\n }\n }\n\n .wLDmP {\n background-color: @mantle;\n border: 1px solid @surface1;\n }\n\n .eNSiNz .segmentedControl-content,\n .gKuCoB .segmentedControl-content {\n background-color: @base;\n }\n\n /* Notification Menu Fix */\n .notifications-list-item.notification-read,\n .notifications-list-item.notification-archived {\n background-color: @base !important;\n\n &:last-child {\n border-bottom-left-radius: 6px;\n }\n }\n\n /* Loading Bar Color */\n .turbo-progress-bar {\n background-color: @accent-color;\n }\n .search-results-page {\n background-color: @base;\n }\n }\n}\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* Colors */\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n\n --jp-border-color0: var(--color-scale-gray-7);\n --jp-border-color1: var(--color-scale-gray-7);\n --jp-border-color2: var(--color-scale-gray-8);\n --jp-border-color3: var(--color-scale-gray-9);\n --jp-ui-font-color0: @text;\n --jp-ui-font-color1: fadeout(@text, 13%);\n --jp-ui-font-color2: fadeout(@text, 46%);\n --jp-ui-font-color3: fadeout(@text, 72%);\n --jp-ui-inverse-font-color0: @crust;\n --jp-ui-inverse-font-color1: fadeout(@crust, 20%);\n --jp-ui-inverse-font-color2: fadeout(@crust, 50%);\n --jp-ui-inverse-font-color3: fadeout(@crust, 70%);\n --jp-content-font-color0: @text;\n --jp-content-font-color1: @text;\n --jp-content-font-color2: fadeout(@text, 30%);\n --jp-content-font-color3: fadeout(@text, 50%);\n --jp-content-link-color: @sapphire;\n --jp-layout-color0: @base !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-border-color: var(--color-scale-gray-7);\n --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-cell-prompt-not-active-font-color: fadeout(@text, 50%);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: fadeout(@overlay2, 86%);\n --jp-rendermime-error-background: fadeout(@red, 82%);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: fadeout(@surface2, 86%);\n --jp-dialog-background: fadeout(@crust, 40%);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px fadeout(@crust, 20%);\n --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-input-background: var(--color-scale-gray-8);\n --jp-input-active-box-shadow-color: fadeout(@blue, 70%);\n --jp-editor-selected-focused-background: fadeout(@blue, 86%);\n --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n --jp-mirror-editor-number-color: var(--color-scale-green-4);\n --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n --jp-mirror-editor-operator-color: @mauve;\n --jp-mirror-editor-comment-color: @subtext0;\n --jp-mirror-editor-string-color: @peach;\n --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n --jp-mirror-editor-meta-color: @mauve;\n --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n --jp-mirror-editor-error-color: @red;\n --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n --jp-vega-background: var(--color-scale-gray-4);\n --jp-search-selected-match-background-color: @yellow;\n --jp-search-selected-match-color: @crust;\n --jp-icon-contrast-color0: var(--color-scale-purple-6);\n --jp-icon-contrast-color1: var(--color-scale-green-6);\n --jp-icon-contrast-color2: var(--color-scale-pink-6);\n --jp-icon-contrast-color3: var(--color-scale-blue-6);\n }\n}\n",
"usercssData": {
"name": "Github Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/github",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/github",
- "version": "1.2.7",
+ "version": "1.2.9",
"description": "Soothing pastel theme for GitHub",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css",
@@ -1741,12 +1741,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for GitHub",
"name": "Github Catppuccin",
- "originalDigest": "715b43b94a9b759ebf68486c32d556e64f58c83b",
+ "originalDigest": "9ee8168ca4dd90bb6fec2e9e4f0352ed09574383",
"_id": "707de53d-4c74-462b-befa-7b946665e44e",
- "_rev": 1696719190007,
+ "_rev": 1698839594047,
"id": 40,
- "etag": "W/\"2f830db6726a37e07315ea693b17578a32484908cd60ae995b93ad0d8993bfda\"",
- "updateDate": 1696719187275
+ "etag": "W/\"12191cdff7ee97f859d7aa29045e020bfa7094f0a60e7345d739343e8776641c\"",
+ "updateDate": 1698839593937
},
{
"enabled": true,
@@ -1938,23 +1938,23 @@
"installDate": 1690105972974,
"sections": [
{
- "code": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 1.1.1\n@description Soothing pastel theme for Reddit.\n@author jayylmao\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css\n\n@preprocessor stylus\n\n@var select stylusAccent \"Accent color\" [\n\t\"Rosewater\",\n\t\"Flamingo\",\n\t\"Pink\",\n\t\"Mauve\",\n\t\"Red\",\n \"Maroon\",\n\t\"Peach\",\n\t\"Yellow\",\n \"Green\",\n\t\"Teal\",\n\t\"Sky\",\n \"Sapphire\",\n\t\"Blue\",\n\t\"Lavender\"\n]\n\n@var select stylusFlavor \"Catppuccin Flavor\" [\n \"Latte\",\n \"Frappe\",\n \"Macchiato\",\n \"Mocha\",\n \"Espresso\"\n]\n==/UserStyle== */",
+ "code": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 1.1.2\n@description Soothing pastel theme for Reddit.\n@author jayylmao\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css\n\n@preprocessor stylus\n\n@var select stylusAccent \"Accent color\" [\n\t\"Rosewater\",\n\t\"Flamingo\",\n\t\"Pink\",\n\t\"Mauve\",\n\t\"Red\",\n \"Maroon\",\n\t\"Peach\",\n\t\"Yellow\",\n \"Green\",\n\t\"Teal\",\n\t\"Sky\",\n \"Sapphire\",\n\t\"Blue\",\n\t\"Lavender\"\n]\n\n@var select stylusFlavor \"Catppuccin Flavor\" [\n \"Latte\",\n \"Frappe\",\n \"Macchiato\",\n \"Mocha\",\n \"Espresso\"\n]\n==/UserStyle== */",
"start": 0
},
{
- "code": ":root {\n --rosewater: #f4dbd6;\n --flamingo: #f0c6c6;\n --pink: #f5bde6;\n --mauve: #c6a0f6;\n --red: #ed8796;\n --maroon: #ee99a0;\n --peach: #f5a97f;\n --yellow: #eed49f;\n --green: #a6da95;\n --teal: #8bd5ca;\n --sky: #91d7e3;\n --sapphire: #7dc4e4;\n --blue: #8aadf4;\n --lavender: #b7bdf8;\n --text: #cad3f5;\n --subtext1: #b8c0e0;\n --subtext0: #a5adcb;\n --overlay2: #939ab7;\n --overlay1: #8087a2;\n --overlay0: #6e738d;\n --surface2: #5b6078;\n --surface1: #494d64;\n --surface0: #363a4f;\n --base: #24273a;\n --mantle: #1e2030;\n --crust: #181926;\n/* non-standard colors */\n --surface1Transparent: rgba(73,77,100,0.741);\n --mist: rgba(24,25,38,0.741);\n --accent: var(--lavender);\n }\n div[class^=subredditvars],\n :root {\n --color-online: var(--green) !important;\n --newCommunityTheme-actionIcon: var(--subtext0) !important;\n --newCommunityTheme-actionIconAlpha20: var(--mist) !important;\n --newCommunityTheme-actionIconAlpha50: var(--mist) !important;\n --newCommunityTheme-actionIconShaded80: var(--subtext0) !important;\n --newCommunityTheme-actionIconTinted80: var(--subtext1) !important;\n --newCommunityTheme-active: var(--accent) !important;\n --newCommunityTheme-activeAlpha10: var(--mist) !important;\n --newCommunityTheme-activeAlpha20: var(--mist) !important;\n --newCommunityTheme-activeAlpha50: var(--mist) !important;\n --newCommunityTheme-activeLight60: var(--accent) !important;\n --newCommunityTheme-activeShaded80: var(--accent) !important;\n --newCommunityTheme-activeShaded90: var(--accent) !important;\n --newCommunityTheme-activeTinted05: var(--text) !important;\n --newCommunityTheme-banner-backgroundColor: var(--accent) !important;\n --newCommunityTheme-banner-iconColor: var(--accent) !important;\n --newCommunityTheme-body: var(--mantle) !important;\n --newCommunityTheme-bodyAlpha50: var(--surface0) !important;\n --newCommunityTheme-bodyAlpha70: var(--surface1) !important;\n --newCommunityTheme-bodyAlpha80: var(--surface2) !important;\n --newCommunityTheme-bodyFade: var(--subtext0) !important;\n --newCommunityTheme-bodyShaded80: var(--mantle) !important;\n --newCommunityTheme-bodyText: var(--text) !important;\n --newCommunityTheme-bodyTextAlpha03: var(--mantle) !important;\n --newCommunityTheme-bodyTextAlpha20: var(--surface1) !important;\n --newCommunityTheme-bodyTextShaded20: var(--surface0) !important;\n --newCommunityTheme-bodyTextTinted20: var(--subtext0) !important;\n --newCommunityTheme-bodyTinted50: var(--overlay1) !important;\n --newCommunityTheme-bodyTinted80: var(--overlay0) !important;\n --newCommunityTheme-button: var(--text) !important;\n --newCommunityTheme-buttonAlpha05: var(--mist) !important;\n --newCommunityTheme-buttonAlpha10: var(--mist) !important;\n --newCommunityTheme-buttonAlpha20: var(--mist) !important;\n --newCommunityTheme-buttonAlpha40: var(--subtext0) !important;\n --newCommunityTheme-buttonAlpha50: var(--subtext1) !important;\n --newCommunityTheme-buttonAlpha80: var(--subtext1) !important;\n --newCommunityTheme-buttonShaded80: var(--overlay0) !important;\n --newCommunityTheme-buttonTinted20: var(--accent) !important;\n --newCommunityTheme-buttonTinted50: var(--accent) !important;\n --newCommunityTheme-buttonTinted80: var(--accent) !important;\n --newCommunityTheme-canvas: var(--crust) !important;\n --newCommunityTheme-checkbox: var(--text) !important;\n --newCommunityTheme-errorText: var(--red) !important;\n --newCommunityTheme-field: var(--surface0) !important;\n --newCommunityTheme-fieldFade: var(--surface1Transparent) !important;\n --newCommunityTheme-flair: var(--accent) !important;\n --newCommunityTheme-highlight: var(--base) !important;\n --newCommunityTheme-inactive: var(--subtext0) !important;\n --newCommunityTheme-lightText: var(--text) !important;\n --newCommunityTheme-lightTextAlpha75: var(--subtext1) !important;\n --newCommunityTheme-line: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShaded80: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShaded90: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShadedNinety: var(--surface1Transparent) !important;\n --newCommunityTheme-linkText: var(--accent) !important;\n --newCommunityTheme-linkTextAlpha80: var(--accent) !important;\n --newCommunityTheme-linkTextShaded80: var(--accent) !important;\n --newCommunityTheme-linkTextTinted80: var(--accent) !important;\n --newCommunityTheme-linkTextWithBody: var(--accent) !important;\n --newCommunityTheme-menu: var(--mantle) !important;\n --newCommunityTheme-menuActiveText: var(--text) !important;\n --newCommunityTheme-menuButtonBackground-active: var(--base) !important;\n --newCommunityTheme-menuButtonBackground-focus: var(--base) !important;\n --newCommunityTheme-menuButtonBackground-hover: var(--base) !important;\n --newCommunityTheme-menuInactiveText: var(--text) !important;\n --newCommunityTheme-metaText: var(--subtext0) !important;\n --newCommunityTheme-metaTextAlpha50: var(--subtext0) !important;\n --newCommunityTheme-metaTextShaded80: var(--subtext0) !important;\n --newCommunityTheme-monospaceColor: var(--accent) !important;\n --newCommunityTheme-navBar-activeLink: var(--text) !important;\n --newCommunityTheme-navBar-activeSubmenuCaret: var(--text) !important;\n --newCommunityTheme-navBar-activeSubmenuLink: var(--text) !important;\n --newCommunityTheme-navBar-backgroundColor: var(--mantle) !important;\n --newCommunityTheme-navBar-hoverLink: var(--text) !important;\n --newCommunityTheme-navBar-inactiveLink: var(--text) !important;\n --newCommunityTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n --newCommunityTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n --newCommunityTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n --newCommunityTheme-navIcon: var(--text) !important;\n/* upvote/downvote focus */\n --newCommunityTheme-navIconFaded10: var(--mist) !important;\n --newCommunityTheme-nsfw: var(--red) !important;\n --newCommunityTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n --newCommunityTheme-nsfwBlocking-color: var(--text) !important;\n --newCommunityTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n --newCommunityTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n --newCommunityTheme-pageHeader: var(--surface2) !important;\n --newCommunityTheme-placeholder: var(--surface0) !important;\n --newCommunityTheme-post: var(--mantle) !important;\n --newCommunityTheme-postError: var(--red) !important;\n --newCommunityTheme-postFlairText: var(--crust) !important;\n --newCommunityTheme-postIcon: var(--accent) !important;\n --newCommunityTheme-postLine: var(--surface1Transparent) !important;\n --newCommunityTheme-postLineShaded80: var(--surface1Transparent) !important;\n --newCommunityTheme-postLineShaded90: var(--surface1Transparent) !important;\n --newCommunityTheme-postTinted20: var(--base) !important;\n --newCommunityTheme-postTransparent20: var(--base) !important;\n --newCommunityTheme-primaryButtonShadedEighty: var(--overlay1) !important;\n --newCommunityTheme-primaryButtonTintedEighty: var(--overlay1) !important;\n --newCommunityTheme-primaryButtonTintedFifty: var(--overlay0) !important;\n --newCommunityTheme-primaryButtonTintedSixty: var(--overlay0) !important;\n --newCommunityTheme-quarantine: var(--yellow) !important;\n --newCommunityTheme-report: var(--surface1) !important;\n --newCommunityTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n --newCommunityTheme-search-syntaxHighlightColor: var(--base) !important;\n --newCommunityTheme-titleText: var(--text) !important;\n --newCommunityTheme-upsell-appleIcon: var(--subtext1) !important;\n --newCommunityTheme-upsell-ssoButtonBorderColor: var(--surface1Transparent) !important;\n --newCommunityTheme-upsell-ssoButtonTextColor: var(--text) !important;\n --newCommunityTheme-voteText-base: var(--subtext0) !important;\n --newCommunityTheme-voteText-downvote: var(--blue) !important;\n --newCommunityTheme-voteText-downvoteShaded80: var(--blue) !important;\n --newCommunityTheme-voteText-downvoteTinted80: var(--blue) !important;\n --newCommunityTheme-voteText-upvote: var(--red) !important;\n --newCommunityTheme-voteText-upvoteShaded80: var(--red) !important;\n --newCommunityTheme-voteText-upvoteTinted80: var(--red) !important;\n --newCommunityTheme-widgetColors-appleIcon: var(--overlay0) !important;\n --newCommunityTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n/* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mantle) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n --newRedditTheme-actionIcon: var(--subtext0) !important;\n --newRedditTheme-actionIconAlpha20: var(--mist) !important;\n --newRedditTheme-actionIconAlpha50: var(--mist) !important;\n --newRedditTheme-actionIconShaded80: var(--subtext0) !important;\n --newRedditTheme-actionIconTinted80: var(--subtext1) !important;\n --newRedditTheme-active: var(--accent) !important;\n --newRedditTheme-activeAlpha10: var(--mist) !important;\n --newRedditTheme-activeAlpha20: var(--mist) !important;\n --newRedditTheme-activeAlpha50: var(--mist) !important;\n --newRedditTheme-activeLight60: var(--accent) !important;\n --newRedditTheme-activeShaded80: var(--accent) !important;\n --newRedditTheme-activeShaded90: var(--accent) !important;\n --newRedditTheme-activeTinted05: var(--text) !important;\n --newRedditTheme-banner-backgroundColor: var(--accent) !important;\n --newRedditTheme-banner-iconColor: var(--accent) !important;\n --newRedditTheme-body: var(--mantle) !important;\n --newRedditTheme-bodyAlpha50: var(--surface0) !important;\n --newRedditTheme-bodyAlpha70: var(--surface1) !important;\n --newRedditTheme-bodyAlpha80: var(--surface2) !important;\n --newRedditTheme-bodyFade: var(--mist) !important;\n --newRedditTheme-bodyShaded80: var(--mantle) !important;\n --newRedditTheme-bodyText: var(--text) !important;\n --newRedditTheme-bodyTextAlpha03: var(--mist) !important;\n --newRedditTheme-bodyTextAlpha20: var(--surface1) !important;\n --newRedditTheme-bodyTextShaded20: var(--surface0) !important;\n --newRedditTheme-bodyTextTinted20: var(--subtext1) !important;\n --newRedditTheme-bodyTinted50: var(--overlay0) !important;\n --newRedditTheme-bodyTinted80: var(--overlay1) !important;\n --newRedditTheme-button: var(--text) !important;\n --newRedditTheme-buttonAlpha05: var(--mist) !important;\n --newRedditTheme-buttonAlpha10: var(--mist) !important;\n --newRedditTheme-buttonAlpha20: var(--mist) !important;\n --newRedditTheme-buttonAlpha40: var(--subtext0) !important;\n --newRedditTheme-buttonAlpha50: var(--subtext1) !important;\n --newRedditTheme-buttonAlpha80: var(--subtext1) !important;\n --newRedditTheme-buttonShaded80: var(--overlay0) !important;\n --newRedditTheme-buttonTinted20: var(--accent) !important;\n --newRedditTheme-buttonTinted50: var(--accent) !important;\n --newRedditTheme-buttonTinted80: var(--accent) !important;\n --newRedditTheme-canvas: var(--crust) !important;\n --newRedditTheme-checkbox: var(--text) !important;\n --newRedditTheme-errorText: var(--red) !important;\n --newRedditTheme-field: var(--base) !important;\n --newRedditTheme-fieldFade: var(--mantle) !important;\n --newRedditTheme-flair: var(--accent) !important;\n/* controls menu, link, and other similar highlights. very important */\n --newRedditTheme-highlight: var(--base) !important;\n --newRedditTheme-inactive: var(--surface0) !important;\n --newRedditTheme-lightText: var(--text) !important;\n --newRedditTheme-lightTextAlpha75: var(--subtext1) !important;\n --newRedditTheme-line: var(--surface1Transparent) !important;\n --newRedditTheme-lineShaded80: var(--surface1Transparent) !important;\n --newRedditTheme-lineShaded90: var(--surface1Transparent) !important;\n --newRedditTheme-lineShadedNinety: var(--surface1Transparent) !important;\n/* links */\n --newRedditTheme-linkText: var(--accent) !important;\n --newRedditTheme-linkTextAlpha80: var(--accent) !important;\n --newRedditTheme-linkTextShaded80: var(--accent) !important;\n --newRedditTheme-linkTextTinted80: var(--accent) !important;\n --newRedditTheme-linkTextWithBody: var(--accent) !important;\n/* menus */\n --newRedditTheme-menu: var(--mantle) !important;\n --newRedditTheme-menuActiveText: var(--text) !important;\n --newRedditTheme-menuButtonBackground-active: var(--accent) !important;\n --newRedditTheme-menuButtonBackground-focus: var(--base) !important;\n --newRedditTheme-menuButtonBackground-hover: var(--base) !important;\n --newRedditTheme-menuInactiveText: var(--text) !important;\n --newRedditTheme-metaText: var(--subtext0) !important;\n --newRedditTheme-metaTextAlpha50: var(--mist) !important;\n --newRedditTheme-metaTextShaded80: var(--subtext1) !important;\n --newRedditTheme-monospaceColor: var(--accent) !important;\n --newRedditTheme-navBar-activeLink: var(--text) !important;\n --newRedditTheme-navBar-activeSubmenuCaret: var(--text) !important;\n --newRedditTheme-navBar-activeSubmenuLink: var(--text) !important;\n --newRedditTheme-navBar-backgroundColor: var(--mantle) !important;\n --newRedditTheme-navBar-hoverLink: var(--text) !important;\n --newRedditTheme-navBar-inactiveLink: var(--text) !important;\n --newRedditTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n --newRedditTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n --newRedditTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n --newRedditTheme-navIcon: var(--text) !important;\n --newRedditTheme-navIconFaded10: var(--mist) !important;\n --newRedditTheme-nsfw: var(--red) !important;\n --newRedditTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n --newRedditTheme-nsfwBlocking-color: var(--text) !important;\n --newRedditTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n --newRedditTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n --newRedditTheme-pageHeader: var(--surface0) !important;\n --newRedditTheme-placeholder: var(--surface1) !important;\n --newRedditTheme-post: var(--mantle) !important;\n --newRedditTheme-postError: var(--red) !important;\n --newRedditTheme-postFlairText: var(--text) !important;\n --newRedditTheme-postIcon: var(--accent) !important;\n --newRedditTheme-postLine: var(--surface1Transparent) !important;\n --newRedditTheme-postLineShaded80: var(--surface1Transparent) !important;\n --newRedditTheme-postLineShaded90: var(--surface1Transparent) !important;\n --newRedditTheme-postTinted20: var(--base) !important;\n --newRedditTheme-postTransparent20: var(--mist) !important;\n --newRedditTheme-primaryButtonShadedEighty: var(--surface1) !important;\n --newRedditTheme-primaryButtonTintedEighty: var(--surface2) !important;\n --newRedditTheme-primaryButtonTintedFifty: var(--surface1) !important;\n --newRedditTheme-primaryButtonTintedSixty: var(--surface1) !important;\n --newRedditTheme-quarantine: var(--yellow) !important;\n --newRedditTheme-report: var(--base) !important;\n --newRedditTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n --newRedditTheme-search-syntaxHighlightColor: var(--base) !important;\n --newRedditTheme-titleText: var(--text) !important;\n --newRedditTheme-upsell-appleIcon: var(--overlay0) !important;\n --newRedditTheme-upsell-ssoButtonBorderColor: var(--text) !important;\n --newRedditTheme-upsell-ssoButtonTextColor: var(--text) !important;\n --newRedditTheme-voteText-base: var(--subtext1) !important;\n --newRedditTheme-voteText-downvote: var(--blue) !important;\n --newRedditTheme-voteText-downvoteShaded80: var(--blue) !important;\n --newRedditTheme-voteText-downvoteTinted80: var(--blue) !important;\n --newRedditTheme-voteText-upvote: var(--red) !important;\n --newRedditTheme-voteText-upvoteShaded80: var(--red) !important;\n --newRedditTheme-voteText-upvoteTinted80: var(--red) !important;\n --newRedditTheme-widgetColors-appleIcon: var(--overlay0) !important;\n --newRedditTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mist) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n --tw-bg-opacity: var(--crust) !important;\n --vds-video-bg-color: var(--crust) !important;\n }\n :root {\n --activity-button-chatFilterColor: var(--surface0) !important;\n --activity-button-newChatFilter-activeBg: var(--accent) !important;\n --activity-button-newChatFilter-activeText: var(--base) !important;\n --activity-button-newChatFilter-defaultBorder: var(--surface1) !important;\n --activity-button-newChatFilter-defaultText: var(--text) !important;\n --activity-button-primary: var(--accent) !important;\n --activity-button-secondary: var(--text) !important;\n --activity-buttonPrimary-color: var(--accent) !important;\n --activity-buttonSecondary-active: var(--accent) !important;\n --activity-checkbox-checked: var(--accent) !important;\n --activity-checkbox-checkmark: var(--text) !important;\n --activity-checkbox-unchecked: var(--base) !important;\n --activity-checkbox-uncheckedBorder: var(--surface1) !important;\n --activity-icon-active: var(--accent) !important;\n --activity-icon-contrast: var(--surface1) !important;\n --activity-icon-default: var(--subtext0) !important;\n --activity-icon-disable: var(--surface2) !important;\n --activity-icon-hover: var(--surface2) !important;\n --activity-icon-nsfw-bg: var(--base) !important;\n --activity-icon-nsfw-text: var(--text) !important;\n --activity-icon-subIcon-backgroundColor: var(--text) !important;\n --activity-icon-toaster: var(--crust) !important;\n --activity-input-background: var(--mist) !important;\n --activity-input-border: var(--surface1) !important;\n --activity-input-channelRename: var(--subtext0) !important;\n --activity-input-color: var(--subtext1) !important;\n --activity-input-error: var(--red) !important;\n --activity-input-focusBg: var(--green) !important;\n --activity-input-focusColor: var(--text) !important;\n --activity-input-ownerBg: var(--surface0) !important;\n --activity-link-hoverText: var(--red) !important;\n --activity-link-staticText: var(--accent) !important;\n --activity-link-staticUnderline: var(--accent) !important;\n --activity-minimizedPortal-backgroundColor-unreadFinal: var(--mantle) !important;\n --activity-minimizedPortal-backgroundColor-unreadInitial: var(--accent) !important;\n --activity-minimizedPortal-color-unreadFinal: var(--text) !important;\n --activity-minimizedPortal-color-unreadInitial: var(--text) !important;\n --activity-send-disable: var(--surface0) !important;\n --activity-send-hover: var(--accent) !important;\n --activity-text-active: var(--accent) !important;\n --activity-text-fade: var(--subtext0) !important;\n --activity-text-highlight: var(--text) !important;\n --activity-text-light: var(--subtext0) !important;\n --activity-text-meta: var(--subtext0) !important;\n --activity-text-regular: var(--text) !important;\n --activity-text-success: var(--green) !important;\n --activity-text-tutorial: var(--rosewater) !important;\n --activity-text-warning: var(--red) !important;\n --addReaction-backgroundColor: var(--surface0) !important;\n --addReaction-iconFill: var(--surface1) !important;\n --boxShadow: var(--mist) !important;\n --bubble-border: var(--surface1Transparent) !important;\n --bubble-channelsFilter-background: var(--crust) !important;\n --bubble-channelsFilter-selected: var(--overlay0) !important;\n --bubble-color: var(--text) !important;\n --bubble-link-color: var(--accent) !important;\n --bubbleActions-hover: var(--surface0) !important;\n --editName: var(--surface1) !important;\n --layout-body: var(--mantle) !important;\n --layout-colsBorder: var(--surface1Transparent) !important;\n --layout-controlsBorder: var(--surface1Transparent) !important;\n --layout-dropdown-border: var(--surface1Transparent) !important;\n --layout-header-counterBg: var(--red) !important;\n --layout-header-counterText: var(--text) !important;\n --layout-overlayBackground: var(--mist) !important;\n --layout-overlayReportFlow: var(--mist) !important;\n --layout-scrollbar: var(--text) !important;\n --layout-scrollbarHover: var(--accent) !important;\n --layout-timeStamp-tooltip-background: var(--surface0) !important;\n --message-list-item-button: var(--surface1) !important;\n --message-list-item-onlineIndicator: var(--green) !important;\n --message-list-item-ownerBg: var(--surface1) !important;\n --message-list-item-richItem: var(--overlay0) !important;\n --message-list-item-richItemBorder: var(--surface1Transparent) !important;\n --message-list-item-white: var(--text) !important;\n --modal-buttonsBackground: var(--text) !important;\n --modal-primaryButtonWarning: var(--red) !important;\n --modal-secondaryButton: var(--text) !important;\n --newChat-inviteLink-borderColor: var(--surface1Transparent) !important;\n --overlay-backgroundColor: var(--mantle) !important;\n --overlay-headerColor: var(--text) !important;\n --overlay-inputBackground: var(--crust) !important;\n --overlay-searchBarBackground: var(--mantle) !important;\n --prompt-tooltip-background: var(--accent) !important;\n --searchBar-backgroundColor: var(--mantle) !important;\n --settings-color: var(--subtext0) !important;\n --settings-dropdownItemHoverBackground: var(--crust) !important;\n --settings-panelBackground: var(--crust) !important;\n --settings-panelItemHoverBackground: var(--surface0) !important;\n --settings-panelItemSelectedBackground: var(--surface1) !important;\n --sidebar-background: var(--surface1Transparent) !important;\n --sidebar-basic-background-active: var(--accent) !important;\n --sidebar-basic-background-hover: var(--mantle) !important;\n --sidebar-footer-background: var(--crust) !important;\n --sidebar-item-active: var(--surface1) !important;\n --sidebar-item-hover: var(--surface0) !important;\n --sidebar-item-selected: var(--surface2) !important;\n --sidebar-item-text-active: var(--text) !important;\n --sidebar-subreddit-background-active: var(--accent) !important;\n --sidebar-subreddit-background-hover: var(--surface1) !important;\n --sidebar-text-divider: var(--surface1) !important;\n --skeleton-field: var(--surface2) !important;\n --skeleton-inactive: var(--surface0) !important;\n --subreddit-iconBg: var(--accent) !important;\n --toast-error: var(--red) !important;\n --toast-pending: var(--crust) !important;\n --toast-success: var(--green) !important;\n --uploads-progress-background: var(--subtext0) !important;\n --uploads-progress-bar: var(--accent) !important;\n --videoModal-button-background: var(--text) !important;\n --videoModal-button-color: var(--mantle) !important;\n }\n ::placeholder {\n color: var(--subtext0) !important;\n }\n div.ListingLayout-backgroundContainer::before {\n background: var(--base) !important;\n }\n span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span {\n color: var(--subtext0) !important;\n }\n i.icon-karma_fill {\n color: var(--red) !important;\n }\n div[role=menu] > div > div > span > span {\n color: var(--subtext0) !important;\n }\n button[role=switch][aria-checked=false] {\n background: var(--surface0) !important;\n }\n button[role=switch] > div {\n background: var(--text) !important;\n }\n ._2dn5Ncenn0BSD4tCSmxQhA {\n fill: var(--green) !important;\n }\n ._3SlBAJb2MbUHwgBZFH8eL7 {\n fill: var(--base) !important;\n }\n button._3F1tNW0P4Ff182mO_CefIg {\n background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n color: var(--base) !important;\n }\n button._3F1tNW0P4Ff182mO_CefIg > i {\n color: var(--base) !important;\n }\n i.icon-cake_fill,\n i.icon-user_fill {\n color: var(--accent) !important;\n }\n div._3hew1NnzwygOKDNQDKp6R4,\n div._3hew1NnzwygOKDNQDKp6R4 > i,\n li._3hew1NnzwygOKDNQDKp6R4 {\n color: var(--base) !important;\n }\n div._1VP69d9lk-Wk9zokOaylL {\n --background: var(--base) !important;\n --canvas: var(--base) !important;\n }\n span._2KFJx8Dhh1o1u0Xb8e7NuD {\n color: var(--accent) !important;\n }\n button.EBd2MhBQlQeZ13YeP0K8a {\n color: var(--accent) !important;\n }\n svg._1Fa4RPHlhrfUZuNaXK2-eP > path {\n fill: var(--accent) !important;\n }\n input._1Vnaj3fBuYrmHKEPQD_zWW {\n background-color: var(--base) !important;\n }\n div.scrollerItem > div,\n div[data-testid=post-container],\n div[style=\"background:#1A1A1B\"],\n div._2otRz3OtuWajw1RleFDJ5P {\n background: var(--mantle) !important;\n }\n div._productDetails_7kbcu_53 {\n background: var(--mantle) !important;\n color: var(--text) !important;\n }\n div._mintStatus_7kbcu_264 {\n color: var(--accent) !important;\n }\n div._carousel_7kbcu_45 {\n background: linear-gradient(243.37deg, var(--base) 16.42%, var(--blue) 100%);\n }\n div._card_1ooes_1 {\n background: var(--blue) !important;\n }\n ol._container_1t62i_1 {\n border-color: var(--base) !important;\n }\n ol._container_1t62i_1 > li {\n border-color: var(--base) !important;\n }\n ol._container_1t62i_1 > li > div {\n color: var(--base) !important;\n }\n div.MuiMobileStepper-dot {\n background: var(--surface0) !important;\n }\n div.MuiMobileStepper-dotActive {\n background: var(--accent) !important;\n }\n div._scrollContainer_7kbcu_104 > div > h3,\n div._cardAuthor_7kbcu_79 {\n color: var(--subtext0) !important;\n }\n div._container_oikih_1 {\n background: var(--crust) !important;\n border-color: var(--surface1) !important;\n }\n a._pill_7kbcu_280 {\n background: var(--crust) !important;\n color: var(--text) !important;\n }\n button._shopForMoreButton_7kbcu_125 {\n background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n color: var(--base) !important;\n }\n div._wrapper_1upjl_7 {\n background: var(--base) !important;\n color: var(--text) !important;\n }\n a[aria-label=Home] > svg > g > circle {\n fill: var(--accent) !important;\n }\n a[aria-label=Home] > svg:first-child > g > path {\n fill: var(--base) !important;\n }\n a[aria-label=Home] > svg:nth-child(2) > g > path {\n fill: var(--text) !important;\n }\n button[aria-label=\"Open notifications inbox\"] > div > span {\n background: var(--accent) !important;\n color: var(--mantle) !important;\n }\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a {\n background: var(--surface0) !important;\n color: var(--text) !important;\n }\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i {\n color: var(--text) !important;\n }\n a[href=\"/now\"] > div {\n background: var(--accent) !important;\n }\n div[data-testid=\"search-scope-pill-text\"] {\n color: var(--text) !important;\n }\n div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"] {\n --posttitletextcolor: var(--text) !important;\n }\n button#safe-search-toggle[aria-checked=true] {\n background: var(--accent) !important;\n }\n i.icon-close {\n color: var(--subtext0) !important;\n }\n a[role=menuitem] {\n color: var(--text) !important;\n }\n div[role=menu] > div[role=heading] {\n color: var(--subtext0) !important;\n }\n a[role=menuitem]:hover {\n background: var(--surface0) !important;\n }\n i.icon-star_fill {\n color: var(--accent) !important;\n }\n i.icon-star {\n color: var(--subtext0) !important;\n }\n i.icon-premium_fill {\n color: var(--accent) !important;\n }\n button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {\n background: var(--accent) !important;\n color: var(--base) !important;\n }\n div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div {\n border-color: var(--subtext0) !important;\n }\n div[data-adclicklocation=background] {\n background: var(--base) !important;\n }\n div._3-miAEojrCvx_4FQ8x3P-s,\n i.icon-comment,\n i.icon-share,\n i.icon-save,\n i.icon-expand,\n i.icon-collapse,\n i.icon-text_post,\n i.icon-image_post,\n i.icon-media_gallery,\n i.icon-video_post,\n i.icon-gif_post,\n i.icon-embed,\n i.icon-external_link,\n i.icon-poll_post {\n color: var(--subtext0) !important;\n }\n div[data-adclicklocation=title] > div > a > div > h3,\n div[data-adclicklocation=title] > div:first-child > div:first-child > h1:first-child {\n color: var(--text) !important;\n }\n div[data-adclicklocation=top_bar] > span,\n a[data-testid=post_author_link] {\n color: var(--subtext0) !important;\n }\n span._1wzhGvvafQFOWAyA157okr {\n border-color: var(--red) !important;\n color: var(--red) !important;\n }\n i.icon-pin_fill {\n color: var(--green) !important;\n }\n i.icon-award {\n color: var(--subtext0) !important;\n }\n i.icon-archived_fill,\n i.icon-lock_fill {\n color: var(--yellow) !important;\n }\n div[data-click-id=body] > div:nth-child(3) > div:nth-child(3) {\n border-color: var(--surface1) !important;\n }\n div.Post,\n div[data-click-id=media] {\n background: var(--mantle) !important;\n fill: var(--mantle) !important;\n }\n div[id^=vote-arrows] > div {\n color: var(--subtext0) !important;\n }\n i.icon-upvote_fill {\n color: var(--red) !important;\n }\n button[aria-label=upvote][aria-pressed=false] > span:hover > i {\n color: var(--red) !important;\n }\n button[aria-label=upvote][aria-pressed=true] ~ div {\n color: var(--red) !important;\n }\n button[aria-label=upvote][aria-label=downvote] > span:hover {\n background: var(--surface0) !important;\n }\n .icon-downvote_fill {\n color: var(--blue) !important;\n }\n button[aria-label=downvote][aria-pressed=true] ~ div {\n color: var(--blue) !important;\n }\n button[aria-label=downvote][aria-pressed=false] > span:hover > i {\n color: var(--blue) !important;\n }\n a.o1ov2mzLxTFAFP-O4Uv8I {\n color: var(--accent) !important;\n }\n button._1lDGFVGU9k2mi-4kjU95Rp {\n color: var(--base) !important;\n }\n a[role=button][target=\"_blank\"] {\n background: var(--text) !important;\n color: var(--base) !important;\n }\n div[role=radio]:hover,\n div[role=radio]:focus {\n background: var(--accent) !important;\n }\n div[role=radio] > svg,\n div[role=radio] > svg:active {\n fill: var(--text) !important;\n }\n button[role=checkbox] {\n fill: var(--accent) !important;\n }\n ._ZhON3a3vplThB8NFwuJn {\n background: var(--crust) !important;\n color: var(--text) !important;\n }\n img[alt=\"Subreddit Icon\"][role=\"presentation\"] {\n background: var(--accent) !important;\n }\n i.icon-community_fill {\n color: var(--accent) !important;\n }\n div._21RLQh5PvUhC6vOKoFeHUP:before {\n color: var(--green) !important;\n }\n ._2v4IIjPhKL0PDaWaWtjJ1E {\n background: var(--surface0) !important;\n }\n span[id^=CommentTopMeta--Mod] {\n color: var(--green) !important;\n }\n span[id^=CommentTopMeta--OP] {\n color: var(--blue) !important;\n }\n div#overlayScrollContainer > div {\n background: var(--crust) !important;\n }\n div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {\n background: var(--mantle) !important;\n }\n div._2DJXORCrmcNpPTSq0LqL6i,\n div._1DK52RbaamLOWw5UPaht_S {\n background: var(--mist) !important;\n }\n div.TmlaIdEplCzZ0F1aRGYQh[role=presentation] {\n background: linear-gradient(188deg, rgba(249,226,175,0.122) 1.7%, rgba(249,226,175,0) 46%, rgba(0,0,0,0)) !important;\n }\n a[title=Next] > i,\n a[title=Previous] > i {\n background: var(--surface0) !important;\n }\n div._61i6grM3um1yuw4GrN97P {\n background: var(--mist) !important;\n color: var(--text) !important;\n }\n input#comment_search-bar {\n background: var(--base) !important;\n }\n .bX6SqXfzfxpv4GQbuIYVZ {\n color: var(--red) !important;\n }\n div.HQ2VJViRjokXpRbJzPvvc {\n background: var(--mantle) !important;\n color: var(--text) !important;\n }\n div.HQ2VJViRjokXpRbJzPvvc::after {\n border-top-color: var(--mantle) !important;\n }",
+ "code": ":root {\n --rosewater: #f4dbd6;\n --flamingo: #f0c6c6;\n --pink: #f5bde6;\n --mauve: #c6a0f6;\n --red: #ed8796;\n --maroon: #ee99a0;\n --peach: #f5a97f;\n --yellow: #eed49f;\n --green: #a6da95;\n --teal: #8bd5ca;\n --sky: #91d7e3;\n --sapphire: #7dc4e4;\n --blue: #8aadf4;\n --lavender: #b7bdf8;\n --text: #cad3f5;\n --subtext1: #b8c0e0;\n --subtext0: #a5adcb;\n --overlay2: #939ab7;\n --overlay1: #8087a2;\n --overlay0: #6e738d;\n --surface2: #5b6078;\n --surface1: #494d64;\n --surface0: #363a4f;\n --base: #24273a;\n --mantle: #1e2030;\n --crust: #181926;\n/* non-standard colors */\n --surface1Transparent: rgba(73,77,100,0.741);\n --mist: rgba(24,25,38,0.741);\n --accent: var(--lavender);\n }\n div[class^=subredditvars],\n :root {\n --color-online: var(--green) !important;\n --newCommunityTheme-actionIcon: var(--subtext0) !important;\n --newCommunityTheme-actionIconAlpha20: var(--mist) !important;\n --newCommunityTheme-actionIconAlpha50: var(--mist) !important;\n --newCommunityTheme-actionIconShaded80: var(--subtext0) !important;\n --newCommunityTheme-actionIconTinted80: var(--subtext1) !important;\n --newCommunityTheme-active: var(--accent) !important;\n --newCommunityTheme-activeAlpha10: var(--mist) !important;\n --newCommunityTheme-activeAlpha20: var(--mist) !important;\n --newCommunityTheme-activeAlpha50: var(--mist) !important;\n --newCommunityTheme-activeLight60: var(--accent) !important;\n --newCommunityTheme-activeShaded80: var(--accent) !important;\n --newCommunityTheme-activeShaded90: var(--accent) !important;\n --newCommunityTheme-activeTinted05: var(--text) !important;\n --newCommunityTheme-banner-backgroundColor: var(--accent) !important;\n --newCommunityTheme-banner-iconColor: var(--accent) !important;\n --newCommunityTheme-body: var(--mantle) !important;\n --newCommunityTheme-bodyAlpha50: var(--surface0) !important;\n --newCommunityTheme-bodyAlpha70: var(--surface1) !important;\n --newCommunityTheme-bodyAlpha80: var(--surface2) !important;\n --newCommunityTheme-bodyFade: var(--subtext0) !important;\n --newCommunityTheme-bodyShaded80: var(--mantle) !important;\n --newCommunityTheme-bodyText: var(--text) !important;\n --newCommunityTheme-bodyTextAlpha03: var(--mantle) !important;\n --newCommunityTheme-bodyTextAlpha20: var(--surface1) !important;\n --newCommunityTheme-bodyTextShaded20: var(--surface0) !important;\n --newCommunityTheme-bodyTextTinted20: var(--subtext0) !important;\n --newCommunityTheme-bodyTinted50: var(--overlay1) !important;\n --newCommunityTheme-bodyTinted80: var(--overlay0) !important;\n --newCommunityTheme-button: var(--text) !important;\n --newCommunityTheme-buttonAlpha05: var(--mist) !important;\n --newCommunityTheme-buttonAlpha10: var(--mist) !important;\n --newCommunityTheme-buttonAlpha20: var(--mist) !important;\n --newCommunityTheme-buttonAlpha40: var(--subtext0) !important;\n --newCommunityTheme-buttonAlpha50: var(--subtext1) !important;\n --newCommunityTheme-buttonAlpha80: var(--subtext1) !important;\n --newCommunityTheme-buttonShaded80: var(--overlay0) !important;\n --newCommunityTheme-buttonTinted20: var(--accent) !important;\n --newCommunityTheme-buttonTinted50: var(--accent) !important;\n --newCommunityTheme-buttonTinted80: var(--accent) !important;\n --newCommunityTheme-canvas: var(--crust) !important;\n --newCommunityTheme-checkbox: var(--text) !important;\n --newCommunityTheme-errorText: var(--red) !important;\n --newCommunityTheme-field: var(--surface0) !important;\n --newCommunityTheme-fieldFade: var(--surface1Transparent) !important;\n --newCommunityTheme-flair: var(--accent) !important;\n --newCommunityTheme-highlight: var(--base) !important;\n --newCommunityTheme-inactive: var(--subtext0) !important;\n --newCommunityTheme-lightText: var(--text) !important;\n --newCommunityTheme-lightTextAlpha75: var(--subtext1) !important;\n --newCommunityTheme-line: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShaded80: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShaded90: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShadedNinety: var(--surface1Transparent) !important;\n --newCommunityTheme-linkText: var(--accent) !important;\n --newCommunityTheme-linkTextAlpha80: var(--accent) !important;\n --newCommunityTheme-linkTextShaded80: var(--accent) !important;\n --newCommunityTheme-linkTextTinted80: var(--accent) !important;\n --newCommunityTheme-linkTextWithBody: var(--accent) !important;\n --newCommunityTheme-menu: var(--mantle) !important;\n --newCommunityTheme-menuActiveText: var(--text) !important;\n --newCommunityTheme-menuButtonBackground-active: var(--base) !important;\n --newCommunityTheme-menuButtonBackground-focus: var(--base) !important;\n --newCommunityTheme-menuButtonBackground-hover: var(--base) !important;\n --newCommunityTheme-menuInactiveText: var(--text) !important;\n --newCommunityTheme-metaText: var(--subtext0) !important;\n --newCommunityTheme-metaTextAlpha50: var(--subtext0) !important;\n --newCommunityTheme-metaTextShaded80: var(--subtext0) !important;\n --newCommunityTheme-monospaceColor: var(--accent) !important;\n --newCommunityTheme-navBar-activeLink: var(--text) !important;\n --newCommunityTheme-navBar-activeSubmenuCaret: var(--text) !important;\n --newCommunityTheme-navBar-activeSubmenuLink: var(--text) !important;\n --newCommunityTheme-navBar-backgroundColor: var(--mantle) !important;\n --newCommunityTheme-navBar-hoverLink: var(--text) !important;\n --newCommunityTheme-navBar-inactiveLink: var(--text) !important;\n --newCommunityTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n --newCommunityTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n --newCommunityTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n --newCommunityTheme-navIcon: var(--text) !important;\n/* upvote/downvote focus */\n --newCommunityTheme-navIconFaded10: var(--mist) !important;\n --newCommunityTheme-nsfw: var(--red) !important;\n --newCommunityTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n --newCommunityTheme-nsfwBlocking-color: var(--text) !important;\n --newCommunityTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n --newCommunityTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n --newCommunityTheme-pageHeader: var(--surface2) !important;\n --newCommunityTheme-placeholder: var(--surface0) !important;\n --newCommunityTheme-post: var(--mantle) !important;\n --newCommunityTheme-postError: var(--red) !important;\n --newCommunityTheme-postFlairText: var(--crust) !important;\n --newCommunityTheme-postIcon: var(--accent) !important;\n --newCommunityTheme-postLine: var(--surface1Transparent) !important;\n --newCommunityTheme-postLineShaded80: var(--surface1Transparent) !important;\n --newCommunityTheme-postLineShaded90: var(--surface1Transparent) !important;\n --newCommunityTheme-postTinted20: var(--base) !important;\n --newCommunityTheme-postTransparent20: var(--base) !important;\n --newCommunityTheme-primaryButtonShadedEighty: var(--overlay1) !important;\n --newCommunityTheme-primaryButtonTintedEighty: var(--overlay1) !important;\n --newCommunityTheme-primaryButtonTintedFifty: var(--overlay0) !important;\n --newCommunityTheme-primaryButtonTintedSixty: var(--overlay0) !important;\n --newCommunityTheme-quarantine: var(--yellow) !important;\n --newCommunityTheme-report: var(--surface1) !important;\n --newCommunityTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n --newCommunityTheme-search-syntaxHighlightColor: var(--base) !important;\n --newCommunityTheme-titleText: var(--text) !important;\n --newCommunityTheme-upsell-appleIcon: var(--subtext1) !important;\n --newCommunityTheme-upsell-ssoButtonBorderColor: var(--surface1Transparent) !important;\n --newCommunityTheme-upsell-ssoButtonTextColor: var(--text) !important;\n --newCommunityTheme-voteText-base: var(--subtext0) !important;\n --newCommunityTheme-voteText-downvote: var(--blue) !important;\n --newCommunityTheme-voteText-downvoteShaded80: var(--blue) !important;\n --newCommunityTheme-voteText-downvoteTinted80: var(--blue) !important;\n --newCommunityTheme-voteText-upvote: var(--red) !important;\n --newCommunityTheme-voteText-upvoteShaded80: var(--red) !important;\n --newCommunityTheme-voteText-upvoteTinted80: var(--red) !important;\n --newCommunityTheme-widgetColors-appleIcon: var(--overlay0) !important;\n --newCommunityTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n/* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mantle) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n --newRedditTheme-actionIcon: var(--subtext0) !important;\n --newRedditTheme-actionIconAlpha20: var(--mist) !important;\n --newRedditTheme-actionIconAlpha50: var(--mist) !important;\n --newRedditTheme-actionIconShaded80: var(--subtext0) !important;\n --newRedditTheme-actionIconTinted80: var(--subtext1) !important;\n --newRedditTheme-active: var(--accent) !important;\n --newRedditTheme-activeAlpha10: var(--mist) !important;\n --newRedditTheme-activeAlpha20: var(--mist) !important;\n --newRedditTheme-activeAlpha50: var(--mist) !important;\n --newRedditTheme-activeLight60: var(--accent) !important;\n --newRedditTheme-activeShaded80: var(--accent) !important;\n --newRedditTheme-activeShaded90: var(--accent) !important;\n --newRedditTheme-activeTinted05: var(--text) !important;\n --newRedditTheme-banner-backgroundColor: var(--accent) !important;\n --newRedditTheme-banner-iconColor: var(--accent) !important;\n --newRedditTheme-body: var(--mantle) !important;\n --newRedditTheme-bodyAlpha50: var(--surface0) !important;\n --newRedditTheme-bodyAlpha70: var(--surface1) !important;\n --newRedditTheme-bodyAlpha80: var(--surface2) !important;\n --newRedditTheme-bodyFade: var(--mist) !important;\n --newRedditTheme-bodyShaded80: var(--mantle) !important;\n --newRedditTheme-bodyText: var(--text) !important;\n --newRedditTheme-bodyTextAlpha03: var(--mist) !important;\n --newRedditTheme-bodyTextAlpha20: var(--surface1) !important;\n --newRedditTheme-bodyTextShaded20: var(--surface0) !important;\n --newRedditTheme-bodyTextTinted20: var(--subtext1) !important;\n --newRedditTheme-bodyTinted50: var(--overlay0) !important;\n --newRedditTheme-bodyTinted80: var(--overlay1) !important;\n --newRedditTheme-button: var(--text) !important;\n --newRedditTheme-buttonAlpha05: var(--mist) !important;\n --newRedditTheme-buttonAlpha10: var(--mist) !important;\n --newRedditTheme-buttonAlpha20: var(--mist) !important;\n --newRedditTheme-buttonAlpha40: var(--subtext0) !important;\n --newRedditTheme-buttonAlpha50: var(--subtext1) !important;\n --newRedditTheme-buttonAlpha80: var(--subtext1) !important;\n --newRedditTheme-buttonShaded80: var(--overlay0) !important;\n --newRedditTheme-buttonTinted20: var(--accent) !important;\n --newRedditTheme-buttonTinted50: var(--accent) !important;\n --newRedditTheme-buttonTinted80: var(--accent) !important;\n --newRedditTheme-canvas: var(--crust) !important;\n --newRedditTheme-checkbox: var(--text) !important;\n --newRedditTheme-errorText: var(--red) !important;\n --newRedditTheme-field: var(--base) !important;\n --newRedditTheme-fieldFade: var(--mantle) !important;\n --newRedditTheme-flair: var(--accent) !important;\n/* controls menu, link, and other similar highlights. very important */\n --newRedditTheme-highlight: var(--base) !important;\n --newRedditTheme-inactive: var(--surface0) !important;\n --newRedditTheme-lightText: var(--text) !important;\n --newRedditTheme-lightTextAlpha75: var(--subtext1) !important;\n --newRedditTheme-line: var(--surface1Transparent) !important;\n --newRedditTheme-lineShaded80: var(--surface1Transparent) !important;\n --newRedditTheme-lineShaded90: var(--surface1Transparent) !important;\n --newRedditTheme-lineShadedNinety: var(--surface1Transparent) !important;\n/* links */\n --newRedditTheme-linkText: var(--accent) !important;\n --newRedditTheme-linkTextAlpha80: var(--accent) !important;\n --newRedditTheme-linkTextShaded80: var(--accent) !important;\n --newRedditTheme-linkTextTinted80: var(--accent) !important;\n --newRedditTheme-linkTextWithBody: var(--accent) !important;\n/* menus */\n --newRedditTheme-menu: var(--mantle) !important;\n --newRedditTheme-menuActiveText: var(--text) !important;\n --newRedditTheme-menuButtonBackground-active: var(--accent) !important;\n --newRedditTheme-menuButtonBackground-focus: var(--base) !important;\n --newRedditTheme-menuButtonBackground-hover: var(--base) !important;\n --newRedditTheme-menuInactiveText: var(--text) !important;\n --newRedditTheme-metaText: var(--subtext0) !important;\n --newRedditTheme-metaTextAlpha50: var(--mist) !important;\n --newRedditTheme-metaTextShaded80: var(--subtext1) !important;\n --newRedditTheme-monospaceColor: var(--accent) !important;\n --newRedditTheme-navBar-activeLink: var(--text) !important;\n --newRedditTheme-navBar-activeSubmenuCaret: var(--text) !important;\n --newRedditTheme-navBar-activeSubmenuLink: var(--text) !important;\n --newRedditTheme-navBar-backgroundColor: var(--mantle) !important;\n --newRedditTheme-navBar-hoverLink: var(--text) !important;\n --newRedditTheme-navBar-inactiveLink: var(--text) !important;\n --newRedditTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n --newRedditTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n --newRedditTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n --newRedditTheme-navIcon: var(--text) !important;\n --newRedditTheme-navIconFaded10: var(--mist) !important;\n --newRedditTheme-nsfw: var(--red) !important;\n --newRedditTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n --newRedditTheme-nsfwBlocking-color: var(--text) !important;\n --newRedditTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n --newRedditTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n --newRedditTheme-pageHeader: var(--surface0) !important;\n --newRedditTheme-placeholder: var(--surface1) !important;\n --newRedditTheme-post: var(--mantle) !important;\n --newRedditTheme-postError: var(--red) !important;\n --newRedditTheme-postFlairText: var(--text) !important;\n --newRedditTheme-postIcon: var(--accent) !important;\n --newRedditTheme-postLine: var(--surface1Transparent) !important;\n --newRedditTheme-postLineShaded80: var(--surface1Transparent) !important;\n --newRedditTheme-postLineShaded90: var(--surface1Transparent) !important;\n --newRedditTheme-postTinted20: var(--base) !important;\n --newRedditTheme-postTransparent20: var(--mist) !important;\n --newRedditTheme-primaryButtonShadedEighty: var(--surface1) !important;\n --newRedditTheme-primaryButtonTintedEighty: var(--surface2) !important;\n --newRedditTheme-primaryButtonTintedFifty: var(--surface1) !important;\n --newRedditTheme-primaryButtonTintedSixty: var(--surface1) !important;\n --newRedditTheme-quarantine: var(--yellow) !important;\n --newRedditTheme-report: var(--base) !important;\n --newRedditTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n --newRedditTheme-search-syntaxHighlightColor: var(--base) !important;\n --newRedditTheme-titleText: var(--text) !important;\n --newRedditTheme-upsell-appleIcon: var(--overlay0) !important;\n --newRedditTheme-upsell-ssoButtonBorderColor: var(--text) !important;\n --newRedditTheme-upsell-ssoButtonTextColor: var(--text) !important;\n --newRedditTheme-voteText-base: var(--subtext1) !important;\n --newRedditTheme-voteText-downvote: var(--blue) !important;\n --newRedditTheme-voteText-downvoteShaded80: var(--blue) !important;\n --newRedditTheme-voteText-downvoteTinted80: var(--blue) !important;\n --newRedditTheme-voteText-upvote: var(--red) !important;\n --newRedditTheme-voteText-upvoteShaded80: var(--red) !important;\n --newRedditTheme-voteText-upvoteTinted80: var(--red) !important;\n --newRedditTheme-widgetColors-appleIcon: var(--overlay0) !important;\n --newRedditTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mist) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n --tw-bg-opacity: var(--crust) !important;\n --vds-video-bg-color: var(--crust) !important;\n }\n :root {\n --activity-button-chatFilterColor: var(--surface0) !important;\n --activity-button-newChatFilter-activeBg: var(--accent) !important;\n --activity-button-newChatFilter-activeText: var(--base) !important;\n --activity-button-newChatFilter-defaultBorder: var(--surface1) !important;\n --activity-button-newChatFilter-defaultText: var(--text) !important;\n --activity-button-primary: var(--accent) !important;\n --activity-button-secondary: var(--text) !important;\n --activity-buttonPrimary-color: var(--accent) !important;\n --activity-buttonSecondary-active: var(--accent) !important;\n --activity-checkbox-checked: var(--accent) !important;\n --activity-checkbox-checkmark: var(--text) !important;\n --activity-checkbox-unchecked: var(--base) !important;\n --activity-checkbox-uncheckedBorder: var(--surface1) !important;\n --activity-icon-active: var(--accent) !important;\n --activity-icon-contrast: var(--surface1) !important;\n --activity-icon-default: var(--subtext0) !important;\n --activity-icon-disable: var(--surface2) !important;\n --activity-icon-hover: var(--surface2) !important;\n --activity-icon-nsfw-bg: var(--base) !important;\n --activity-icon-nsfw-text: var(--text) !important;\n --activity-icon-subIcon-backgroundColor: var(--text) !important;\n --activity-icon-toaster: var(--crust) !important;\n --activity-input-background: var(--mist) !important;\n --activity-input-border: var(--surface1) !important;\n --activity-input-channelRename: var(--subtext0) !important;\n --activity-input-color: var(--subtext1) !important;\n --activity-input-error: var(--red) !important;\n --activity-input-focusBg: var(--green) !important;\n --activity-input-focusColor: var(--text) !important;\n --activity-input-ownerBg: var(--surface0) !important;\n --activity-link-hoverText: var(--red) !important;\n --activity-link-staticText: var(--accent) !important;\n --activity-link-staticUnderline: var(--accent) !important;\n --activity-minimizedPortal-backgroundColor-unreadFinal: var(--mantle) !important;\n --activity-minimizedPortal-backgroundColor-unreadInitial: var(--accent) !important;\n --activity-minimizedPortal-color-unreadFinal: var(--text) !important;\n --activity-minimizedPortal-color-unreadInitial: var(--text) !important;\n --activity-send-disable: var(--surface0) !important;\n --activity-send-hover: var(--accent) !important;\n --activity-text-active: var(--accent) !important;\n --activity-text-fade: var(--subtext0) !important;\n --activity-text-highlight: var(--text) !important;\n --activity-text-light: var(--subtext0) !important;\n --activity-text-meta: var(--subtext0) !important;\n --activity-text-regular: var(--text) !important;\n --activity-text-success: var(--green) !important;\n --activity-text-tutorial: var(--rosewater) !important;\n --activity-text-warning: var(--red) !important;\n --addReaction-backgroundColor: var(--surface0) !important;\n --addReaction-iconFill: var(--surface1) !important;\n --boxShadow: var(--mist) !important;\n --bubble-border: var(--surface1Transparent) !important;\n --bubble-channelsFilter-background: var(--crust) !important;\n --bubble-channelsFilter-selected: var(--overlay0) !important;\n --bubble-color: var(--text) !important;\n --bubble-link-color: var(--accent) !important;\n --bubbleActions-hover: var(--surface0) !important;\n --editName: var(--surface1) !important;\n --layout-body: var(--mantle) !important;\n --layout-colsBorder: var(--surface1Transparent) !important;\n --layout-controlsBorder: var(--surface1Transparent) !important;\n --layout-dropdown-border: var(--surface1Transparent) !important;\n --layout-header-counterBg: var(--red) !important;\n --layout-header-counterText: var(--text) !important;\n --layout-overlayBackground: var(--mist) !important;\n --layout-overlayReportFlow: var(--mist) !important;\n --layout-scrollbar: var(--text) !important;\n --layout-scrollbarHover: var(--accent) !important;\n --layout-timeStamp-tooltip-background: var(--surface0) !important;\n --message-list-item-button: var(--surface1) !important;\n --message-list-item-onlineIndicator: var(--green) !important;\n --message-list-item-ownerBg: var(--surface1) !important;\n --message-list-item-richItem: var(--overlay0) !important;\n --message-list-item-richItemBorder: var(--surface1Transparent) !important;\n --message-list-item-white: var(--text) !important;\n --modal-buttonsBackground: var(--text) !important;\n --modal-primaryButtonWarning: var(--red) !important;\n --modal-secondaryButton: var(--text) !important;\n --newChat-inviteLink-borderColor: var(--surface1Transparent) !important;\n --overlay-backgroundColor: var(--mantle) !important;\n --overlay-headerColor: var(--text) !important;\n --overlay-inputBackground: var(--crust) !important;\n --overlay-searchBarBackground: var(--mantle) !important;\n --prompt-tooltip-background: var(--accent) !important;\n --searchBar-backgroundColor: var(--mantle) !important;\n --settings-color: var(--subtext0) !important;\n --settings-dropdownItemHoverBackground: var(--crust) !important;\n --settings-panelBackground: var(--crust) !important;\n --settings-panelItemHoverBackground: var(--surface0) !important;\n --settings-panelItemSelectedBackground: var(--surface1) !important;\n --sidebar-background: var(--surface1Transparent) !important;\n --sidebar-basic-background-active: var(--accent) !important;\n --sidebar-basic-background-hover: var(--mantle) !important;\n --sidebar-footer-background: var(--crust) !important;\n --sidebar-item-active: var(--surface1) !important;\n --sidebar-item-hover: var(--surface0) !important;\n --sidebar-item-selected: var(--surface2) !important;\n --sidebar-item-text-active: var(--text) !important;\n --sidebar-subreddit-background-active: var(--accent) !important;\n --sidebar-subreddit-background-hover: var(--surface1) !important;\n --sidebar-text-divider: var(--surface1) !important;\n --skeleton-field: var(--surface2) !important;\n --skeleton-inactive: var(--surface0) !important;\n --subreddit-iconBg: var(--accent) !important;\n --toast-error: var(--red) !important;\n --toast-pending: var(--crust) !important;\n --toast-success: var(--green) !important;\n --uploads-progress-background: var(--subtext0) !important;\n --uploads-progress-bar: var(--accent) !important;\n --videoModal-button-background: var(--text) !important;\n --videoModal-button-color: var(--mantle) !important;\n }\n ::placeholder {\n color: var(--subtext0) !important;\n }\n div.ListingLayout-backgroundContainer::before {\n background: var(--base) !important;\n }\n span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span {\n color: var(--subtext0) !important;\n }\n i.icon-karma_fill {\n color: var(--red) !important;\n }\n div[role=menu] > div > div > span > span {\n color: var(--subtext0) !important;\n }\n button[role=switch][aria-checked=false] {\n background: var(--surface0) !important;\n }\n button[role=switch] > div {\n background: var(--text) !important;\n }\n ._2dn5Ncenn0BSD4tCSmxQhA {\n fill: var(--green) !important;\n }\n ._3SlBAJb2MbUHwgBZFH8eL7 {\n fill: var(--base) !important;\n }\n button._3F1tNW0P4Ff182mO_CefIg {\n background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n color: var(--base) !important;\n }\n button._3F1tNW0P4Ff182mO_CefIg > i {\n color: var(--base) !important;\n }\n i.icon-cake_fill,\n i.icon-user_fill {\n color: var(--accent) !important;\n }\n div._3hew1NnzwygOKDNQDKp6R4,\n div._3hew1NnzwygOKDNQDKp6R4 > i,\n li._3hew1NnzwygOKDNQDKp6R4 {\n color: var(--base) !important;\n }\n div._1VP69d9lk-Wk9zokOaylL {\n --background: var(--base) !important;\n --canvas: var(--base) !important;\n }\n span._2KFJx8Dhh1o1u0Xb8e7NuD {\n color: var(--accent) !important;\n }\n button.EBd2MhBQlQeZ13YeP0K8a {\n color: var(--accent) !important;\n }\n svg._1Fa4RPHlhrfUZuNaXK2-eP > path {\n fill: var(--accent) !important;\n }\n input._1Vnaj3fBuYrmHKEPQD_zWW {\n background-color: var(--base) !important;\n }\n div.scrollerItem > div,\n div[data-testid=post-container],\n div[style=\"background:#1A1A1B\"],\n div._2otRz3OtuWajw1RleFDJ5P {\n background: var(--mantle) !important;\n }\n div._productDetails_7kbcu_53 {\n background: var(--mantle) !important;\n color: var(--text) !important;\n }\n div._mintStatus_7kbcu_264 {\n color: var(--accent) !important;\n }\n div._carousel_7kbcu_45 {\n background: linear-gradient(243.37deg, var(--base) 16.42%, var(--blue) 100%);\n }\n div._card_1ooes_1 {\n background: var(--blue) !important;\n }\n ol._container_1t62i_1 {\n border-color: var(--base) !important;\n }\n ol._container_1t62i_1 > li {\n border-color: var(--base) !important;\n }\n ol._container_1t62i_1 > li > div {\n color: var(--base) !important;\n }\n div.MuiMobileStepper-dot {\n background: var(--surface0) !important;\n }\n div.MuiMobileStepper-dotActive {\n background: var(--accent) !important;\n }\n div._scrollContainer_7kbcu_104 > div > h3,\n div._cardAuthor_7kbcu_79 {\n color: var(--subtext0) !important;\n }\n div._container_oikih_1 {\n background: var(--crust) !important;\n border-color: var(--surface1) !important;\n }\n a._pill_7kbcu_280 {\n background: var(--crust) !important;\n color: var(--text) !important;\n }\n button._shopForMoreButton_7kbcu_125 {\n background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n color: var(--base) !important;\n }\n div._wrapper_1upjl_7 {\n background: var(--base) !important;\n color: var(--text) !important;\n }\n a[aria-label=Home] > svg > g > circle {\n fill: var(--accent) !important;\n }\n a[aria-label=Home] > svg:first-child > g > path {\n fill: var(--base) !important;\n }\n a[aria-label=Home] > svg:nth-child(2) > g > path {\n fill: var(--text) !important;\n }\n button[aria-label=\"Open notifications inbox\"] > div > span {\n background: var(--accent) !important;\n color: var(--mantle) !important;\n }\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a {\n background: var(--surface0) !important;\n color: var(--text) !important;\n }\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i {\n color: var(--text) !important;\n }\n a[href=\"/now\"] > div {\n background: var(--accent) !important;\n }\n div[data-testid=\"search-scope-pill-text\"] {\n color: var(--text) !important;\n }\n div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"] {\n --posttitletextcolor: var(--text) !important;\n }\n button#safe-search-toggle[aria-checked=true] {\n background: var(--accent) !important;\n }\n i.icon-close {\n color: var(--subtext0) !important;\n }\n a[role=menuitem] {\n color: var(--text) !important;\n }\n div[role=menu] > div[role=heading] {\n color: var(--subtext0) !important;\n }\n a[role=menuitem]:hover {\n background: var(--surface0) !important;\n }\n i.icon-star_fill {\n color: var(--accent) !important;\n }\n i.icon-star {\n color: var(--subtext0) !important;\n }\n i.icon-premium_fill {\n color: var(--accent) !important;\n }\n button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {\n background: var(--accent) !important;\n color: var(--base) !important;\n }\n div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div {\n border-color: var(--subtext0) !important;\n }\n div[data-adclicklocation=background] {\n background: var(--base) !important;\n }\n div._3-miAEojrCvx_4FQ8x3P-s,\n i.icon-comment,\n i.icon-share,\n i.icon-save,\n i.icon-expand,\n i.icon-collapse,\n i.icon-text_post,\n i.icon-image_post,\n i.icon-media_gallery,\n i.icon-video_post,\n i.icon-gif_post,\n i.icon-embed,\n i.icon-external_link,\n i.icon-poll_post {\n color: var(--subtext0) !important;\n }\n div[data-adclicklocation=title] > div > a > div > h3,\n div[data-adclicklocation=title] > div:first-child > div:first-child > h1:first-child {\n color: var(--text) !important;\n }\n div[data-adclicklocation=top_bar] > span,\n a[data-testid=post_author_link] {\n color: var(--subtext0) !important;\n }\n span._1wzhGvvafQFOWAyA157okr {\n border-color: var(--red) !important;\n color: var(--red) !important;\n }\n i.icon-pin_fill {\n color: var(--green) !important;\n }\n i.icon-award {\n color: var(--subtext0) !important;\n }\n i.icon-archived_fill,\n i.icon-lock_fill {\n color: var(--yellow) !important;\n }\n div[data-click-id=body] > div:nth-child(3) > div:nth-child(3) {\n border-color: var(--surface1) !important;\n }\n div.Post,\n div[data-click-id=media] {\n background: var(--mantle) !important;\n fill: var(--mantle) !important;\n }\n div[id^=vote-arrows] > div {\n color: var(--subtext0) !important;\n }\n i.icon-upvote_fill {\n color: var(--red) !important;\n }\n button[aria-label=upvote][aria-pressed=false] > span:hover > i {\n color: var(--red) !important;\n }\n button[aria-label=upvote][aria-pressed=true] ~ div {\n color: var(--red) !important;\n }\n button[aria-label=upvote][aria-label=downvote] > span:hover {\n background: var(--surface0) !important;\n }\n .icon-downvote_fill {\n color: var(--blue) !important;\n }\n button[aria-label=downvote][aria-pressed=true] ~ div {\n color: var(--blue) !important;\n }\n button[aria-label=downvote][aria-pressed=false] > span:hover > i {\n color: var(--blue) !important;\n }\n a.o1ov2mzLxTFAFP-O4Uv8I {\n color: var(--accent) !important;\n }\n button._1lDGFVGU9k2mi-4kjU95Rp {\n color: var(--base) !important;\n }\n a[role=button][target=\"_blank\"] {\n background: var(--text) !important;\n color: var(--base) !important;\n }\n div[role=radio]:hover,\n div[role=radio]:focus {\n background: var(--accent) !important;\n }\n div[role=radio] > svg,\n div[role=radio] > svg:active {\n fill: var(--text) !important;\n }\n button[role=checkbox] {\n fill: var(--accent) !important;\n }\n ._ZhON3a3vplThB8NFwuJn {\n background: var(--crust) !important;\n color: var(--text) !important;\n }\n img[alt=\"Subreddit Icon\"][role=\"presentation\"] {\n background: var(--accent) !important;\n }\n i.icon-community_fill {\n color: var(--accent) !important;\n }\n div._21RLQh5PvUhC6vOKoFeHUP:before {\n color: var(--green) !important;\n }\n ._2v4IIjPhKL0PDaWaWtjJ1E {\n background: var(--surface0) !important;\n }\n span[id^=CommentTopMeta--Mod] {\n color: var(--green) !important;\n }\n span[id^=CommentTopMeta--OP] {\n color: var(--blue) !important;\n }\n div#overlayScrollContainer > div {\n background: var(--crust) !important;\n }\n div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {\n background: var(--mantle) !important;\n }\n div._2DJXORCrmcNpPTSq0LqL6i,\n div._1DK52RbaamLOWw5UPaht_S {\n background: var(--mist) !important;\n }\n div.TmlaIdEplCzZ0F1aRGYQh[role=presentation] {\n background: linear-gradient(188deg, rgba(249,226,175,0.122) 1.7%, rgba(249,226,175,0) 46%, rgba(0,0,0,0)) !important;\n }\n a[title=Next] > i,\n a[title=Previous] > i {\n background: var(--surface0) !important;\n }\n div._61i6grM3um1yuw4GrN97P {\n background: var(--mist) !important;\n color: var(--text) !important;\n }\n input#comment_search-bar {\n background: var(--base) !important;\n }\n ._1gVVmSnHZpkUgVShsn7-ua {\n background: var(--mantle) !important;\n }\n .bX6SqXfzfxpv4GQbuIYVZ {\n color: var(--red) !important;\n }\n div.HQ2VJViRjokXpRbJzPvvc {\n background: var(--mantle) !important;\n color: var(--text) !important;\n }\n div.HQ2VJViRjokXpRbJzPvvc::after {\n border-top-color: var(--mantle) !important;\n }",
"start": 790,
"domains": [
"reddit.com"
]
}
],
- "sourceCode": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 1.1.1\n@description Soothing pastel theme for Reddit.\n@author jayylmao\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css\n\n@preprocessor stylus\n\n@var select stylusAccent \"Accent color\" [\n\t\"Rosewater\",\n\t\"Flamingo\",\n\t\"Pink\",\n\t\"Mauve\",\n\t\"Red\",\n \"Maroon\",\n\t\"Peach\",\n\t\"Yellow\",\n \"Green\",\n\t\"Teal\",\n\t\"Sky\",\n \"Sapphire\",\n\t\"Blue\",\n\t\"Lavender\"\n]\n\n@var select stylusFlavor \"Catppuccin Flavor\" [\n \"Latte\",\n \"Frappe\",\n \"Macchiato\",\n \"Mocha\",\n \"Espresso\"\n]\n==/UserStyle== */\n\n@-moz-document domain(\"reddit.com\") {\n :root {\n if stylusFlavor==\"Latte\" {\n --rosewater: #dc8a78;\n --flamingo : #dd7878;\n --pink : #ea76cb;\n --mauve : #8839ef;\n --red : #d20f39;\n --maroon : #e64553;\n --peach : #fe640b;\n --yellow : #df8e1d;\n --green : #40a02b;\n --teal : #179299;\n --sky : #04a5e5;\n --sapphire : #209fb5;\n --blue : #1e66f5;\n --lavender : #7287fd;\n --text : #4c4f69;\n --subtext1 : #5c5f77;\n --subtext0 : #6c6f85;\n --overlay2 : #7c7f93;\n --overlay1 : #8c8fa1;\n --overlay0 : #9ca0b0;\n --surface2 : #acb0be;\n --surface1 : #bcc0cc;\n --surface0 : #ccd0da;\n --base : #eff1f5;\n --mantle : #e6e9ef;\n --crust : #dce0e8;\n\n /* non-standard colors */\n --surface1Transparent: #bcc0ccbd;\n --mist: #dce0e8bd; \n }\n else if stylusFlavor==\"Frappe\" {\n --rosewater: #f2d5cf;\n --flamingo : #eebebe;\n --pink : #f4b8e4;\n --mauve : #ca9ee6;\n --red : #e78284;\n --maroon : #ea999c;\n --peach : #ef9f76;\n --yellow : #e5c890;\n --green : #a6d189;\n --teal : #81c8be;\n --sky : #99d1db;\n --sapphire : #85c1dc;\n --blue : #8caaee;\n --lavender : #babbf1;\n --text : #c6d0f5;\n --subtext1 : #b5bfe2;\n --subtext0 : #a5adce;\n --overlay2 : #9f9cbb;\n --overlay1 : #838ba7;\n --overlay0 : #737994;\n --surface2 : #626880;\n --surface1 : #51576d;\n --surface0 : #414559;\n --base : #303446;\n --mantle : #292c3c;\n --crust : #232634;\n\n /* non-standard colors */\n --surface1Transparent: #51576dbd;\n --mist: #232634bd;\n }\n else if stylusFlavor==\"Macchiato\" {\n --rosewater: #f4dbd6;\n --flamingo : #f0c6c6;\n --pink : #f5bde6;\n --mauve : #c6a0f6;\n --red : #ed8796;\n --maroon : #ee99a0;\n --peach : #f5a97f;\n --yellow : #eed49f;\n --green : #a6da95;\n --teal : #8bd5ca;\n --sky : #91d7e3;\n --sapphire : #7dc4e4;\n --blue : #8aadf4;\n --lavender : #b7bdf8;\n --text : #cad3f5;\n --subtext1 : #b8c0e0;\n --subtext0 : #a5adcb;\n --overlay2 : #939ab7;\n --overlay1 : #8087a2;\n --overlay0 : #6e738d;\n --surface2 : #5b6078;\n --surface1 : #494d64;\n --surface0 : #363a4f;\n --base : #24273a;\n --mantle : #1e2030;\n --crust : #181926;\n\n /* non-standard colors */\n --surface1Transparent: #494d64bd;\n --mist: #181926bd;\n }\n else if stylusFlavor==\"Mocha\" {\n --rosewater: #f5e0dc;\n --flamingo : #f2cdcd;\n --pink : #f5c2e7;\n --mauve : #cba6f7;\n --red : #f38ba8;\n --maroon : #eba0ac;\n --peach : #fab387;\n --yellow : #f9e2af;\n --green : #a6e3a1;\n --teal : #94e2d5;\n --sky : #89dceb;\n --sapphire : #74c7ec;\n --blue : #89b4fa;\n --lavender : #b4befe;\n --text : #cdd6f4;\n --subtext1 : #bac2de;\n --subtext0 : #a6adc8;\n --overlay2 : #9399b2;\n --overlay1 : #7f849c;\n --overlay0 : #6c7086;\n --surface2 : #585b70;\n --surface1 : #45475a;\n --surface0 : #313244;\n --base : #1e1e2e;\n --mantle : #181825;\n --crust : #11111b;\n\n /* non-standard colors */\n --surface1Transparent: #45475abd;\n --mist: #11111bbd;\n }\n else if stylusFlavor==\"Espresso\" {\n --rosewater: #f5e0dc;\n --flamingo : #f2cdcd;\n --pink : #f5c2e7;\n --mauve : #cba6f7;\n --red : #f38ba8;\n --maroon : #eba0ac;\n --peach : #fab387;\n --yellow : #f9e2af;\n --green : #a6e3a1;\n --teal : #94e2d5;\n --sky : #89dceb;\n --sapphire : #74c7ec;\n --blue : #89b4fa;\n --lavender : #b4befe;\n --text : #cdd6f4;\n --subtext1 : #bac2de;\n --subtext0 : #a6adc8;\n --overlay2 : #9399b2;\n --overlay1 : #7f849c;\n --overlay0 : #6c7086;\n --surface2 : #585b70;\n --surface1 : #45475a;\n --surface0 : #313244;\n --base : #020202;\n --mantle : #010101;\n --crust : #000000;\n\n /* non-standard colors */\n --surface1Transparent: #45475abd;\n --mist: #000000bd;\n }\n \n if stylusAccent==\"Rosewater\" {\n --accent: var(--rosewater);\n }\n else if stylusAccent==\"Flamingo\" {\n --accent: var(--flamingo);\n }\n else if stylusAccent==\"Pink\" {\n --accent: var(--pink);\n }\n else if stylusAccent==\"Mauve\" {\n --accent: var(--mauve);\n }\n else if stylusAccent==\"Red\" {\n --accent: var(--red);\n }\n else if stylusAccent==\"Maroon\" {\n --accent: var(--maroon);\n }\n else if stylusAccent==\"Peach\" {\n --accent: var(--peach);\n }\n else if stylusAccent==\"Yellow\" {\n --accent: var(--yellow);\n }\n else if stylusAccent==\"Green\" {\n --accent: var(--green);\n }\n else if stylusAccent==\"Teal\" {\n --accent: var(--teal);\n }\n else if stylusAccent==\"Sky\" {\n --accent: var(--sky);\n }\n else if stylusAccent==\"Sapphire\" {\n --accent: var(--sapphire);\n }\n else if stylusAccent==\"Blue\" {\n --accent: var(--blue);\n }\n else if stylusAccent==\"Lavender\" {\n --accent: var(--lavender);\n }\n }\n \n \n /* REDDIT COLOR VARIABLES */\n \n \n div[class^=subredditvars], :root {\n --color-online: var(--green) !important;\n --newCommunityTheme-actionIcon: var(--subtext0) !important;\n --newCommunityTheme-actionIconAlpha20: var(--mist) !important;\n --newCommunityTheme-actionIconAlpha50: var(--mist) !important;\n --newCommunityTheme-actionIconShaded80: var(--subtext0) !important;\n --newCommunityTheme-actionIconTinted80: var(--subtext1) !important;\n --newCommunityTheme-active: var(--accent) !important;\n --newCommunityTheme-activeAlpha10: var(--mist) !important;\n --newCommunityTheme-activeAlpha20: var(--mist) !important;\n --newCommunityTheme-activeAlpha50: var(--mist) !important;\n --newCommunityTheme-activeLight60: var(--accent) !important;\n --newCommunityTheme-activeShaded80: var(--accent) !important;\n --newCommunityTheme-activeShaded90: var(--accent) !important;\n --newCommunityTheme-activeTinted05: var(--text) !important;\n --newCommunityTheme-banner-backgroundColor: var(--accent) !important;\n --newCommunityTheme-banner-iconColor: var(--accent) !important;\n --newCommunityTheme-body: var(--mantle) !important;\n --newCommunityTheme-bodyAlpha50: var(--surface0) !important;\n --newCommunityTheme-bodyAlpha70: var(--surface1) !important;\n --newCommunityTheme-bodyAlpha80: var(--surface2) !important;\n --newCommunityTheme-bodyFade: var(--subtext0) !important;\n --newCommunityTheme-bodyShaded80: var(--mantle) !important;\n --newCommunityTheme-bodyText: var(--text) !important;\n --newCommunityTheme-bodyTextAlpha03: var(--mantle) !important;\n --newCommunityTheme-bodyTextAlpha20: var(--surface1) !important;\n --newCommunityTheme-bodyTextShaded20: var(--surface0) !important;\n --newCommunityTheme-bodyTextTinted20: var(--subtext0) !important;\n --newCommunityTheme-bodyTinted50: var(--overlay1) !important;\n --newCommunityTheme-bodyTinted80: var(--overlay0) !important;\n --newCommunityTheme-button: var(--text) !important;\n --newCommunityTheme-buttonAlpha05: var(--mist) !important;\n --newCommunityTheme-buttonAlpha10: var(--mist) !important;\n --newCommunityTheme-buttonAlpha20: var(--mist) !important;\n --newCommunityTheme-buttonAlpha40: var(--subtext0) !important;\n --newCommunityTheme-buttonAlpha50: var(--subtext1) !important;\n --newCommunityTheme-buttonAlpha80: var(--subtext1) !important;\n --newCommunityTheme-buttonShaded80: var(--overlay0) !important;\n --newCommunityTheme-buttonTinted20: var(--accent) !important;\n --newCommunityTheme-buttonTinted50: var(--accent) !important;\n --newCommunityTheme-buttonTinted80: var(--accent) !important;\n --newCommunityTheme-canvas: var(--crust) !important;\n --newCommunityTheme-checkbox: var(--text) !important;\n --newCommunityTheme-errorText: var(--red) !important;\n --newCommunityTheme-field: var(--surface0) !important;\n --newCommunityTheme-fieldFade: var(--surface1Transparent) !important;\n --newCommunityTheme-flair: var(--accent) !important;\n --newCommunityTheme-highlight: var(--base) !important;\n --newCommunityTheme-inactive: var(--subtext0) !important;\n --newCommunityTheme-lightText: var(--text) !important;\n --newCommunityTheme-lightTextAlpha75: var(--subtext1) !important;\n --newCommunityTheme-line: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShaded80: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShaded90: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShadedNinety: var(--surface1Transparent) !important;\n --newCommunityTheme-linkText: var(--accent) !important;\n --newCommunityTheme-linkTextAlpha80: var(--accent) !important;\n --newCommunityTheme-linkTextShaded80: var(--accent) !important;\n --newCommunityTheme-linkTextTinted80: var(--accent) !important;\n --newCommunityTheme-linkTextWithBody: var(--accent) !important;\n --newCommunityTheme-menu: var(--mantle) !important;\n --newCommunityTheme-menuActiveText: var(--text) !important;\n --newCommunityTheme-menuButtonBackground-active: var(--base) !important;\n --newCommunityTheme-menuButtonBackground-focus: var(--base) !important;\n --newCommunityTheme-menuButtonBackground-hover: var(--base) !important;\n --newCommunityTheme-menuInactiveText: var(--text) !important;\n --newCommunityTheme-metaText: var(--subtext0) !important;\n --newCommunityTheme-metaTextAlpha50: var(--subtext0) !important;\n --newCommunityTheme-metaTextShaded80: var(--subtext0) !important;\n --newCommunityTheme-monospaceColor: var(--accent) !important;\n --newCommunityTheme-navBar-activeLink: var(--text) !important;\n --newCommunityTheme-navBar-activeSubmenuCaret: var(--text) !important;\n --newCommunityTheme-navBar-activeSubmenuLink: var(--text) !important;\n --newCommunityTheme-navBar-backgroundColor: var(--mantle) !important;\n --newCommunityTheme-navBar-hoverLink: var(--text) !important;\n --newCommunityTheme-navBar-inactiveLink: var(--text) !important;\n --newCommunityTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n --newCommunityTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n --newCommunityTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n --newCommunityTheme-navIcon: var(--text) !important;\n \n /* upvote/downvote focus */\n --newCommunityTheme-navIconFaded10: var(--mist) !important;\n \n --newCommunityTheme-nsfw: var(--red) !important;\n --newCommunityTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n --newCommunityTheme-nsfwBlocking-color: var(--text) !important;\n --newCommunityTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n --newCommunityTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n --newCommunityTheme-pageHeader: var(--surface2) !important;\n --newCommunityTheme-placeholder: var(--surface0) !important;\n --newCommunityTheme-post: var(--mantle) !important;\n --newCommunityTheme-postError: var(--red) !important;\n --newCommunityTheme-postFlairText: var(--crust) !important;\n --newCommunityTheme-postIcon: var(--accent) !important;\n --newCommunityTheme-postLine: var(--surface1Transparent) !important;\n --newCommunityTheme-postLineShaded80: var(--surface1Transparent) !important;\n --newCommunityTheme-postLineShaded90: var(--surface1Transparent) !important;\n --newCommunityTheme-postTinted20: var(--base) !important;\n --newCommunityTheme-postTransparent20: var(--base) !important;\n --newCommunityTheme-primaryButtonShadedEighty: var(--overlay1) !important;\n --newCommunityTheme-primaryButtonTintedEighty: var(--overlay1) !important;\n --newCommunityTheme-primaryButtonTintedFifty: var(--overlay0) !important;\n --newCommunityTheme-primaryButtonTintedSixty: var(--overlay0) !important;\n --newCommunityTheme-quarantine: var(--yellow) !important;\n --newCommunityTheme-report: var(--surface1) !important;\n --newCommunityTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n --newCommunityTheme-search-syntaxHighlightColor: var(--base) !important;\n --newCommunityTheme-titleText: var(--text) !important;\n --newCommunityTheme-upsell-appleIcon: var(--subtext1) !important;\n --newCommunityTheme-upsell-ssoButtonBorderColor: var(--surface1Transparent) !important;\n --newCommunityTheme-upsell-ssoButtonTextColor: var(--text) !important;\n --newCommunityTheme-voteText-base: var(--subtext0) !important;\n --newCommunityTheme-voteText-downvote: var(--blue) !important;\n --newCommunityTheme-voteText-downvoteShaded80: var(--blue) !important;\n --newCommunityTheme-voteText-downvoteTinted80: var(--blue) !important;\n --newCommunityTheme-voteText-upvote: var(--red) !important;\n --newCommunityTheme-voteText-upvoteShaded80: var(--red) !important;\n --newCommunityTheme-voteText-upvoteTinted80: var(--red) !important;\n --newCommunityTheme-widgetColors-appleIcon: var(--overlay0) !important;\n --newCommunityTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n \n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mantle) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n \n --newRedditTheme-actionIcon: var(--subtext0) !important;\n --newRedditTheme-actionIconAlpha20: var(--mist) !important;\n --newRedditTheme-actionIconAlpha50: var(--mist) !important;\n --newRedditTheme-actionIconShaded80: var(--subtext0) !important;\n --newRedditTheme-actionIconTinted80: var(--subtext1) !important;\n --newRedditTheme-active: var(--accent) !important;\n --newRedditTheme-activeAlpha10: var(--mist) !important;\n --newRedditTheme-activeAlpha20: var(--mist) !important;\n --newRedditTheme-activeAlpha50: var(--mist) !important;\n --newRedditTheme-activeLight60: var(--accent) !important;\n --newRedditTheme-activeShaded80: var(--accent) !important;\n --newRedditTheme-activeShaded90: var(--accent) !important;\n --newRedditTheme-activeTinted05: var(--text) !important;\n --newRedditTheme-banner-backgroundColor: var(--accent) !important;\n --newRedditTheme-banner-iconColor: var(--accent) !important;\n --newRedditTheme-body: var(--mantle) !important;\n --newRedditTheme-bodyAlpha50: var(--surface0) !important;\n --newRedditTheme-bodyAlpha70: var(--surface1) !important;\n --newRedditTheme-bodyAlpha80: var(--surface2) !important;\n --newRedditTheme-bodyFade: var(--mist) !important;\n --newRedditTheme-bodyShaded80: var(--mantle) !important;\n --newRedditTheme-bodyText: var(--text) !important;\n --newRedditTheme-bodyTextAlpha03: var(--mist) !important;\n --newRedditTheme-bodyTextAlpha20: var(--surface1) !important;\n --newRedditTheme-bodyTextShaded20: var(--surface0) !important;\n --newRedditTheme-bodyTextTinted20: var(--subtext1) !important;\n --newRedditTheme-bodyTinted50: var(--overlay0) !important;\n --newRedditTheme-bodyTinted80: var(--overlay1) !important;\n --newRedditTheme-button: var(--text) !important;\n --newRedditTheme-buttonAlpha05: var(--mist) !important;\n --newRedditTheme-buttonAlpha10: var(--mist) !important;\n --newRedditTheme-buttonAlpha20: var(--mist) !important;\n --newRedditTheme-buttonAlpha40: var(--subtext0) !important;\n --newRedditTheme-buttonAlpha50: var(--subtext1) !important;\n --newRedditTheme-buttonAlpha80: var(--subtext1) !important;\n --newRedditTheme-buttonShaded80: var(--overlay0) !important;\n --newRedditTheme-buttonTinted20: var(--accent) !important;\n --newRedditTheme-buttonTinted50: var(--accent) !important;\n --newRedditTheme-buttonTinted80: var(--accent) !important;\n --newRedditTheme-canvas: var(--crust) !important;\n --newRedditTheme-checkbox: var(--text) !important;\n --newRedditTheme-errorText: var(--red) !important;\n --newRedditTheme-field: var(--base) !important;\n --newRedditTheme-fieldFade: var(--mantle) !important;\n --newRedditTheme-flair: var(--accent) !important;\n \n /* controls menu, link, and other similar highlights. very important */\n --newRedditTheme-highlight: var(--base) !important;\n \n --newRedditTheme-inactive: var(--surface0) !important;\n --newRedditTheme-lightText: var(--text) !important;\n --newRedditTheme-lightTextAlpha75: var(--subtext1) !important;\n --newRedditTheme-line: var(--surface1Transparent) !important;\n --newRedditTheme-lineShaded80: var(--surface1Transparent) !important;\n --newRedditTheme-lineShaded90: var(--surface1Transparent) !important;\n --newRedditTheme-lineShadedNinety: var(--surface1Transparent) !important;\n \n /* links */\n --newRedditTheme-linkText: var(--accent) !important;\n --newRedditTheme-linkTextAlpha80: var(--accent) !important;\n --newRedditTheme-linkTextShaded80: var(--accent) !important;\n --newRedditTheme-linkTextTinted80: var(--accent) !important;\n --newRedditTheme-linkTextWithBody: var(--accent) !important;\n \n /* menus */\n --newRedditTheme-menu: var(--mantle) !important;\n --newRedditTheme-menuActiveText: var(--text) !important;\n --newRedditTheme-menuButtonBackground-active: var(--accent) !important;\n --newRedditTheme-menuButtonBackground-focus: var(--base) !important;\n --newRedditTheme-menuButtonBackground-hover: var(--base) !important;\n --newRedditTheme-menuInactiveText: var(--text) !important;\n \n --newRedditTheme-metaText: var(--subtext0) !important;\n --newRedditTheme-metaTextAlpha50: var(--mist) !important;\n --newRedditTheme-metaTextShaded80: var(--subtext1) !important;\n --newRedditTheme-monospaceColor: var(--accent) !important;\n --newRedditTheme-navBar-activeLink: var(--text) !important;\n --newRedditTheme-navBar-activeSubmenuCaret: var(--text) !important;\n --newRedditTheme-navBar-activeSubmenuLink: var(--text) !important;\n --newRedditTheme-navBar-backgroundColor: var(--mantle) !important;\n --newRedditTheme-navBar-hoverLink: var(--text) !important;\n --newRedditTheme-navBar-inactiveLink: var(--text) !important;\n --newRedditTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n --newRedditTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n --newRedditTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n --newRedditTheme-navIcon: var(--text) !important;\n --newRedditTheme-navIconFaded10: var(--mist) !important;\n --newRedditTheme-nsfw: var(--red) !important;\n --newRedditTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n --newRedditTheme-nsfwBlocking-color: var(--text) !important;\n --newRedditTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n --newRedditTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n --newRedditTheme-pageHeader: var(--surface0) !important;\n --newRedditTheme-placeholder: var(--surface1) !important;\n --newRedditTheme-post: var(--mantle) !important;\n --newRedditTheme-postError: var(--red) !important;\n --newRedditTheme-postFlairText: var(--text) !important;\n --newRedditTheme-postIcon: var(--accent) !important;\n --newRedditTheme-postLine: var(--surface1Transparent) !important;\n --newRedditTheme-postLineShaded80: var(--surface1Transparent) !important;\n --newRedditTheme-postLineShaded90: var(--surface1Transparent) !important;\n --newRedditTheme-postTinted20: var(--base) !important;\n --newRedditTheme-postTransparent20: var(--mist) !important;\n --newRedditTheme-primaryButtonShadedEighty: var(--surface1) !important;\n --newRedditTheme-primaryButtonTintedEighty: var(--surface2) !important;\n --newRedditTheme-primaryButtonTintedFifty: var(--surface1) !important;\n --newRedditTheme-primaryButtonTintedSixty: var(--surface1) !important;\n --newRedditTheme-quarantine: var(--yellow) !important;\n --newRedditTheme-report: var(--base) !important;\n --newRedditTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n --newRedditTheme-search-syntaxHighlightColor: var(--base) !important;\n --newRedditTheme-titleText: var(--text) !important;\n --newRedditTheme-upsell-appleIcon: var(--overlay0) !important;\n --newRedditTheme-upsell-ssoButtonBorderColor: var(--text) !important;\n --newRedditTheme-upsell-ssoButtonTextColor: var(--text) !important;\n --newRedditTheme-voteText-base: var(--subtext1) !important;\n --newRedditTheme-voteText-downvote: var(--blue) !important;\n --newRedditTheme-voteText-downvoteShaded80: var(--blue) !important;\n --newRedditTheme-voteText-downvoteTinted80: var(--blue) !important;\n --newRedditTheme-voteText-upvote: var(--red) !important;\n --newRedditTheme-voteText-upvoteShaded80: var(--red) !important;\n --newRedditTheme-voteText-upvoteTinted80: var(--red) !important;\n --newRedditTheme-widgetColors-appleIcon: var(--overlay0) !important;\n --newRedditTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mist) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n --tw-bg-opacity: var(--crust) !important;\n --vds-video-bg-color: var(--crust) !important;\n }\n \n /* reddit chat variables */\n :root {\n --activity-button-chatFilterColor: var(--surface0) !important;\n --activity-button-newChatFilter-activeBg: var(--accent) !important;\n --activity-button-newChatFilter-activeText: var(--base) !important;\n --activity-button-newChatFilter-defaultBorder: var(--surface1) !important;\n --activity-button-newChatFilter-defaultText: var(--text) !important;\n --activity-button-primary: var(--accent) !important;\n --activity-button-secondary: var(--text) !important;\n --activity-buttonPrimary-color: var(--accent) !important;\n --activity-buttonSecondary-active: var(--accent) !important;\n --activity-checkbox-checked: var(--accent) !important;\n --activity-checkbox-checkmark: var(--text) !important;\n --activity-checkbox-unchecked: var(--base) !important;\n --activity-checkbox-uncheckedBorder: var(--surface1) !important;\n --activity-icon-active: var(--accent) !important;\n --activity-icon-contrast: var(--surface1) !important;\n --activity-icon-default: var(--subtext0) !important;\n --activity-icon-disable: var(--surface2) !important;\n --activity-icon-hover: var(--surface2) !important;\n --activity-icon-nsfw-bg: var(--base) !important;\n --activity-icon-nsfw-text: var(--text) !important;\n --activity-icon-subIcon-backgroundColor: var(--text) !important;\n --activity-icon-toaster: var(--crust) !important;\n --activity-input-background: var(--mist) !important;\n --activity-input-border: var(--surface1) !important;\n --activity-input-channelRename: var(--subtext0) !important;\n --activity-input-color: var(--subtext1) !important;\n --activity-input-error: var(--red) !important;\n --activity-input-focusBg: var(--green) !important;\n --activity-input-focusColor: var(--text) !important;\n --activity-input-ownerBg: var(--surface0) !important;\n --activity-link-hoverText: var(--red) !important;\n --activity-link-staticText: var(--accent) !important;\n --activity-link-staticUnderline: var(--accent) !important;\n --activity-minimizedPortal-backgroundColor-unreadFinal: var(--mantle) !important;\n --activity-minimizedPortal-backgroundColor-unreadInitial: var(--accent) !important;\n --activity-minimizedPortal-color-unreadFinal: var(--text) !important;\n --activity-minimizedPortal-color-unreadInitial: var(--text) !important;\n --activity-send-disable: var(--surface0) !important;\n --activity-send-hover: var(--accent) !important;\n --activity-text-active: var(--accent) !important;\n --activity-text-fade: var(--subtext0) !important;\n --activity-text-highlight: var(--text) !important;\n --activity-text-light: var(--subtext0) !important;\n --activity-text-meta: var(--subtext0) !important;\n --activity-text-regular: var(--text) !important;\n --activity-text-success: var(--green) !important;\n --activity-text-tutorial: var(--rosewater) !important;\n --activity-text-warning: var(--red) !important;\n --addReaction-backgroundColor: var(--surface0) !important;\n --addReaction-iconFill: var(--surface1) !important;\n --boxShadow: var(--mist) !important;\n --bubble-border: var(--surface1Transparent) !important;\n --bubble-channelsFilter-background: var(--crust) !important;\n --bubble-channelsFilter-selected: var(--overlay0) !important;\n --bubble-color: var(--text) !important;\n --bubble-link-color: var(--accent) !important;\n --bubbleActions-hover: var(--surface0) !important;\n --editName: var(--surface1) !important;\n --layout-body: var(--mantle) !important;\n --layout-colsBorder: var(--surface1Transparent) !important;\n --layout-controlsBorder: var(--surface1Transparent) !important;\n --layout-dropdown-border: var(--surface1Transparent) !important;\n --layout-header-counterBg: var(--red) !important;\n --layout-header-counterText: var(--text) !important;\n --layout-overlayBackground: var(--mist) !important;\n --layout-overlayReportFlow: var(--mist) !important;\n --layout-scrollbar: var(--text) !important;\n --layout-scrollbarHover: var(--accent) !important;\n --layout-timeStamp-tooltip-background: var(--surface0) !important;\n --message-list-item-button: var(--surface1) !important;\n --message-list-item-onlineIndicator: var(--green) !important;\n --message-list-item-ownerBg: var(--surface1) !important;\n --message-list-item-richItem: var(--overlay0) !important;\n --message-list-item-richItemBorder: var(--surface1Transparent) !important;\n --message-list-item-white: var(--text) !important;\n --modal-buttonsBackground: var(--text) !important;\n --modal-primaryButtonWarning: var(--red) !important;\n --modal-secondaryButton: var(--text) !important;\n --newChat-inviteLink-borderColor: var(--surface1Transparent) !important;\n --overlay-backgroundColor: var(--mantle) !important;\n --overlay-headerColor: var(--text) !important;\n --overlay-inputBackground: var(--crust) !important;\n --overlay-searchBarBackground: var(--mantle) !important;\n --prompt-tooltip-background: var(--accent) !important;\n --searchBar-backgroundColor: var(--mantle) !important;\n --settings-color: var(--subtext0) !important;\n --settings-dropdownItemHoverBackground: var(--crust) !important;\n --settings-panelBackground: var(--crust) !important;\n --settings-panelItemHoverBackground: var(--surface0) !important;\n --settings-panelItemSelectedBackground: var(--surface1) !important;\n --sidebar-background: var(--surface1Transparent) !important;\n --sidebar-basic-background-active: var(--accent) !important;\n --sidebar-basic-background-hover: var(--mantle) !important;\n --sidebar-footer-background: var(--crust) !important;\n --sidebar-item-active: var(--surface1) !important;\n --sidebar-item-hover: var(--surface0) !important;\n --sidebar-item-selected: var(--surface2) !important;\n --sidebar-item-text-active: var(--text) !important;\n --sidebar-subreddit-background-active: var(--accent) !important;\n --sidebar-subreddit-background-hover: var(--surface1) !important;\n --sidebar-text-divider: var(--surface1) !important;\n --skeleton-field: var(--surface2) !important;\n --skeleton-inactive: var(--surface0) !important;\n --subreddit-iconBg: var(--accent) !important;\n --toast-error: var(--red) !important;\n --toast-pending: var(--crust) !important;\n --toast-success: var(--green) !important;\n --uploads-progress-background: var(--subtext0) !important;\n --uploads-progress-bar: var(--accent) !important;\n --videoModal-button-background: var(--text) !important;\n --videoModal-button-color: var(--mantle) !important;\n }\n \n ::placeholder {\n color: var(--subtext0) !important;\n }\n \n /* site background */\n div.ListingLayout-backgroundContainer::before {\n background: var(--base) !important;\n }\n \n \n /* PROFILE MENU */\n \n \n /* karma count */\n span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span {\n color: var(--subtext0) !important;\n }\n\n /* profile button karma icon */\n i.icon-karma_fill {\n color: var(--red) !important;\n }\n\n /* menu headers */\n div[role=menu] > div > div > span > span {\n color: var(--subtext0) !important;\n }\n\n /* switches, should also apply sitewide */\n button[role=switch][aria-checked=false] {\n background: var(--surface0) !important;\n }\n\n button[role=switch] > div {\n background: var(--text) !important;\n }\n\n /* online status */\n ._2dn5Ncenn0BSD4tCSmxQhA {\n fill: var(--green) !important;\n }\n\n ._3SlBAJb2MbUHwgBZFH8eL7 {\n fill: var(--base) !important;\n }\n\n\n /* PROFILE PAGE */\n\n\n /* create avatar button */\n button._3F1tNW0P4Ff182mO_CefIg {\n background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n color: var(--base) !important;\n }\n\n button._3F1tNW0P4Ff182mO_CefIg > i {\n color: var(--base) !important;\n }\n\n /* cake day and followers icon */\n i.icon-cake_fill, i.icon-user_fill {\n color: var(--accent) !important;\n }\n\n /* add social links button readability tweak */\n div._3hew1NnzwygOKDNQDKp6R4, div._3hew1NnzwygOKDNQDKp6R4 > i, li._3hew1NnzwygOKDNQDKp6R4 {\n color: var(--base) !important\n }\n\n /* profile moderation and user settings page */\n div._1VP69d9lk-Wk9zokOaylL {\n --background: var(--base) !important;\n --canvas: var(--base) !important;\n }\n\n /* Beta Badge */ \n span._2KFJx8Dhh1o1u0Xb8e7NuD {\n color: var(--accent) !important;\n }\n\n /* Delete Account */\n button.EBd2MhBQlQeZ13YeP0K8a {\n color: var(--accent) !important;\n }\n\n /* Delete Account Icon */\n svg._1Fa4RPHlhrfUZuNaXK2-eP > path {\n fill: var(--accent) !important;\n }\n\n /* blocked, muted input */\n input._1Vnaj3fBuYrmHKEPQD_zWW {\n background-color: var(--base) !important;\n }\n \n /* fixes profile posts not being themed */\n div.scrollerItem > div, div[data-testid=post-container], div[style=\"background:#1A1A1B\"], div._2otRz3OtuWajw1RleFDJ5P {\n background: var(--mantle) !important;\n }\n\n\n /* NFT AVATAR VIEWER */\n\n\n /* modal background */\n div._productDetails_7kbcu_53 {\n background: var(--mantle) !important;\n color: var(--text) !important;\n }\n\n /* mint status */\n div._mintStatus_7kbcu_264 {\n color: var(--accent) !important;\n }\n\n /* carousel background */\n div._carousel_7kbcu_45 {\n background: linear-gradient(243.37deg, var(--base) 16.42%, var(--blue) 100%);\n }\n\n /* nft card back */\n div._card_1ooes_1 {\n background: var(--blue) !important;\n }\n\n ol._container_1t62i_1 {\n border-color: var(--base) !important;\n }\n\n ol._container_1t62i_1 > li {\n border-color: var(--base) !important;\n }\n\n ol._container_1t62i_1 > li > div {\n color: var(--base) !important;\n }\n\n div.MuiMobileStepper-dot {\n background: var(--surface0) !important;\n }\n\n div.MuiMobileStepper-dotActive {\n background: var(--accent) !important;\n }\n\n div._scrollContainer_7kbcu_104 > div > h3, div._cardAuthor_7kbcu_79 {\n color: var(--subtext0) !important\n }\n\n div._container_oikih_1 {\n background: var(--crust) !important;\n border-color: var(--surface1) !important;\n }\n\n /* external links */\n a._pill_7kbcu_280 {\n background: var(--crust) !important;\n color: var(--text) !important;\n }\n\n /* shop for avatars button */\n button._shopForMoreButton_7kbcu_125 {\n background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n color: var(--base) !important;\n }\n\n\n /* AVATAR CREATOR */\n div._wrapper_1upjl_7 {\n background: var(--base) !important;\n color: var(--text) !important;\n }\n\n\n /* SITE HEADER*/\n\n \n /* reddit logo */\n a[aria-label=Home] > svg > g > circle {\n fill: var(--accent) !important;\n }\n\n a[aria-label=Home] > svg:first-child > g > path {\n fill: var(--base) !important;\n }\n\n a[aria-label=Home] > svg:nth-child(2) > g > path {\n fill: var(--text) !important;\n }\n \n /* notification icon */\n button[aria-label=\"Open notifications inbox\"] > div > span {\n background: var(--accent) !important;\n color: var(--mantle) !important;\n }\n\n /* advertise button */\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a {\n background: var(--surface0) !important;\n color: var(--text) !important;\n }\n\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i {\n color: var(--text) !important;\n }\n\n /* reddit now notification */\n a[href=\"/now\"] > div {\n background: var(--accent) !important;\n }\n\n /* search scope pill text */\n div[data-testid=\"search-scope-pill-text\"] {\n color: var(--text) !important;\n }\n\n /* search popup title */\n div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"] {\n --posttitletextcolor: var(--text) !important;\n }\n\n /* safe search toggle */\n button#safe-search-toggle[aria-checked=true] {\n background: var(--accent) !important;\n }\n\n\n /* NAVIGATION SIDEBAR */\n\n\n /* close icon */\n i.icon-close {\n color: var(--subtext0) !important;\n }\n\n /* item color */\n a[role=menuitem] {\n color: var(--text) !important;\n }\n\n /* navigation sidebar header color */\n div[role=menu] > div[role=heading] {\n color: var(--subtext0) !important;\n }\n\n a[role=menuitem]:hover {\n background: var(--surface0) !important;\n }\n\n /* favorites */\n i.icon-star_fill {\n color: var(--accent) !important;\n }\n\n i.icon-star {\n color: var(--subtext0) !important;\n }\n\n\n /* RIGHT FRONTPAGE SIDEBAR */\n\n\n /* reddit premium icon */\n i.icon-premium_fill {\n color: var(--accent) !important;\n }\n\n /* reddit premium try now button */\n button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {\n background: var(--accent) !important;\n color: var(--base) !important;\n }\n\n /* recent posts thumbnail borders */\n div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div {\n border-color: var(--subtext0) !important;\n }\n\n\n /* POSTS */\n\n\n /* post background for card style */\n div[data-adclicklocation=background] {\n background: var(--base) !important;\n }\n\n /* post options (save, comment, etc.) */\n div._3-miAEojrCvx_4FQ8x3P-s, i.icon-comment, i.icon-share, i.icon-save, i.icon-expand, i.icon-collapse, i.icon-text_post, i.icon-image_post, i.icon-media_gallery, i.icon-video_post, i.icon-gif_post, i.icon-embed, i.icon-external_link, i.icon-poll_post {\n color: var(--subtext0) !important;\n }\n\n /* post title color */\n div[data-adclicklocation=title] > div > a > div > h3, div[data-adclicklocation=title] > div:first-child > div:first-child > h1:first-child {\n color: var(--text) !important;\n }\n\n /* \n * post op color and\n * post date color\n */\n div[data-adclicklocation=top_bar] > span, a[data-testid=post_author_link] {\n color: var(--subtext0) !important;\n }\n\n /* nsfw flair */\n span._1wzhGvvafQFOWAyA157okr {\n border-color: var(--red) !important;\n color: var(--red) !important;\n }\n\n /* pinned post icon */\n i.icon-pin_fill {\n color: var(--green) !important;\n }\n\n /* give award icon */\n i.icon-award {\n color: var(--subtext0) !important;\n }\n\n /* locked post icon */\n i.icon-archived_fill, i.icon-lock_fill {\n color: var(--yellow) !important;\n }\n\n /* post button divider */\n div[data-click-id=body] > div:nth-child(3) > div:nth-child(3) { \n border-color: var(--surface1) !important;\n }\n\n\n /* UPVOTES/DOWNVOTES */\n\n\n /* upvote/downvote background */\n div.Post, div[data-click-id=media] {\n background: var(--mantle) !important;\n fill: var(--mantle) !important;\n }\n\n /* inactive vote text color */\n div[id^=vote-arrows] > div {\n color: var(--subtext0) !important;\n }\n\n /* active upvote color */\n i.icon-upvote_fill {\n color: var(--red) !important;\n }\n\n button[aria-label=upvote][aria-pressed=false] > span:hover > i {\n color: var(--red) !important;\n }\n\n /* active upvote text color */\n button[aria-label=upvote][aria-pressed=true] ~ div {\n color: var(--red) !important;\n }\n\n /* hover background for both upvotes and downvotes */\n button[aria-label=upvote][aria-label=downvote] > span:hover {\n background: var(--surface0) !important;\n }\n\n /* active downvote color */\n .icon-downvote_fill {\n color: var(--blue) !important;\n }\n\n /* active downvote text color */\n button[aria-label=downvote][aria-pressed=true] ~ div {\n color: var(--blue) !important;\n }\n\n button[aria-label=downvote][aria-pressed=false] > span:hover > i {\n color: var(--blue) !important;\n }\n\n\n /* REPORT MODAL */\n\n\n a.o1ov2mzLxTFAFP-O4Uv8I {\n color: var(--accent) !important;\n }\n\n button._1lDGFVGU9k2mi-4kjU95Rp {\n color: var(--base) !important;\n }\n\n\n /* SUBREDDIT PAGES */\n\n\n a[role=button][target=\"_blank\"] {\n background: var(--text) !important;\n color: var(--base) !important;\n }\n\n /* radio buttons (flair selector, etc.) */\n div[role=radio]:hover, div[role=radio]:focus {\n background: var(--accent) !important;\n }\n \n div[role=radio] > svg, div[role=radio] > svg:active {\n fill: var(--text) !important;\n }\n \n /* checkboxes */\n button[role=checkbox] {\n fill: var(--accent) !important;\n }\n \n \n /* SUBREDDIT RIGHT SIDEBAR (some styles carry over from the homepage right sidebar section) */\n \n \n /* header background */\n ._ZhON3a3vplThB8NFwuJn {\n background: var(--crust) !important;\n color: var(--text) !important;\n }\n \n /* subreddit image background */\n img[alt=\"Subreddit Icon\"][role=\"presentation\"] {\n background: var(--accent) !important;\n }\n \n /* default subreddit icon */\n i.icon-community_fill {\n color: var(--accent) !important;\n }\n \n /* online users */\n div._21RLQh5PvUhC6vOKoFeHUP:before {\n color: var(--green) !important;\n }\n \n \n /* POST VIEWER */\n \n \n /* spoiler tags */\n ._2v4IIjPhKL0PDaWaWtjJ1E {\n background: var(--surface0) !important;\n }\n \n /* mod comment tag */\n span[id^=CommentTopMeta--Mod] {\n color: var(--green) !important;\n }\n \n /* op comment tag */\n span[id^=CommentTopMeta--OP] {\n color: var(--blue) !important;\n }\n \n /* post overlay if you have \"open in new tab\" disabled */\n div#overlayScrollContainer > div {\n background: var(--crust) !important;\n }\n \n /* fixes comment section background not working when \"open in new tab is disabled\" */\n div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {\n background: var(--mantle) !important;\n }\n \n /* shade applied to background when clicking on a post with \"open in new tab\" disabled */\n div._2DJXORCrmcNpPTSq0LqL6i, div._1DK52RbaamLOWw5UPaht_S {\n background: var(--mist) !important;\n }\n \n /* gold award gradient */\n div.TmlaIdEplCzZ0F1aRGYQh[role=presentation] {\n background: linear-gradient(188deg, #f9e2af1f 1.7%, #f9e2af00 46%, rgba(0, 0, 0, 0)) !important;\n }\n \n /* image gallery next/previous buttons */\n a[title=Next] > i, a[title=Previous] > i {\n background: var(--surface0) !important;\n }\n \n /* image gallery image count */\n div._61i6grM3um1yuw4GrN97P {\n background: var(--mist) !important;\n color: var(--text) !important;\n }\n\n /* comment search bar */\n input#comment_search-bar {\n background: var(--base) !important;\n }\n \n \n /* MULTIREDDITS/CUSTOM FEEDS */\n \n \n /* delete custom feed button */\n .bX6SqXfzfxpv4GQbuIYVZ {\n color: var(--red) !important;\n }\n \n \n /* TOOLTIPS */\n \n \n div.HQ2VJViRjokXpRbJzPvvc {\n background: var(--mantle) !important;\n color: var(--text) !important;\n }\n \n div.HQ2VJViRjokXpRbJzPvvc::after {\n border-top-color: var(--mantle) !important;\n }\n}\n",
+ "sourceCode": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 1.1.2\n@description Soothing pastel theme for Reddit.\n@author jayylmao\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css\n\n@preprocessor stylus\n\n@var select stylusAccent \"Accent color\" [\n\t\"Rosewater\",\n\t\"Flamingo\",\n\t\"Pink\",\n\t\"Mauve\",\n\t\"Red\",\n \"Maroon\",\n\t\"Peach\",\n\t\"Yellow\",\n \"Green\",\n\t\"Teal\",\n\t\"Sky\",\n \"Sapphire\",\n\t\"Blue\",\n\t\"Lavender\"\n]\n\n@var select stylusFlavor \"Catppuccin Flavor\" [\n \"Latte\",\n \"Frappe\",\n \"Macchiato\",\n \"Mocha\",\n \"Espresso\"\n]\n==/UserStyle== */\n\n@-moz-document domain(\"reddit.com\") {\n :root {\n if stylusFlavor==\"Latte\" {\n --rosewater: #dc8a78;\n --flamingo : #dd7878;\n --pink : #ea76cb;\n --mauve : #8839ef;\n --red : #d20f39;\n --maroon : #e64553;\n --peach : #fe640b;\n --yellow : #df8e1d;\n --green : #40a02b;\n --teal : #179299;\n --sky : #04a5e5;\n --sapphire : #209fb5;\n --blue : #1e66f5;\n --lavender : #7287fd;\n --text : #4c4f69;\n --subtext1 : #5c5f77;\n --subtext0 : #6c6f85;\n --overlay2 : #7c7f93;\n --overlay1 : #8c8fa1;\n --overlay0 : #9ca0b0;\n --surface2 : #acb0be;\n --surface1 : #bcc0cc;\n --surface0 : #ccd0da;\n --base : #eff1f5;\n --mantle : #e6e9ef;\n --crust : #dce0e8;\n\n /* non-standard colors */\n --surface1Transparent: #bcc0ccbd;\n --mist: #dce0e8bd; \n }\n else if stylusFlavor==\"Frappe\" {\n --rosewater: #f2d5cf;\n --flamingo : #eebebe;\n --pink : #f4b8e4;\n --mauve : #ca9ee6;\n --red : #e78284;\n --maroon : #ea999c;\n --peach : #ef9f76;\n --yellow : #e5c890;\n --green : #a6d189;\n --teal : #81c8be;\n --sky : #99d1db;\n --sapphire : #85c1dc;\n --blue : #8caaee;\n --lavender : #babbf1;\n --text : #c6d0f5;\n --subtext1 : #b5bfe2;\n --subtext0 : #a5adce;\n --overlay2 : #9f9cbb;\n --overlay1 : #838ba7;\n --overlay0 : #737994;\n --surface2 : #626880;\n --surface1 : #51576d;\n --surface0 : #414559;\n --base : #303446;\n --mantle : #292c3c;\n --crust : #232634;\n\n /* non-standard colors */\n --surface1Transparent: #51576dbd;\n --mist: #232634bd;\n }\n else if stylusFlavor==\"Macchiato\" {\n --rosewater: #f4dbd6;\n --flamingo : #f0c6c6;\n --pink : #f5bde6;\n --mauve : #c6a0f6;\n --red : #ed8796;\n --maroon : #ee99a0;\n --peach : #f5a97f;\n --yellow : #eed49f;\n --green : #a6da95;\n --teal : #8bd5ca;\n --sky : #91d7e3;\n --sapphire : #7dc4e4;\n --blue : #8aadf4;\n --lavender : #b7bdf8;\n --text : #cad3f5;\n --subtext1 : #b8c0e0;\n --subtext0 : #a5adcb;\n --overlay2 : #939ab7;\n --overlay1 : #8087a2;\n --overlay0 : #6e738d;\n --surface2 : #5b6078;\n --surface1 : #494d64;\n --surface0 : #363a4f;\n --base : #24273a;\n --mantle : #1e2030;\n --crust : #181926;\n\n /* non-standard colors */\n --surface1Transparent: #494d64bd;\n --mist: #181926bd;\n }\n else if stylusFlavor==\"Mocha\" {\n --rosewater: #f5e0dc;\n --flamingo : #f2cdcd;\n --pink : #f5c2e7;\n --mauve : #cba6f7;\n --red : #f38ba8;\n --maroon : #eba0ac;\n --peach : #fab387;\n --yellow : #f9e2af;\n --green : #a6e3a1;\n --teal : #94e2d5;\n --sky : #89dceb;\n --sapphire : #74c7ec;\n --blue : #89b4fa;\n --lavender : #b4befe;\n --text : #cdd6f4;\n --subtext1 : #bac2de;\n --subtext0 : #a6adc8;\n --overlay2 : #9399b2;\n --overlay1 : #7f849c;\n --overlay0 : #6c7086;\n --surface2 : #585b70;\n --surface1 : #45475a;\n --surface0 : #313244;\n --base : #1e1e2e;\n --mantle : #181825;\n --crust : #11111b;\n\n /* non-standard colors */\n --surface1Transparent: #45475abd;\n --mist: #11111bbd;\n }\n else if stylusFlavor==\"Espresso\" {\n --rosewater: #f5e0dc;\n --flamingo : #f2cdcd;\n --pink : #f5c2e7;\n --mauve : #cba6f7;\n --red : #f38ba8;\n --maroon : #eba0ac;\n --peach : #fab387;\n --yellow : #f9e2af;\n --green : #a6e3a1;\n --teal : #94e2d5;\n --sky : #89dceb;\n --sapphire : #74c7ec;\n --blue : #89b4fa;\n --lavender : #b4befe;\n --text : #cdd6f4;\n --subtext1 : #bac2de;\n --subtext0 : #a6adc8;\n --overlay2 : #9399b2;\n --overlay1 : #7f849c;\n --overlay0 : #6c7086;\n --surface2 : #585b70;\n --surface1 : #45475a;\n --surface0 : #313244;\n --base : #020202;\n --mantle : #010101;\n --crust : #000000;\n\n /* non-standard colors */\n --surface1Transparent: #45475abd;\n --mist: #000000bd;\n }\n \n if stylusAccent==\"Rosewater\" {\n --accent: var(--rosewater);\n }\n else if stylusAccent==\"Flamingo\" {\n --accent: var(--flamingo);\n }\n else if stylusAccent==\"Pink\" {\n --accent: var(--pink);\n }\n else if stylusAccent==\"Mauve\" {\n --accent: var(--mauve);\n }\n else if stylusAccent==\"Red\" {\n --accent: var(--red);\n }\n else if stylusAccent==\"Maroon\" {\n --accent: var(--maroon);\n }\n else if stylusAccent==\"Peach\" {\n --accent: var(--peach);\n }\n else if stylusAccent==\"Yellow\" {\n --accent: var(--yellow);\n }\n else if stylusAccent==\"Green\" {\n --accent: var(--green);\n }\n else if stylusAccent==\"Teal\" {\n --accent: var(--teal);\n }\n else if stylusAccent==\"Sky\" {\n --accent: var(--sky);\n }\n else if stylusAccent==\"Sapphire\" {\n --accent: var(--sapphire);\n }\n else if stylusAccent==\"Blue\" {\n --accent: var(--blue);\n }\n else if stylusAccent==\"Lavender\" {\n --accent: var(--lavender);\n }\n }\n \n \n /* REDDIT COLOR VARIABLES */\n \n \n div[class^=subredditvars], :root {\n --color-online: var(--green) !important;\n --newCommunityTheme-actionIcon: var(--subtext0) !important;\n --newCommunityTheme-actionIconAlpha20: var(--mist) !important;\n --newCommunityTheme-actionIconAlpha50: var(--mist) !important;\n --newCommunityTheme-actionIconShaded80: var(--subtext0) !important;\n --newCommunityTheme-actionIconTinted80: var(--subtext1) !important;\n --newCommunityTheme-active: var(--accent) !important;\n --newCommunityTheme-activeAlpha10: var(--mist) !important;\n --newCommunityTheme-activeAlpha20: var(--mist) !important;\n --newCommunityTheme-activeAlpha50: var(--mist) !important;\n --newCommunityTheme-activeLight60: var(--accent) !important;\n --newCommunityTheme-activeShaded80: var(--accent) !important;\n --newCommunityTheme-activeShaded90: var(--accent) !important;\n --newCommunityTheme-activeTinted05: var(--text) !important;\n --newCommunityTheme-banner-backgroundColor: var(--accent) !important;\n --newCommunityTheme-banner-iconColor: var(--accent) !important;\n --newCommunityTheme-body: var(--mantle) !important;\n --newCommunityTheme-bodyAlpha50: var(--surface0) !important;\n --newCommunityTheme-bodyAlpha70: var(--surface1) !important;\n --newCommunityTheme-bodyAlpha80: var(--surface2) !important;\n --newCommunityTheme-bodyFade: var(--subtext0) !important;\n --newCommunityTheme-bodyShaded80: var(--mantle) !important;\n --newCommunityTheme-bodyText: var(--text) !important;\n --newCommunityTheme-bodyTextAlpha03: var(--mantle) !important;\n --newCommunityTheme-bodyTextAlpha20: var(--surface1) !important;\n --newCommunityTheme-bodyTextShaded20: var(--surface0) !important;\n --newCommunityTheme-bodyTextTinted20: var(--subtext0) !important;\n --newCommunityTheme-bodyTinted50: var(--overlay1) !important;\n --newCommunityTheme-bodyTinted80: var(--overlay0) !important;\n --newCommunityTheme-button: var(--text) !important;\n --newCommunityTheme-buttonAlpha05: var(--mist) !important;\n --newCommunityTheme-buttonAlpha10: var(--mist) !important;\n --newCommunityTheme-buttonAlpha20: var(--mist) !important;\n --newCommunityTheme-buttonAlpha40: var(--subtext0) !important;\n --newCommunityTheme-buttonAlpha50: var(--subtext1) !important;\n --newCommunityTheme-buttonAlpha80: var(--subtext1) !important;\n --newCommunityTheme-buttonShaded80: var(--overlay0) !important;\n --newCommunityTheme-buttonTinted20: var(--accent) !important;\n --newCommunityTheme-buttonTinted50: var(--accent) !important;\n --newCommunityTheme-buttonTinted80: var(--accent) !important;\n --newCommunityTheme-canvas: var(--crust) !important;\n --newCommunityTheme-checkbox: var(--text) !important;\n --newCommunityTheme-errorText: var(--red) !important;\n --newCommunityTheme-field: var(--surface0) !important;\n --newCommunityTheme-fieldFade: var(--surface1Transparent) !important;\n --newCommunityTheme-flair: var(--accent) !important;\n --newCommunityTheme-highlight: var(--base) !important;\n --newCommunityTheme-inactive: var(--subtext0) !important;\n --newCommunityTheme-lightText: var(--text) !important;\n --newCommunityTheme-lightTextAlpha75: var(--subtext1) !important;\n --newCommunityTheme-line: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShaded80: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShaded90: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShadedNinety: var(--surface1Transparent) !important;\n --newCommunityTheme-linkText: var(--accent) !important;\n --newCommunityTheme-linkTextAlpha80: var(--accent) !important;\n --newCommunityTheme-linkTextShaded80: var(--accent) !important;\n --newCommunityTheme-linkTextTinted80: var(--accent) !important;\n --newCommunityTheme-linkTextWithBody: var(--accent) !important;\n --newCommunityTheme-menu: var(--mantle) !important;\n --newCommunityTheme-menuActiveText: var(--text) !important;\n --newCommunityTheme-menuButtonBackground-active: var(--base) !important;\n --newCommunityTheme-menuButtonBackground-focus: var(--base) !important;\n --newCommunityTheme-menuButtonBackground-hover: var(--base) !important;\n --newCommunityTheme-menuInactiveText: var(--text) !important;\n --newCommunityTheme-metaText: var(--subtext0) !important;\n --newCommunityTheme-metaTextAlpha50: var(--subtext0) !important;\n --newCommunityTheme-metaTextShaded80: var(--subtext0) !important;\n --newCommunityTheme-monospaceColor: var(--accent) !important;\n --newCommunityTheme-navBar-activeLink: var(--text) !important;\n --newCommunityTheme-navBar-activeSubmenuCaret: var(--text) !important;\n --newCommunityTheme-navBar-activeSubmenuLink: var(--text) !important;\n --newCommunityTheme-navBar-backgroundColor: var(--mantle) !important;\n --newCommunityTheme-navBar-hoverLink: var(--text) !important;\n --newCommunityTheme-navBar-inactiveLink: var(--text) !important;\n --newCommunityTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n --newCommunityTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n --newCommunityTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n --newCommunityTheme-navIcon: var(--text) !important;\n \n /* upvote/downvote focus */\n --newCommunityTheme-navIconFaded10: var(--mist) !important;\n \n --newCommunityTheme-nsfw: var(--red) !important;\n --newCommunityTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n --newCommunityTheme-nsfwBlocking-color: var(--text) !important;\n --newCommunityTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n --newCommunityTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n --newCommunityTheme-pageHeader: var(--surface2) !important;\n --newCommunityTheme-placeholder: var(--surface0) !important;\n --newCommunityTheme-post: var(--mantle) !important;\n --newCommunityTheme-postError: var(--red) !important;\n --newCommunityTheme-postFlairText: var(--crust) !important;\n --newCommunityTheme-postIcon: var(--accent) !important;\n --newCommunityTheme-postLine: var(--surface1Transparent) !important;\n --newCommunityTheme-postLineShaded80: var(--surface1Transparent) !important;\n --newCommunityTheme-postLineShaded90: var(--surface1Transparent) !important;\n --newCommunityTheme-postTinted20: var(--base) !important;\n --newCommunityTheme-postTransparent20: var(--base) !important;\n --newCommunityTheme-primaryButtonShadedEighty: var(--overlay1) !important;\n --newCommunityTheme-primaryButtonTintedEighty: var(--overlay1) !important;\n --newCommunityTheme-primaryButtonTintedFifty: var(--overlay0) !important;\n --newCommunityTheme-primaryButtonTintedSixty: var(--overlay0) !important;\n --newCommunityTheme-quarantine: var(--yellow) !important;\n --newCommunityTheme-report: var(--surface1) !important;\n --newCommunityTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n --newCommunityTheme-search-syntaxHighlightColor: var(--base) !important;\n --newCommunityTheme-titleText: var(--text) !important;\n --newCommunityTheme-upsell-appleIcon: var(--subtext1) !important;\n --newCommunityTheme-upsell-ssoButtonBorderColor: var(--surface1Transparent) !important;\n --newCommunityTheme-upsell-ssoButtonTextColor: var(--text) !important;\n --newCommunityTheme-voteText-base: var(--subtext0) !important;\n --newCommunityTheme-voteText-downvote: var(--blue) !important;\n --newCommunityTheme-voteText-downvoteShaded80: var(--blue) !important;\n --newCommunityTheme-voteText-downvoteTinted80: var(--blue) !important;\n --newCommunityTheme-voteText-upvote: var(--red) !important;\n --newCommunityTheme-voteText-upvoteShaded80: var(--red) !important;\n --newCommunityTheme-voteText-upvoteTinted80: var(--red) !important;\n --newCommunityTheme-widgetColors-appleIcon: var(--overlay0) !important;\n --newCommunityTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n \n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mantle) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n \n --newRedditTheme-actionIcon: var(--subtext0) !important;\n --newRedditTheme-actionIconAlpha20: var(--mist) !important;\n --newRedditTheme-actionIconAlpha50: var(--mist) !important;\n --newRedditTheme-actionIconShaded80: var(--subtext0) !important;\n --newRedditTheme-actionIconTinted80: var(--subtext1) !important;\n --newRedditTheme-active: var(--accent) !important;\n --newRedditTheme-activeAlpha10: var(--mist) !important;\n --newRedditTheme-activeAlpha20: var(--mist) !important;\n --newRedditTheme-activeAlpha50: var(--mist) !important;\n --newRedditTheme-activeLight60: var(--accent) !important;\n --newRedditTheme-activeShaded80: var(--accent) !important;\n --newRedditTheme-activeShaded90: var(--accent) !important;\n --newRedditTheme-activeTinted05: var(--text) !important;\n --newRedditTheme-banner-backgroundColor: var(--accent) !important;\n --newRedditTheme-banner-iconColor: var(--accent) !important;\n --newRedditTheme-body: var(--mantle) !important;\n --newRedditTheme-bodyAlpha50: var(--surface0) !important;\n --newRedditTheme-bodyAlpha70: var(--surface1) !important;\n --newRedditTheme-bodyAlpha80: var(--surface2) !important;\n --newRedditTheme-bodyFade: var(--mist) !important;\n --newRedditTheme-bodyShaded80: var(--mantle) !important;\n --newRedditTheme-bodyText: var(--text) !important;\n --newRedditTheme-bodyTextAlpha03: var(--mist) !important;\n --newRedditTheme-bodyTextAlpha20: var(--surface1) !important;\n --newRedditTheme-bodyTextShaded20: var(--surface0) !important;\n --newRedditTheme-bodyTextTinted20: var(--subtext1) !important;\n --newRedditTheme-bodyTinted50: var(--overlay0) !important;\n --newRedditTheme-bodyTinted80: var(--overlay1) !important;\n --newRedditTheme-button: var(--text) !important;\n --newRedditTheme-buttonAlpha05: var(--mist) !important;\n --newRedditTheme-buttonAlpha10: var(--mist) !important;\n --newRedditTheme-buttonAlpha20: var(--mist) !important;\n --newRedditTheme-buttonAlpha40: var(--subtext0) !important;\n --newRedditTheme-buttonAlpha50: var(--subtext1) !important;\n --newRedditTheme-buttonAlpha80: var(--subtext1) !important;\n --newRedditTheme-buttonShaded80: var(--overlay0) !important;\n --newRedditTheme-buttonTinted20: var(--accent) !important;\n --newRedditTheme-buttonTinted50: var(--accent) !important;\n --newRedditTheme-buttonTinted80: var(--accent) !important;\n --newRedditTheme-canvas: var(--crust) !important;\n --newRedditTheme-checkbox: var(--text) !important;\n --newRedditTheme-errorText: var(--red) !important;\n --newRedditTheme-field: var(--base) !important;\n --newRedditTheme-fieldFade: var(--mantle) !important;\n --newRedditTheme-flair: var(--accent) !important;\n \n /* controls menu, link, and other similar highlights. very important */\n --newRedditTheme-highlight: var(--base) !important;\n \n --newRedditTheme-inactive: var(--surface0) !important;\n --newRedditTheme-lightText: var(--text) !important;\n --newRedditTheme-lightTextAlpha75: var(--subtext1) !important;\n --newRedditTheme-line: var(--surface1Transparent) !important;\n --newRedditTheme-lineShaded80: var(--surface1Transparent) !important;\n --newRedditTheme-lineShaded90: var(--surface1Transparent) !important;\n --newRedditTheme-lineShadedNinety: var(--surface1Transparent) !important;\n \n /* links */\n --newRedditTheme-linkText: var(--accent) !important;\n --newRedditTheme-linkTextAlpha80: var(--accent) !important;\n --newRedditTheme-linkTextShaded80: var(--accent) !important;\n --newRedditTheme-linkTextTinted80: var(--accent) !important;\n --newRedditTheme-linkTextWithBody: var(--accent) !important;\n \n /* menus */\n --newRedditTheme-menu: var(--mantle) !important;\n --newRedditTheme-menuActiveText: var(--text) !important;\n --newRedditTheme-menuButtonBackground-active: var(--accent) !important;\n --newRedditTheme-menuButtonBackground-focus: var(--base) !important;\n --newRedditTheme-menuButtonBackground-hover: var(--base) !important;\n --newRedditTheme-menuInactiveText: var(--text) !important;\n \n --newRedditTheme-metaText: var(--subtext0) !important;\n --newRedditTheme-metaTextAlpha50: var(--mist) !important;\n --newRedditTheme-metaTextShaded80: var(--subtext1) !important;\n --newRedditTheme-monospaceColor: var(--accent) !important;\n --newRedditTheme-navBar-activeLink: var(--text) !important;\n --newRedditTheme-navBar-activeSubmenuCaret: var(--text) !important;\n --newRedditTheme-navBar-activeSubmenuLink: var(--text) !important;\n --newRedditTheme-navBar-backgroundColor: var(--mantle) !important;\n --newRedditTheme-navBar-hoverLink: var(--text) !important;\n --newRedditTheme-navBar-inactiveLink: var(--text) !important;\n --newRedditTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n --newRedditTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n --newRedditTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n --newRedditTheme-navIcon: var(--text) !important;\n --newRedditTheme-navIconFaded10: var(--mist) !important;\n --newRedditTheme-nsfw: var(--red) !important;\n --newRedditTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n --newRedditTheme-nsfwBlocking-color: var(--text) !important;\n --newRedditTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n --newRedditTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n --newRedditTheme-pageHeader: var(--surface0) !important;\n --newRedditTheme-placeholder: var(--surface1) !important;\n --newRedditTheme-post: var(--mantle) !important;\n --newRedditTheme-postError: var(--red) !important;\n --newRedditTheme-postFlairText: var(--text) !important;\n --newRedditTheme-postIcon: var(--accent) !important;\n --newRedditTheme-postLine: var(--surface1Transparent) !important;\n --newRedditTheme-postLineShaded80: var(--surface1Transparent) !important;\n --newRedditTheme-postLineShaded90: var(--surface1Transparent) !important;\n --newRedditTheme-postTinted20: var(--base) !important;\n --newRedditTheme-postTransparent20: var(--mist) !important;\n --newRedditTheme-primaryButtonShadedEighty: var(--surface1) !important;\n --newRedditTheme-primaryButtonTintedEighty: var(--surface2) !important;\n --newRedditTheme-primaryButtonTintedFifty: var(--surface1) !important;\n --newRedditTheme-primaryButtonTintedSixty: var(--surface1) !important;\n --newRedditTheme-quarantine: var(--yellow) !important;\n --newRedditTheme-report: var(--base) !important;\n --newRedditTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n --newRedditTheme-search-syntaxHighlightColor: var(--base) !important;\n --newRedditTheme-titleText: var(--text) !important;\n --newRedditTheme-upsell-appleIcon: var(--overlay0) !important;\n --newRedditTheme-upsell-ssoButtonBorderColor: var(--text) !important;\n --newRedditTheme-upsell-ssoButtonTextColor: var(--text) !important;\n --newRedditTheme-voteText-base: var(--subtext1) !important;\n --newRedditTheme-voteText-downvote: var(--blue) !important;\n --newRedditTheme-voteText-downvoteShaded80: var(--blue) !important;\n --newRedditTheme-voteText-downvoteTinted80: var(--blue) !important;\n --newRedditTheme-voteText-upvote: var(--red) !important;\n --newRedditTheme-voteText-upvoteShaded80: var(--red) !important;\n --newRedditTheme-voteText-upvoteTinted80: var(--red) !important;\n --newRedditTheme-widgetColors-appleIcon: var(--overlay0) !important;\n --newRedditTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mist) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n --tw-bg-opacity: var(--crust) !important;\n --vds-video-bg-color: var(--crust) !important;\n }\n \n /* reddit chat variables */\n :root {\n --activity-button-chatFilterColor: var(--surface0) !important;\n --activity-button-newChatFilter-activeBg: var(--accent) !important;\n --activity-button-newChatFilter-activeText: var(--base) !important;\n --activity-button-newChatFilter-defaultBorder: var(--surface1) !important;\n --activity-button-newChatFilter-defaultText: var(--text) !important;\n --activity-button-primary: var(--accent) !important;\n --activity-button-secondary: var(--text) !important;\n --activity-buttonPrimary-color: var(--accent) !important;\n --activity-buttonSecondary-active: var(--accent) !important;\n --activity-checkbox-checked: var(--accent) !important;\n --activity-checkbox-checkmark: var(--text) !important;\n --activity-checkbox-unchecked: var(--base) !important;\n --activity-checkbox-uncheckedBorder: var(--surface1) !important;\n --activity-icon-active: var(--accent) !important;\n --activity-icon-contrast: var(--surface1) !important;\n --activity-icon-default: var(--subtext0) !important;\n --activity-icon-disable: var(--surface2) !important;\n --activity-icon-hover: var(--surface2) !important;\n --activity-icon-nsfw-bg: var(--base) !important;\n --activity-icon-nsfw-text: var(--text) !important;\n --activity-icon-subIcon-backgroundColor: var(--text) !important;\n --activity-icon-toaster: var(--crust) !important;\n --activity-input-background: var(--mist) !important;\n --activity-input-border: var(--surface1) !important;\n --activity-input-channelRename: var(--subtext0) !important;\n --activity-input-color: var(--subtext1) !important;\n --activity-input-error: var(--red) !important;\n --activity-input-focusBg: var(--green) !important;\n --activity-input-focusColor: var(--text) !important;\n --activity-input-ownerBg: var(--surface0) !important;\n --activity-link-hoverText: var(--red) !important;\n --activity-link-staticText: var(--accent) !important;\n --activity-link-staticUnderline: var(--accent) !important;\n --activity-minimizedPortal-backgroundColor-unreadFinal: var(--mantle) !important;\n --activity-minimizedPortal-backgroundColor-unreadInitial: var(--accent) !important;\n --activity-minimizedPortal-color-unreadFinal: var(--text) !important;\n --activity-minimizedPortal-color-unreadInitial: var(--text) !important;\n --activity-send-disable: var(--surface0) !important;\n --activity-send-hover: var(--accent) !important;\n --activity-text-active: var(--accent) !important;\n --activity-text-fade: var(--subtext0) !important;\n --activity-text-highlight: var(--text) !important;\n --activity-text-light: var(--subtext0) !important;\n --activity-text-meta: var(--subtext0) !important;\n --activity-text-regular: var(--text) !important;\n --activity-text-success: var(--green) !important;\n --activity-text-tutorial: var(--rosewater) !important;\n --activity-text-warning: var(--red) !important;\n --addReaction-backgroundColor: var(--surface0) !important;\n --addReaction-iconFill: var(--surface1) !important;\n --boxShadow: var(--mist) !important;\n --bubble-border: var(--surface1Transparent) !important;\n --bubble-channelsFilter-background: var(--crust) !important;\n --bubble-channelsFilter-selected: var(--overlay0) !important;\n --bubble-color: var(--text) !important;\n --bubble-link-color: var(--accent) !important;\n --bubbleActions-hover: var(--surface0) !important;\n --editName: var(--surface1) !important;\n --layout-body: var(--mantle) !important;\n --layout-colsBorder: var(--surface1Transparent) !important;\n --layout-controlsBorder: var(--surface1Transparent) !important;\n --layout-dropdown-border: var(--surface1Transparent) !important;\n --layout-header-counterBg: var(--red) !important;\n --layout-header-counterText: var(--text) !important;\n --layout-overlayBackground: var(--mist) !important;\n --layout-overlayReportFlow: var(--mist) !important;\n --layout-scrollbar: var(--text) !important;\n --layout-scrollbarHover: var(--accent) !important;\n --layout-timeStamp-tooltip-background: var(--surface0) !important;\n --message-list-item-button: var(--surface1) !important;\n --message-list-item-onlineIndicator: var(--green) !important;\n --message-list-item-ownerBg: var(--surface1) !important;\n --message-list-item-richItem: var(--overlay0) !important;\n --message-list-item-richItemBorder: var(--surface1Transparent) !important;\n --message-list-item-white: var(--text) !important;\n --modal-buttonsBackground: var(--text) !important;\n --modal-primaryButtonWarning: var(--red) !important;\n --modal-secondaryButton: var(--text) !important;\n --newChat-inviteLink-borderColor: var(--surface1Transparent) !important;\n --overlay-backgroundColor: var(--mantle) !important;\n --overlay-headerColor: var(--text) !important;\n --overlay-inputBackground: var(--crust) !important;\n --overlay-searchBarBackground: var(--mantle) !important;\n --prompt-tooltip-background: var(--accent) !important;\n --searchBar-backgroundColor: var(--mantle) !important;\n --settings-color: var(--subtext0) !important;\n --settings-dropdownItemHoverBackground: var(--crust) !important;\n --settings-panelBackground: var(--crust) !important;\n --settings-panelItemHoverBackground: var(--surface0) !important;\n --settings-panelItemSelectedBackground: var(--surface1) !important;\n --sidebar-background: var(--surface1Transparent) !important;\n --sidebar-basic-background-active: var(--accent) !important;\n --sidebar-basic-background-hover: var(--mantle) !important;\n --sidebar-footer-background: var(--crust) !important;\n --sidebar-item-active: var(--surface1) !important;\n --sidebar-item-hover: var(--surface0) !important;\n --sidebar-item-selected: var(--surface2) !important;\n --sidebar-item-text-active: var(--text) !important;\n --sidebar-subreddit-background-active: var(--accent) !important;\n --sidebar-subreddit-background-hover: var(--surface1) !important;\n --sidebar-text-divider: var(--surface1) !important;\n --skeleton-field: var(--surface2) !important;\n --skeleton-inactive: var(--surface0) !important;\n --subreddit-iconBg: var(--accent) !important;\n --toast-error: var(--red) !important;\n --toast-pending: var(--crust) !important;\n --toast-success: var(--green) !important;\n --uploads-progress-background: var(--subtext0) !important;\n --uploads-progress-bar: var(--accent) !important;\n --videoModal-button-background: var(--text) !important;\n --videoModal-button-color: var(--mantle) !important;\n }\n \n ::placeholder {\n color: var(--subtext0) !important;\n }\n \n /* site background */\n div.ListingLayout-backgroundContainer::before {\n background: var(--base) !important;\n }\n \n \n /* PROFILE MENU */\n \n \n /* karma count */\n span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span {\n color: var(--subtext0) !important;\n }\n\n /* profile button karma icon */\n i.icon-karma_fill {\n color: var(--red) !important;\n }\n\n /* menu headers */\n div[role=menu] > div > div > span > span {\n color: var(--subtext0) !important;\n }\n\n /* switches, should also apply sitewide */\n button[role=switch][aria-checked=false] {\n background: var(--surface0) !important;\n }\n\n button[role=switch] > div {\n background: var(--text) !important;\n }\n\n /* online status */\n ._2dn5Ncenn0BSD4tCSmxQhA {\n fill: var(--green) !important;\n }\n\n ._3SlBAJb2MbUHwgBZFH8eL7 {\n fill: var(--base) !important;\n }\n\n\n /* PROFILE PAGE */\n\n\n /* create avatar button */\n button._3F1tNW0P4Ff182mO_CefIg {\n background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n color: var(--base) !important;\n }\n\n button._3F1tNW0P4Ff182mO_CefIg > i {\n color: var(--base) !important;\n }\n\n /* cake day and followers icon */\n i.icon-cake_fill, i.icon-user_fill {\n color: var(--accent) !important;\n }\n\n /* add social links button readability tweak */\n div._3hew1NnzwygOKDNQDKp6R4, div._3hew1NnzwygOKDNQDKp6R4 > i, li._3hew1NnzwygOKDNQDKp6R4 {\n color: var(--base) !important\n }\n\n /* profile moderation and user settings page */\n div._1VP69d9lk-Wk9zokOaylL {\n --background: var(--base) !important;\n --canvas: var(--base) !important;\n }\n\n /* Beta Badge */ \n span._2KFJx8Dhh1o1u0Xb8e7NuD {\n color: var(--accent) !important;\n }\n\n /* Delete Account */\n button.EBd2MhBQlQeZ13YeP0K8a {\n color: var(--accent) !important;\n }\n\n /* Delete Account Icon */\n svg._1Fa4RPHlhrfUZuNaXK2-eP > path {\n fill: var(--accent) !important;\n }\n\n /* blocked, muted input */\n input._1Vnaj3fBuYrmHKEPQD_zWW {\n background-color: var(--base) !important;\n }\n \n /* fixes profile posts not being themed */\n div.scrollerItem > div, div[data-testid=post-container], div[style=\"background:#1A1A1B\"], div._2otRz3OtuWajw1RleFDJ5P {\n background: var(--mantle) !important;\n }\n\n\n /* NFT AVATAR VIEWER */\n\n\n /* modal background */\n div._productDetails_7kbcu_53 {\n background: var(--mantle) !important;\n color: var(--text) !important;\n }\n\n /* mint status */\n div._mintStatus_7kbcu_264 {\n color: var(--accent) !important;\n }\n\n /* carousel background */\n div._carousel_7kbcu_45 {\n background: linear-gradient(243.37deg, var(--base) 16.42%, var(--blue) 100%);\n }\n\n /* nft card back */\n div._card_1ooes_1 {\n background: var(--blue) !important;\n }\n\n ol._container_1t62i_1 {\n border-color: var(--base) !important;\n }\n\n ol._container_1t62i_1 > li {\n border-color: var(--base) !important;\n }\n\n ol._container_1t62i_1 > li > div {\n color: var(--base) !important;\n }\n\n div.MuiMobileStepper-dot {\n background: var(--surface0) !important;\n }\n\n div.MuiMobileStepper-dotActive {\n background: var(--accent) !important;\n }\n\n div._scrollContainer_7kbcu_104 > div > h3, div._cardAuthor_7kbcu_79 {\n color: var(--subtext0) !important\n }\n\n div._container_oikih_1 {\n background: var(--crust) !important;\n border-color: var(--surface1) !important;\n }\n\n /* external links */\n a._pill_7kbcu_280 {\n background: var(--crust) !important;\n color: var(--text) !important;\n }\n\n /* shop for avatars button */\n button._shopForMoreButton_7kbcu_125 {\n background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n color: var(--base) !important;\n }\n\n\n /* AVATAR CREATOR */\n div._wrapper_1upjl_7 {\n background: var(--base) !important;\n color: var(--text) !important;\n }\n\n\n /* SITE HEADER*/\n\n \n /* reddit logo */\n a[aria-label=Home] > svg > g > circle {\n fill: var(--accent) !important;\n }\n\n a[aria-label=Home] > svg:first-child > g > path {\n fill: var(--base) !important;\n }\n\n a[aria-label=Home] > svg:nth-child(2) > g > path {\n fill: var(--text) !important;\n }\n \n /* notification icon */\n button[aria-label=\"Open notifications inbox\"] > div > span {\n background: var(--accent) !important;\n color: var(--mantle) !important;\n }\n\n /* advertise button */\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a {\n background: var(--surface0) !important;\n color: var(--text) !important;\n }\n\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i {\n color: var(--text) !important;\n }\n\n /* reddit now notification */\n a[href=\"/now\"] > div {\n background: var(--accent) !important;\n }\n\n /* search scope pill text */\n div[data-testid=\"search-scope-pill-text\"] {\n color: var(--text) !important;\n }\n\n /* search popup title */\n div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"] {\n --posttitletextcolor: var(--text) !important;\n }\n\n /* safe search toggle */\n button#safe-search-toggle[aria-checked=true] {\n background: var(--accent) !important;\n }\n\n\n /* NAVIGATION SIDEBAR */\n\n\n /* close icon */\n i.icon-close {\n color: var(--subtext0) !important;\n }\n\n /* item color */\n a[role=menuitem] {\n color: var(--text) !important;\n }\n\n /* navigation sidebar header color */\n div[role=menu] > div[role=heading] {\n color: var(--subtext0) !important;\n }\n\n a[role=menuitem]:hover {\n background: var(--surface0) !important;\n }\n\n /* favorites */\n i.icon-star_fill {\n color: var(--accent) !important;\n }\n\n i.icon-star {\n color: var(--subtext0) !important;\n }\n\n\n /* RIGHT FRONTPAGE SIDEBAR */\n\n\n /* reddit premium icon */\n i.icon-premium_fill {\n color: var(--accent) !important;\n }\n\n /* reddit premium try now button */\n button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {\n background: var(--accent) !important;\n color: var(--base) !important;\n }\n\n /* recent posts thumbnail borders */\n div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div {\n border-color: var(--subtext0) !important;\n }\n\n\n /* POSTS */\n\n\n /* post background for card style */\n div[data-adclicklocation=background] {\n background: var(--base) !important;\n }\n\n /* post options (save, comment, etc.) */\n div._3-miAEojrCvx_4FQ8x3P-s, i.icon-comment, i.icon-share, i.icon-save, i.icon-expand, i.icon-collapse, i.icon-text_post, i.icon-image_post, i.icon-media_gallery, i.icon-video_post, i.icon-gif_post, i.icon-embed, i.icon-external_link, i.icon-poll_post {\n color: var(--subtext0) !important;\n }\n\n /* post title color */\n div[data-adclicklocation=title] > div > a > div > h3, div[data-adclicklocation=title] > div:first-child > div:first-child > h1:first-child {\n color: var(--text) !important;\n }\n\n /* \n * post op color and\n * post date color\n */\n div[data-adclicklocation=top_bar] > span, a[data-testid=post_author_link] {\n color: var(--subtext0) !important;\n }\n\n /* nsfw flair */\n span._1wzhGvvafQFOWAyA157okr {\n border-color: var(--red) !important;\n color: var(--red) !important;\n }\n\n /* pinned post icon */\n i.icon-pin_fill {\n color: var(--green) !important;\n }\n\n /* give award icon */\n i.icon-award {\n color: var(--subtext0) !important;\n }\n\n /* locked post icon */\n i.icon-archived_fill, i.icon-lock_fill {\n color: var(--yellow) !important;\n }\n\n /* post button divider */\n div[data-click-id=body] > div:nth-child(3) > div:nth-child(3) { \n border-color: var(--surface1) !important;\n }\n\n\n /* UPVOTES/DOWNVOTES */\n\n\n /* upvote/downvote background */\n div.Post, div[data-click-id=media] {\n background: var(--mantle) !important;\n fill: var(--mantle) !important;\n }\n\n /* inactive vote text color */\n div[id^=vote-arrows] > div {\n color: var(--subtext0) !important;\n }\n\n /* active upvote color */\n i.icon-upvote_fill {\n color: var(--red) !important;\n }\n\n button[aria-label=upvote][aria-pressed=false] > span:hover > i {\n color: var(--red) !important;\n }\n\n /* active upvote text color */\n button[aria-label=upvote][aria-pressed=true] ~ div {\n color: var(--red) !important;\n }\n\n /* hover background for both upvotes and downvotes */\n button[aria-label=upvote][aria-label=downvote] > span:hover {\n background: var(--surface0) !important;\n }\n\n /* active downvote color */\n .icon-downvote_fill {\n color: var(--blue) !important;\n }\n\n /* active downvote text color */\n button[aria-label=downvote][aria-pressed=true] ~ div {\n color: var(--blue) !important;\n }\n\n button[aria-label=downvote][aria-pressed=false] > span:hover > i {\n color: var(--blue) !important;\n }\n\n\n /* REPORT MODAL */\n\n\n a.o1ov2mzLxTFAFP-O4Uv8I {\n color: var(--accent) !important;\n }\n\n button._1lDGFVGU9k2mi-4kjU95Rp {\n color: var(--base) !important;\n }\n\n\n /* SUBREDDIT PAGES */\n\n\n a[role=button][target=\"_blank\"] {\n background: var(--text) !important;\n color: var(--base) !important;\n }\n\n /* radio buttons (flair selector, etc.) */\n div[role=radio]:hover, div[role=radio]:focus {\n background: var(--accent) !important;\n }\n \n div[role=radio] > svg, div[role=radio] > svg:active {\n fill: var(--text) !important;\n }\n \n /* checkboxes */\n button[role=checkbox] {\n fill: var(--accent) !important;\n }\n \n \n /* SUBREDDIT RIGHT SIDEBAR (some styles carry over from the homepage right sidebar section) */\n \n \n /* header background */\n ._ZhON3a3vplThB8NFwuJn {\n background: var(--crust) !important;\n color: var(--text) !important;\n }\n \n /* subreddit image background */\n img[alt=\"Subreddit Icon\"][role=\"presentation\"] {\n background: var(--accent) !important;\n }\n \n /* default subreddit icon */\n i.icon-community_fill {\n color: var(--accent) !important;\n }\n \n /* online users */\n div._21RLQh5PvUhC6vOKoFeHUP:before {\n color: var(--green) !important;\n }\n \n \n /* POST VIEWER */\n \n \n /* spoiler tags */\n ._2v4IIjPhKL0PDaWaWtjJ1E {\n background: var(--surface0) !important;\n }\n \n /* mod comment tag */\n span[id^=CommentTopMeta--Mod] {\n color: var(--green) !important;\n }\n \n /* op comment tag */\n span[id^=CommentTopMeta--OP] {\n color: var(--blue) !important;\n }\n \n /* post overlay if you have \"open in new tab\" disabled */\n div#overlayScrollContainer > div {\n background: var(--crust) !important;\n }\n \n /* fixes comment section background not working when \"open in new tab is disabled\" */\n div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {\n background: var(--mantle) !important;\n }\n \n /* shade applied to background when clicking on a post with \"open in new tab\" disabled */\n div._2DJXORCrmcNpPTSq0LqL6i, div._1DK52RbaamLOWw5UPaht_S {\n background: var(--mist) !important;\n }\n \n /* gold award gradient */\n div.TmlaIdEplCzZ0F1aRGYQh[role=presentation] {\n background: linear-gradient(188deg, #f9e2af1f 1.7%, #f9e2af00 46%, rgba(0, 0, 0, 0)) !important;\n }\n \n /* image gallery next/previous buttons */\n a[title=Next] > i, a[title=Previous] > i {\n background: var(--surface0) !important;\n }\n \n /* image gallery image count */\n div._61i6grM3um1yuw4GrN97P {\n background: var(--mist) !important;\n color: var(--text) !important;\n }\n\n /* comment search bar */\n input#comment_search-bar {\n background: var(--base) !important;\n }\n \n /* tab bar below banner */\n ._1gVVmSnHZpkUgVShsn7-ua {\n background: var(--mantle) !important;\n }\n \n /* MULTIREDDITS/CUSTOM FEEDS */\n \n \n /* delete custom feed button */\n .bX6SqXfzfxpv4GQbuIYVZ {\n color: var(--red) !important;\n }\n \n \n /* TOOLTIPS */\n \n \n div.HQ2VJViRjokXpRbJzPvvc {\n background: var(--mantle) !important;\n color: var(--text) !important;\n }\n \n div.HQ2VJViRjokXpRbJzPvvc::after {\n border-top-color: var(--mantle) !important;\n }\n}\n",
"usercssData": {
"name": "Reddit Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/reddit",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/reddit",
- "version": "1.1.1",
+ "version": "1.1.2",
"description": "Soothing pastel theme for Reddit.",
"author": "jayylmao",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css",
@@ -2078,12 +2078,12 @@
"author": "jayylmao",
"description": "Soothing pastel theme for Reddit.",
"name": "Reddit Catppuccin",
- "originalDigest": "665961ec127be984f628308b0afddb9914b35323",
+ "originalDigest": "dde77c811b5954d7563e967fee82dd18e578fb99",
"_id": "6a5b44ca-c395-44a4-8e9f-f54309f309e1",
- "_rev": 1694812172474,
+ "_rev": 1697278455028,
"id": 44,
- "etag": "W/\"fcf77a88fcc9ca68d3d95da29f46e5499bb57481aff77ae3efba50b32d0f65c2\"",
- "updateDate": 1694812172421
+ "etag": "W/\"0d283229218ffcb79cd83d03bafedf208343f9f76a153ec0c777dc962aa01301\"",
+ "updateDate": 1697278454980
},
{
"enabled": true,
@@ -2371,7 +2371,7 @@
"name": "Brave Search Catppuccin",
"originalDigest": "4f10a97c7712db8f06f3fd19dbe2e63f5783332c",
"_id": "8d7c5abd-49c7-4900-a70b-e3c3a2c82fcb",
- "_rev": 1695978148753,
+ "_rev": 1698793931795,
"id": 47,
"etag": "W/\"53aa61cd589e4c7629d6c7e6cc66c5f3cc85c47359f5f6e3274f38b4887d18c9\"",
"updateDate": 1695978148719
@@ -2871,27 +2871,28 @@
"installDate": 1690106137364,
"sections": [
{
- "code": "/* ==UserStyle==\n@name Mastodon Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/mastodon\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon\n@version 1.1.10\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
+ "code": "/* ==UserStyle==\n@name Mastodon Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/mastodon\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon\n@version 1.1.12\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
"start": 0
},
{
- "code": ".theme-mastodon-light,\n .skin-mastodon-light,\n .theme-mastodon-light .tabs-bar__wrapper,\n .skin-mastodon-light .tabs-bar__wrapper,\n .theme-mastodon-light .admin-wrapper .sidebar-wrapper__inner,\n .skin-mastodon-light .admin-wrapper .sidebar-wrapper__inner,\n .theme-mastodon-light .ui__header,\n .skin-mastodon-light .ui__header {\n background: #181926;\n color: #cad3f5;\n }\n .theme-mastodon-light .ui__header,\n .skin-mastodon-light .ui__header {\n border-bottom: none;\n }\n .theme-mastodon-light .navigation-panel,\n .skin-mastodon-light .navigation-panel,\n .theme-mastodon-light .column-link,\n .skin-mastodon-light .column-link {\n background: transparent;\n }\n .theme-mastodon-light .account__header__bio .account__header__fields dt,\n .skin-mastodon-light .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n .theme-mastodon-light .search-popout,\n .skin-mastodon-light .search-popout,\n .theme-mastodon-light .search-popout em,\n .skin-mastodon-light .search-popout em,\n .theme-mastodon-light .dismissable-banner__message,\n .skin-mastodon-light .dismissable-banner__message,\n .theme-mastodon-light .dismissable-banner__message h1,\n .skin-mastodon-light .dismissable-banner__message h1,\n .theme-mastodon-light .account__header__bio .account__header__fields dt,\n .skin-mastodon-light .account__header__bio .account__header__fields dt,\n .theme-mastodon-light .account__section-headline a.active,\n .skin-mastodon-light .account__section-headline a.active,\n .theme-mastodon-light .account__section-headline button.active,\n .skin-mastodon-light .account__section-headline button.active,\n .theme-mastodon-light .notification__filter-bar a.active,\n .skin-mastodon-light .notification__filter-bar a.active,\n .theme-mastodon-light .notification__filter-bar button.active,\n .skin-mastodon-light .notification__filter-bar button.active,\n .theme-mastodon-light .account__header__bio .account__header__content,\n .skin-mastodon-light .account__header__bio .account__header__content,\n .theme-mastodon-light .navigation-bar,\n .skin-mastodon-light .navigation-bar,\n .theme-mastodon-light .column-link__badge,\n .skin-mastodon-light .column-link__badge,\n .theme-mastodon-light .column-subheading,\n .skin-mastodon-light .column-subheading,\n .theme-mastodon-light .account__display-name strong,\n .skin-mastodon-light .account__display-name strong,\n .theme-mastodon-light .status__display-name strong,\n .skin-mastodon-light .status__display-name strong,\n .theme-mastodon-light .notification__message,\n .skin-mastodon-light .notification__message,\n .theme-mastodon-light .public-layout .public-account-bio .account__header__content,\n .skin-mastodon-light .public-layout .public-account-bio .account__header__content,\n .theme-mastodon-light .reply-indicator__content,\n .skin-mastodon-light .reply-indicator__content,\n .theme-mastodon-light .status__content,\n .skin-mastodon-light .status__content,\n .theme-mastodon-light .card__bar .display-name strong,\n .skin-mastodon-light .card__bar .display-name strong {\n color: #cad3f5;\n }\n .theme-mastodon-light .search-popout span,\n .skin-mastodon-light .search-popout span,\n .theme-mastodon-light .link-footer p,\n .skin-mastodon-light .link-footer p,\n .theme-mastodon-light .link-footer p a,\n .skin-mastodon-light .link-footer p a {\n color: #b8c0e0;\n }\n .theme-mastodon-light .account__header__tabs__name h1 small,\n .skin-mastodon-light .account__header__tabs__name h1 small,\n .theme-mastodon-light .account__header__bio .account__header__fields dd,\n .skin-mastodon-light .account__header__bio .account__header__fields dd,\n .theme-mastodon-light .display-name__account,\n .skin-mastodon-light .display-name__account,\n .theme-mastodon-light .status__relative-time,\n .skin-mastodon-light .status__relative-time,\n .theme-mastodon-light .empty-column-indicator,\n .skin-mastodon-light .empty-column-indicator,\n .theme-mastodon-light .follow_requests-unlocked_explanation,\n .skin-mastodon-light .follow_requests-unlocked_explanation,\n .theme-mastodon-light .account .account__display-name,\n .skin-mastodon-light .account .account__display-name,\n .theme-mastodon-light .label_input .search__input,\n .skin-mastodon-light .label_input .search__input,\n .theme-mastodon-light .search__input:focus,\n .skin-mastodon-light .search__input:focus,\n .theme-mastodon-light .account__header__fields dt,\n .skin-mastodon-light .account__header__fields dt {\n color: #a5adcb;\n }\n .theme-mastodon-light .compose-panel hr,\n .skin-mastodon-light .compose-panel hr,\n .theme-mastodon-light .navigation-panel hr,\n .skin-mastodon-light .navigation-panel hr {\n border-top-color: #a5adcb;\n }\n .theme-mastodon-light .trends__item,\n .skin-mastodon-light .trends__item,\n .theme-mastodon-light .status,\n .skin-mastodon-light .status,\n .theme-mastodon-light .getting-started__trends h4,\n .skin-mastodon-light .getting-started__trends h4,\n .theme-mastodon-light .trends__item__name span,\n .skin-mastodon-light .trends__item__name span,\n .theme-mastodon-light .story,\n .skin-mastodon-light .story {\n border-color: #363a4f;\n }\n .theme-mastodon-light .mention,\n .skin-mastodon-light .mention,\n .theme-mastodon-light .account__header__tabs__name h1,\n .skin-mastodon-light .account__header__tabs__name h1,\n .theme-mastodon-light .account__header__content a,\n .skin-mastodon-light .account__header__content a,\n .theme-mastodon-light .account__header__bio .account__header__fields a,\n .skin-mastodon-light .account__header__bio .account__header__fields a,\n .theme-mastodon-light .empty-column-indicator a,\n .skin-mastodon-light .empty-column-indicator a,\n .theme-mastodon-light .follow_requests-unlocked_explanation a,\n .skin-mastodon-light .follow_requests-unlocked_explanation a,\n .theme-mastodon-light .column-back-button,\n .skin-mastodon-light .column-back-button,\n .theme-mastodon-light .icon-button.inverted,\n .skin-mastodon-light .icon-button.inverted,\n .theme-mastodon-light .text-icon-button,\n .skin-mastodon-light .text-icon-button,\n .theme-mastodon-light .icon-button.active,\n .skin-mastodon-light .icon-button.active,\n .theme-mastodon-light .public-layout .public-account-bio .account__header__fields a,\n .skin-mastodon-light .public-layout .public-account-bio .account__header__fields a,\n .theme-mastodon-light .column-header__back-button,\n .skin-mastodon-light .column-header__back-button,\n .theme-mastodon-light .navigation-bar strong,\n .skin-mastodon-light .navigation-bar strong,\n .theme-mastodon-light .reply-indicator__content a.unhandled-link,\n .skin-mastodon-light .reply-indicator__content a.unhandled-link,\n .theme-mastodon-light .status__content a.unhandled-link,\n .skin-mastodon-light .status__content a.unhandled-link,\n .theme-mastodon-light .announcements__item__content a.unhandled-link,\n .skin-mastodon-light .announcements__item__content a.unhandled-link,\n .theme-mastodon-light .reactions-bar__item.active .reactions-bar__item__count,\n .skin-mastodon-light .reactions-bar__item.active .reactions-bar__item__count,\n .theme-mastodon-light .column-header.active .column-header__icon,\n .skin-mastodon-light .column-header.active .column-header__icon {\n color: #b7bdf8;\n }\n .theme-mastodon-light .conversation__unread,\n .skin-mastodon-light .conversation__unread,\n .theme-mastodon-light .react-toggle--checked .react-toggle-track,\n .skin-mastodon-light .react-toggle--checked .react-toggle-track,\n .theme-mastodon-light .react-toggle--checked:hover .react-toggle-track,\n .skin-mastodon-light .react-toggle--checked:hover .react-toggle-track,\n .theme-mastodon-light .pillbar-button:not([disabled]).active,\n .skin-mastodon-light .pillbar-button:not([disabled]).active,\n .theme-mastodon-light .pillbar-button:not([disabled]).active:focus,\n .skin-mastodon-light .pillbar-button:not([disabled]).active:focus,\n .theme-mastodon-light .pillbar-button:not([disabled]).active:hover,\n .skin-mastodon-light .pillbar-button:not([disabled]).active:hover,\n .theme-mastodon-light .radio-button__input.checked,\n .skin-mastodon-light .radio-button__input.checked {\n background-color: #b7bdf8;\n }\n .theme-mastodon-light .reactions-bar__item.active,\n .skin-mastodon-light .reactions-bar__item.active {\n background-color: rgba(183, 189, 248, 0.25);\n }\n .theme-mastodon-light .trends__item__sparkline path:last-child,\n .skin-mastodon-light .trends__item__sparkline path:last-child {\n stroke: #b7bdf8 !important;\n }\n .theme-mastodon-light .trends__item__sparkline path:first-child,\n .skin-mastodon-light .trends__item__sparkline path:first-child {\n fill: rgba(183, 189, 248, 0.25) !important;\n }\n .theme-mastodon-light .icon-button,\n .skin-mastodon-light .icon-button,\n .theme-mastodon-light .notification__message .fa,\n .skin-mastodon-light .notification__message .fa {\n color: #5b6078;\n }\n .theme-mastodon-light .icon-button:active,\n .skin-mastodon-light .icon-button:active,\n .theme-mastodon-light .icon-button:focus,\n .skin-mastodon-light .icon-button:focus,\n .theme-mastodon-light .icon-button:hover,\n .skin-mastodon-light .icon-button:hover,\n .theme-mastodon-light .text-icon-button:active,\n .skin-mastodon-light .text-icon-button:active,\n .theme-mastodon-light .text-icon-button:focus,\n .skin-mastodon-light .text-icon-button:focus,\n .theme-mastodon-light .text-icon-button:hover,\n .skin-mastodon-light .text-icon-button:hover,\n .theme-mastodon-light .icon-button.inverted:active,\n .skin-mastodon-light .icon-button.inverted:active,\n .theme-mastodon-light .icon-button.inverted:focus,\n .skin-mastodon-light .icon-button.inverted:focus,\n .theme-mastodon-light .icon-button.inverted:hover,\n .skin-mastodon-light .icon-button.inverted:hover,\n .theme-mastodon-light .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-mastodon-light .public-layout .public-account-bio .account__header__fields a:hover {\n color: #b7bdf8;\n }\n .theme-mastodon-light .column-header,\n .skin-mastodon-light .column-header,\n .theme-mastodon-light .column-header__button,\n .skin-mastodon-light .column-header__button,\n .theme-mastodon-light .column-header__back-button,\n .skin-mastodon-light .column-header__back-button,\n .theme-mastodon-light .column-back-button,\n .skin-mastodon-light .column-back-button,\n .theme-mastodon-light .drawer__header,\n .skin-mastodon-light .drawer__header,\n .theme-mastodon-light .notification__filter-bar,\n .skin-mastodon-light .notification__filter-bar,\n .theme-mastodon-light .account__section-headline button,\n .skin-mastodon-light .account__section-headline button,\n .theme-mastodon-light .notification__filter-bar button,\n .skin-mastodon-light .notification__filter-bar button,\n .theme-mastodon-light .account__header,\n .skin-mastodon-light .account__header,\n .theme-mastodon-light .search__input,\n .skin-mastodon-light .search__input,\n .theme-mastodon-light .search__input:focus,\n .skin-mastodon-light .search__input:focus,\n .theme-mastodon-light .column-link__badge,\n .skin-mastodon-light .column-link__badge,\n .theme-mastodon-light .column-subheading,\n .skin-mastodon-light .column-subheading,\n .theme-mastodon-light .public-layout .header,\n .skin-mastodon-light .public-layout .header,\n .theme-mastodon-light .public-layout .public-account-header__bar::before,\n .skin-mastodon-light .public-layout .public-account-header__bar::before,\n .theme-mastodon-light .account__header__fields,\n .skin-mastodon-light .account__header__fields,\n .theme-mastodon-light .account__header__fields dt,\n .skin-mastodon-light .account__header__fields dt,\n .theme-mastodon-light .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-mastodon-light .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .theme-mastodon-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-mastodon-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .theme-mastodon-light .explore__search-header,\n .skin-mastodon-light .explore__search-header,\n .theme-mastodon-light .column-inline-form,\n .skin-mastodon-light .column-inline-form,\n .theme-mastodon-light .follow_requests-unlocked_explanation,\n .skin-mastodon-light .follow_requests-unlocked_explanation,\n .theme-mastodon-light .conversation--unread,\n .skin-mastodon-light .conversation--unread,\n .theme-mastodon-light .column-header__collapsible-inner,\n .skin-mastodon-light .column-header__collapsible-inner,\n .theme-mastodon-light .announcements,\n .skin-mastodon-light .announcements,\n .theme-mastodon-light .status-card__image,\n .skin-mastodon-light .status-card__image {\n border-color: #181926;\n background: #363a4f;\n }\n .theme-mastodon-light .account__section-headline,\n .skin-mastodon-light .account__section-headline {\n background: #1e2030;\n border-color: #181926;\n }\n .theme-mastodon-light .focusable:focus,\n .skin-mastodon-light .focusable:focus {\n background: unset;\n }\n .theme-mastodon-light .admin-wrapper .sidebar ul a:hover,\n .skin-mastodon-light .admin-wrapper .sidebar ul a:hover,\n .theme-mastodon-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-mastodon-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .theme-mastodon-light .detailed-status,\n .skin-mastodon-light .detailed-status,\n .theme-mastodon-light .detailed-status__action-bar,\n .skin-mastodon-light .detailed-status__action-bar {\n background: #363a4f;\n }\n .theme-mastodon-light .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-mastodon-light .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n .theme-mastodon-light .dismissable-banner,\n .skin-mastodon-light .dismissable-banner {\n border-color: #494d64;\n background: #24273a;\n }\n .theme-mastodon-light .column-header__wrapper.active,\n .skin-mastodon-light .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(183, 189, 248, 0.3);\n }\n .theme-mastodon-light .column-header__wrapper.active::before,\n .skin-mastodon-light .column-header__wrapper.active::before {\n background: radial-gradient(ellipse, rgba(183, 189, 248, 0.23) 0, rgba(99, 100, 255, 0) 60%);\n }\n .theme-mastodon-light .theme-mastodon-light .account__header__bar,\n .skin-mastodon-light .theme-mastodon-light .account__header__bar,\n .theme-mastodon-light .theme-mastodon-light .column-header__back-button,\n .skin-mastodon-light .theme-mastodon-light .column-header__back-button,\n .theme-mastodon-light .account__header__bio .account__header__fields dl,\n .skin-mastodon-light .account__header__bio .account__header__fields dl,\n .theme-mastodon-light .account__header__bio .account__header__fields,\n .skin-mastodon-light .account__header__bio .account__header__fields,\n .theme-mastodon-light .empty-column-indicator,\n .skin-mastodon-light .empty-column-indicator,\n .theme-mastodon-light .column > .scrollable,\n .skin-mastodon-light .column > .scrollable,\n .theme-mastodon-light .nothing-here,\n .skin-mastodon-light .nothing-here,\n .theme-mastodon-light .public-layout .public-account-bio,\n .skin-mastodon-light .public-layout .public-account-bio,\n .theme-mastodon-light .hero-widget__text,\n .skin-mastodon-light .hero-widget__text,\n .theme-mastodon-light.admin,\n .skin-mastodon-light.admin,\n .theme-mastodon-light .admin-wrapper .sidebar ul a.selected,\n .skin-mastodon-light .admin-wrapper .sidebar ul a.selected,\n .theme-mastodon-light .admin-wrapper .sidebar ul ul,\n .skin-mastodon-light .admin-wrapper .sidebar ul ul {\n border-color: #1e2030;\n background: #24273a;\n }\n .theme-mastodon-light .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-mastodon-light .public-layout .public-account-header__tabs__tabs .counter::after,\n .theme-mastodon-light .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-mastodon-light .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .theme-mastodon-light .react-toggle--checked .react-toggle-thumb,\n .skin-mastodon-light .react-toggle--checked .react-toggle-thumb,\n .theme-mastodon-light .radio-button__input.checked,\n .skin-mastodon-light .radio-button__input.checked,\n .theme-mastodon-light .account__action-bar__tab.active,\n .skin-mastodon-light .account__action-bar__tab.active {\n border-color: #b7bdf8;\n }\n .theme-mastodon-light .account,\n .skin-mastodon-light .account,\n .theme-mastodon-light .load-gap,\n .skin-mastodon-light .load-gap {\n border-color: #1e2030;\n }\n .theme-mastodon-light .account__section-headline a.active::after,\n .skin-mastodon-light .account__section-headline a.active::after {\n border-color: transparent transparent #24273a;\n }\n .theme-mastodon-light .account__section-headline a.active::before,\n .skin-mastodon-light .account__section-headline a.active::before,\n .theme-mastodon-light .account__section-headline button.active::after,\n .skin-mastodon-light .account__section-headline button.active::after,\n .theme-mastodon-light .account__section-headline button.active::before,\n .skin-mastodon-light .account__section-headline button.active::before,\n .theme-mastodon-light .notification__filter-bar a.active::after,\n .skin-mastodon-light .notification__filter-bar a.active::after,\n .theme-mastodon-light .notification__filter-bar a.active::before,\n .skin-mastodon-light .notification__filter-bar a.active::before,\n .theme-mastodon-light .notification__filter-bar button.active::after,\n .skin-mastodon-light .notification__filter-bar button.active::after,\n .theme-mastodon-light .notification__filter-bar button.active::before,\n .skin-mastodon-light .notification__filter-bar button.active::before {\n border-color: transparent transparent #1e2030;\n }\n .theme-mastodon-light .search-popout,\n .skin-mastodon-light .search-popout,\n .theme-mastodon-light .drawer__header a:hover,\n .skin-mastodon-light .drawer__header a:hover,\n .theme-mastodon-light .column-header__button:hover,\n .skin-mastodon-light .column-header__button:hover,\n .theme-mastodon-light .account__section-headline button:hover,\n .skin-mastodon-light .account__section-headline button:hover,\n .theme-mastodon-light .notification__filter-bar button:hover,\n .skin-mastodon-light .notification__filter-bar button:hover,\n .theme-mastodon-light .account__section-headline a:hover,\n .skin-mastodon-light .account__section-headline a:hover {\n background: #5b6078;\n }\n .theme-mastodon-light .column-link .active,\n .skin-mastodon-light .column-link .active,\n .theme-mastodon-light .column-link--transparent.active,\n .skin-mastodon-light .column-link--transparent.active,\n .theme-mastodon-light .column-link--transparent:focus,\n .skin-mastodon-light .column-link--transparent:focus,\n .theme-mastodon-light .column-link:focus,\n .skin-mastodon-light .column-link:focus {\n color: #b7bdf8;\n }\n .theme-mastodon-light .column-link--transparent:hover,\n .skin-mastodon-light .column-link--transparent:hover,\n .theme-mastodon-light .column-link:hover,\n .skin-mastodon-light .column-link:hover {\n color: #b7bdf8;\n }\n .theme-mastodon-light .status.collapsed .status__content:after,\n .skin-mastodon-light .status.collapsed .status__content:after {\n background: linear-gradient(rgba(36, 39, 58, 0), #24273a);\n }\n .theme-mastodon-light .button.button-tertiary:focus,\n .skin-mastodon-light .button.button-tertiary:focus,\n .theme-mastodon-light .button.button-tertiary:hover,\n .skin-mastodon-light .button.button-tertiary:hover,\n .theme-mastodon-light .button.button-tertiary:active,\n .skin-mastodon-light .button.button-tertiary:active {\n color: #24273a;\n }\n .theme-mastodon-light .button.button-tertiary,\n .skin-mastodon-light .button.button-tertiary {\n border-color: #b7bdf8;\n }\n .theme-mastodon-light .button,\n .skin-mastodon-light .button,\n .theme-mastodon-light .button.button-tertiary,\n .skin-mastodon-light .button.button-tertiary,\n .theme-mastodon-light .button.logo-button,\n .skin-mastodon-light .button.logo-button,\n .theme-mastodon-light .icon-with-badge__badge,\n .skin-mastodon-light .icon-with-badge__badge {\n background: #b7bdf8;\n color: #24273a;\n }\n .theme-mastodon-light .button.logo-button svg,\n .skin-mastodon-light .button.logo-button svg {\n fill: currentColor;\n }\n .theme-mastodon-light .public-layout .header .nav-button,\n .skin-mastodon-light .public-layout .header .nav-button {\n background-color: #494d64;\n }\n .theme-mastodon-light .public-layout .header .nav-button:hover,\n .skin-mastodon-light .public-layout .header .nav-button:hover {\n background-color: #5b6078;\n }\n .theme-mastodon-light .button.button-secondary,\n .skin-mastodon-light .button.button-secondary {\n background-color: transparent;\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .theme-mastodon-light .button.button-secondary:active,\n .skin-mastodon-light .button.button-secondary:active,\n .theme-mastodon-light .button.button-secondary:focus,\n .skin-mastodon-light .button.button-secondary:focus,\n .theme-mastodon-light .button.button-secondary:hover,\n .skin-mastodon-light .button.button-secondary:hover {\n border-color: #b7bdf8;\n color: #24273a;\n transition: 0.2s;\n }\n .theme-mastodon-light .button:active,\n .skin-mastodon-light .button:active,\n .theme-mastodon-light .button:focus,\n .skin-mastodon-light .button:focus,\n .theme-mastodon-light .button:hover,\n .skin-mastodon-light .button:hover,\n .theme-mastodon-light .button.button-tertiary:active,\n .skin-mastodon-light .button.button-tertiary:active,\n .theme-mastodon-light .button.button-tertiary:focus,\n .skin-mastodon-light .button.button-tertiary:focus,\n .theme-mastodon-light .button.button-tertiary:hover,\n .skin-mastodon-light .button.button-tertiary:hover,\n .theme-mastodon-light .button.logo-button:active,\n .skin-mastodon-light .button.logo-button:active,\n .theme-mastodon-light .button.logo-button:focus,\n .skin-mastodon-light .button.logo-button:focus,\n .theme-mastodon-light .button.logo-button:hover,\n .skin-mastodon-light .button.logo-button:hover {\n background: #b7bdf8;\n }\n .theme-mastodon-light .drawer__inner,\n .skin-mastodon-light .drawer__inner,\n .theme-mastodon-light .drawer__inner__mastodon,\n .skin-mastodon-light .drawer__inner__mastodon,\n .theme-mastodon-light .explore__search-header .search__input,\n .skin-mastodon-light .explore__search-header .search__input {\n background-color: #24273a;\n }\n .theme-mastodon-light .compose-form .compose-form__modifiers,\n .skin-mastodon-light .compose-form .compose-form__modifiers,\n .theme-mastodon-light .compose-form .autosuggest-textarea__textarea,\n .skin-mastodon-light .compose-form .autosuggest-textarea__textarea,\n .theme-mastodon-light .compose-form .compose-form__autosuggest-wrapper,\n .skin-mastodon-light .compose-form .compose-form__autosuggest-wrapper,\n .theme-mastodon-light .compose-form .spoiler-input__input,\n .skin-mastodon-light .compose-form .spoiler-input__input {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n .theme-mastodon-light .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-mastodon-light .compose-form .autosuggest-textarea__textarea::placeholder {\n color: #a5adcb !important;\n }\n .theme-mastodon-light .compose-form .compose-form__buttons-wrapper,\n .skin-mastodon-light .compose-form .compose-form__buttons-wrapper {\n background: #363a4f;\n }\n .theme-mastodon-light .load-more:hover,\n .skin-mastodon-light .load-more:hover {\n background-color: #1e2030;\n }\n .theme-mastodon-light .character-counter,\n .skin-mastodon-light .character-counter {\n color: #a5adcb;\n }\n .theme-mastodon-light .public-layout .header,\n .skin-mastodon-light .public-layout .header,\n .theme-mastodon-light .hero-widget,\n .skin-mastodon-light .hero-widget,\n .theme-mastodon-light .public-layout .public-account-header,\n .skin-mastodon-light .public-layout .public-account-header,\n .theme-mastodon-light .public-layout .public-account-bio,\n .skin-mastodon-light .public-layout .public-account-bio,\n .theme-mastodon-light .nothing-here,\n .skin-mastodon-light .nothing-here {\n box-shadow: none;\n }\n .theme-mastodon-light .search__popout,\n .skin-mastodon-light .search__popout,\n .theme-mastodon-light .dropdown-menu__arrow:before,\n .skin-mastodon-light .dropdown-menu__arrow:before,\n .theme-mastodon-light .dropdown-menu__item a,\n .skin-mastodon-light .dropdown-menu__item a,\n .theme-mastodon-light .dropdown-menu__item button,\n .skin-mastodon-light .dropdown-menu__item button,\n .theme-mastodon-light .dropdown-menu__container__list,\n .skin-mastodon-light .dropdown-menu__container__list,\n .theme-mastodon-light .dropdown-menu.bottom,\n .skin-mastodon-light .dropdown-menu.bottom {\n background: #363a4f;\n color: #cad3f5;\n }\n .theme-mastodon-light .dropdown-menu__item a:hover,\n .skin-mastodon-light .dropdown-menu__item a:hover,\n .theme-mastodon-light .dropdown-menu__item button:hover,\n .skin-mastodon-light .dropdown-menu__item button:hover {\n background: #494d64;\n }\n .theme-mastodon-light .input-copy,\n .skin-mastodon-light .input-copy,\n .theme-mastodon-light .simple_form input[type=\"text\"],\n .skin-mastodon-light .simple_form input[type=\"text\"],\n .theme-mastodon-light .simple_form textarea,\n .skin-mastodon-light .simple_form textarea,\n .theme-mastodon-light .simple_form .block-button,\n .skin-mastodon-light .simple_form .block-button,\n .theme-mastodon-light .simple_form .button,\n .skin-mastodon-light .simple_form .button,\n .theme-mastodon-light .simple_form button,\n .skin-mastodon-light .simple_form button {\n background: #1e2030;\n color: #cad3f5;\n }\n .theme-mastodon-light .simple_form .block-button:hover,\n .skin-mastodon-light .simple_form .block-button:hover,\n .theme-mastodon-light .simple_form .button:hover,\n .skin-mastodon-light .simple_form .button:hover,\n .theme-mastodon-light .simple_form button:hover,\n .skin-mastodon-light .simple_form button:hover {\n background: #363a4f;\n }\n .theme-mastodon-light .simple_form .input.with_label .label_input > label,\n .skin-mastodon-light .simple_form .input.with_label .label_input > label,\n .theme-mastodon-light .simple_form select,\n .skin-mastodon-light .simple_form select,\n .theme-mastodon-light .accounts-table__count,\n .skin-mastodon-light .accounts-table__count,\n .theme-mastodon-light .simple_form textarea,\n .skin-mastodon-light .simple_form textarea {\n color: #cad3f5;\n }\n .theme-mastodon-light .simple_form textarea,\n .skin-mastodon-light .simple_form textarea,\n .theme-mastodon-light .simple_form input[type=\"password\"],\n .skin-mastodon-light .simple_form input[type=\"password\"],\n .theme-mastodon-light .simple_form input[type=\"number\"],\n .skin-mastodon-light .simple_form input[type=\"number\"],\n .theme-mastodon-light .simple_form input[type=\"text\"],\n .skin-mastodon-light .simple_form input[type=\"text\"] {\n border: 1px solid #181926;\n }\n .theme-mastodon-light .simple_form input[type=\"email\"]:required:valid,\n .skin-mastodon-light .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid #a6da95;\n }\n .theme-mastodon-light .simple_form input[type=\"password\"],\n .skin-mastodon-light .simple_form input[type=\"password\"],\n .theme-mastodon-light .simple_form input[type=\"number\"],\n .skin-mastodon-light .simple_form input[type=\"number\"],\n .theme-mastodon-light .simple_form input[type=\"email\"]:required:valid,\n .skin-mastodon-light .simple_form input[type=\"email\"]:required:valid,\n .theme-mastodon-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-mastodon-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: #cad3f5;\n background: #1e2030;\n }\n .theme-mastodon-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-mastodon-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid #ed8796;\n }\n .theme-mastodon-light .simple_form select,\n .skin-mastodon-light .simple_form select {\n background: #1e2030 url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center / auto 16px;\n border: 1px solid #181926;\n }\n .theme-mastodon-light .simple_form input[type=\"datetime-local\"]:active,\n .skin-mastodon-light .simple_form input[type=\"datetime-local\"]:active,\n .theme-mastodon-light .simple_form input[type=\"datetime-local\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"datetime-local\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"email\"]:active,\n .skin-mastodon-light .simple_form input[type=\"email\"]:active,\n .theme-mastodon-light .simple_form input[type=\"email\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"email\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"number\"]:active,\n .skin-mastodon-light .simple_form input[type=\"number\"]:active,\n .theme-mastodon-light .simple_form input[type=\"number\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"number\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"password\"]:active,\n .skin-mastodon-light .simple_form input[type=\"password\"]:active,\n .theme-mastodon-light .simple_form input[type=\"password\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"password\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"text\"]:active,\n .skin-mastodon-light .simple_form input[type=\"text\"]:active,\n .theme-mastodon-light .simple_form input[type=\"text\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"text\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"url\"]:active,\n .skin-mastodon-light .simple_form input[type=\"url\"]:active,\n .theme-mastodon-light .simple_form input[type=\"url\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"url\"]:focus,\n .theme-mastodon-light .simple_form textarea:active,\n .skin-mastodon-light .simple_form textarea:active,\n .theme-mastodon-light .simple_form textarea:focus,\n .skin-mastodon-light .simple_form textarea:focus {\n border-color: #b7bdf8 !important;\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n .theme-mastodon-light .table > thead > tr > th,\n .skin-mastodon-light .table > thead > tr > th,\n .theme-mastodon-light .setting-text:active,\n .skin-mastodon-light .setting-text:active,\n .theme-mastodon-light .setting-text:focus,\n .skin-mastodon-light .setting-text:focus {\n border-color: #b7bdf8 !important;\n }\n .theme-mastodon-light .batch-table__toolbar,\n .skin-mastodon-light .batch-table__toolbar,\n .theme-mastodon-light .table > thead > tr > th,\n .skin-mastodon-light .table > thead > tr > th {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n .theme-mastodon-light .simple_form input[type=\"datetime-local\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"datetime-local\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"email\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"email\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"number\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"number\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"password\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"password\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"text\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"text\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"url\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"url\"]:hover,\n .theme-mastodon-light .simple_form textarea:hover,\n .skin-mastodon-light .simple_form textarea:hover {\n background: #1e2030 !important;\n border-color: #b7bdf8 !important;\n transition: 0.4s;\n }\n .theme-mastodon-light .batch-table__row,\n .skin-mastodon-light .batch-table__row {\n background: #494d64;\n }\n .theme-mastodon-light .batch-table__row:hover,\n .skin-mastodon-light .batch-table__row:hover,\n .theme-mastodon-light .batch-table__row:nth-child(2n):hover,\n .skin-mastodon-light .batch-table__row:nth-child(2n):hover {\n background: #5b6078;\n }\n .theme-mastodon-light .batch-table__row:nth-child(2n),\n .skin-mastodon-light .batch-table__row:nth-child(2n),\n .theme-mastodon-light .table > tbody > tr > td,\n .skin-mastodon-light .table > tbody > tr > td {\n background: #363a4f;\n }\n .theme-mastodon-light .table > thead > tr > th,\n .skin-mastodon-light .table > thead > tr > th {\n border-bottom: 2px solid #363a4f;\n }\n .theme-mastodon-light .positive-hint,\n .skin-mastodon-light .positive-hint {\n color: #a6da95 !important;\n }\n .theme-mastodon-light .card__bar,\n .skin-mastodon-light .card__bar {\n background: #363a4f;\n }\n .theme-contrast,\n .skin-contrast,\n .theme-contrast .tabs-bar__wrapper,\n .skin-contrast .tabs-bar__wrapper,\n .theme-contrast .admin-wrapper .sidebar-wrapper__inner,\n .skin-contrast .admin-wrapper .sidebar-wrapper__inner,\n .theme-contrast .ui__header,\n .skin-contrast .ui__header {\n background: #181926;\n color: #cad3f5;\n }\n .theme-contrast .ui__header,\n .skin-contrast .ui__header {\n border-bottom: none;\n }\n .theme-contrast .navigation-panel,\n .skin-contrast .navigation-panel,\n .theme-contrast .column-link,\n .skin-contrast .column-link {\n background: transparent;\n }\n .theme-contrast .account__header__bio .account__header__fields dt,\n .skin-contrast .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n .theme-contrast .search-popout,\n .skin-contrast .search-popout,\n .theme-contrast .search-popout em,\n .skin-contrast .search-popout em,\n .theme-contrast .dismissable-banner__message,\n .skin-contrast .dismissable-banner__message,\n .theme-contrast .dismissable-banner__message h1,\n .skin-contrast .dismissable-banner__message h1,\n .theme-contrast .account__header__bio .account__header__fields dt,\n .skin-contrast .account__header__bio .account__header__fields dt,\n .theme-contrast .account__section-headline a.active,\n .skin-contrast .account__section-headline a.active,\n .theme-contrast .account__section-headline button.active,\n .skin-contrast .account__section-headline button.active,\n .theme-contrast .notification__filter-bar a.active,\n .skin-contrast .notification__filter-bar a.active,\n .theme-contrast .notification__filter-bar button.active,\n .skin-contrast .notification__filter-bar button.active,\n .theme-contrast .account__header__bio .account__header__content,\n .skin-contrast .account__header__bio .account__header__content,\n .theme-contrast .navigation-bar,\n .skin-contrast .navigation-bar,\n .theme-contrast .column-link__badge,\n .skin-contrast .column-link__badge,\n .theme-contrast .column-subheading,\n .skin-contrast .column-subheading,\n .theme-contrast .account__display-name strong,\n .skin-contrast .account__display-name strong,\n .theme-contrast .status__display-name strong,\n .skin-contrast .status__display-name strong,\n .theme-contrast .notification__message,\n .skin-contrast .notification__message,\n .theme-contrast .public-layout .public-account-bio .account__header__content,\n .skin-contrast .public-layout .public-account-bio .account__header__content,\n .theme-contrast .reply-indicator__content,\n .skin-contrast .reply-indicator__content,\n .theme-contrast .status__content,\n .skin-contrast .status__content,\n .theme-contrast .card__bar .display-name strong,\n .skin-contrast .card__bar .display-name strong {\n color: #cad3f5;\n }\n .theme-contrast .search-popout span,\n .skin-contrast .search-popout span,\n .theme-contrast .link-footer p,\n .skin-contrast .link-footer p,\n .theme-contrast .link-footer p a,\n .skin-contrast .link-footer p a {\n color: #b8c0e0;\n }\n .theme-contrast .account__header__tabs__name h1 small,\n .skin-contrast .account__header__tabs__name h1 small,\n .theme-contrast .account__header__bio .account__header__fields dd,\n .skin-contrast .account__header__bio .account__header__fields dd,\n .theme-contrast .display-name__account,\n .skin-contrast .display-name__account,\n .theme-contrast .status__relative-time,\n .skin-contrast .status__relative-time,\n .theme-contrast .empty-column-indicator,\n .skin-contrast .empty-column-indicator,\n .theme-contrast .follow_requests-unlocked_explanation,\n .skin-contrast .follow_requests-unlocked_explanation,\n .theme-contrast .account .account__display-name,\n .skin-contrast .account .account__display-name,\n .theme-contrast .label_input .search__input,\n .skin-contrast .label_input .search__input,\n .theme-contrast .search__input:focus,\n .skin-contrast .search__input:focus,\n .theme-contrast .account__header__fields dt,\n .skin-contrast .account__header__fields dt {\n color: #a5adcb;\n }\n .theme-contrast .compose-panel hr,\n .skin-contrast .compose-panel hr,\n .theme-contrast .navigation-panel hr,\n .skin-contrast .navigation-panel hr {\n border-top-color: #a5adcb;\n }\n .theme-contrast .trends__item,\n .skin-contrast .trends__item,\n .theme-contrast .status,\n .skin-contrast .status,\n .theme-contrast .getting-started__trends h4,\n .skin-contrast .getting-started__trends h4,\n .theme-contrast .trends__item__name span,\n .skin-contrast .trends__item__name span,\n .theme-contrast .story,\n .skin-contrast .story {\n border-color: #363a4f;\n }\n .theme-contrast .mention,\n .skin-contrast .mention,\n .theme-contrast .account__header__tabs__name h1,\n .skin-contrast .account__header__tabs__name h1,\n .theme-contrast .account__header__content a,\n .skin-contrast .account__header__content a,\n .theme-contrast .account__header__bio .account__header__fields a,\n .skin-contrast .account__header__bio .account__header__fields a,\n .theme-contrast .empty-column-indicator a,\n .skin-contrast .empty-column-indicator a,\n .theme-contrast .follow_requests-unlocked_explanation a,\n .skin-contrast .follow_requests-unlocked_explanation a,\n .theme-contrast .column-back-button,\n .skin-contrast .column-back-button,\n .theme-contrast .icon-button.inverted,\n .skin-contrast .icon-button.inverted,\n .theme-contrast .text-icon-button,\n .skin-contrast .text-icon-button,\n .theme-contrast .icon-button.active,\n .skin-contrast .icon-button.active,\n .theme-contrast .public-layout .public-account-bio .account__header__fields a,\n .skin-contrast .public-layout .public-account-bio .account__header__fields a,\n .theme-contrast .column-header__back-button,\n .skin-contrast .column-header__back-button,\n .theme-contrast .navigation-bar strong,\n .skin-contrast .navigation-bar strong,\n .theme-contrast .reply-indicator__content a.unhandled-link,\n .skin-contrast .reply-indicator__content a.unhandled-link,\n .theme-contrast .status__content a.unhandled-link,\n .skin-contrast .status__content a.unhandled-link,\n .theme-contrast .announcements__item__content a.unhandled-link,\n .skin-contrast .announcements__item__content a.unhandled-link,\n .theme-contrast .reactions-bar__item.active .reactions-bar__item__count,\n .skin-contrast .reactions-bar__item.active .reactions-bar__item__count,\n .theme-contrast .column-header.active .column-header__icon,\n .skin-contrast .column-header.active .column-header__icon {\n color: #b7bdf8;\n }\n .theme-contrast .conversation__unread,\n .skin-contrast .conversation__unread,\n .theme-contrast .react-toggle--checked .react-toggle-track,\n .skin-contrast .react-toggle--checked .react-toggle-track,\n .theme-contrast .react-toggle--checked:hover .react-toggle-track,\n .skin-contrast .react-toggle--checked:hover .react-toggle-track,\n .theme-contrast .pillbar-button:not([disabled]).active,\n .skin-contrast .pillbar-button:not([disabled]).active,\n .theme-contrast .pillbar-button:not([disabled]).active:focus,\n .skin-contrast .pillbar-button:not([disabled]).active:focus,\n .theme-contrast .pillbar-button:not([disabled]).active:hover,\n .skin-contrast .pillbar-button:not([disabled]).active:hover,\n .theme-contrast .radio-button__input.checked,\n .skin-contrast .radio-button__input.checked {\n background-color: #b7bdf8;\n }\n .theme-contrast .reactions-bar__item.active,\n .skin-contrast .reactions-bar__item.active {\n background-color: rgba(183, 189, 248, 0.25);\n }\n .theme-contrast .trends__item__sparkline path:last-child,\n .skin-contrast .trends__item__sparkline path:last-child {\n stroke: #b7bdf8 !important;\n }\n .theme-contrast .trends__item__sparkline path:first-child,\n .skin-contrast .trends__item__sparkline path:first-child {\n fill: rgba(183, 189, 248, 0.25) !important;\n }\n .theme-contrast .icon-button,\n .skin-contrast .icon-button,\n .theme-contrast .notification__message .fa,\n .skin-contrast .notification__message .fa {\n color: #5b6078;\n }\n .theme-contrast .icon-button:active,\n .skin-contrast .icon-button:active,\n .theme-contrast .icon-button:focus,\n .skin-contrast .icon-button:focus,\n .theme-contrast .icon-button:hover,\n .skin-contrast .icon-button:hover,\n .theme-contrast .text-icon-button:active,\n .skin-contrast .text-icon-button:active,\n .theme-contrast .text-icon-button:focus,\n .skin-contrast .text-icon-button:focus,\n .theme-contrast .text-icon-button:hover,\n .skin-contrast .text-icon-button:hover,\n .theme-contrast .icon-button.inverted:active,\n .skin-contrast .icon-button.inverted:active,\n .theme-contrast .icon-button.inverted:focus,\n .skin-contrast .icon-button.inverted:focus,\n .theme-contrast .icon-button.inverted:hover,\n .skin-contrast .icon-button.inverted:hover,\n .theme-contrast .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-contrast .public-layout .public-account-bio .account__header__fields a:hover {\n color: #b7bdf8;\n }\n .theme-contrast .column-header,\n .skin-contrast .column-header,\n .theme-contrast .column-header__button,\n .skin-contrast .column-header__button,\n .theme-contrast .column-header__back-button,\n .skin-contrast .column-header__back-button,\n .theme-contrast .column-back-button,\n .skin-contrast .column-back-button,\n .theme-contrast .drawer__header,\n .skin-contrast .drawer__header,\n .theme-contrast .notification__filter-bar,\n .skin-contrast .notification__filter-bar,\n .theme-contrast .account__section-headline button,\n .skin-contrast .account__section-headline button,\n .theme-contrast .notification__filter-bar button,\n .skin-contrast .notification__filter-bar button,\n .theme-contrast .account__header,\n .skin-contrast .account__header,\n .theme-contrast .search__input,\n .skin-contrast .search__input,\n .theme-contrast .search__input:focus,\n .skin-contrast .search__input:focus,\n .theme-contrast .column-link__badge,\n .skin-contrast .column-link__badge,\n .theme-contrast .column-subheading,\n .skin-contrast .column-subheading,\n .theme-contrast .public-layout .header,\n .skin-contrast .public-layout .header,\n .theme-contrast .public-layout .public-account-header__bar::before,\n .skin-contrast .public-layout .public-account-header__bar::before,\n .theme-contrast .account__header__fields,\n .skin-contrast .account__header__fields,\n .theme-contrast .account__header__fields dt,\n .skin-contrast .account__header__fields dt,\n .theme-contrast .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-contrast .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .theme-contrast .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-contrast .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .theme-contrast .explore__search-header,\n .skin-contrast .explore__search-header,\n .theme-contrast .column-inline-form,\n .skin-contrast .column-inline-form,\n .theme-contrast .follow_requests-unlocked_explanation,\n .skin-contrast .follow_requests-unlocked_explanation,\n .theme-contrast .conversation--unread,\n .skin-contrast .conversation--unread,\n .theme-contrast .column-header__collapsible-inner,\n .skin-contrast .column-header__collapsible-inner,\n .theme-contrast .announcements,\n .skin-contrast .announcements,\n .theme-contrast .status-card__image,\n .skin-contrast .status-card__image {\n border-color: #181926;\n background: #363a4f;\n }\n .theme-contrast .account__section-headline,\n .skin-contrast .account__section-headline {\n background: #1e2030;\n border-color: #181926;\n }\n .theme-contrast .focusable:focus,\n .skin-contrast .focusable:focus {\n background: unset;\n }\n .theme-contrast .admin-wrapper .sidebar ul a:hover,\n .skin-contrast .admin-wrapper .sidebar ul a:hover,\n .theme-contrast .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-contrast .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .theme-contrast .detailed-status,\n .skin-contrast .detailed-status,\n .theme-contrast .detailed-status__action-bar,\n .skin-contrast .detailed-status__action-bar {\n background: #363a4f;\n }\n .theme-contrast .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-contrast .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n .theme-contrast .dismissable-banner,\n .skin-contrast .dismissable-banner {\n border-color: #494d64;\n background: #24273a;\n }\n .theme-contrast .column-header__wrapper.active,\n .skin-contrast .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(183, 189, 248, 0.3);\n }\n .theme-contrast .column-header__wrapper.active::before,\n .skin-contrast .column-header__wrapper.active::before {\n background: radial-gradient(ellipse, rgba(183, 189, 248, 0.23) 0, rgba(99, 100, 255, 0) 60%);\n }\n .theme-contrast .theme-mastodon-light .account__header__bar,\n .skin-contrast .theme-mastodon-light .account__header__bar,\n .theme-contrast .theme-mastodon-light .column-header__back-button,\n .skin-contrast .theme-mastodon-light .column-header__back-button,\n .theme-contrast .account__header__bio .account__header__fields dl,\n .skin-contrast .account__header__bio .account__header__fields dl,\n .theme-contrast .account__header__bio .account__header__fields,\n .skin-contrast .account__header__bio .account__header__fields,\n .theme-contrast .empty-column-indicator,\n .skin-contrast .empty-column-indicator,\n .theme-contrast .column > .scrollable,\n .skin-contrast .column > .scrollable,\n .theme-contrast .nothing-here,\n .skin-contrast .nothing-here,\n .theme-contrast .public-layout .public-account-bio,\n .skin-contrast .public-layout .public-account-bio,\n .theme-contrast .hero-widget__text,\n .skin-contrast .hero-widget__text,\n .theme-contrast.admin,\n .skin-contrast.admin,\n .theme-contrast .admin-wrapper .sidebar ul a.selected,\n .skin-contrast .admin-wrapper .sidebar ul a.selected,\n .theme-contrast .admin-wrapper .sidebar ul ul,\n .skin-contrast .admin-wrapper .sidebar ul ul {\n border-color: #1e2030;\n background: #24273a;\n }\n .theme-contrast .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-contrast .public-layout .public-account-header__tabs__tabs .counter::after,\n .theme-contrast .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-contrast .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .theme-contrast .react-toggle--checked .react-toggle-thumb,\n .skin-contrast .react-toggle--checked .react-toggle-thumb,\n .theme-contrast .radio-button__input.checked,\n .skin-contrast .radio-button__input.checked,\n .theme-contrast .account__action-bar__tab.active,\n .skin-contrast .account__action-bar__tab.active {\n border-color: #b7bdf8;\n }\n .theme-contrast .account,\n .skin-contrast .account,\n .theme-contrast .load-gap,\n .skin-contrast .load-gap {\n border-color: #1e2030;\n }\n .theme-contrast .account__section-headline a.active::after,\n .skin-contrast .account__section-headline a.active::after {\n border-color: transparent transparent #24273a;\n }\n .theme-contrast .account__section-headline a.active::before,\n .skin-contrast .account__section-headline a.active::before,\n .theme-contrast .account__section-headline button.active::after,\n .skin-contrast .account__section-headline button.active::after,\n .theme-contrast .account__section-headline button.active::before,\n .skin-contrast .account__section-headline button.active::before,\n .theme-contrast .notification__filter-bar a.active::after,\n .skin-contrast .notification__filter-bar a.active::after,\n .theme-contrast .notification__filter-bar a.active::before,\n .skin-contrast .notification__filter-bar a.active::before,\n .theme-contrast .notification__filter-bar button.active::after,\n .skin-contrast .notification__filter-bar button.active::after,\n .theme-contrast .notification__filter-bar button.active::before,\n .skin-contrast .notification__filter-bar button.active::before {\n border-color: transparent transparent #1e2030;\n }\n .theme-contrast .search-popout,\n .skin-contrast .search-popout,\n .theme-contrast .drawer__header a:hover,\n .skin-contrast .drawer__header a:hover,\n .theme-contrast .column-header__button:hover,\n .skin-contrast .column-header__button:hover,\n .theme-contrast .account__section-headline button:hover,\n .skin-contrast .account__section-headline button:hover,\n .theme-contrast .notification__filter-bar button:hover,\n .skin-contrast .notification__filter-bar button:hover,\n .theme-contrast .account__section-headline a:hover,\n .skin-contrast .account__section-headline a:hover {\n background: #5b6078;\n }\n .theme-contrast .column-link .active,\n .skin-contrast .column-link .active,\n .theme-contrast .column-link--transparent.active,\n .skin-contrast .column-link--transparent.active,\n .theme-contrast .column-link--transparent:focus,\n .skin-contrast .column-link--transparent:focus,\n .theme-contrast .column-link:focus,\n .skin-contrast .column-link:focus {\n color: #b7bdf8;\n }\n .theme-contrast .column-link--transparent:hover,\n .skin-contrast .column-link--transparent:hover,\n .theme-contrast .column-link:hover,\n .skin-contrast .column-link:hover {\n color: #b7bdf8;\n }\n .theme-contrast .status.collapsed .status__content:after,\n .skin-contrast .status.collapsed .status__content:after {\n background: linear-gradient(rgba(36, 39, 58, 0), #24273a);\n }\n .theme-contrast .button.button-tertiary:focus,\n .skin-contrast .button.button-tertiary:focus,\n .theme-contrast .button.button-tertiary:hover,\n .skin-contrast .button.button-tertiary:hover,\n .theme-contrast .button.button-tertiary:active,\n .skin-contrast .button.button-tertiary:active {\n color: #24273a;\n }\n .theme-contrast .button.button-tertiary,\n .skin-contrast .button.button-tertiary {\n border-color: #b7bdf8;\n }\n .theme-contrast .button,\n .skin-contrast .button,\n .theme-contrast .button.button-tertiary,\n .skin-contrast .button.button-tertiary,\n .theme-contrast .button.logo-button,\n .skin-contrast .button.logo-button,\n .theme-contrast .icon-with-badge__badge,\n .skin-contrast .icon-with-badge__badge {\n background: #b7bdf8;\n color: #24273a;\n }\n .theme-contrast .button.logo-button svg,\n .skin-contrast .button.logo-button svg {\n fill: currentColor;\n }\n .theme-contrast .public-layout .header .nav-button,\n .skin-contrast .public-layout .header .nav-button {\n background-color: #494d64;\n }\n .theme-contrast .public-layout .header .nav-button:hover,\n .skin-contrast .public-layout .header .nav-button:hover {\n background-color: #5b6078;\n }\n .theme-contrast .button.button-secondary,\n .skin-contrast .button.button-secondary {\n background-color: transparent;\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .theme-contrast .button.button-secondary:active,\n .skin-contrast .button.button-secondary:active,\n .theme-contrast .button.button-secondary:focus,\n .skin-contrast .button.button-secondary:focus,\n .theme-contrast .button.button-secondary:hover,\n .skin-contrast .button.button-secondary:hover {\n border-color: #b7bdf8;\n color: #24273a;\n transition: 0.2s;\n }\n .theme-contrast .button:active,\n .skin-contrast .button:active,\n .theme-contrast .button:focus,\n .skin-contrast .button:focus,\n .theme-contrast .button:hover,\n .skin-contrast .button:hover,\n .theme-contrast .button.button-tertiary:active,\n .skin-contrast .button.button-tertiary:active,\n .theme-contrast .button.button-tertiary:focus,\n .skin-contrast .button.button-tertiary:focus,\n .theme-contrast .button.button-tertiary:hover,\n .skin-contrast .button.button-tertiary:hover,\n .theme-contrast .button.logo-button:active,\n .skin-contrast .button.logo-button:active,\n .theme-contrast .button.logo-button:focus,\n .skin-contrast .button.logo-button:focus,\n .theme-contrast .button.logo-button:hover,\n .skin-contrast .button.logo-button:hover {\n background: #b7bdf8;\n }\n .theme-contrast .drawer__inner,\n .skin-contrast .drawer__inner,\n .theme-contrast .drawer__inner__mastodon,\n .skin-contrast .drawer__inner__mastodon,\n .theme-contrast .explore__search-header .search__input,\n .skin-contrast .explore__search-header .search__input {\n background-color: #24273a;\n }\n .theme-contrast .compose-form .compose-form__modifiers,\n .skin-contrast .compose-form .compose-form__modifiers,\n .theme-contrast .compose-form .autosuggest-textarea__textarea,\n .skin-contrast .compose-form .autosuggest-textarea__textarea,\n .theme-contrast .compose-form .compose-form__autosuggest-wrapper,\n .skin-contrast .compose-form .compose-form__autosuggest-wrapper,\n .theme-contrast .compose-form .spoiler-input__input,\n .skin-contrast .compose-form .spoiler-input__input {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n .theme-contrast .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-contrast .compose-form .autosuggest-textarea__textarea::placeholder {\n color: #a5adcb !important;\n }\n .theme-contrast .compose-form .compose-form__buttons-wrapper,\n .skin-contrast .compose-form .compose-form__buttons-wrapper {\n background: #363a4f;\n }\n .theme-contrast .load-more:hover,\n .skin-contrast .load-more:hover {\n background-color: #1e2030;\n }\n .theme-contrast .character-counter,\n .skin-contrast .character-counter {\n color: #a5adcb;\n }\n .theme-contrast .public-layout .header,\n .skin-contrast .public-layout .header,\n .theme-contrast .hero-widget,\n .skin-contrast .hero-widget,\n .theme-contrast .public-layout .public-account-header,\n .skin-contrast .public-layout .public-account-header,\n .theme-contrast .public-layout .public-account-bio,\n .skin-contrast .public-layout .public-account-bio,\n .theme-contrast .nothing-here,\n .skin-contrast .nothing-here {\n box-shadow: none;\n }\n .theme-contrast .search__popout,\n .skin-contrast .search__popout,\n .theme-contrast .dropdown-menu__arrow:before,\n .skin-contrast .dropdown-menu__arrow:before,\n .theme-contrast .dropdown-menu__item a,\n .skin-contrast .dropdown-menu__item a,\n .theme-contrast .dropdown-menu__item button,\n .skin-contrast .dropdown-menu__item button,\n .theme-contrast .dropdown-menu__container__list,\n .skin-contrast .dropdown-menu__container__list,\n .theme-contrast .dropdown-menu.bottom,\n .skin-contrast .dropdown-menu.bottom {\n background: #363a4f;\n color: #cad3f5;\n }\n .theme-contrast .dropdown-menu__item a:hover,\n .skin-contrast .dropdown-menu__item a:hover,\n .theme-contrast .dropdown-menu__item button:hover,\n .skin-contrast .dropdown-menu__item button:hover {\n background: #494d64;\n }\n .theme-contrast .input-copy,\n .skin-contrast .input-copy,\n .theme-contrast .simple_form input[type=\"text\"],\n .skin-contrast .simple_form input[type=\"text\"],\n .theme-contrast .simple_form textarea,\n .skin-contrast .simple_form textarea,\n .theme-contrast .simple_form .block-button,\n .skin-contrast .simple_form .block-button,\n .theme-contrast .simple_form .button,\n .skin-contrast .simple_form .button,\n .theme-contrast .simple_form button,\n .skin-contrast .simple_form button {\n background: #1e2030;\n color: #cad3f5;\n }\n .theme-contrast .simple_form .block-button:hover,\n .skin-contrast .simple_form .block-button:hover,\n .theme-contrast .simple_form .button:hover,\n .skin-contrast .simple_form .button:hover,\n .theme-contrast .simple_form button:hover,\n .skin-contrast .simple_form button:hover {\n background: #363a4f;\n }\n .theme-contrast .simple_form .input.with_label .label_input > label,\n .skin-contrast .simple_form .input.with_label .label_input > label,\n .theme-contrast .simple_form select,\n .skin-contrast .simple_form select,\n .theme-contrast .accounts-table__count,\n .skin-contrast .accounts-table__count,\n .theme-contrast .simple_form textarea,\n .skin-contrast .simple_form textarea {\n color: #cad3f5;\n }\n .theme-contrast .simple_form textarea,\n .skin-contrast .simple_form textarea,\n .theme-contrast .simple_form input[type=\"password\"],\n .skin-contrast .simple_form input[type=\"password\"],\n .theme-contrast .simple_form input[type=\"number\"],\n .skin-contrast .simple_form input[type=\"number\"],\n .theme-contrast .simple_form input[type=\"text\"],\n .skin-contrast .simple_form input[type=\"text\"] {\n border: 1px solid #181926;\n }\n .theme-contrast .simple_form input[type=\"email\"]:required:valid,\n .skin-contrast .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid #a6da95;\n }\n .theme-contrast .simple_form input[type=\"password\"],\n .skin-contrast .simple_form input[type=\"password\"],\n .theme-contrast .simple_form input[type=\"number\"],\n .skin-contrast .simple_form input[type=\"number\"],\n .theme-contrast .simple_form input[type=\"email\"]:required:valid,\n .skin-contrast .simple_form input[type=\"email\"]:required:valid,\n .theme-contrast .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-contrast .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: #cad3f5;\n background: #1e2030;\n }\n .theme-contrast .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-contrast .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid #ed8796;\n }\n .theme-contrast .simple_form select,\n .skin-contrast .simple_form select {\n background: #1e2030 url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center / auto 16px;\n border: 1px solid #181926;\n }\n .theme-contrast .simple_form input[type=\"datetime-local\"]:active,\n .skin-contrast .simple_form input[type=\"datetime-local\"]:active,\n .theme-contrast .simple_form input[type=\"datetime-local\"]:focus,\n .skin-contrast .simple_form input[type=\"datetime-local\"]:focus,\n .theme-contrast .simple_form input[type=\"email\"]:active,\n .skin-contrast .simple_form input[type=\"email\"]:active,\n .theme-contrast .simple_form input[type=\"email\"]:focus,\n .skin-contrast .simple_form input[type=\"email\"]:focus,\n .theme-contrast .simple_form input[type=\"number\"]:active,\n .skin-contrast .simple_form input[type=\"number\"]:active,\n .theme-contrast .simple_form input[type=\"number\"]:focus,\n .skin-contrast .simple_form input[type=\"number\"]:focus,\n .theme-contrast .simple_form input[type=\"password\"]:active,\n .skin-contrast .simple_form input[type=\"password\"]:active,\n .theme-contrast .simple_form input[type=\"password\"]:focus,\n .skin-contrast .simple_form input[type=\"password\"]:focus,\n .theme-contrast .simple_form input[type=\"text\"]:active,\n .skin-contrast .simple_form input[type=\"text\"]:active,\n .theme-contrast .simple_form input[type=\"text\"]:focus,\n .skin-contrast .simple_form input[type=\"text\"]:focus,\n .theme-contrast .simple_form input[type=\"url\"]:active,\n .skin-contrast .simple_form input[type=\"url\"]:active,\n .theme-contrast .simple_form input[type=\"url\"]:focus,\n .skin-contrast .simple_form input[type=\"url\"]:focus,\n .theme-contrast .simple_form textarea:active,\n .skin-contrast .simple_form textarea:active,\n .theme-contrast .simple_form textarea:focus,\n .skin-contrast .simple_form textarea:focus {\n border-color: #b7bdf8 !important;\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n .theme-contrast .table > thead > tr > th,\n .skin-contrast .table > thead > tr > th,\n .theme-contrast .setting-text:active,\n .skin-contrast .setting-text:active,\n .theme-contrast .setting-text:focus,\n .skin-contrast .setting-text:focus {\n border-color: #b7bdf8 !important;\n }\n .theme-contrast .batch-table__toolbar,\n .skin-contrast .batch-table__toolbar,\n .theme-contrast .table > thead > tr > th,\n .skin-contrast .table > thead > tr > th {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n .theme-contrast .simple_form input[type=\"datetime-local\"]:hover,\n .skin-contrast .simple_form input[type=\"datetime-local\"]:hover,\n .theme-contrast .simple_form input[type=\"email\"]:hover,\n .skin-contrast .simple_form input[type=\"email\"]:hover,\n .theme-contrast .simple_form input[type=\"number\"]:hover,\n .skin-contrast .simple_form input[type=\"number\"]:hover,\n .theme-contrast .simple_form input[type=\"password\"]:hover,\n .skin-contrast .simple_form input[type=\"password\"]:hover,\n .theme-contrast .simple_form input[type=\"text\"]:hover,\n .skin-contrast .simple_form input[type=\"text\"]:hover,\n .theme-contrast .simple_form input[type=\"url\"]:hover,\n .skin-contrast .simple_form input[type=\"url\"]:hover,\n .theme-contrast .simple_form textarea:hover,\n .skin-contrast .simple_form textarea:hover {\n background: #1e2030 !important;\n border-color: #b7bdf8 !important;\n transition: 0.4s;\n }\n .theme-contrast .batch-table__row,\n .skin-contrast .batch-table__row {\n background: #494d64;\n }\n .theme-contrast .batch-table__row:hover,\n .skin-contrast .batch-table__row:hover,\n .theme-contrast .batch-table__row:nth-child(2n):hover,\n .skin-contrast .batch-table__row:nth-child(2n):hover {\n background: #5b6078;\n }\n .theme-contrast .batch-table__row:nth-child(2n),\n .skin-contrast .batch-table__row:nth-child(2n),\n .theme-contrast .table > tbody > tr > td,\n .skin-contrast .table > tbody > tr > td {\n background: #363a4f;\n }\n .theme-contrast .table > thead > tr > th,\n .skin-contrast .table > thead > tr > th {\n border-bottom: 2px solid #363a4f;\n }\n .theme-contrast .positive-hint,\n .skin-contrast .positive-hint {\n color: #a6da95 !important;\n }\n .theme-contrast .card__bar,\n .skin-contrast .card__bar {\n background: #363a4f;\n }\n @media (prefers-color-scheme: light) {\n .theme-default,\n .skin-default,\n .theme-default .tabs-bar__wrapper,\n .skin-default .tabs-bar__wrapper,\n .theme-default .admin-wrapper .sidebar-wrapper__inner,\n .skin-default .admin-wrapper .sidebar-wrapper__inner,\n .theme-default .ui__header,\n .skin-default .ui__header {\n background: #181926;\n color: #cad3f5;\n }\n .theme-default .ui__header,\n .skin-default .ui__header {\n border-bottom: none;\n }\n .theme-default .navigation-panel,\n .skin-default .navigation-panel,\n .theme-default .column-link,\n .skin-default .column-link {\n background: transparent;\n }\n .theme-default .account__header__bio .account__header__fields dt,\n .skin-default .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n .theme-default .search-popout,\n .skin-default .search-popout,\n .theme-default .search-popout em,\n .skin-default .search-popout em,\n .theme-default .dismissable-banner__message,\n .skin-default .dismissable-banner__message,\n .theme-default .dismissable-banner__message h1,\n .skin-default .dismissable-banner__message h1,\n .theme-default .account__header__bio .account__header__fields dt,\n .skin-default .account__header__bio .account__header__fields dt,\n .theme-default .account__section-headline a.active,\n .skin-default .account__section-headline a.active,\n .theme-default .account__section-headline button.active,\n .skin-default .account__section-headline button.active,\n .theme-default .notification__filter-bar a.active,\n .skin-default .notification__filter-bar a.active,\n .theme-default .notification__filter-bar button.active,\n .skin-default .notification__filter-bar button.active,\n .theme-default .account__header__bio .account__header__content,\n .skin-default .account__header__bio .account__header__content,\n .theme-default .navigation-bar,\n .skin-default .navigation-bar,\n .theme-default .column-link__badge,\n .skin-default .column-link__badge,\n .theme-default .column-subheading,\n .skin-default .column-subheading,\n .theme-default .account__display-name strong,\n .skin-default .account__display-name strong,\n .theme-default .status__display-name strong,\n .skin-default .status__display-name strong,\n .theme-default .notification__message,\n .skin-default .notification__message,\n .theme-default .public-layout .public-account-bio .account__header__content,\n .skin-default .public-layout .public-account-bio .account__header__content,\n .theme-default .reply-indicator__content,\n .skin-default .reply-indicator__content,\n .theme-default .status__content,\n .skin-default .status__content,\n .theme-default .card__bar .display-name strong,\n .skin-default .card__bar .display-name strong {\n color: #cad3f5;\n }\n .theme-default .search-popout span,\n .skin-default .search-popout span,\n .theme-default .link-footer p,\n .skin-default .link-footer p,\n .theme-default .link-footer p a,\n .skin-default .link-footer p a {\n color: #b8c0e0;\n }\n .theme-default .account__header__tabs__name h1 small,\n .skin-default .account__header__tabs__name h1 small,\n .theme-default .account__header__bio .account__header__fields dd,\n .skin-default .account__header__bio .account__header__fields dd,\n .theme-default .display-name__account,\n .skin-default .display-name__account,\n .theme-default .status__relative-time,\n .skin-default .status__relative-time,\n .theme-default .empty-column-indicator,\n .skin-default .empty-column-indicator,\n .theme-default .follow_requests-unlocked_explanation,\n .skin-default .follow_requests-unlocked_explanation,\n .theme-default .account .account__display-name,\n .skin-default .account .account__display-name,\n .theme-default .label_input .search__input,\n .skin-default .label_input .search__input,\n .theme-default .search__input:focus,\n .skin-default .search__input:focus,\n .theme-default .account__header__fields dt,\n .skin-default .account__header__fields dt {\n color: #a5adcb;\n }\n .theme-default .compose-panel hr,\n .skin-default .compose-panel hr,\n .theme-default .navigation-panel hr,\n .skin-default .navigation-panel hr {\n border-top-color: #a5adcb;\n }\n .theme-default .trends__item,\n .skin-default .trends__item,\n .theme-default .status,\n .skin-default .status,\n .theme-default .getting-started__trends h4,\n .skin-default .getting-started__trends h4,\n .theme-default .trends__item__name span,\n .skin-default .trends__item__name span,\n .theme-default .story,\n .skin-default .story {\n border-color: #363a4f;\n }\n .theme-default .mention,\n .skin-default .mention,\n .theme-default .account__header__tabs__name h1,\n .skin-default .account__header__tabs__name h1,\n .theme-default .account__header__content a,\n .skin-default .account__header__content a,\n .theme-default .account__header__bio .account__header__fields a,\n .skin-default .account__header__bio .account__header__fields a,\n .theme-default .empty-column-indicator a,\n .skin-default .empty-column-indicator a,\n .theme-default .follow_requests-unlocked_explanation a,\n .skin-default .follow_requests-unlocked_explanation a,\n .theme-default .column-back-button,\n .skin-default .column-back-button,\n .theme-default .icon-button.inverted,\n .skin-default .icon-button.inverted,\n .theme-default .text-icon-button,\n .skin-default .text-icon-button,\n .theme-default .icon-button.active,\n .skin-default .icon-button.active,\n .theme-default .public-layout .public-account-bio .account__header__fields a,\n .skin-default .public-layout .public-account-bio .account__header__fields a,\n .theme-default .column-header__back-button,\n .skin-default .column-header__back-button,\n .theme-default .navigation-bar strong,\n .skin-default .navigation-bar strong,\n .theme-default .reply-indicator__content a.unhandled-link,\n .skin-default .reply-indicator__content a.unhandled-link,\n .theme-default .status__content a.unhandled-link,\n .skin-default .status__content a.unhandled-link,\n .theme-default .announcements__item__content a.unhandled-link,\n .skin-default .announcements__item__content a.unhandled-link,\n .theme-default .reactions-bar__item.active .reactions-bar__item__count,\n .skin-default .reactions-bar__item.active .reactions-bar__item__count,\n .theme-default .column-header.active .column-header__icon,\n .skin-default .column-header.active .column-header__icon {\n color: #b7bdf8;\n }\n .theme-default .conversation__unread,\n .skin-default .conversation__unread,\n .theme-default .react-toggle--checked .react-toggle-track,\n .skin-default .react-toggle--checked .react-toggle-track,\n .theme-default .react-toggle--checked:hover .react-toggle-track,\n .skin-default .react-toggle--checked:hover .react-toggle-track,\n .theme-default .pillbar-button:not([disabled]).active,\n .skin-default .pillbar-button:not([disabled]).active,\n .theme-default .pillbar-button:not([disabled]).active:focus,\n .skin-default .pillbar-button:not([disabled]).active:focus,\n .theme-default .pillbar-button:not([disabled]).active:hover,\n .skin-default .pillbar-button:not([disabled]).active:hover,\n .theme-default .radio-button__input.checked,\n .skin-default .radio-button__input.checked {\n background-color: #b7bdf8;\n }\n .theme-default .reactions-bar__item.active,\n .skin-default .reactions-bar__item.active {\n background-color: rgba(183, 189, 248, 0.25);\n }\n .theme-default .trends__item__sparkline path:last-child,\n .skin-default .trends__item__sparkline path:last-child {\n stroke: #b7bdf8 !important;\n }\n .theme-default .trends__item__sparkline path:first-child,\n .skin-default .trends__item__sparkline path:first-child {\n fill: rgba(183, 189, 248, 0.25) !important;\n }\n .theme-default .icon-button,\n .skin-default .icon-button,\n .theme-default .notification__message .fa,\n .skin-default .notification__message .fa {\n color: #5b6078;\n }\n .theme-default .icon-button:active,\n .skin-default .icon-button:active,\n .theme-default .icon-button:focus,\n .skin-default .icon-button:focus,\n .theme-default .icon-button:hover,\n .skin-default .icon-button:hover,\n .theme-default .text-icon-button:active,\n .skin-default .text-icon-button:active,\n .theme-default .text-icon-button:focus,\n .skin-default .text-icon-button:focus,\n .theme-default .text-icon-button:hover,\n .skin-default .text-icon-button:hover,\n .theme-default .icon-button.inverted:active,\n .skin-default .icon-button.inverted:active,\n .theme-default .icon-button.inverted:focus,\n .skin-default .icon-button.inverted:focus,\n .theme-default .icon-button.inverted:hover,\n .skin-default .icon-button.inverted:hover,\n .theme-default .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-default .public-layout .public-account-bio .account__header__fields a:hover {\n color: #b7bdf8;\n }\n .theme-default .column-header,\n .skin-default .column-header,\n .theme-default .column-header__button,\n .skin-default .column-header__button,\n .theme-default .column-header__back-button,\n .skin-default .column-header__back-button,\n .theme-default .column-back-button,\n .skin-default .column-back-button,\n .theme-default .drawer__header,\n .skin-default .drawer__header,\n .theme-default .notification__filter-bar,\n .skin-default .notification__filter-bar,\n .theme-default .account__section-headline button,\n .skin-default .account__section-headline button,\n .theme-default .notification__filter-bar button,\n .skin-default .notification__filter-bar button,\n .theme-default .account__header,\n .skin-default .account__header,\n .theme-default .search__input,\n .skin-default .search__input,\n .theme-default .search__input:focus,\n .skin-default .search__input:focus,\n .theme-default .column-link__badge,\n .skin-default .column-link__badge,\n .theme-default .column-subheading,\n .skin-default .column-subheading,\n .theme-default .public-layout .header,\n .skin-default .public-layout .header,\n .theme-default .public-layout .public-account-header__bar::before,\n .skin-default .public-layout .public-account-header__bar::before,\n .theme-default .account__header__fields,\n .skin-default .account__header__fields,\n .theme-default .account__header__fields dt,\n .skin-default .account__header__fields dt,\n .theme-default .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-default .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .theme-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .theme-default .explore__search-header,\n .skin-default .explore__search-header,\n .theme-default .column-inline-form,\n .skin-default .column-inline-form,\n .theme-default .follow_requests-unlocked_explanation,\n .skin-default .follow_requests-unlocked_explanation,\n .theme-default .conversation--unread,\n .skin-default .conversation--unread,\n .theme-default .column-header__collapsible-inner,\n .skin-default .column-header__collapsible-inner,\n .theme-default .announcements,\n .skin-default .announcements,\n .theme-default .status-card__image,\n .skin-default .status-card__image {\n border-color: #181926;\n background: #363a4f;\n }\n .theme-default .account__section-headline,\n .skin-default .account__section-headline {\n background: #1e2030;\n border-color: #181926;\n }\n .theme-default .focusable:focus,\n .skin-default .focusable:focus {\n background: unset;\n }\n .theme-default .admin-wrapper .sidebar ul a:hover,\n .skin-default .admin-wrapper .sidebar ul a:hover,\n .theme-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .theme-default .detailed-status,\n .skin-default .detailed-status,\n .theme-default .detailed-status__action-bar,\n .skin-default .detailed-status__action-bar {\n background: #363a4f;\n }\n .theme-default .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-default .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n .theme-default .dismissable-banner,\n .skin-default .dismissable-banner {\n border-color: #494d64;\n background: #24273a;\n }\n .theme-default .column-header__wrapper.active,\n .skin-default .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(183, 189, 248, 0.3);\n }\n .theme-default .column-header__wrapper.active::before,\n .skin-default .column-header__wrapper.active::before {\n background: radial-gradient(ellipse, rgba(183, 189, 248, 0.23) 0, rgba(99, 100, 255, 0) 60%);\n }\n .theme-default .theme-mastodon-light .account__header__bar,\n .skin-default .theme-mastodon-light .account__header__bar,\n .theme-default .theme-mastodon-light .column-header__back-button,\n .skin-default .theme-mastodon-light .column-header__back-button,\n .theme-default .account__header__bio .account__header__fields dl,\n .skin-default .account__header__bio .account__header__fields dl,\n .theme-default .account__header__bio .account__header__fields,\n .skin-default .account__header__bio .account__header__fields,\n .theme-default .empty-column-indicator,\n .skin-default .empty-column-indicator,\n .theme-default .column > .scrollable,\n .skin-default .column > .scrollable,\n .theme-default .nothing-here,\n .skin-default .nothing-here,\n .theme-default .public-layout .public-account-bio,\n .skin-default .public-layout .public-account-bio,\n .theme-default .hero-widget__text,\n .skin-default .hero-widget__text,\n .theme-default.admin,\n .skin-default.admin,\n .theme-default .admin-wrapper .sidebar ul a.selected,\n .skin-default .admin-wrapper .sidebar ul a.selected,\n .theme-default .admin-wrapper .sidebar ul ul,\n .skin-default .admin-wrapper .sidebar ul ul {\n border-color: #1e2030;\n background: #24273a;\n }\n .theme-default .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-default .public-layout .public-account-header__tabs__tabs .counter::after,\n .theme-default .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-default .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .theme-default .react-toggle--checked .react-toggle-thumb,\n .skin-default .react-toggle--checked .react-toggle-thumb,\n .theme-default .radio-button__input.checked,\n .skin-default .radio-button__input.checked,\n .theme-default .account__action-bar__tab.active,\n .skin-default .account__action-bar__tab.active {\n border-color: #b7bdf8;\n }\n .theme-default .account,\n .skin-default .account,\n .theme-default .load-gap,\n .skin-default .load-gap {\n border-color: #1e2030;\n }\n .theme-default .account__section-headline a.active::after,\n .skin-default .account__section-headline a.active::after {\n border-color: transparent transparent #24273a;\n }\n .theme-default .account__section-headline a.active::before,\n .skin-default .account__section-headline a.active::before,\n .theme-default .account__section-headline button.active::after,\n .skin-default .account__section-headline button.active::after,\n .theme-default .account__section-headline button.active::before,\n .skin-default .account__section-headline button.active::before,\n .theme-default .notification__filter-bar a.active::after,\n .skin-default .notification__filter-bar a.active::after,\n .theme-default .notification__filter-bar a.active::before,\n .skin-default .notification__filter-bar a.active::before,\n .theme-default .notification__filter-bar button.active::after,\n .skin-default .notification__filter-bar button.active::after,\n .theme-default .notification__filter-bar button.active::before,\n .skin-default .notification__filter-bar button.active::before {\n border-color: transparent transparent #1e2030;\n }\n .theme-default .search-popout,\n .skin-default .search-popout,\n .theme-default .drawer__header a:hover,\n .skin-default .drawer__header a:hover,\n .theme-default .column-header__button:hover,\n .skin-default .column-header__button:hover,\n .theme-default .account__section-headline button:hover,\n .skin-default .account__section-headline button:hover,\n .theme-default .notification__filter-bar button:hover,\n .skin-default .notification__filter-bar button:hover,\n .theme-default .account__section-headline a:hover,\n .skin-default .account__section-headline a:hover {\n background: #5b6078;\n }\n .theme-default .column-link .active,\n .skin-default .column-link .active,\n .theme-default .column-link--transparent.active,\n .skin-default .column-link--transparent.active,\n .theme-default .column-link--transparent:focus,\n .skin-default .column-link--transparent:focus,\n .theme-default .column-link:focus,\n .skin-default .column-link:focus {\n color: #b7bdf8;\n }\n .theme-default .column-link--transparent:hover,\n .skin-default .column-link--transparent:hover,\n .theme-default .column-link:hover,\n .skin-default .column-link:hover {\n color: #b7bdf8;\n }\n .theme-default .status.collapsed .status__content:after,\n .skin-default .status.collapsed .status__content:after {\n background: linear-gradient(rgba(36, 39, 58, 0), #24273a);\n }\n .theme-default .button.button-tertiary:focus,\n .skin-default .button.button-tertiary:focus,\n .theme-default .button.button-tertiary:hover,\n .skin-default .button.button-tertiary:hover,\n .theme-default .button.button-tertiary:active,\n .skin-default .button.button-tertiary:active {\n color: #24273a;\n }\n .theme-default .button.button-tertiary,\n .skin-default .button.button-tertiary {\n border-color: #b7bdf8;\n }\n .theme-default .button,\n .skin-default .button,\n .theme-default .button.button-tertiary,\n .skin-default .button.button-tertiary,\n .theme-default .button.logo-button,\n .skin-default .button.logo-button,\n .theme-default .icon-with-badge__badge,\n .skin-default .icon-with-badge__badge {\n background: #b7bdf8;\n color: #24273a;\n }\n .theme-default .button.logo-button svg,\n .skin-default .button.logo-button svg {\n fill: currentColor;\n }\n .theme-default .public-layout .header .nav-button,\n .skin-default .public-layout .header .nav-button {\n background-color: #494d64;\n }\n .theme-default .public-layout .header .nav-button:hover,\n .skin-default .public-layout .header .nav-button:hover {\n background-color: #5b6078;\n }\n .theme-default .button.button-secondary,\n .skin-default .button.button-secondary {\n background-color: transparent;\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .theme-default .button.button-secondary:active,\n .skin-default .button.button-secondary:active,\n .theme-default .button.button-secondary:focus,\n .skin-default .button.button-secondary:focus,\n .theme-default .button.button-secondary:hover,\n .skin-default .button.button-secondary:hover {\n border-color: #b7bdf8;\n color: #24273a;\n transition: 0.2s;\n }\n .theme-default .button:active,\n .skin-default .button:active,\n .theme-default .button:focus,\n .skin-default .button:focus,\n .theme-default .button:hover,\n .skin-default .button:hover,\n .theme-default .button.button-tertiary:active,\n .skin-default .button.button-tertiary:active,\n .theme-default .button.button-tertiary:focus,\n .skin-default .button.button-tertiary:focus,\n .theme-default .button.button-tertiary:hover,\n .skin-default .button.button-tertiary:hover,\n .theme-default .button.logo-button:active,\n .skin-default .button.logo-button:active,\n .theme-default .button.logo-button:focus,\n .skin-default .button.logo-button:focus,\n .theme-default .button.logo-button:hover,\n .skin-default .button.logo-button:hover {\n background: #b7bdf8;\n }\n .theme-default .drawer__inner,\n .skin-default .drawer__inner,\n .theme-default .drawer__inner__mastodon,\n .skin-default .drawer__inner__mastodon,\n .theme-default .explore__search-header .search__input,\n .skin-default .explore__search-header .search__input {\n background-color: #24273a;\n }\n .theme-default .compose-form .compose-form__modifiers,\n .skin-default .compose-form .compose-form__modifiers,\n .theme-default .compose-form .autosuggest-textarea__textarea,\n .skin-default .compose-form .autosuggest-textarea__textarea,\n .theme-default .compose-form .compose-form__autosuggest-wrapper,\n .skin-default .compose-form .compose-form__autosuggest-wrapper,\n .theme-default .compose-form .spoiler-input__input,\n .skin-default .compose-form .spoiler-input__input {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n .theme-default .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-default .compose-form .autosuggest-textarea__textarea::placeholder {\n color: #a5adcb !important;\n }\n .theme-default .compose-form .compose-form__buttons-wrapper,\n .skin-default .compose-form .compose-form__buttons-wrapper {\n background: #363a4f;\n }\n .theme-default .load-more:hover,\n .skin-default .load-more:hover {\n background-color: #1e2030;\n }\n .theme-default .character-counter,\n .skin-default .character-counter {\n color: #a5adcb;\n }\n .theme-default .public-layout .header,\n .skin-default .public-layout .header,\n .theme-default .hero-widget,\n .skin-default .hero-widget,\n .theme-default .public-layout .public-account-header,\n .skin-default .public-layout .public-account-header,\n .theme-default .public-layout .public-account-bio,\n .skin-default .public-layout .public-account-bio,\n .theme-default .nothing-here,\n .skin-default .nothing-here {\n box-shadow: none;\n }\n .theme-default .search__popout,\n .skin-default .search__popout,\n .theme-default .dropdown-menu__arrow:before,\n .skin-default .dropdown-menu__arrow:before,\n .theme-default .dropdown-menu__item a,\n .skin-default .dropdown-menu__item a,\n .theme-default .dropdown-menu__item button,\n .skin-default .dropdown-menu__item button,\n .theme-default .dropdown-menu__container__list,\n .skin-default .dropdown-menu__container__list,\n .theme-default .dropdown-menu.bottom,\n .skin-default .dropdown-menu.bottom {\n background: #363a4f;\n color: #cad3f5;\n }\n .theme-default .dropdown-menu__item a:hover,\n .skin-default .dropdown-menu__item a:hover,\n .theme-default .dropdown-menu__item button:hover,\n .skin-default .dropdown-menu__item button:hover {\n background: #494d64;\n }\n .theme-default .input-copy,\n .skin-default .input-copy,\n .theme-default .simple_form input[type=\"text\"],\n .skin-default .simple_form input[type=\"text\"],\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea,\n .theme-default .simple_form .block-button,\n .skin-default .simple_form .block-button,\n .theme-default .simple_form .button,\n .skin-default .simple_form .button,\n .theme-default .simple_form button,\n .skin-default .simple_form button {\n background: #1e2030;\n color: #cad3f5;\n }\n .theme-default .simple_form .block-button:hover,\n .skin-default .simple_form .block-button:hover,\n .theme-default .simple_form .button:hover,\n .skin-default .simple_form .button:hover,\n .theme-default .simple_form button:hover,\n .skin-default .simple_form button:hover {\n background: #363a4f;\n }\n .theme-default .simple_form .input.with_label .label_input > label,\n .skin-default .simple_form .input.with_label .label_input > label,\n .theme-default .simple_form select,\n .skin-default .simple_form select,\n .theme-default .accounts-table__count,\n .skin-default .accounts-table__count,\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea {\n color: #cad3f5;\n }\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea,\n .theme-default .simple_form input[type=\"password\"],\n .skin-default .simple_form input[type=\"password\"],\n .theme-default .simple_form input[type=\"number\"],\n .skin-default .simple_form input[type=\"number\"],\n .theme-default .simple_form input[type=\"text\"],\n .skin-default .simple_form input[type=\"text\"] {\n border: 1px solid #181926;\n }\n .theme-default .simple_form input[type=\"email\"]:required:valid,\n .skin-default .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid #a6da95;\n }\n .theme-default .simple_form input[type=\"password\"],\n .skin-default .simple_form input[type=\"password\"],\n .theme-default .simple_form input[type=\"number\"],\n .skin-default .simple_form input[type=\"number\"],\n .theme-default .simple_form input[type=\"email\"]:required:valid,\n .skin-default .simple_form input[type=\"email\"]:required:valid,\n .theme-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: #cad3f5;\n background: #1e2030;\n }\n .theme-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid #ed8796;\n }\n .theme-default .simple_form select,\n .skin-default .simple_form select {\n background: #1e2030 url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center / auto 16px;\n border: 1px solid #181926;\n }\n .theme-default .simple_form input[type=\"datetime-local\"]:active,\n .skin-default .simple_form input[type=\"datetime-local\"]:active,\n .theme-default .simple_form input[type=\"datetime-local\"]:focus,\n .skin-default .simple_form input[type=\"datetime-local\"]:focus,\n .theme-default .simple_form input[type=\"email\"]:active,\n .skin-default .simple_form input[type=\"email\"]:active,\n .theme-default .simple_form input[type=\"email\"]:focus,\n .skin-default .simple_form input[type=\"email\"]:focus,\n .theme-default .simple_form input[type=\"number\"]:active,\n .skin-default .simple_form input[type=\"number\"]:active,\n .theme-default .simple_form input[type=\"number\"]:focus,\n .skin-default .simple_form input[type=\"number\"]:focus,\n .theme-default .simple_form input[type=\"password\"]:active,\n .skin-default .simple_form input[type=\"password\"]:active,\n .theme-default .simple_form input[type=\"password\"]:focus,\n .skin-default .simple_form input[type=\"password\"]:focus,\n .theme-default .simple_form input[type=\"text\"]:active,\n .skin-default .simple_form input[type=\"text\"]:active,\n .theme-default .simple_form input[type=\"text\"]:focus,\n .skin-default .simple_form input[type=\"text\"]:focus,\n .theme-default .simple_form input[type=\"url\"]:active,\n .skin-default .simple_form input[type=\"url\"]:active,\n .theme-default .simple_form input[type=\"url\"]:focus,\n .skin-default .simple_form input[type=\"url\"]:focus,\n .theme-default .simple_form textarea:active,\n .skin-default .simple_form textarea:active,\n .theme-default .simple_form textarea:focus,\n .skin-default .simple_form textarea:focus {\n border-color: #b7bdf8 !important;\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th,\n .theme-default .setting-text:active,\n .skin-default .setting-text:active,\n .theme-default .setting-text:focus,\n .skin-default .setting-text:focus {\n border-color: #b7bdf8 !important;\n }\n .theme-default .batch-table__toolbar,\n .skin-default .batch-table__toolbar,\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n .theme-default .simple_form input[type=\"datetime-local\"]:hover,\n .skin-default .simple_form input[type=\"datetime-local\"]:hover,\n .theme-default .simple_form input[type=\"email\"]:hover,\n .skin-default .simple_form input[type=\"email\"]:hover,\n .theme-default .simple_form input[type=\"number\"]:hover,\n .skin-default .simple_form input[type=\"number\"]:hover,\n .theme-default .simple_form input[type=\"password\"]:hover,\n .skin-default .simple_form input[type=\"password\"]:hover,\n .theme-default .simple_form input[type=\"text\"]:hover,\n .skin-default .simple_form input[type=\"text\"]:hover,\n .theme-default .simple_form input[type=\"url\"]:hover,\n .skin-default .simple_form input[type=\"url\"]:hover,\n .theme-default .simple_form textarea:hover,\n .skin-default .simple_form textarea:hover {\n background: #1e2030 !important;\n border-color: #b7bdf8 !important;\n transition: 0.4s;\n }\n .theme-default .batch-table__row,\n .skin-default .batch-table__row {\n background: #494d64;\n }\n .theme-default .batch-table__row:hover,\n .skin-default .batch-table__row:hover,\n .theme-default .batch-table__row:nth-child(2n):hover,\n .skin-default .batch-table__row:nth-child(2n):hover {\n background: #5b6078;\n }\n .theme-default .batch-table__row:nth-child(2n),\n .skin-default .batch-table__row:nth-child(2n),\n .theme-default .table > tbody > tr > td,\n .skin-default .table > tbody > tr > td {\n background: #363a4f;\n }\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th {\n border-bottom: 2px solid #363a4f;\n }\n .theme-default .positive-hint,\n .skin-default .positive-hint {\n color: #a6da95 !important;\n }\n .theme-default .card__bar,\n .skin-default .card__bar {\n background: #363a4f;\n }\n }\n @media (prefers-color-scheme: dark) {\n .theme-default,\n .skin-default,\n .theme-default .tabs-bar__wrapper,\n .skin-default .tabs-bar__wrapper,\n .theme-default .admin-wrapper .sidebar-wrapper__inner,\n .skin-default .admin-wrapper .sidebar-wrapper__inner,\n .theme-default .ui__header,\n .skin-default .ui__header {\n background: #181926;\n color: #cad3f5;\n }\n .theme-default .ui__header,\n .skin-default .ui__header {\n border-bottom: none;\n }\n .theme-default .navigation-panel,\n .skin-default .navigation-panel,\n .theme-default .column-link,\n .skin-default .column-link {\n background: transparent;\n }\n .theme-default .account__header__bio .account__header__fields dt,\n .skin-default .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n .theme-default .search-popout,\n .skin-default .search-popout,\n .theme-default .search-popout em,\n .skin-default .search-popout em,\n .theme-default .dismissable-banner__message,\n .skin-default .dismissable-banner__message,\n .theme-default .dismissable-banner__message h1,\n .skin-default .dismissable-banner__message h1,\n .theme-default .account__header__bio .account__header__fields dt,\n .skin-default .account__header__bio .account__header__fields dt,\n .theme-default .account__section-headline a.active,\n .skin-default .account__section-headline a.active,\n .theme-default .account__section-headline button.active,\n .skin-default .account__section-headline button.active,\n .theme-default .notification__filter-bar a.active,\n .skin-default .notification__filter-bar a.active,\n .theme-default .notification__filter-bar button.active,\n .skin-default .notification__filter-bar button.active,\n .theme-default .account__header__bio .account__header__content,\n .skin-default .account__header__bio .account__header__content,\n .theme-default .navigation-bar,\n .skin-default .navigation-bar,\n .theme-default .column-link__badge,\n .skin-default .column-link__badge,\n .theme-default .column-subheading,\n .skin-default .column-subheading,\n .theme-default .account__display-name strong,\n .skin-default .account__display-name strong,\n .theme-default .status__display-name strong,\n .skin-default .status__display-name strong,\n .theme-default .notification__message,\n .skin-default .notification__message,\n .theme-default .public-layout .public-account-bio .account__header__content,\n .skin-default .public-layout .public-account-bio .account__header__content,\n .theme-default .reply-indicator__content,\n .skin-default .reply-indicator__content,\n .theme-default .status__content,\n .skin-default .status__content,\n .theme-default .card__bar .display-name strong,\n .skin-default .card__bar .display-name strong {\n color: #cad3f5;\n }\n .theme-default .search-popout span,\n .skin-default .search-popout span,\n .theme-default .link-footer p,\n .skin-default .link-footer p,\n .theme-default .link-footer p a,\n .skin-default .link-footer p a {\n color: #b8c0e0;\n }\n .theme-default .account__header__tabs__name h1 small,\n .skin-default .account__header__tabs__name h1 small,\n .theme-default .account__header__bio .account__header__fields dd,\n .skin-default .account__header__bio .account__header__fields dd,\n .theme-default .display-name__account,\n .skin-default .display-name__account,\n .theme-default .status__relative-time,\n .skin-default .status__relative-time,\n .theme-default .empty-column-indicator,\n .skin-default .empty-column-indicator,\n .theme-default .follow_requests-unlocked_explanation,\n .skin-default .follow_requests-unlocked_explanation,\n .theme-default .account .account__display-name,\n .skin-default .account .account__display-name,\n .theme-default .label_input .search__input,\n .skin-default .label_input .search__input,\n .theme-default .search__input:focus,\n .skin-default .search__input:focus,\n .theme-default .account__header__fields dt,\n .skin-default .account__header__fields dt {\n color: #a5adcb;\n }\n .theme-default .compose-panel hr,\n .skin-default .compose-panel hr,\n .theme-default .navigation-panel hr,\n .skin-default .navigation-panel hr {\n border-top-color: #a5adcb;\n }\n .theme-default .trends__item,\n .skin-default .trends__item,\n .theme-default .status,\n .skin-default .status,\n .theme-default .getting-started__trends h4,\n .skin-default .getting-started__trends h4,\n .theme-default .trends__item__name span,\n .skin-default .trends__item__name span,\n .theme-default .story,\n .skin-default .story {\n border-color: #363a4f;\n }\n .theme-default .mention,\n .skin-default .mention,\n .theme-default .account__header__tabs__name h1,\n .skin-default .account__header__tabs__name h1,\n .theme-default .account__header__content a,\n .skin-default .account__header__content a,\n .theme-default .account__header__bio .account__header__fields a,\n .skin-default .account__header__bio .account__header__fields a,\n .theme-default .empty-column-indicator a,\n .skin-default .empty-column-indicator a,\n .theme-default .follow_requests-unlocked_explanation a,\n .skin-default .follow_requests-unlocked_explanation a,\n .theme-default .column-back-button,\n .skin-default .column-back-button,\n .theme-default .icon-button.inverted,\n .skin-default .icon-button.inverted,\n .theme-default .text-icon-button,\n .skin-default .text-icon-button,\n .theme-default .icon-button.active,\n .skin-default .icon-button.active,\n .theme-default .public-layout .public-account-bio .account__header__fields a,\n .skin-default .public-layout .public-account-bio .account__header__fields a,\n .theme-default .column-header__back-button,\n .skin-default .column-header__back-button,\n .theme-default .navigation-bar strong,\n .skin-default .navigation-bar strong,\n .theme-default .reply-indicator__content a.unhandled-link,\n .skin-default .reply-indicator__content a.unhandled-link,\n .theme-default .status__content a.unhandled-link,\n .skin-default .status__content a.unhandled-link,\n .theme-default .announcements__item__content a.unhandled-link,\n .skin-default .announcements__item__content a.unhandled-link,\n .theme-default .reactions-bar__item.active .reactions-bar__item__count,\n .skin-default .reactions-bar__item.active .reactions-bar__item__count,\n .theme-default .column-header.active .column-header__icon,\n .skin-default .column-header.active .column-header__icon {\n color: #b7bdf8;\n }\n .theme-default .conversation__unread,\n .skin-default .conversation__unread,\n .theme-default .react-toggle--checked .react-toggle-track,\n .skin-default .react-toggle--checked .react-toggle-track,\n .theme-default .react-toggle--checked:hover .react-toggle-track,\n .skin-default .react-toggle--checked:hover .react-toggle-track,\n .theme-default .pillbar-button:not([disabled]).active,\n .skin-default .pillbar-button:not([disabled]).active,\n .theme-default .pillbar-button:not([disabled]).active:focus,\n .skin-default .pillbar-button:not([disabled]).active:focus,\n .theme-default .pillbar-button:not([disabled]).active:hover,\n .skin-default .pillbar-button:not([disabled]).active:hover,\n .theme-default .radio-button__input.checked,\n .skin-default .radio-button__input.checked {\n background-color: #b7bdf8;\n }\n .theme-default .reactions-bar__item.active,\n .skin-default .reactions-bar__item.active {\n background-color: rgba(183, 189, 248, 0.25);\n }\n .theme-default .trends__item__sparkline path:last-child,\n .skin-default .trends__item__sparkline path:last-child {\n stroke: #b7bdf8 !important;\n }\n .theme-default .trends__item__sparkline path:first-child,\n .skin-default .trends__item__sparkline path:first-child {\n fill: rgba(183, 189, 248, 0.25) !important;\n }\n .theme-default .icon-button,\n .skin-default .icon-button,\n .theme-default .notification__message .fa,\n .skin-default .notification__message .fa {\n color: #5b6078;\n }\n .theme-default .icon-button:active,\n .skin-default .icon-button:active,\n .theme-default .icon-button:focus,\n .skin-default .icon-button:focus,\n .theme-default .icon-button:hover,\n .skin-default .icon-button:hover,\n .theme-default .text-icon-button:active,\n .skin-default .text-icon-button:active,\n .theme-default .text-icon-button:focus,\n .skin-default .text-icon-button:focus,\n .theme-default .text-icon-button:hover,\n .skin-default .text-icon-button:hover,\n .theme-default .icon-button.inverted:active,\n .skin-default .icon-button.inverted:active,\n .theme-default .icon-button.inverted:focus,\n .skin-default .icon-button.inverted:focus,\n .theme-default .icon-button.inverted:hover,\n .skin-default .icon-button.inverted:hover,\n .theme-default .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-default .public-layout .public-account-bio .account__header__fields a:hover {\n color: #b7bdf8;\n }\n .theme-default .column-header,\n .skin-default .column-header,\n .theme-default .column-header__button,\n .skin-default .column-header__button,\n .theme-default .column-header__back-button,\n .skin-default .column-header__back-button,\n .theme-default .column-back-button,\n .skin-default .column-back-button,\n .theme-default .drawer__header,\n .skin-default .drawer__header,\n .theme-default .notification__filter-bar,\n .skin-default .notification__filter-bar,\n .theme-default .account__section-headline button,\n .skin-default .account__section-headline button,\n .theme-default .notification__filter-bar button,\n .skin-default .notification__filter-bar button,\n .theme-default .account__header,\n .skin-default .account__header,\n .theme-default .search__input,\n .skin-default .search__input,\n .theme-default .search__input:focus,\n .skin-default .search__input:focus,\n .theme-default .column-link__badge,\n .skin-default .column-link__badge,\n .theme-default .column-subheading,\n .skin-default .column-subheading,\n .theme-default .public-layout .header,\n .skin-default .public-layout .header,\n .theme-default .public-layout .public-account-header__bar::before,\n .skin-default .public-layout .public-account-header__bar::before,\n .theme-default .account__header__fields,\n .skin-default .account__header__fields,\n .theme-default .account__header__fields dt,\n .skin-default .account__header__fields dt,\n .theme-default .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-default .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .theme-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .theme-default .explore__search-header,\n .skin-default .explore__search-header,\n .theme-default .column-inline-form,\n .skin-default .column-inline-form,\n .theme-default .follow_requests-unlocked_explanation,\n .skin-default .follow_requests-unlocked_explanation,\n .theme-default .conversation--unread,\n .skin-default .conversation--unread,\n .theme-default .column-header__collapsible-inner,\n .skin-default .column-header__collapsible-inner,\n .theme-default .announcements,\n .skin-default .announcements,\n .theme-default .status-card__image,\n .skin-default .status-card__image {\n border-color: #181926;\n background: #363a4f;\n }\n .theme-default .account__section-headline,\n .skin-default .account__section-headline {\n background: #1e2030;\n border-color: #181926;\n }\n .theme-default .focusable:focus,\n .skin-default .focusable:focus {\n background: unset;\n }\n .theme-default .admin-wrapper .sidebar ul a:hover,\n .skin-default .admin-wrapper .sidebar ul a:hover,\n .theme-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .theme-default .detailed-status,\n .skin-default .detailed-status,\n .theme-default .detailed-status__action-bar,\n .skin-default .detailed-status__action-bar {\n background: #363a4f;\n }\n .theme-default .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-default .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n .theme-default .dismissable-banner,\n .skin-default .dismissable-banner {\n border-color: #494d64;\n background: #24273a;\n }\n .theme-default .column-header__wrapper.active,\n .skin-default .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(183, 189, 248, 0.3);\n }\n .theme-default .column-header__wrapper.active::before,\n .skin-default .column-header__wrapper.active::before {\n background: radial-gradient(ellipse, rgba(183, 189, 248, 0.23) 0, rgba(99, 100, 255, 0) 60%);\n }\n .theme-default .theme-mastodon-light .account__header__bar,\n .skin-default .theme-mastodon-light .account__header__bar,\n .theme-default .theme-mastodon-light .column-header__back-button,\n .skin-default .theme-mastodon-light .column-header__back-button,\n .theme-default .account__header__bio .account__header__fields dl,\n .skin-default .account__header__bio .account__header__fields dl,\n .theme-default .account__header__bio .account__header__fields,\n .skin-default .account__header__bio .account__header__fields,\n .theme-default .empty-column-indicator,\n .skin-default .empty-column-indicator,\n .theme-default .column > .scrollable,\n .skin-default .column > .scrollable,\n .theme-default .nothing-here,\n .skin-default .nothing-here,\n .theme-default .public-layout .public-account-bio,\n .skin-default .public-layout .public-account-bio,\n .theme-default .hero-widget__text,\n .skin-default .hero-widget__text,\n .theme-default.admin,\n .skin-default.admin,\n .theme-default .admin-wrapper .sidebar ul a.selected,\n .skin-default .admin-wrapper .sidebar ul a.selected,\n .theme-default .admin-wrapper .sidebar ul ul,\n .skin-default .admin-wrapper .sidebar ul ul {\n border-color: #1e2030;\n background: #24273a;\n }\n .theme-default .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-default .public-layout .public-account-header__tabs__tabs .counter::after,\n .theme-default .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-default .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .theme-default .react-toggle--checked .react-toggle-thumb,\n .skin-default .react-toggle--checked .react-toggle-thumb,\n .theme-default .radio-button__input.checked,\n .skin-default .radio-button__input.checked,\n .theme-default .account__action-bar__tab.active,\n .skin-default .account__action-bar__tab.active {\n border-color: #b7bdf8;\n }\n .theme-default .account,\n .skin-default .account,\n .theme-default .load-gap,\n .skin-default .load-gap {\n border-color: #1e2030;\n }\n .theme-default .account__section-headline a.active::after,\n .skin-default .account__section-headline a.active::after {\n border-color: transparent transparent #24273a;\n }\n .theme-default .account__section-headline a.active::before,\n .skin-default .account__section-headline a.active::before,\n .theme-default .account__section-headline button.active::after,\n .skin-default .account__section-headline button.active::after,\n .theme-default .account__section-headline button.active::before,\n .skin-default .account__section-headline button.active::before,\n .theme-default .notification__filter-bar a.active::after,\n .skin-default .notification__filter-bar a.active::after,\n .theme-default .notification__filter-bar a.active::before,\n .skin-default .notification__filter-bar a.active::before,\n .theme-default .notification__filter-bar button.active::after,\n .skin-default .notification__filter-bar button.active::after,\n .theme-default .notification__filter-bar button.active::before,\n .skin-default .notification__filter-bar button.active::before {\n border-color: transparent transparent #1e2030;\n }\n .theme-default .search-popout,\n .skin-default .search-popout,\n .theme-default .drawer__header a:hover,\n .skin-default .drawer__header a:hover,\n .theme-default .column-header__button:hover,\n .skin-default .column-header__button:hover,\n .theme-default .account__section-headline button:hover,\n .skin-default .account__section-headline button:hover,\n .theme-default .notification__filter-bar button:hover,\n .skin-default .notification__filter-bar button:hover,\n .theme-default .account__section-headline a:hover,\n .skin-default .account__section-headline a:hover {\n background: #5b6078;\n }\n .theme-default .column-link .active,\n .skin-default .column-link .active,\n .theme-default .column-link--transparent.active,\n .skin-default .column-link--transparent.active,\n .theme-default .column-link--transparent:focus,\n .skin-default .column-link--transparent:focus,\n .theme-default .column-link:focus,\n .skin-default .column-link:focus {\n color: #b7bdf8;\n }\n .theme-default .column-link--transparent:hover,\n .skin-default .column-link--transparent:hover,\n .theme-default .column-link:hover,\n .skin-default .column-link:hover {\n color: #b7bdf8;\n }\n .theme-default .status.collapsed .status__content:after,\n .skin-default .status.collapsed .status__content:after {\n background: linear-gradient(rgba(36, 39, 58, 0), #24273a);\n }\n .theme-default .button.button-tertiary:focus,\n .skin-default .button.button-tertiary:focus,\n .theme-default .button.button-tertiary:hover,\n .skin-default .button.button-tertiary:hover,\n .theme-default .button.button-tertiary:active,\n .skin-default .button.button-tertiary:active {\n color: #24273a;\n }\n .theme-default .button.button-tertiary,\n .skin-default .button.button-tertiary {\n border-color: #b7bdf8;\n }\n .theme-default .button,\n .skin-default .button,\n .theme-default .button.button-tertiary,\n .skin-default .button.button-tertiary,\n .theme-default .button.logo-button,\n .skin-default .button.logo-button,\n .theme-default .icon-with-badge__badge,\n .skin-default .icon-with-badge__badge {\n background: #b7bdf8;\n color: #24273a;\n }\n .theme-default .button.logo-button svg,\n .skin-default .button.logo-button svg {\n fill: currentColor;\n }\n .theme-default .public-layout .header .nav-button,\n .skin-default .public-layout .header .nav-button {\n background-color: #494d64;\n }\n .theme-default .public-layout .header .nav-button:hover,\n .skin-default .public-layout .header .nav-button:hover {\n background-color: #5b6078;\n }\n .theme-default .button.button-secondary,\n .skin-default .button.button-secondary {\n background-color: transparent;\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .theme-default .button.button-secondary:active,\n .skin-default .button.button-secondary:active,\n .theme-default .button.button-secondary:focus,\n .skin-default .button.button-secondary:focus,\n .theme-default .button.button-secondary:hover,\n .skin-default .button.button-secondary:hover {\n border-color: #b7bdf8;\n color: #24273a;\n transition: 0.2s;\n }\n .theme-default .button:active,\n .skin-default .button:active,\n .theme-default .button:focus,\n .skin-default .button:focus,\n .theme-default .button:hover,\n .skin-default .button:hover,\n .theme-default .button.button-tertiary:active,\n .skin-default .button.button-tertiary:active,\n .theme-default .button.button-tertiary:focus,\n .skin-default .button.button-tertiary:focus,\n .theme-default .button.button-tertiary:hover,\n .skin-default .button.button-tertiary:hover,\n .theme-default .button.logo-button:active,\n .skin-default .button.logo-button:active,\n .theme-default .button.logo-button:focus,\n .skin-default .button.logo-button:focus,\n .theme-default .button.logo-button:hover,\n .skin-default .button.logo-button:hover {\n background: #b7bdf8;\n }\n .theme-default .drawer__inner,\n .skin-default .drawer__inner,\n .theme-default .drawer__inner__mastodon,\n .skin-default .drawer__inner__mastodon,\n .theme-default .explore__search-header .search__input,\n .skin-default .explore__search-header .search__input {\n background-color: #24273a;\n }\n .theme-default .compose-form .compose-form__modifiers,\n .skin-default .compose-form .compose-form__modifiers,\n .theme-default .compose-form .autosuggest-textarea__textarea,\n .skin-default .compose-form .autosuggest-textarea__textarea,\n .theme-default .compose-form .compose-form__autosuggest-wrapper,\n .skin-default .compose-form .compose-form__autosuggest-wrapper,\n .theme-default .compose-form .spoiler-input__input,\n .skin-default .compose-form .spoiler-input__input {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n .theme-default .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-default .compose-form .autosuggest-textarea__textarea::placeholder {\n color: #a5adcb !important;\n }\n .theme-default .compose-form .compose-form__buttons-wrapper,\n .skin-default .compose-form .compose-form__buttons-wrapper {\n background: #363a4f;\n }\n .theme-default .load-more:hover,\n .skin-default .load-more:hover {\n background-color: #1e2030;\n }\n .theme-default .character-counter,\n .skin-default .character-counter {\n color: #a5adcb;\n }\n .theme-default .public-layout .header,\n .skin-default .public-layout .header,\n .theme-default .hero-widget,\n .skin-default .hero-widget,\n .theme-default .public-layout .public-account-header,\n .skin-default .public-layout .public-account-header,\n .theme-default .public-layout .public-account-bio,\n .skin-default .public-layout .public-account-bio,\n .theme-default .nothing-here,\n .skin-default .nothing-here {\n box-shadow: none;\n }\n .theme-default .search__popout,\n .skin-default .search__popout,\n .theme-default .dropdown-menu__arrow:before,\n .skin-default .dropdown-menu__arrow:before,\n .theme-default .dropdown-menu__item a,\n .skin-default .dropdown-menu__item a,\n .theme-default .dropdown-menu__item button,\n .skin-default .dropdown-menu__item button,\n .theme-default .dropdown-menu__container__list,\n .skin-default .dropdown-menu__container__list,\n .theme-default .dropdown-menu.bottom,\n .skin-default .dropdown-menu.bottom {\n background: #363a4f;\n color: #cad3f5;\n }\n .theme-default .dropdown-menu__item a:hover,\n .skin-default .dropdown-menu__item a:hover,\n .theme-default .dropdown-menu__item button:hover,\n .skin-default .dropdown-menu__item button:hover {\n background: #494d64;\n }\n .theme-default .input-copy,\n .skin-default .input-copy,\n .theme-default .simple_form input[type=\"text\"],\n .skin-default .simple_form input[type=\"text\"],\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea,\n .theme-default .simple_form .block-button,\n .skin-default .simple_form .block-button,\n .theme-default .simple_form .button,\n .skin-default .simple_form .button,\n .theme-default .simple_form button,\n .skin-default .simple_form button {\n background: #1e2030;\n color: #cad3f5;\n }\n .theme-default .simple_form .block-button:hover,\n .skin-default .simple_form .block-button:hover,\n .theme-default .simple_form .button:hover,\n .skin-default .simple_form .button:hover,\n .theme-default .simple_form button:hover,\n .skin-default .simple_form button:hover {\n background: #363a4f;\n }\n .theme-default .simple_form .input.with_label .label_input > label,\n .skin-default .simple_form .input.with_label .label_input > label,\n .theme-default .simple_form select,\n .skin-default .simple_form select,\n .theme-default .accounts-table__count,\n .skin-default .accounts-table__count,\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea {\n color: #cad3f5;\n }\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea,\n .theme-default .simple_form input[type=\"password\"],\n .skin-default .simple_form input[type=\"password\"],\n .theme-default .simple_form input[type=\"number\"],\n .skin-default .simple_form input[type=\"number\"],\n .theme-default .simple_form input[type=\"text\"],\n .skin-default .simple_form input[type=\"text\"] {\n border: 1px solid #181926;\n }\n .theme-default .simple_form input[type=\"email\"]:required:valid,\n .skin-default .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid #a6da95;\n }\n .theme-default .simple_form input[type=\"password\"],\n .skin-default .simple_form input[type=\"password\"],\n .theme-default .simple_form input[type=\"number\"],\n .skin-default .simple_form input[type=\"number\"],\n .theme-default .simple_form input[type=\"email\"]:required:valid,\n .skin-default .simple_form input[type=\"email\"]:required:valid,\n .theme-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: #cad3f5;\n background: #1e2030;\n }\n .theme-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid #ed8796;\n }\n .theme-default .simple_form select,\n .skin-default .simple_form select {\n background: #1e2030 url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center / auto 16px;\n border: 1px solid #181926;\n }\n .theme-default .simple_form input[type=\"datetime-local\"]:active,\n .skin-default .simple_form input[type=\"datetime-local\"]:active,\n .theme-default .simple_form input[type=\"datetime-local\"]:focus,\n .skin-default .simple_form input[type=\"datetime-local\"]:focus,\n .theme-default .simple_form input[type=\"email\"]:active,\n .skin-default .simple_form input[type=\"email\"]:active,\n .theme-default .simple_form input[type=\"email\"]:focus,\n .skin-default .simple_form input[type=\"email\"]:focus,\n .theme-default .simple_form input[type=\"number\"]:active,\n .skin-default .simple_form input[type=\"number\"]:active,\n .theme-default .simple_form input[type=\"number\"]:focus,\n .skin-default .simple_form input[type=\"number\"]:focus,\n .theme-default .simple_form input[type=\"password\"]:active,\n .skin-default .simple_form input[type=\"password\"]:active,\n .theme-default .simple_form input[type=\"password\"]:focus,\n .skin-default .simple_form input[type=\"password\"]:focus,\n .theme-default .simple_form input[type=\"text\"]:active,\n .skin-default .simple_form input[type=\"text\"]:active,\n .theme-default .simple_form input[type=\"text\"]:focus,\n .skin-default .simple_form input[type=\"text\"]:focus,\n .theme-default .simple_form input[type=\"url\"]:active,\n .skin-default .simple_form input[type=\"url\"]:active,\n .theme-default .simple_form input[type=\"url\"]:focus,\n .skin-default .simple_form input[type=\"url\"]:focus,\n .theme-default .simple_form textarea:active,\n .skin-default .simple_form textarea:active,\n .theme-default .simple_form textarea:focus,\n .skin-default .simple_form textarea:focus {\n border-color: #b7bdf8 !important;\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th,\n .theme-default .setting-text:active,\n .skin-default .setting-text:active,\n .theme-default .setting-text:focus,\n .skin-default .setting-text:focus {\n border-color: #b7bdf8 !important;\n }\n .theme-default .batch-table__toolbar,\n .skin-default .batch-table__toolbar,\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n .theme-default .simple_form input[type=\"datetime-local\"]:hover,\n .skin-default .simple_form input[type=\"datetime-local\"]:hover,\n .theme-default .simple_form input[type=\"email\"]:hover,\n .skin-default .simple_form input[type=\"email\"]:hover,\n .theme-default .simple_form input[type=\"number\"]:hover,\n .skin-default .simple_form input[type=\"number\"]:hover,\n .theme-default .simple_form input[type=\"password\"]:hover,\n .skin-default .simple_form input[type=\"password\"]:hover,\n .theme-default .simple_form input[type=\"text\"]:hover,\n .skin-default .simple_form input[type=\"text\"]:hover,\n .theme-default .simple_form input[type=\"url\"]:hover,\n .skin-default .simple_form input[type=\"url\"]:hover,\n .theme-default .simple_form textarea:hover,\n .skin-default .simple_form textarea:hover {\n background: #1e2030 !important;\n border-color: #b7bdf8 !important;\n transition: 0.4s;\n }\n .theme-default .batch-table__row,\n .skin-default .batch-table__row {\n background: #494d64;\n }\n .theme-default .batch-table__row:hover,\n .skin-default .batch-table__row:hover,\n .theme-default .batch-table__row:nth-child(2n):hover,\n .skin-default .batch-table__row:nth-child(2n):hover {\n background: #5b6078;\n }\n .theme-default .batch-table__row:nth-child(2n),\n .skin-default .batch-table__row:nth-child(2n),\n .theme-default .table > tbody > tr > td,\n .skin-default .table > tbody > tr > td {\n background: #363a4f;\n }\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th {\n border-bottom: 2px solid #363a4f;\n }\n .theme-default .positive-hint,\n .skin-default .positive-hint {\n color: #a6da95 !important;\n }\n .theme-default .card__bar,\n .skin-default .card__bar {\n background: #363a4f;\n }\n }",
- "start": 1093,
+ "code": ".theme-mastodon-light,\n .skin-modern-light,\n .skin-mastodon-light,\n .theme-mastodon-light .tabs-bar__wrapper,\n .skin-modern-light .tabs-bar__wrapper,\n .skin-mastodon-light .tabs-bar__wrapper,\n .theme-mastodon-light .admin-wrapper .sidebar-wrapper__inner,\n .skin-modern-light .admin-wrapper .sidebar-wrapper__inner,\n .skin-mastodon-light .admin-wrapper .sidebar-wrapper__inner,\n .theme-mastodon-light .ui__header,\n .skin-modern-light .ui__header,\n .skin-mastodon-light .ui__header {\n background: #181926;\n color: #cad3f5;\n }\n .theme-mastodon-light .ui__header,\n .skin-modern-light .ui__header,\n .skin-mastodon-light .ui__header {\n border-bottom: none;\n }\n .theme-mastodon-light .navigation-panel,\n .skin-modern-light .navigation-panel,\n .skin-mastodon-light .navigation-panel,\n .theme-mastodon-light .column-link,\n .skin-modern-light .column-link,\n .skin-mastodon-light .column-link {\n background: transparent;\n }\n .theme-mastodon-light .account__header__bio .account__header__fields dt,\n .skin-modern-light .account__header__bio .account__header__fields dt,\n .skin-mastodon-light .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n .theme-mastodon-light .search-popout,\n .skin-modern-light .search-popout,\n .skin-mastodon-light .search-popout,\n .theme-mastodon-light .search-popout em,\n .skin-modern-light .search-popout em,\n .skin-mastodon-light .search-popout em,\n .theme-mastodon-light .dismissable-banner__message,\n .skin-modern-light .dismissable-banner__message,\n .skin-mastodon-light .dismissable-banner__message,\n .theme-mastodon-light .dismissable-banner__message h1,\n .skin-modern-light .dismissable-banner__message h1,\n .skin-mastodon-light .dismissable-banner__message h1,\n .theme-mastodon-light .account__header__bio .account__header__fields dt,\n .skin-modern-light .account__header__bio .account__header__fields dt,\n .skin-mastodon-light .account__header__bio .account__header__fields dt,\n .theme-mastodon-light .account__section-headline a.active,\n .skin-modern-light .account__section-headline a.active,\n .skin-mastodon-light .account__section-headline a.active,\n .theme-mastodon-light .account__section-headline button.active,\n .skin-modern-light .account__section-headline button.active,\n .skin-mastodon-light .account__section-headline button.active,\n .theme-mastodon-light .notification__filter-bar a.active,\n .skin-modern-light .notification__filter-bar a.active,\n .skin-mastodon-light .notification__filter-bar a.active,\n .theme-mastodon-light .notification__filter-bar button.active,\n .skin-modern-light .notification__filter-bar button.active,\n .skin-mastodon-light .notification__filter-bar button.active,\n .theme-mastodon-light .account__header__bio .account__header__content,\n .skin-modern-light .account__header__bio .account__header__content,\n .skin-mastodon-light .account__header__bio .account__header__content,\n .theme-mastodon-light .navigation-bar,\n .skin-modern-light .navigation-bar,\n .skin-mastodon-light .navigation-bar,\n .theme-mastodon-light .column-link__badge,\n .skin-modern-light .column-link__badge,\n .skin-mastodon-light .column-link__badge,\n .theme-mastodon-light .column-subheading,\n .skin-modern-light .column-subheading,\n .skin-mastodon-light .column-subheading,\n .theme-mastodon-light .account__display-name strong,\n .skin-modern-light .account__display-name strong,\n .skin-mastodon-light .account__display-name strong,\n .theme-mastodon-light .status__display-name strong,\n .skin-modern-light .status__display-name strong,\n .skin-mastodon-light .status__display-name strong,\n .theme-mastodon-light .notification__message,\n .skin-modern-light .notification__message,\n .skin-mastodon-light .notification__message,\n .theme-mastodon-light .public-layout .public-account-bio .account__header__content,\n .skin-modern-light .public-layout .public-account-bio .account__header__content,\n .skin-mastodon-light .public-layout .public-account-bio .account__header__content,\n .theme-mastodon-light .reply-indicator__content,\n .skin-modern-light .reply-indicator__content,\n .skin-mastodon-light .reply-indicator__content,\n .theme-mastodon-light .status__content,\n .skin-modern-light .status__content,\n .skin-mastodon-light .status__content,\n .theme-mastodon-light .card__bar .display-name strong,\n .skin-modern-light .card__bar .display-name strong,\n .skin-mastodon-light .card__bar .display-name strong {\n color: #cad3f5;\n }\n .theme-mastodon-light .search-popout span,\n .skin-modern-light .search-popout span,\n .skin-mastodon-light .search-popout span,\n .theme-mastodon-light .link-footer p,\n .skin-modern-light .link-footer p,\n .skin-mastodon-light .link-footer p,\n .theme-mastodon-light .link-footer p a,\n .skin-modern-light .link-footer p a,\n .skin-mastodon-light .link-footer p a {\n color: #b8c0e0;\n }\n .theme-mastodon-light .account__header__tabs__name h1 small,\n .skin-modern-light .account__header__tabs__name h1 small,\n .skin-mastodon-light .account__header__tabs__name h1 small,\n .theme-mastodon-light .account__header__bio .account__header__fields dd,\n .skin-modern-light .account__header__bio .account__header__fields dd,\n .skin-mastodon-light .account__header__bio .account__header__fields dd,\n .theme-mastodon-light .display-name__account,\n .skin-modern-light .display-name__account,\n .skin-mastodon-light .display-name__account,\n .theme-mastodon-light .status__relative-time,\n .skin-modern-light .status__relative-time,\n .skin-mastodon-light .status__relative-time,\n .theme-mastodon-light .empty-column-indicator,\n .skin-modern-light .empty-column-indicator,\n .skin-mastodon-light .empty-column-indicator,\n .theme-mastodon-light .follow_requests-unlocked_explanation,\n .skin-modern-light .follow_requests-unlocked_explanation,\n .skin-mastodon-light .follow_requests-unlocked_explanation,\n .theme-mastodon-light .account .account__display-name,\n .skin-modern-light .account .account__display-name,\n .skin-mastodon-light .account .account__display-name,\n .theme-mastodon-light .label_input .search__input,\n .skin-modern-light .label_input .search__input,\n .skin-mastodon-light .label_input .search__input,\n .theme-mastodon-light .search__input:focus,\n .skin-modern-light .search__input:focus,\n .skin-mastodon-light .search__input:focus,\n .theme-mastodon-light .account__header__fields dt,\n .skin-modern-light .account__header__fields dt,\n .skin-mastodon-light .account__header__fields dt {\n color: #a5adcb;\n }\n .theme-mastodon-light .compose-panel hr,\n .skin-modern-light .compose-panel hr,\n .skin-mastodon-light .compose-panel hr,\n .theme-mastodon-light .navigation-panel hr,\n .skin-modern-light .navigation-panel hr,\n .skin-mastodon-light .navigation-panel hr {\n border-top-color: #a5adcb;\n }\n .theme-mastodon-light .trends__item,\n .skin-modern-light .trends__item,\n .skin-mastodon-light .trends__item,\n .theme-mastodon-light .status,\n .skin-modern-light .status,\n .skin-mastodon-light .status,\n .theme-mastodon-light .getting-started__trends h4,\n .skin-modern-light .getting-started__trends h4,\n .skin-mastodon-light .getting-started__trends h4,\n .theme-mastodon-light .trends__item__name span,\n .skin-modern-light .trends__item__name span,\n .skin-mastodon-light .trends__item__name span,\n .theme-mastodon-light .story,\n .skin-modern-light .story,\n .skin-mastodon-light .story {\n border-color: #363a4f;\n }\n .theme-mastodon-light .mention,\n .skin-modern-light .mention,\n .skin-mastodon-light .mention,\n .theme-mastodon-light .account__header__tabs__name h1,\n .skin-modern-light .account__header__tabs__name h1,\n .skin-mastodon-light .account__header__tabs__name h1,\n .theme-mastodon-light .account__header__content a,\n .skin-modern-light .account__header__content a,\n .skin-mastodon-light .account__header__content a,\n .theme-mastodon-light .account__header__bio .account__header__fields a,\n .skin-modern-light .account__header__bio .account__header__fields a,\n .skin-mastodon-light .account__header__bio .account__header__fields a,\n .theme-mastodon-light .empty-column-indicator a,\n .skin-modern-light .empty-column-indicator a,\n .skin-mastodon-light .empty-column-indicator a,\n .theme-mastodon-light .follow_requests-unlocked_explanation a,\n .skin-modern-light .follow_requests-unlocked_explanation a,\n .skin-mastodon-light .follow_requests-unlocked_explanation a,\n .theme-mastodon-light .column-back-button,\n .skin-modern-light .column-back-button,\n .skin-mastodon-light .column-back-button,\n .theme-mastodon-light .icon-button.inverted,\n .skin-modern-light .icon-button.inverted,\n .skin-mastodon-light .icon-button.inverted,\n .theme-mastodon-light .text-icon-button,\n .skin-modern-light .text-icon-button,\n .skin-mastodon-light .text-icon-button,\n .theme-mastodon-light .icon-button.active,\n .skin-modern-light .icon-button.active,\n .skin-mastodon-light .icon-button.active,\n .theme-mastodon-light .public-layout .public-account-bio .account__header__fields a,\n .skin-modern-light .public-layout .public-account-bio .account__header__fields a,\n .skin-mastodon-light .public-layout .public-account-bio .account__header__fields a,\n .theme-mastodon-light .column-header__back-button,\n .skin-modern-light .column-header__back-button,\n .skin-mastodon-light .column-header__back-button,\n .theme-mastodon-light .navigation-bar strong,\n .skin-modern-light .navigation-bar strong,\n .skin-mastodon-light .navigation-bar strong,\n .theme-mastodon-light .reply-indicator__content a.unhandled-link,\n .skin-modern-light .reply-indicator__content a.unhandled-link,\n .skin-mastodon-light .reply-indicator__content a.unhandled-link,\n .theme-mastodon-light .status__content a.unhandled-link,\n .skin-modern-light .status__content a.unhandled-link,\n .skin-mastodon-light .status__content a.unhandled-link,\n .theme-mastodon-light .announcements__item__content a.unhandled-link,\n .skin-modern-light .announcements__item__content a.unhandled-link,\n .skin-mastodon-light .announcements__item__content a.unhandled-link,\n .theme-mastodon-light .reactions-bar__item.active .reactions-bar__item__count,\n .skin-modern-light .reactions-bar__item.active .reactions-bar__item__count,\n .skin-mastodon-light .reactions-bar__item.active .reactions-bar__item__count,\n .theme-mastodon-light .column-header.active .column-header__icon,\n .skin-modern-light .column-header.active .column-header__icon,\n .skin-mastodon-light .column-header.active .column-header__icon {\n color: #b7bdf8;\n }\n .theme-mastodon-light .conversation__unread,\n .skin-modern-light .conversation__unread,\n .skin-mastodon-light .conversation__unread,\n .theme-mastodon-light .react-toggle--checked .react-toggle-track,\n .skin-modern-light .react-toggle--checked .react-toggle-track,\n .skin-mastodon-light .react-toggle--checked .react-toggle-track,\n .theme-mastodon-light .react-toggle--checked:hover .react-toggle-track,\n .skin-modern-light .react-toggle--checked:hover .react-toggle-track,\n .skin-mastodon-light .react-toggle--checked:hover .react-toggle-track,\n .theme-mastodon-light .pillbar-button:not([disabled]).active,\n .skin-modern-light .pillbar-button:not([disabled]).active,\n .skin-mastodon-light .pillbar-button:not([disabled]).active,\n .theme-mastodon-light .pillbar-button:not([disabled]).active:focus,\n .skin-modern-light .pillbar-button:not([disabled]).active:focus,\n .skin-mastodon-light .pillbar-button:not([disabled]).active:focus,\n .theme-mastodon-light .pillbar-button:not([disabled]).active:hover,\n .skin-modern-light .pillbar-button:not([disabled]).active:hover,\n .skin-mastodon-light .pillbar-button:not([disabled]).active:hover,\n .theme-mastodon-light .radio-button__input.checked,\n .skin-modern-light .radio-button__input.checked,\n .skin-mastodon-light .radio-button__input.checked {\n background-color: #b7bdf8;\n }\n .theme-mastodon-light .reactions-bar__item.active,\n .skin-modern-light .reactions-bar__item.active,\n .skin-mastodon-light .reactions-bar__item.active {\n background-color: rgba(183, 189, 248, 0.25);\n }\n .theme-mastodon-light .trends__item__sparkline path:last-child,\n .skin-modern-light .trends__item__sparkline path:last-child,\n .skin-mastodon-light .trends__item__sparkline path:last-child {\n stroke: #b7bdf8 !important;\n }\n .theme-mastodon-light .trends__item__sparkline path:first-child,\n .skin-modern-light .trends__item__sparkline path:first-child,\n .skin-mastodon-light .trends__item__sparkline path:first-child {\n fill: rgba(183, 189, 248, 0.25) !important;\n }\n .theme-mastodon-light .icon-button,\n .skin-modern-light .icon-button,\n .skin-mastodon-light .icon-button,\n .theme-mastodon-light .notification__message .fa,\n .skin-modern-light .notification__message .fa,\n .skin-mastodon-light .notification__message .fa {\n color: #5b6078;\n }\n .theme-mastodon-light .icon-button:active,\n .skin-modern-light .icon-button:active,\n .skin-mastodon-light .icon-button:active,\n .theme-mastodon-light .icon-button:focus,\n .skin-modern-light .icon-button:focus,\n .skin-mastodon-light .icon-button:focus,\n .theme-mastodon-light .icon-button:hover,\n .skin-modern-light .icon-button:hover,\n .skin-mastodon-light .icon-button:hover,\n .theme-mastodon-light .text-icon-button:active,\n .skin-modern-light .text-icon-button:active,\n .skin-mastodon-light .text-icon-button:active,\n .theme-mastodon-light .text-icon-button:focus,\n .skin-modern-light .text-icon-button:focus,\n .skin-mastodon-light .text-icon-button:focus,\n .theme-mastodon-light .text-icon-button:hover,\n .skin-modern-light .text-icon-button:hover,\n .skin-mastodon-light .text-icon-button:hover,\n .theme-mastodon-light .icon-button.inverted:active,\n .skin-modern-light .icon-button.inverted:active,\n .skin-mastodon-light .icon-button.inverted:active,\n .theme-mastodon-light .icon-button.inverted:focus,\n .skin-modern-light .icon-button.inverted:focus,\n .skin-mastodon-light .icon-button.inverted:focus,\n .theme-mastodon-light .icon-button.inverted:hover,\n .skin-modern-light .icon-button.inverted:hover,\n .skin-mastodon-light .icon-button.inverted:hover,\n .theme-mastodon-light .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-modern-light .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-mastodon-light .public-layout .public-account-bio .account__header__fields a:hover {\n color: #b7bdf8;\n }\n .theme-mastodon-light .column-header,\n .skin-modern-light .column-header,\n .skin-mastodon-light .column-header,\n .theme-mastodon-light .column-header__button,\n .skin-modern-light .column-header__button,\n .skin-mastodon-light .column-header__button,\n .theme-mastodon-light .column-header__back-button,\n .skin-modern-light .column-header__back-button,\n .skin-mastodon-light .column-header__back-button,\n .theme-mastodon-light .column-back-button,\n .skin-modern-light .column-back-button,\n .skin-mastodon-light .column-back-button,\n .theme-mastodon-light .drawer__header,\n .skin-modern-light .drawer__header,\n .skin-mastodon-light .drawer__header,\n .theme-mastodon-light .notification__filter-bar,\n .skin-modern-light .notification__filter-bar,\n .skin-mastodon-light .notification__filter-bar,\n .theme-mastodon-light .account__section-headline button,\n .skin-modern-light .account__section-headline button,\n .skin-mastodon-light .account__section-headline button,\n .theme-mastodon-light .notification__filter-bar button,\n .skin-modern-light .notification__filter-bar button,\n .skin-mastodon-light .notification__filter-bar button,\n .theme-mastodon-light .account__header,\n .skin-modern-light .account__header,\n .skin-mastodon-light .account__header,\n .theme-mastodon-light .search__input,\n .skin-modern-light .search__input,\n .skin-mastodon-light .search__input,\n .theme-mastodon-light .search__input:focus,\n .skin-modern-light .search__input:focus,\n .skin-mastodon-light .search__input:focus,\n .theme-mastodon-light .column-link__badge,\n .skin-modern-light .column-link__badge,\n .skin-mastodon-light .column-link__badge,\n .theme-mastodon-light .column-subheading,\n .skin-modern-light .column-subheading,\n .skin-mastodon-light .column-subheading,\n .theme-mastodon-light .public-layout .header,\n .skin-modern-light .public-layout .header,\n .skin-mastodon-light .public-layout .header,\n .theme-mastodon-light .public-layout .public-account-header__bar::before,\n .skin-modern-light .public-layout .public-account-header__bar::before,\n .skin-mastodon-light .public-layout .public-account-header__bar::before,\n .theme-mastodon-light .account__header__fields,\n .skin-modern-light .account__header__fields,\n .skin-mastodon-light .account__header__fields,\n .theme-mastodon-light .account__header__fields dt,\n .skin-modern-light .account__header__fields dt,\n .skin-mastodon-light .account__header__fields dt,\n .theme-mastodon-light .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-modern-light .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-mastodon-light .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .theme-mastodon-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-modern-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-mastodon-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .theme-mastodon-light .explore__search-header,\n .skin-modern-light .explore__search-header,\n .skin-mastodon-light .explore__search-header,\n .theme-mastodon-light .column-inline-form,\n .skin-modern-light .column-inline-form,\n .skin-mastodon-light .column-inline-form,\n .theme-mastodon-light .follow_requests-unlocked_explanation,\n .skin-modern-light .follow_requests-unlocked_explanation,\n .skin-mastodon-light .follow_requests-unlocked_explanation,\n .theme-mastodon-light .conversation--unread,\n .skin-modern-light .conversation--unread,\n .skin-mastodon-light .conversation--unread,\n .theme-mastodon-light .column-header__collapsible-inner,\n .skin-modern-light .column-header__collapsible-inner,\n .skin-mastodon-light .column-header__collapsible-inner,\n .theme-mastodon-light .announcements,\n .skin-modern-light .announcements,\n .skin-mastodon-light .announcements,\n .theme-mastodon-light .status-card__image,\n .skin-modern-light .status-card__image,\n .skin-mastodon-light .status-card__image {\n border-color: #181926;\n background: #363a4f;\n }\n .theme-mastodon-light .account__section-headline,\n .skin-modern-light .account__section-headline,\n .skin-mastodon-light .account__section-headline {\n background: #1e2030;\n border-color: #181926;\n }\n .theme-mastodon-light .focusable:focus,\n .skin-modern-light .focusable:focus,\n .skin-mastodon-light .focusable:focus {\n background: unset;\n }\n .theme-mastodon-light .admin-wrapper .sidebar ul a:hover,\n .skin-modern-light .admin-wrapper .sidebar ul a:hover,\n .skin-mastodon-light .admin-wrapper .sidebar ul a:hover,\n .theme-mastodon-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-modern-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-mastodon-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .theme-mastodon-light .detailed-status,\n .skin-modern-light .detailed-status,\n .skin-mastodon-light .detailed-status,\n .theme-mastodon-light .detailed-status__action-bar,\n .skin-modern-light .detailed-status__action-bar,\n .skin-mastodon-light .detailed-status__action-bar {\n background: #363a4f;\n }\n .theme-mastodon-light .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-modern-light .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-mastodon-light .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n .theme-mastodon-light .dismissable-banner,\n .skin-modern-light .dismissable-banner,\n .skin-mastodon-light .dismissable-banner {\n border-color: #494d64;\n background: #24273a;\n }\n .theme-mastodon-light .column-header__wrapper.active,\n .skin-modern-light .column-header__wrapper.active,\n .skin-mastodon-light .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(183, 189, 248, 0.3);\n }\n .theme-mastodon-light .column-header__wrapper.active::before,\n .skin-modern-light .column-header__wrapper.active::before,\n .skin-mastodon-light .column-header__wrapper.active::before {\n background: radial-gradient(ellipse, rgba(183, 189, 248, 0.23) 0, rgba(99, 100, 255, 0) 60%);\n }\n .theme-mastodon-light .theme-mastodon-light .account__header__bar,\n .skin-modern-light .theme-mastodon-light .account__header__bar,\n .skin-mastodon-light .theme-mastodon-light .account__header__bar,\n .theme-mastodon-light .theme-mastodon-light .column-header__back-button,\n .skin-modern-light .theme-mastodon-light .column-header__back-button,\n .skin-mastodon-light .theme-mastodon-light .column-header__back-button,\n .theme-mastodon-light .account__header__bio .account__header__fields dl,\n .skin-modern-light .account__header__bio .account__header__fields dl,\n .skin-mastodon-light .account__header__bio .account__header__fields dl,\n .theme-mastodon-light .account__header__bio .account__header__fields,\n .skin-modern-light .account__header__bio .account__header__fields,\n .skin-mastodon-light .account__header__bio .account__header__fields,\n .theme-mastodon-light .empty-column-indicator,\n .skin-modern-light .empty-column-indicator,\n .skin-mastodon-light .empty-column-indicator,\n .theme-mastodon-light .column > .scrollable,\n .skin-modern-light .column > .scrollable,\n .skin-mastodon-light .column > .scrollable,\n .theme-mastodon-light .nothing-here,\n .skin-modern-light .nothing-here,\n .skin-mastodon-light .nothing-here,\n .theme-mastodon-light .public-layout .public-account-bio,\n .skin-modern-light .public-layout .public-account-bio,\n .skin-mastodon-light .public-layout .public-account-bio,\n .theme-mastodon-light .hero-widget__text,\n .skin-modern-light .hero-widget__text,\n .skin-mastodon-light .hero-widget__text,\n .theme-mastodon-light.admin,\n .skin-modern-light.admin,\n .skin-mastodon-light.admin,\n .theme-mastodon-light .admin-wrapper .sidebar ul a.selected,\n .skin-modern-light .admin-wrapper .sidebar ul a.selected,\n .skin-mastodon-light .admin-wrapper .sidebar ul a.selected,\n .theme-mastodon-light .admin-wrapper .sidebar ul ul,\n .skin-modern-light .admin-wrapper .sidebar ul ul,\n .skin-mastodon-light .admin-wrapper .sidebar ul ul {\n border-color: #1e2030;\n background: #24273a;\n }\n .theme-mastodon-light .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-modern-light .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-mastodon-light .public-layout .public-account-header__tabs__tabs .counter::after,\n .theme-mastodon-light .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-modern-light .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-mastodon-light .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .theme-mastodon-light .react-toggle--checked .react-toggle-thumb,\n .skin-modern-light .react-toggle--checked .react-toggle-thumb,\n .skin-mastodon-light .react-toggle--checked .react-toggle-thumb,\n .theme-mastodon-light .radio-button__input.checked,\n .skin-modern-light .radio-button__input.checked,\n .skin-mastodon-light .radio-button__input.checked,\n .theme-mastodon-light .account__action-bar__tab.active,\n .skin-modern-light .account__action-bar__tab.active,\n .skin-mastodon-light .account__action-bar__tab.active {\n border-color: #b7bdf8;\n }\n .theme-mastodon-light .account,\n .skin-modern-light .account,\n .skin-mastodon-light .account,\n .theme-mastodon-light .load-gap,\n .skin-modern-light .load-gap,\n .skin-mastodon-light .load-gap {\n border-color: #1e2030;\n }\n .theme-mastodon-light .account__section-headline a.active::after,\n .skin-modern-light .account__section-headline a.active::after,\n .skin-mastodon-light .account__section-headline a.active::after {\n border-color: transparent transparent #24273a;\n }\n .theme-mastodon-light .account__section-headline a.active::before,\n .skin-modern-light .account__section-headline a.active::before,\n .skin-mastodon-light .account__section-headline a.active::before,\n .theme-mastodon-light .account__section-headline button.active::after,\n .skin-modern-light .account__section-headline button.active::after,\n .skin-mastodon-light .account__section-headline button.active::after,\n .theme-mastodon-light .account__section-headline button.active::before,\n .skin-modern-light .account__section-headline button.active::before,\n .skin-mastodon-light .account__section-headline button.active::before,\n .theme-mastodon-light .notification__filter-bar a.active::after,\n .skin-modern-light .notification__filter-bar a.active::after,\n .skin-mastodon-light .notification__filter-bar a.active::after,\n .theme-mastodon-light .notification__filter-bar a.active::before,\n .skin-modern-light .notification__filter-bar a.active::before,\n .skin-mastodon-light .notification__filter-bar a.active::before,\n .theme-mastodon-light .notification__filter-bar button.active::after,\n .skin-modern-light .notification__filter-bar button.active::after,\n .skin-mastodon-light .notification__filter-bar button.active::after,\n .theme-mastodon-light .notification__filter-bar button.active::before,\n .skin-modern-light .notification__filter-bar button.active::before,\n .skin-mastodon-light .notification__filter-bar button.active::before {\n border-color: transparent transparent #1e2030;\n }\n .theme-mastodon-light .search-popout,\n .skin-modern-light .search-popout,\n .skin-mastodon-light .search-popout,\n .theme-mastodon-light .drawer__header a:hover,\n .skin-modern-light .drawer__header a:hover,\n .skin-mastodon-light .drawer__header a:hover,\n .theme-mastodon-light .column-header__button:hover,\n .skin-modern-light .column-header__button:hover,\n .skin-mastodon-light .column-header__button:hover,\n .theme-mastodon-light .account__section-headline button:hover,\n .skin-modern-light .account__section-headline button:hover,\n .skin-mastodon-light .account__section-headline button:hover,\n .theme-mastodon-light .notification__filter-bar button:hover,\n .skin-modern-light .notification__filter-bar button:hover,\n .skin-mastodon-light .notification__filter-bar button:hover,\n .theme-mastodon-light .account__section-headline a:hover,\n .skin-modern-light .account__section-headline a:hover,\n .skin-mastodon-light .account__section-headline a:hover {\n background: #5b6078;\n }\n .theme-mastodon-light .column-link .active,\n .skin-modern-light .column-link .active,\n .skin-mastodon-light .column-link .active,\n .theme-mastodon-light .column-link--transparent.active,\n .skin-modern-light .column-link--transparent.active,\n .skin-mastodon-light .column-link--transparent.active,\n .theme-mastodon-light .column-link--transparent:focus,\n .skin-modern-light .column-link--transparent:focus,\n .skin-mastodon-light .column-link--transparent:focus,\n .theme-mastodon-light .column-link:focus,\n .skin-modern-light .column-link:focus,\n .skin-mastodon-light .column-link:focus {\n color: #b7bdf8;\n }\n .theme-mastodon-light .column-link--transparent:hover,\n .skin-modern-light .column-link--transparent:hover,\n .skin-mastodon-light .column-link--transparent:hover,\n .theme-mastodon-light .column-link:hover,\n .skin-modern-light .column-link:hover,\n .skin-mastodon-light .column-link:hover {\n color: #b7bdf8;\n }\n .theme-mastodon-light .status.collapsed .status__content:after,\n .skin-modern-light .status.collapsed .status__content:after,\n .skin-mastodon-light .status.collapsed .status__content:after {\n background: linear-gradient(rgba(36, 39, 58, 0), #24273a);\n }\n .theme-mastodon-light .button.button-tertiary:focus,\n .skin-modern-light .button.button-tertiary:focus,\n .skin-mastodon-light .button.button-tertiary:focus,\n .theme-mastodon-light .button.button-tertiary:hover,\n .skin-modern-light .button.button-tertiary:hover,\n .skin-mastodon-light .button.button-tertiary:hover,\n .theme-mastodon-light .button.button-tertiary:active,\n .skin-modern-light .button.button-tertiary:active,\n .skin-mastodon-light .button.button-tertiary:active {\n color: #24273a;\n }\n .theme-mastodon-light .button.button-tertiary,\n .skin-modern-light .button.button-tertiary,\n .skin-mastodon-light .button.button-tertiary {\n border-color: #b7bdf8;\n }\n .theme-mastodon-light .button,\n .skin-modern-light .button,\n .skin-mastodon-light .button,\n .theme-mastodon-light .button.button-tertiary,\n .skin-modern-light .button.button-tertiary,\n .skin-mastodon-light .button.button-tertiary,\n .theme-mastodon-light .button.logo-button,\n .skin-modern-light .button.logo-button,\n .skin-mastodon-light .button.logo-button,\n .theme-mastodon-light .icon-with-badge__badge,\n .skin-modern-light .icon-with-badge__badge,\n .skin-mastodon-light .icon-with-badge__badge {\n background: #b7bdf8;\n color: #24273a;\n }\n .theme-mastodon-light .button.logo-button svg,\n .skin-modern-light .button.logo-button svg,\n .skin-mastodon-light .button.logo-button svg {\n fill: currentColor;\n }\n .theme-mastodon-light .public-layout .header .nav-button,\n .skin-modern-light .public-layout .header .nav-button,\n .skin-mastodon-light .public-layout .header .nav-button {\n background-color: #494d64;\n }\n .theme-mastodon-light .public-layout .header .nav-button:hover,\n .skin-modern-light .public-layout .header .nav-button:hover,\n .skin-mastodon-light .public-layout .header .nav-button:hover {\n background-color: #5b6078;\n }\n .theme-mastodon-light .button.button-secondary,\n .skin-modern-light .button.button-secondary,\n .skin-mastodon-light .button.button-secondary {\n background-color: transparent;\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .theme-mastodon-light .button.button-secondary:active,\n .skin-modern-light .button.button-secondary:active,\n .skin-mastodon-light .button.button-secondary:active,\n .theme-mastodon-light .button.button-secondary:focus,\n .skin-modern-light .button.button-secondary:focus,\n .skin-mastodon-light .button.button-secondary:focus,\n .theme-mastodon-light .button.button-secondary:hover,\n .skin-modern-light .button.button-secondary:hover,\n .skin-mastodon-light .button.button-secondary:hover {\n border-color: #b7bdf8;\n color: #24273a;\n transition: 0.2s;\n }\n .theme-mastodon-light .button:active,\n .skin-modern-light .button:active,\n .skin-mastodon-light .button:active,\n .theme-mastodon-light .button:focus,\n .skin-modern-light .button:focus,\n .skin-mastodon-light .button:focus,\n .theme-mastodon-light .button:hover,\n .skin-modern-light .button:hover,\n .skin-mastodon-light .button:hover,\n .theme-mastodon-light .button.button-tertiary:active,\n .skin-modern-light .button.button-tertiary:active,\n .skin-mastodon-light .button.button-tertiary:active,\n .theme-mastodon-light .button.button-tertiary:focus,\n .skin-modern-light .button.button-tertiary:focus,\n .skin-mastodon-light .button.button-tertiary:focus,\n .theme-mastodon-light .button.button-tertiary:hover,\n .skin-modern-light .button.button-tertiary:hover,\n .skin-mastodon-light .button.button-tertiary:hover,\n .theme-mastodon-light .button.logo-button:active,\n .skin-modern-light .button.logo-button:active,\n .skin-mastodon-light .button.logo-button:active,\n .theme-mastodon-light .button.logo-button:focus,\n .skin-modern-light .button.logo-button:focus,\n .skin-mastodon-light .button.logo-button:focus,\n .theme-mastodon-light .button.logo-button:hover,\n .skin-modern-light .button.logo-button:hover,\n .skin-mastodon-light .button.logo-button:hover {\n background: #b7bdf8;\n }\n .theme-mastodon-light .drawer__inner,\n .skin-modern-light .drawer__inner,\n .skin-mastodon-light .drawer__inner,\n .theme-mastodon-light .drawer__inner__mastodon,\n .skin-modern-light .drawer__inner__mastodon,\n .skin-mastodon-light .drawer__inner__mastodon,\n .theme-mastodon-light .explore__search-header .search__input,\n .skin-modern-light .explore__search-header .search__input,\n .skin-mastodon-light .explore__search-header .search__input {\n background-color: #24273a;\n }\n .theme-mastodon-light .compose-form .compose-form__modifiers,\n .skin-modern-light .compose-form .compose-form__modifiers,\n .skin-mastodon-light .compose-form .compose-form__modifiers,\n .theme-mastodon-light .compose-form .autosuggest-textarea__textarea,\n .skin-modern-light .compose-form .autosuggest-textarea__textarea,\n .skin-mastodon-light .compose-form .autosuggest-textarea__textarea,\n .theme-mastodon-light .compose-form .compose-form__autosuggest-wrapper,\n .skin-modern-light .compose-form .compose-form__autosuggest-wrapper,\n .skin-mastodon-light .compose-form .compose-form__autosuggest-wrapper,\n .theme-mastodon-light .compose-form .spoiler-input__input,\n .skin-modern-light .compose-form .spoiler-input__input,\n .skin-mastodon-light .compose-form .spoiler-input__input {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n .theme-mastodon-light .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-modern-light .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-mastodon-light .compose-form .autosuggest-textarea__textarea::placeholder {\n color: #a5adcb !important;\n }\n .theme-mastodon-light .compose-form .compose-form__buttons-wrapper,\n .skin-modern-light .compose-form .compose-form__buttons-wrapper,\n .skin-mastodon-light .compose-form .compose-form__buttons-wrapper {\n background: #363a4f;\n }\n .theme-mastodon-light .load-more:hover,\n .skin-modern-light .load-more:hover,\n .skin-mastodon-light .load-more:hover {\n background-color: #1e2030;\n }\n .theme-mastodon-light .character-counter,\n .skin-modern-light .character-counter,\n .skin-mastodon-light .character-counter {\n color: #a5adcb;\n }\n .theme-mastodon-light .public-layout .header,\n .skin-modern-light .public-layout .header,\n .skin-mastodon-light .public-layout .header,\n .theme-mastodon-light .hero-widget,\n .skin-modern-light .hero-widget,\n .skin-mastodon-light .hero-widget,\n .theme-mastodon-light .public-layout .public-account-header,\n .skin-modern-light .public-layout .public-account-header,\n .skin-mastodon-light .public-layout .public-account-header,\n .theme-mastodon-light .public-layout .public-account-bio,\n .skin-modern-light .public-layout .public-account-bio,\n .skin-mastodon-light .public-layout .public-account-bio,\n .theme-mastodon-light .nothing-here,\n .skin-modern-light .nothing-here,\n .skin-mastodon-light .nothing-here {\n box-shadow: none;\n }\n .theme-mastodon-light .search__popout,\n .skin-modern-light .search__popout,\n .skin-mastodon-light .search__popout,\n .theme-mastodon-light .dropdown-menu__arrow:before,\n .skin-modern-light .dropdown-menu__arrow:before,\n .skin-mastodon-light .dropdown-menu__arrow:before,\n .theme-mastodon-light .dropdown-menu__item a,\n .skin-modern-light .dropdown-menu__item a,\n .skin-mastodon-light .dropdown-menu__item a,\n .theme-mastodon-light .dropdown-menu__item button,\n .skin-modern-light .dropdown-menu__item button,\n .skin-mastodon-light .dropdown-menu__item button,\n .theme-mastodon-light .dropdown-menu__container__list,\n .skin-modern-light .dropdown-menu__container__list,\n .skin-mastodon-light .dropdown-menu__container__list,\n .theme-mastodon-light .dropdown-menu.bottom,\n .skin-modern-light .dropdown-menu.bottom,\n .skin-mastodon-light .dropdown-menu.bottom {\n background: #363a4f;\n color: #cad3f5;\n }\n .theme-mastodon-light .dropdown-menu__item a:hover,\n .skin-modern-light .dropdown-menu__item a:hover,\n .skin-mastodon-light .dropdown-menu__item a:hover,\n .theme-mastodon-light .dropdown-menu__item button:hover,\n .skin-modern-light .dropdown-menu__item button:hover,\n .skin-mastodon-light .dropdown-menu__item button:hover {\n background: #494d64;\n }\n .theme-mastodon-light .input-copy,\n .skin-modern-light .input-copy,\n .skin-mastodon-light .input-copy,\n .theme-mastodon-light .simple_form input[type=\"text\"],\n .skin-modern-light .simple_form input[type=\"text\"],\n .skin-mastodon-light .simple_form input[type=\"text\"],\n .theme-mastodon-light .simple_form textarea,\n .skin-modern-light .simple_form textarea,\n .skin-mastodon-light .simple_form textarea,\n .theme-mastodon-light .simple_form .block-button,\n .skin-modern-light .simple_form .block-button,\n .skin-mastodon-light .simple_form .block-button,\n .theme-mastodon-light .simple_form .button,\n .skin-modern-light .simple_form .button,\n .skin-mastodon-light .simple_form .button,\n .theme-mastodon-light .simple_form button,\n .skin-modern-light .simple_form button,\n .skin-mastodon-light .simple_form button {\n background: #1e2030;\n color: #cad3f5;\n }\n .theme-mastodon-light .simple_form .block-button:hover,\n .skin-modern-light .simple_form .block-button:hover,\n .skin-mastodon-light .simple_form .block-button:hover,\n .theme-mastodon-light .simple_form .button:hover,\n .skin-modern-light .simple_form .button:hover,\n .skin-mastodon-light .simple_form .button:hover,\n .theme-mastodon-light .simple_form button:hover,\n .skin-modern-light .simple_form button:hover,\n .skin-mastodon-light .simple_form button:hover {\n background: #363a4f;\n }\n .theme-mastodon-light .simple_form .input.with_label .label_input > label,\n .skin-modern-light .simple_form .input.with_label .label_input > label,\n .skin-mastodon-light .simple_form .input.with_label .label_input > label,\n .theme-mastodon-light .simple_form select,\n .skin-modern-light .simple_form select,\n .skin-mastodon-light .simple_form select,\n .theme-mastodon-light .accounts-table__count,\n .skin-modern-light .accounts-table__count,\n .skin-mastodon-light .accounts-table__count,\n .theme-mastodon-light .simple_form textarea,\n .skin-modern-light .simple_form textarea,\n .skin-mastodon-light .simple_form textarea {\n color: #cad3f5;\n }\n .theme-mastodon-light .simple_form textarea,\n .skin-modern-light .simple_form textarea,\n .skin-mastodon-light .simple_form textarea,\n .theme-mastodon-light .simple_form input[type=\"password\"],\n .skin-modern-light .simple_form input[type=\"password\"],\n .skin-mastodon-light .simple_form input[type=\"password\"],\n .theme-mastodon-light .simple_form input[type=\"number\"],\n .skin-modern-light .simple_form input[type=\"number\"],\n .skin-mastodon-light .simple_form input[type=\"number\"],\n .theme-mastodon-light .simple_form input[type=\"text\"],\n .skin-modern-light .simple_form input[type=\"text\"],\n .skin-mastodon-light .simple_form input[type=\"text\"] {\n border: 1px solid #181926;\n }\n .theme-mastodon-light .simple_form input[type=\"email\"]:required:valid,\n .skin-modern-light .simple_form input[type=\"email\"]:required:valid,\n .skin-mastodon-light .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid #a6da95;\n }\n .theme-mastodon-light .simple_form input[type=\"password\"],\n .skin-modern-light .simple_form input[type=\"password\"],\n .skin-mastodon-light .simple_form input[type=\"password\"],\n .theme-mastodon-light .simple_form input[type=\"number\"],\n .skin-modern-light .simple_form input[type=\"number\"],\n .skin-mastodon-light .simple_form input[type=\"number\"],\n .theme-mastodon-light .simple_form input[type=\"email\"]:required:valid,\n .skin-modern-light .simple_form input[type=\"email\"]:required:valid,\n .skin-mastodon-light .simple_form input[type=\"email\"]:required:valid,\n .theme-mastodon-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-modern-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-mastodon-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: #cad3f5;\n background: #1e2030;\n }\n .theme-mastodon-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-modern-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-mastodon-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid #ed8796;\n }\n .theme-mastodon-light .simple_form select,\n .skin-modern-light .simple_form select,\n .skin-mastodon-light .simple_form select {\n background: #1e2030 url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center / auto 16px;\n border: 1px solid #181926;\n }\n .theme-mastodon-light .simple_form input[type=\"datetime-local\"]:active,\n .skin-modern-light .simple_form input[type=\"datetime-local\"]:active,\n .skin-mastodon-light .simple_form input[type=\"datetime-local\"]:active,\n .theme-mastodon-light .simple_form input[type=\"datetime-local\"]:focus,\n .skin-modern-light .simple_form input[type=\"datetime-local\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"datetime-local\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"email\"]:active,\n .skin-modern-light .simple_form input[type=\"email\"]:active,\n .skin-mastodon-light .simple_form input[type=\"email\"]:active,\n .theme-mastodon-light .simple_form input[type=\"email\"]:focus,\n .skin-modern-light .simple_form input[type=\"email\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"email\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"number\"]:active,\n .skin-modern-light .simple_form input[type=\"number\"]:active,\n .skin-mastodon-light .simple_form input[type=\"number\"]:active,\n .theme-mastodon-light .simple_form input[type=\"number\"]:focus,\n .skin-modern-light .simple_form input[type=\"number\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"number\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"password\"]:active,\n .skin-modern-light .simple_form input[type=\"password\"]:active,\n .skin-mastodon-light .simple_form input[type=\"password\"]:active,\n .theme-mastodon-light .simple_form input[type=\"password\"]:focus,\n .skin-modern-light .simple_form input[type=\"password\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"password\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"text\"]:active,\n .skin-modern-light .simple_form input[type=\"text\"]:active,\n .skin-mastodon-light .simple_form input[type=\"text\"]:active,\n .theme-mastodon-light .simple_form input[type=\"text\"]:focus,\n .skin-modern-light .simple_form input[type=\"text\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"text\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"url\"]:active,\n .skin-modern-light .simple_form input[type=\"url\"]:active,\n .skin-mastodon-light .simple_form input[type=\"url\"]:active,\n .theme-mastodon-light .simple_form input[type=\"url\"]:focus,\n .skin-modern-light .simple_form input[type=\"url\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"url\"]:focus,\n .theme-mastodon-light .simple_form textarea:active,\n .skin-modern-light .simple_form textarea:active,\n .skin-mastodon-light .simple_form textarea:active,\n .theme-mastodon-light .simple_form textarea:focus,\n .skin-modern-light .simple_form textarea:focus,\n .skin-mastodon-light .simple_form textarea:focus {\n border-color: #b7bdf8 !important;\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n .theme-mastodon-light .table > thead > tr > th,\n .skin-modern-light .table > thead > tr > th,\n .skin-mastodon-light .table > thead > tr > th,\n .theme-mastodon-light .setting-text:active,\n .skin-modern-light .setting-text:active,\n .skin-mastodon-light .setting-text:active,\n .theme-mastodon-light .setting-text:focus,\n .skin-modern-light .setting-text:focus,\n .skin-mastodon-light .setting-text:focus {\n border-color: #b7bdf8 !important;\n }\n .theme-mastodon-light .batch-table__toolbar,\n .skin-modern-light .batch-table__toolbar,\n .skin-mastodon-light .batch-table__toolbar,\n .theme-mastodon-light .table > thead > tr > th,\n .skin-modern-light .table > thead > tr > th,\n .skin-mastodon-light .table > thead > tr > th {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n .theme-mastodon-light .simple_form input[type=\"datetime-local\"]:hover,\n .skin-modern-light .simple_form input[type=\"datetime-local\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"datetime-local\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"email\"]:hover,\n .skin-modern-light .simple_form input[type=\"email\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"email\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"number\"]:hover,\n .skin-modern-light .simple_form input[type=\"number\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"number\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"password\"]:hover,\n .skin-modern-light .simple_form input[type=\"password\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"password\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"text\"]:hover,\n .skin-modern-light .simple_form input[type=\"text\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"text\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"url\"]:hover,\n .skin-modern-light .simple_form input[type=\"url\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"url\"]:hover,\n .theme-mastodon-light .simple_form textarea:hover,\n .skin-modern-light .simple_form textarea:hover,\n .skin-mastodon-light .simple_form textarea:hover {\n background: #1e2030 !important;\n border-color: #b7bdf8 !important;\n transition: 0.4s;\n }\n .theme-mastodon-light .batch-table__row,\n .skin-modern-light .batch-table__row,\n .skin-mastodon-light .batch-table__row {\n background: #494d64;\n }\n .theme-mastodon-light .batch-table__row:hover,\n .skin-modern-light .batch-table__row:hover,\n .skin-mastodon-light .batch-table__row:hover,\n .theme-mastodon-light .batch-table__row:nth-child(2n):hover,\n .skin-modern-light .batch-table__row:nth-child(2n):hover,\n .skin-mastodon-light .batch-table__row:nth-child(2n):hover {\n background: #5b6078;\n }\n .theme-mastodon-light .batch-table__row:nth-child(2n),\n .skin-modern-light .batch-table__row:nth-child(2n),\n .skin-mastodon-light .batch-table__row:nth-child(2n),\n .theme-mastodon-light .table > tbody > tr > td,\n .skin-modern-light .table > tbody > tr > td,\n .skin-mastodon-light .table > tbody > tr > td {\n background: #363a4f;\n }\n .theme-mastodon-light .table > thead > tr > th,\n .skin-modern-light .table > thead > tr > th,\n .skin-mastodon-light .table > thead > tr > th {\n border-bottom: 2px solid #363a4f;\n }\n .theme-mastodon-light .positive-hint,\n .skin-modern-light .positive-hint,\n .skin-mastodon-light .positive-hint {\n color: #a6da95 !important;\n }\n .theme-mastodon-light .card__bar,\n .skin-modern-light .card__bar,\n .skin-mastodon-light .card__bar {\n background: #363a4f;\n }\n .theme-contrast,\n .skin-modern-dark,\n .skin-contrast,\n .theme-contrast .tabs-bar__wrapper,\n .skin-modern-dark .tabs-bar__wrapper,\n .skin-contrast .tabs-bar__wrapper,\n .theme-contrast .admin-wrapper .sidebar-wrapper__inner,\n .skin-modern-dark .admin-wrapper .sidebar-wrapper__inner,\n .skin-contrast .admin-wrapper .sidebar-wrapper__inner,\n .theme-contrast .ui__header,\n .skin-modern-dark .ui__header,\n .skin-contrast .ui__header {\n background: #181926;\n color: #cad3f5;\n }\n .theme-contrast .ui__header,\n .skin-modern-dark .ui__header,\n .skin-contrast .ui__header {\n border-bottom: none;\n }\n .theme-contrast .navigation-panel,\n .skin-modern-dark .navigation-panel,\n .skin-contrast .navigation-panel,\n .theme-contrast .column-link,\n .skin-modern-dark .column-link,\n .skin-contrast .column-link {\n background: transparent;\n }\n .theme-contrast .account__header__bio .account__header__fields dt,\n .skin-modern-dark .account__header__bio .account__header__fields dt,\n .skin-contrast .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n .theme-contrast .search-popout,\n .skin-modern-dark .search-popout,\n .skin-contrast .search-popout,\n .theme-contrast .search-popout em,\n .skin-modern-dark .search-popout em,\n .skin-contrast .search-popout em,\n .theme-contrast .dismissable-banner__message,\n .skin-modern-dark .dismissable-banner__message,\n .skin-contrast .dismissable-banner__message,\n .theme-contrast .dismissable-banner__message h1,\n .skin-modern-dark .dismissable-banner__message h1,\n .skin-contrast .dismissable-banner__message h1,\n .theme-contrast .account__header__bio .account__header__fields dt,\n .skin-modern-dark .account__header__bio .account__header__fields dt,\n .skin-contrast .account__header__bio .account__header__fields dt,\n .theme-contrast .account__section-headline a.active,\n .skin-modern-dark .account__section-headline a.active,\n .skin-contrast .account__section-headline a.active,\n .theme-contrast .account__section-headline button.active,\n .skin-modern-dark .account__section-headline button.active,\n .skin-contrast .account__section-headline button.active,\n .theme-contrast .notification__filter-bar a.active,\n .skin-modern-dark .notification__filter-bar a.active,\n .skin-contrast .notification__filter-bar a.active,\n .theme-contrast .notification__filter-bar button.active,\n .skin-modern-dark .notification__filter-bar button.active,\n .skin-contrast .notification__filter-bar button.active,\n .theme-contrast .account__header__bio .account__header__content,\n .skin-modern-dark .account__header__bio .account__header__content,\n .skin-contrast .account__header__bio .account__header__content,\n .theme-contrast .navigation-bar,\n .skin-modern-dark .navigation-bar,\n .skin-contrast .navigation-bar,\n .theme-contrast .column-link__badge,\n .skin-modern-dark .column-link__badge,\n .skin-contrast .column-link__badge,\n .theme-contrast .column-subheading,\n .skin-modern-dark .column-subheading,\n .skin-contrast .column-subheading,\n .theme-contrast .account__display-name strong,\n .skin-modern-dark .account__display-name strong,\n .skin-contrast .account__display-name strong,\n .theme-contrast .status__display-name strong,\n .skin-modern-dark .status__display-name strong,\n .skin-contrast .status__display-name strong,\n .theme-contrast .notification__message,\n .skin-modern-dark .notification__message,\n .skin-contrast .notification__message,\n .theme-contrast .public-layout .public-account-bio .account__header__content,\n .skin-modern-dark .public-layout .public-account-bio .account__header__content,\n .skin-contrast .public-layout .public-account-bio .account__header__content,\n .theme-contrast .reply-indicator__content,\n .skin-modern-dark .reply-indicator__content,\n .skin-contrast .reply-indicator__content,\n .theme-contrast .status__content,\n .skin-modern-dark .status__content,\n .skin-contrast .status__content,\n .theme-contrast .card__bar .display-name strong,\n .skin-modern-dark .card__bar .display-name strong,\n .skin-contrast .card__bar .display-name strong {\n color: #cad3f5;\n }\n .theme-contrast .search-popout span,\n .skin-modern-dark .search-popout span,\n .skin-contrast .search-popout span,\n .theme-contrast .link-footer p,\n .skin-modern-dark .link-footer p,\n .skin-contrast .link-footer p,\n .theme-contrast .link-footer p a,\n .skin-modern-dark .link-footer p a,\n .skin-contrast .link-footer p a {\n color: #b8c0e0;\n }\n .theme-contrast .account__header__tabs__name h1 small,\n .skin-modern-dark .account__header__tabs__name h1 small,\n .skin-contrast .account__header__tabs__name h1 small,\n .theme-contrast .account__header__bio .account__header__fields dd,\n .skin-modern-dark .account__header__bio .account__header__fields dd,\n .skin-contrast .account__header__bio .account__header__fields dd,\n .theme-contrast .display-name__account,\n .skin-modern-dark .display-name__account,\n .skin-contrast .display-name__account,\n .theme-contrast .status__relative-time,\n .skin-modern-dark .status__relative-time,\n .skin-contrast .status__relative-time,\n .theme-contrast .empty-column-indicator,\n .skin-modern-dark .empty-column-indicator,\n .skin-contrast .empty-column-indicator,\n .theme-contrast .follow_requests-unlocked_explanation,\n .skin-modern-dark .follow_requests-unlocked_explanation,\n .skin-contrast .follow_requests-unlocked_explanation,\n .theme-contrast .account .account__display-name,\n .skin-modern-dark .account .account__display-name,\n .skin-contrast .account .account__display-name,\n .theme-contrast .label_input .search__input,\n .skin-modern-dark .label_input .search__input,\n .skin-contrast .label_input .search__input,\n .theme-contrast .search__input:focus,\n .skin-modern-dark .search__input:focus,\n .skin-contrast .search__input:focus,\n .theme-contrast .account__header__fields dt,\n .skin-modern-dark .account__header__fields dt,\n .skin-contrast .account__header__fields dt {\n color: #a5adcb;\n }\n .theme-contrast .compose-panel hr,\n .skin-modern-dark .compose-panel hr,\n .skin-contrast .compose-panel hr,\n .theme-contrast .navigation-panel hr,\n .skin-modern-dark .navigation-panel hr,\n .skin-contrast .navigation-panel hr {\n border-top-color: #a5adcb;\n }\n .theme-contrast .trends__item,\n .skin-modern-dark .trends__item,\n .skin-contrast .trends__item,\n .theme-contrast .status,\n .skin-modern-dark .status,\n .skin-contrast .status,\n .theme-contrast .getting-started__trends h4,\n .skin-modern-dark .getting-started__trends h4,\n .skin-contrast .getting-started__trends h4,\n .theme-contrast .trends__item__name span,\n .skin-modern-dark .trends__item__name span,\n .skin-contrast .trends__item__name span,\n .theme-contrast .story,\n .skin-modern-dark .story,\n .skin-contrast .story {\n border-color: #363a4f;\n }\n .theme-contrast .mention,\n .skin-modern-dark .mention,\n .skin-contrast .mention,\n .theme-contrast .account__header__tabs__name h1,\n .skin-modern-dark .account__header__tabs__name h1,\n .skin-contrast .account__header__tabs__name h1,\n .theme-contrast .account__header__content a,\n .skin-modern-dark .account__header__content a,\n .skin-contrast .account__header__content a,\n .theme-contrast .account__header__bio .account__header__fields a,\n .skin-modern-dark .account__header__bio .account__header__fields a,\n .skin-contrast .account__header__bio .account__header__fields a,\n .theme-contrast .empty-column-indicator a,\n .skin-modern-dark .empty-column-indicator a,\n .skin-contrast .empty-column-indicator a,\n .theme-contrast .follow_requests-unlocked_explanation a,\n .skin-modern-dark .follow_requests-unlocked_explanation a,\n .skin-contrast .follow_requests-unlocked_explanation a,\n .theme-contrast .column-back-button,\n .skin-modern-dark .column-back-button,\n .skin-contrast .column-back-button,\n .theme-contrast .icon-button.inverted,\n .skin-modern-dark .icon-button.inverted,\n .skin-contrast .icon-button.inverted,\n .theme-contrast .text-icon-button,\n .skin-modern-dark .text-icon-button,\n .skin-contrast .text-icon-button,\n .theme-contrast .icon-button.active,\n .skin-modern-dark .icon-button.active,\n .skin-contrast .icon-button.active,\n .theme-contrast .public-layout .public-account-bio .account__header__fields a,\n .skin-modern-dark .public-layout .public-account-bio .account__header__fields a,\n .skin-contrast .public-layout .public-account-bio .account__header__fields a,\n .theme-contrast .column-header__back-button,\n .skin-modern-dark .column-header__back-button,\n .skin-contrast .column-header__back-button,\n .theme-contrast .navigation-bar strong,\n .skin-modern-dark .navigation-bar strong,\n .skin-contrast .navigation-bar strong,\n .theme-contrast .reply-indicator__content a.unhandled-link,\n .skin-modern-dark .reply-indicator__content a.unhandled-link,\n .skin-contrast .reply-indicator__content a.unhandled-link,\n .theme-contrast .status__content a.unhandled-link,\n .skin-modern-dark .status__content a.unhandled-link,\n .skin-contrast .status__content a.unhandled-link,\n .theme-contrast .announcements__item__content a.unhandled-link,\n .skin-modern-dark .announcements__item__content a.unhandled-link,\n .skin-contrast .announcements__item__content a.unhandled-link,\n .theme-contrast .reactions-bar__item.active .reactions-bar__item__count,\n .skin-modern-dark .reactions-bar__item.active .reactions-bar__item__count,\n .skin-contrast .reactions-bar__item.active .reactions-bar__item__count,\n .theme-contrast .column-header.active .column-header__icon,\n .skin-modern-dark .column-header.active .column-header__icon,\n .skin-contrast .column-header.active .column-header__icon {\n color: #b7bdf8;\n }\n .theme-contrast .conversation__unread,\n .skin-modern-dark .conversation__unread,\n .skin-contrast .conversation__unread,\n .theme-contrast .react-toggle--checked .react-toggle-track,\n .skin-modern-dark .react-toggle--checked .react-toggle-track,\n .skin-contrast .react-toggle--checked .react-toggle-track,\n .theme-contrast .react-toggle--checked:hover .react-toggle-track,\n .skin-modern-dark .react-toggle--checked:hover .react-toggle-track,\n .skin-contrast .react-toggle--checked:hover .react-toggle-track,\n .theme-contrast .pillbar-button:not([disabled]).active,\n .skin-modern-dark .pillbar-button:not([disabled]).active,\n .skin-contrast .pillbar-button:not([disabled]).active,\n .theme-contrast .pillbar-button:not([disabled]).active:focus,\n .skin-modern-dark .pillbar-button:not([disabled]).active:focus,\n .skin-contrast .pillbar-button:not([disabled]).active:focus,\n .theme-contrast .pillbar-button:not([disabled]).active:hover,\n .skin-modern-dark .pillbar-button:not([disabled]).active:hover,\n .skin-contrast .pillbar-button:not([disabled]).active:hover,\n .theme-contrast .radio-button__input.checked,\n .skin-modern-dark .radio-button__input.checked,\n .skin-contrast .radio-button__input.checked {\n background-color: #b7bdf8;\n }\n .theme-contrast .reactions-bar__item.active,\n .skin-modern-dark .reactions-bar__item.active,\n .skin-contrast .reactions-bar__item.active {\n background-color: rgba(183, 189, 248, 0.25);\n }\n .theme-contrast .trends__item__sparkline path:last-child,\n .skin-modern-dark .trends__item__sparkline path:last-child,\n .skin-contrast .trends__item__sparkline path:last-child {\n stroke: #b7bdf8 !important;\n }\n .theme-contrast .trends__item__sparkline path:first-child,\n .skin-modern-dark .trends__item__sparkline path:first-child,\n .skin-contrast .trends__item__sparkline path:first-child {\n fill: rgba(183, 189, 248, 0.25) !important;\n }\n .theme-contrast .icon-button,\n .skin-modern-dark .icon-button,\n .skin-contrast .icon-button,\n .theme-contrast .notification__message .fa,\n .skin-modern-dark .notification__message .fa,\n .skin-contrast .notification__message .fa {\n color: #5b6078;\n }\n .theme-contrast .icon-button:active,\n .skin-modern-dark .icon-button:active,\n .skin-contrast .icon-button:active,\n .theme-contrast .icon-button:focus,\n .skin-modern-dark .icon-button:focus,\n .skin-contrast .icon-button:focus,\n .theme-contrast .icon-button:hover,\n .skin-modern-dark .icon-button:hover,\n .skin-contrast .icon-button:hover,\n .theme-contrast .text-icon-button:active,\n .skin-modern-dark .text-icon-button:active,\n .skin-contrast .text-icon-button:active,\n .theme-contrast .text-icon-button:focus,\n .skin-modern-dark .text-icon-button:focus,\n .skin-contrast .text-icon-button:focus,\n .theme-contrast .text-icon-button:hover,\n .skin-modern-dark .text-icon-button:hover,\n .skin-contrast .text-icon-button:hover,\n .theme-contrast .icon-button.inverted:active,\n .skin-modern-dark .icon-button.inverted:active,\n .skin-contrast .icon-button.inverted:active,\n .theme-contrast .icon-button.inverted:focus,\n .skin-modern-dark .icon-button.inverted:focus,\n .skin-contrast .icon-button.inverted:focus,\n .theme-contrast .icon-button.inverted:hover,\n .skin-modern-dark .icon-button.inverted:hover,\n .skin-contrast .icon-button.inverted:hover,\n .theme-contrast .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-modern-dark .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-contrast .public-layout .public-account-bio .account__header__fields a:hover {\n color: #b7bdf8;\n }\n .theme-contrast .column-header,\n .skin-modern-dark .column-header,\n .skin-contrast .column-header,\n .theme-contrast .column-header__button,\n .skin-modern-dark .column-header__button,\n .skin-contrast .column-header__button,\n .theme-contrast .column-header__back-button,\n .skin-modern-dark .column-header__back-button,\n .skin-contrast .column-header__back-button,\n .theme-contrast .column-back-button,\n .skin-modern-dark .column-back-button,\n .skin-contrast .column-back-button,\n .theme-contrast .drawer__header,\n .skin-modern-dark .drawer__header,\n .skin-contrast .drawer__header,\n .theme-contrast .notification__filter-bar,\n .skin-modern-dark .notification__filter-bar,\n .skin-contrast .notification__filter-bar,\n .theme-contrast .account__section-headline button,\n .skin-modern-dark .account__section-headline button,\n .skin-contrast .account__section-headline button,\n .theme-contrast .notification__filter-bar button,\n .skin-modern-dark .notification__filter-bar button,\n .skin-contrast .notification__filter-bar button,\n .theme-contrast .account__header,\n .skin-modern-dark .account__header,\n .skin-contrast .account__header,\n .theme-contrast .search__input,\n .skin-modern-dark .search__input,\n .skin-contrast .search__input,\n .theme-contrast .search__input:focus,\n .skin-modern-dark .search__input:focus,\n .skin-contrast .search__input:focus,\n .theme-contrast .column-link__badge,\n .skin-modern-dark .column-link__badge,\n .skin-contrast .column-link__badge,\n .theme-contrast .column-subheading,\n .skin-modern-dark .column-subheading,\n .skin-contrast .column-subheading,\n .theme-contrast .public-layout .header,\n .skin-modern-dark .public-layout .header,\n .skin-contrast .public-layout .header,\n .theme-contrast .public-layout .public-account-header__bar::before,\n .skin-modern-dark .public-layout .public-account-header__bar::before,\n .skin-contrast .public-layout .public-account-header__bar::before,\n .theme-contrast .account__header__fields,\n .skin-modern-dark .account__header__fields,\n .skin-contrast .account__header__fields,\n .theme-contrast .account__header__fields dt,\n .skin-modern-dark .account__header__fields dt,\n .skin-contrast .account__header__fields dt,\n .theme-contrast .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-modern-dark .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-contrast .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .theme-contrast .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-modern-dark .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-contrast .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .theme-contrast .explore__search-header,\n .skin-modern-dark .explore__search-header,\n .skin-contrast .explore__search-header,\n .theme-contrast .column-inline-form,\n .skin-modern-dark .column-inline-form,\n .skin-contrast .column-inline-form,\n .theme-contrast .follow_requests-unlocked_explanation,\n .skin-modern-dark .follow_requests-unlocked_explanation,\n .skin-contrast .follow_requests-unlocked_explanation,\n .theme-contrast .conversation--unread,\n .skin-modern-dark .conversation--unread,\n .skin-contrast .conversation--unread,\n .theme-contrast .column-header__collapsible-inner,\n .skin-modern-dark .column-header__collapsible-inner,\n .skin-contrast .column-header__collapsible-inner,\n .theme-contrast .announcements,\n .skin-modern-dark .announcements,\n .skin-contrast .announcements,\n .theme-contrast .status-card__image,\n .skin-modern-dark .status-card__image,\n .skin-contrast .status-card__image {\n border-color: #181926;\n background: #363a4f;\n }\n .theme-contrast .account__section-headline,\n .skin-modern-dark .account__section-headline,\n .skin-contrast .account__section-headline {\n background: #1e2030;\n border-color: #181926;\n }\n .theme-contrast .focusable:focus,\n .skin-modern-dark .focusable:focus,\n .skin-contrast .focusable:focus {\n background: unset;\n }\n .theme-contrast .admin-wrapper .sidebar ul a:hover,\n .skin-modern-dark .admin-wrapper .sidebar ul a:hover,\n .skin-contrast .admin-wrapper .sidebar ul a:hover,\n .theme-contrast .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-modern-dark .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-contrast .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .theme-contrast .detailed-status,\n .skin-modern-dark .detailed-status,\n .skin-contrast .detailed-status,\n .theme-contrast .detailed-status__action-bar,\n .skin-modern-dark .detailed-status__action-bar,\n .skin-contrast .detailed-status__action-bar {\n background: #363a4f;\n }\n .theme-contrast .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-modern-dark .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-contrast .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n .theme-contrast .dismissable-banner,\n .skin-modern-dark .dismissable-banner,\n .skin-contrast .dismissable-banner {\n border-color: #494d64;\n background: #24273a;\n }\n .theme-contrast .column-header__wrapper.active,\n .skin-modern-dark .column-header__wrapper.active,\n .skin-contrast .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(183, 189, 248, 0.3);\n }\n .theme-contrast .column-header__wrapper.active::before,\n .skin-modern-dark .column-header__wrapper.active::before,\n .skin-contrast .column-header__wrapper.active::before {\n background: radial-gradient(ellipse, rgba(183, 189, 248, 0.23) 0, rgba(99, 100, 255, 0) 60%);\n }\n .theme-contrast .theme-mastodon-light .account__header__bar,\n .skin-modern-dark .theme-mastodon-light .account__header__bar,\n .skin-contrast .theme-mastodon-light .account__header__bar,\n .theme-contrast .theme-mastodon-light .column-header__back-button,\n .skin-modern-dark .theme-mastodon-light .column-header__back-button,\n .skin-contrast .theme-mastodon-light .column-header__back-button,\n .theme-contrast .account__header__bio .account__header__fields dl,\n .skin-modern-dark .account__header__bio .account__header__fields dl,\n .skin-contrast .account__header__bio .account__header__fields dl,\n .theme-contrast .account__header__bio .account__header__fields,\n .skin-modern-dark .account__header__bio .account__header__fields,\n .skin-contrast .account__header__bio .account__header__fields,\n .theme-contrast .empty-column-indicator,\n .skin-modern-dark .empty-column-indicator,\n .skin-contrast .empty-column-indicator,\n .theme-contrast .column > .scrollable,\n .skin-modern-dark .column > .scrollable,\n .skin-contrast .column > .scrollable,\n .theme-contrast .nothing-here,\n .skin-modern-dark .nothing-here,\n .skin-contrast .nothing-here,\n .theme-contrast .public-layout .public-account-bio,\n .skin-modern-dark .public-layout .public-account-bio,\n .skin-contrast .public-layout .public-account-bio,\n .theme-contrast .hero-widget__text,\n .skin-modern-dark .hero-widget__text,\n .skin-contrast .hero-widget__text,\n .theme-contrast.admin,\n .skin-modern-dark.admin,\n .skin-contrast.admin,\n .theme-contrast .admin-wrapper .sidebar ul a.selected,\n .skin-modern-dark .admin-wrapper .sidebar ul a.selected,\n .skin-contrast .admin-wrapper .sidebar ul a.selected,\n .theme-contrast .admin-wrapper .sidebar ul ul,\n .skin-modern-dark .admin-wrapper .sidebar ul ul,\n .skin-contrast .admin-wrapper .sidebar ul ul {\n border-color: #1e2030;\n background: #24273a;\n }\n .theme-contrast .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-modern-dark .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-contrast .public-layout .public-account-header__tabs__tabs .counter::after,\n .theme-contrast .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-modern-dark .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-contrast .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .theme-contrast .react-toggle--checked .react-toggle-thumb,\n .skin-modern-dark .react-toggle--checked .react-toggle-thumb,\n .skin-contrast .react-toggle--checked .react-toggle-thumb,\n .theme-contrast .radio-button__input.checked,\n .skin-modern-dark .radio-button__input.checked,\n .skin-contrast .radio-button__input.checked,\n .theme-contrast .account__action-bar__tab.active,\n .skin-modern-dark .account__action-bar__tab.active,\n .skin-contrast .account__action-bar__tab.active {\n border-color: #b7bdf8;\n }\n .theme-contrast .account,\n .skin-modern-dark .account,\n .skin-contrast .account,\n .theme-contrast .load-gap,\n .skin-modern-dark .load-gap,\n .skin-contrast .load-gap {\n border-color: #1e2030;\n }\n .theme-contrast .account__section-headline a.active::after,\n .skin-modern-dark .account__section-headline a.active::after,\n .skin-contrast .account__section-headline a.active::after {\n border-color: transparent transparent #24273a;\n }\n .theme-contrast .account__section-headline a.active::before,\n .skin-modern-dark .account__section-headline a.active::before,\n .skin-contrast .account__section-headline a.active::before,\n .theme-contrast .account__section-headline button.active::after,\n .skin-modern-dark .account__section-headline button.active::after,\n .skin-contrast .account__section-headline button.active::after,\n .theme-contrast .account__section-headline button.active::before,\n .skin-modern-dark .account__section-headline button.active::before,\n .skin-contrast .account__section-headline button.active::before,\n .theme-contrast .notification__filter-bar a.active::after,\n .skin-modern-dark .notification__filter-bar a.active::after,\n .skin-contrast .notification__filter-bar a.active::after,\n .theme-contrast .notification__filter-bar a.active::before,\n .skin-modern-dark .notification__filter-bar a.active::before,\n .skin-contrast .notification__filter-bar a.active::before,\n .theme-contrast .notification__filter-bar button.active::after,\n .skin-modern-dark .notification__filter-bar button.active::after,\n .skin-contrast .notification__filter-bar button.active::after,\n .theme-contrast .notification__filter-bar button.active::before,\n .skin-modern-dark .notification__filter-bar button.active::before,\n .skin-contrast .notification__filter-bar button.active::before {\n border-color: transparent transparent #1e2030;\n }\n .theme-contrast .search-popout,\n .skin-modern-dark .search-popout,\n .skin-contrast .search-popout,\n .theme-contrast .drawer__header a:hover,\n .skin-modern-dark .drawer__header a:hover,\n .skin-contrast .drawer__header a:hover,\n .theme-contrast .column-header__button:hover,\n .skin-modern-dark .column-header__button:hover,\n .skin-contrast .column-header__button:hover,\n .theme-contrast .account__section-headline button:hover,\n .skin-modern-dark .account__section-headline button:hover,\n .skin-contrast .account__section-headline button:hover,\n .theme-contrast .notification__filter-bar button:hover,\n .skin-modern-dark .notification__filter-bar button:hover,\n .skin-contrast .notification__filter-bar button:hover,\n .theme-contrast .account__section-headline a:hover,\n .skin-modern-dark .account__section-headline a:hover,\n .skin-contrast .account__section-headline a:hover {\n background: #5b6078;\n }\n .theme-contrast .column-link .active,\n .skin-modern-dark .column-link .active,\n .skin-contrast .column-link .active,\n .theme-contrast .column-link--transparent.active,\n .skin-modern-dark .column-link--transparent.active,\n .skin-contrast .column-link--transparent.active,\n .theme-contrast .column-link--transparent:focus,\n .skin-modern-dark .column-link--transparent:focus,\n .skin-contrast .column-link--transparent:focus,\n .theme-contrast .column-link:focus,\n .skin-modern-dark .column-link:focus,\n .skin-contrast .column-link:focus {\n color: #b7bdf8;\n }\n .theme-contrast .column-link--transparent:hover,\n .skin-modern-dark .column-link--transparent:hover,\n .skin-contrast .column-link--transparent:hover,\n .theme-contrast .column-link:hover,\n .skin-modern-dark .column-link:hover,\n .skin-contrast .column-link:hover {\n color: #b7bdf8;\n }\n .theme-contrast .status.collapsed .status__content:after,\n .skin-modern-dark .status.collapsed .status__content:after,\n .skin-contrast .status.collapsed .status__content:after {\n background: linear-gradient(rgba(36, 39, 58, 0), #24273a);\n }\n .theme-contrast .button.button-tertiary:focus,\n .skin-modern-dark .button.button-tertiary:focus,\n .skin-contrast .button.button-tertiary:focus,\n .theme-contrast .button.button-tertiary:hover,\n .skin-modern-dark .button.button-tertiary:hover,\n .skin-contrast .button.button-tertiary:hover,\n .theme-contrast .button.button-tertiary:active,\n .skin-modern-dark .button.button-tertiary:active,\n .skin-contrast .button.button-tertiary:active {\n color: #24273a;\n }\n .theme-contrast .button.button-tertiary,\n .skin-modern-dark .button.button-tertiary,\n .skin-contrast .button.button-tertiary {\n border-color: #b7bdf8;\n }\n .theme-contrast .button,\n .skin-modern-dark .button,\n .skin-contrast .button,\n .theme-contrast .button.button-tertiary,\n .skin-modern-dark .button.button-tertiary,\n .skin-contrast .button.button-tertiary,\n .theme-contrast .button.logo-button,\n .skin-modern-dark .button.logo-button,\n .skin-contrast .button.logo-button,\n .theme-contrast .icon-with-badge__badge,\n .skin-modern-dark .icon-with-badge__badge,\n .skin-contrast .icon-with-badge__badge {\n background: #b7bdf8;\n color: #24273a;\n }\n .theme-contrast .button.logo-button svg,\n .skin-modern-dark .button.logo-button svg,\n .skin-contrast .button.logo-button svg {\n fill: currentColor;\n }\n .theme-contrast .public-layout .header .nav-button,\n .skin-modern-dark .public-layout .header .nav-button,\n .skin-contrast .public-layout .header .nav-button {\n background-color: #494d64;\n }\n .theme-contrast .public-layout .header .nav-button:hover,\n .skin-modern-dark .public-layout .header .nav-button:hover,\n .skin-contrast .public-layout .header .nav-button:hover {\n background-color: #5b6078;\n }\n .theme-contrast .button.button-secondary,\n .skin-modern-dark .button.button-secondary,\n .skin-contrast .button.button-secondary {\n background-color: transparent;\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .theme-contrast .button.button-secondary:active,\n .skin-modern-dark .button.button-secondary:active,\n .skin-contrast .button.button-secondary:active,\n .theme-contrast .button.button-secondary:focus,\n .skin-modern-dark .button.button-secondary:focus,\n .skin-contrast .button.button-secondary:focus,\n .theme-contrast .button.button-secondary:hover,\n .skin-modern-dark .button.button-secondary:hover,\n .skin-contrast .button.button-secondary:hover {\n border-color: #b7bdf8;\n color: #24273a;\n transition: 0.2s;\n }\n .theme-contrast .button:active,\n .skin-modern-dark .button:active,\n .skin-contrast .button:active,\n .theme-contrast .button:focus,\n .skin-modern-dark .button:focus,\n .skin-contrast .button:focus,\n .theme-contrast .button:hover,\n .skin-modern-dark .button:hover,\n .skin-contrast .button:hover,\n .theme-contrast .button.button-tertiary:active,\n .skin-modern-dark .button.button-tertiary:active,\n .skin-contrast .button.button-tertiary:active,\n .theme-contrast .button.button-tertiary:focus,\n .skin-modern-dark .button.button-tertiary:focus,\n .skin-contrast .button.button-tertiary:focus,\n .theme-contrast .button.button-tertiary:hover,\n .skin-modern-dark .button.button-tertiary:hover,\n .skin-contrast .button.button-tertiary:hover,\n .theme-contrast .button.logo-button:active,\n .skin-modern-dark .button.logo-button:active,\n .skin-contrast .button.logo-button:active,\n .theme-contrast .button.logo-button:focus,\n .skin-modern-dark .button.logo-button:focus,\n .skin-contrast .button.logo-button:focus,\n .theme-contrast .button.logo-button:hover,\n .skin-modern-dark .button.logo-button:hover,\n .skin-contrast .button.logo-button:hover {\n background: #b7bdf8;\n }\n .theme-contrast .drawer__inner,\n .skin-modern-dark .drawer__inner,\n .skin-contrast .drawer__inner,\n .theme-contrast .drawer__inner__mastodon,\n .skin-modern-dark .drawer__inner__mastodon,\n .skin-contrast .drawer__inner__mastodon,\n .theme-contrast .explore__search-header .search__input,\n .skin-modern-dark .explore__search-header .search__input,\n .skin-contrast .explore__search-header .search__input {\n background-color: #24273a;\n }\n .theme-contrast .compose-form .compose-form__modifiers,\n .skin-modern-dark .compose-form .compose-form__modifiers,\n .skin-contrast .compose-form .compose-form__modifiers,\n .theme-contrast .compose-form .autosuggest-textarea__textarea,\n .skin-modern-dark .compose-form .autosuggest-textarea__textarea,\n .skin-contrast .compose-form .autosuggest-textarea__textarea,\n .theme-contrast .compose-form .compose-form__autosuggest-wrapper,\n .skin-modern-dark .compose-form .compose-form__autosuggest-wrapper,\n .skin-contrast .compose-form .compose-form__autosuggest-wrapper,\n .theme-contrast .compose-form .spoiler-input__input,\n .skin-modern-dark .compose-form .spoiler-input__input,\n .skin-contrast .compose-form .spoiler-input__input {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n .theme-contrast .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-modern-dark .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-contrast .compose-form .autosuggest-textarea__textarea::placeholder {\n color: #a5adcb !important;\n }\n .theme-contrast .compose-form .compose-form__buttons-wrapper,\n .skin-modern-dark .compose-form .compose-form__buttons-wrapper,\n .skin-contrast .compose-form .compose-form__buttons-wrapper {\n background: #363a4f;\n }\n .theme-contrast .load-more:hover,\n .skin-modern-dark .load-more:hover,\n .skin-contrast .load-more:hover {\n background-color: #1e2030;\n }\n .theme-contrast .character-counter,\n .skin-modern-dark .character-counter,\n .skin-contrast .character-counter {\n color: #a5adcb;\n }\n .theme-contrast .public-layout .header,\n .skin-modern-dark .public-layout .header,\n .skin-contrast .public-layout .header,\n .theme-contrast .hero-widget,\n .skin-modern-dark .hero-widget,\n .skin-contrast .hero-widget,\n .theme-contrast .public-layout .public-account-header,\n .skin-modern-dark .public-layout .public-account-header,\n .skin-contrast .public-layout .public-account-header,\n .theme-contrast .public-layout .public-account-bio,\n .skin-modern-dark .public-layout .public-account-bio,\n .skin-contrast .public-layout .public-account-bio,\n .theme-contrast .nothing-here,\n .skin-modern-dark .nothing-here,\n .skin-contrast .nothing-here {\n box-shadow: none;\n }\n .theme-contrast .search__popout,\n .skin-modern-dark .search__popout,\n .skin-contrast .search__popout,\n .theme-contrast .dropdown-menu__arrow:before,\n .skin-modern-dark .dropdown-menu__arrow:before,\n .skin-contrast .dropdown-menu__arrow:before,\n .theme-contrast .dropdown-menu__item a,\n .skin-modern-dark .dropdown-menu__item a,\n .skin-contrast .dropdown-menu__item a,\n .theme-contrast .dropdown-menu__item button,\n .skin-modern-dark .dropdown-menu__item button,\n .skin-contrast .dropdown-menu__item button,\n .theme-contrast .dropdown-menu__container__list,\n .skin-modern-dark .dropdown-menu__container__list,\n .skin-contrast .dropdown-menu__container__list,\n .theme-contrast .dropdown-menu.bottom,\n .skin-modern-dark .dropdown-menu.bottom,\n .skin-contrast .dropdown-menu.bottom {\n background: #363a4f;\n color: #cad3f5;\n }\n .theme-contrast .dropdown-menu__item a:hover,\n .skin-modern-dark .dropdown-menu__item a:hover,\n .skin-contrast .dropdown-menu__item a:hover,\n .theme-contrast .dropdown-menu__item button:hover,\n .skin-modern-dark .dropdown-menu__item button:hover,\n .skin-contrast .dropdown-menu__item button:hover {\n background: #494d64;\n }\n .theme-contrast .input-copy,\n .skin-modern-dark .input-copy,\n .skin-contrast .input-copy,\n .theme-contrast .simple_form input[type=\"text\"],\n .skin-modern-dark .simple_form input[type=\"text\"],\n .skin-contrast .simple_form input[type=\"text\"],\n .theme-contrast .simple_form textarea,\n .skin-modern-dark .simple_form textarea,\n .skin-contrast .simple_form textarea,\n .theme-contrast .simple_form .block-button,\n .skin-modern-dark .simple_form .block-button,\n .skin-contrast .simple_form .block-button,\n .theme-contrast .simple_form .button,\n .skin-modern-dark .simple_form .button,\n .skin-contrast .simple_form .button,\n .theme-contrast .simple_form button,\n .skin-modern-dark .simple_form button,\n .skin-contrast .simple_form button {\n background: #1e2030;\n color: #cad3f5;\n }\n .theme-contrast .simple_form .block-button:hover,\n .skin-modern-dark .simple_form .block-button:hover,\n .skin-contrast .simple_form .block-button:hover,\n .theme-contrast .simple_form .button:hover,\n .skin-modern-dark .simple_form .button:hover,\n .skin-contrast .simple_form .button:hover,\n .theme-contrast .simple_form button:hover,\n .skin-modern-dark .simple_form button:hover,\n .skin-contrast .simple_form button:hover {\n background: #363a4f;\n }\n .theme-contrast .simple_form .input.with_label .label_input > label,\n .skin-modern-dark .simple_form .input.with_label .label_input > label,\n .skin-contrast .simple_form .input.with_label .label_input > label,\n .theme-contrast .simple_form select,\n .skin-modern-dark .simple_form select,\n .skin-contrast .simple_form select,\n .theme-contrast .accounts-table__count,\n .skin-modern-dark .accounts-table__count,\n .skin-contrast .accounts-table__count,\n .theme-contrast .simple_form textarea,\n .skin-modern-dark .simple_form textarea,\n .skin-contrast .simple_form textarea {\n color: #cad3f5;\n }\n .theme-contrast .simple_form textarea,\n .skin-modern-dark .simple_form textarea,\n .skin-contrast .simple_form textarea,\n .theme-contrast .simple_form input[type=\"password\"],\n .skin-modern-dark .simple_form input[type=\"password\"],\n .skin-contrast .simple_form input[type=\"password\"],\n .theme-contrast .simple_form input[type=\"number\"],\n .skin-modern-dark .simple_form input[type=\"number\"],\n .skin-contrast .simple_form input[type=\"number\"],\n .theme-contrast .simple_form input[type=\"text\"],\n .skin-modern-dark .simple_form input[type=\"text\"],\n .skin-contrast .simple_form input[type=\"text\"] {\n border: 1px solid #181926;\n }\n .theme-contrast .simple_form input[type=\"email\"]:required:valid,\n .skin-modern-dark .simple_form input[type=\"email\"]:required:valid,\n .skin-contrast .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid #a6da95;\n }\n .theme-contrast .simple_form input[type=\"password\"],\n .skin-modern-dark .simple_form input[type=\"password\"],\n .skin-contrast .simple_form input[type=\"password\"],\n .theme-contrast .simple_form input[type=\"number\"],\n .skin-modern-dark .simple_form input[type=\"number\"],\n .skin-contrast .simple_form input[type=\"number\"],\n .theme-contrast .simple_form input[type=\"email\"]:required:valid,\n .skin-modern-dark .simple_form input[type=\"email\"]:required:valid,\n .skin-contrast .simple_form input[type=\"email\"]:required:valid,\n .theme-contrast .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-modern-dark .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-contrast .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: #cad3f5;\n background: #1e2030;\n }\n .theme-contrast .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-modern-dark .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-contrast .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid #ed8796;\n }\n .theme-contrast .simple_form select,\n .skin-modern-dark .simple_form select,\n .skin-contrast .simple_form select {\n background: #1e2030 url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center / auto 16px;\n border: 1px solid #181926;\n }\n .theme-contrast .simple_form input[type=\"datetime-local\"]:active,\n .skin-modern-dark .simple_form input[type=\"datetime-local\"]:active,\n .skin-contrast .simple_form input[type=\"datetime-local\"]:active,\n .theme-contrast .simple_form input[type=\"datetime-local\"]:focus,\n .skin-modern-dark .simple_form input[type=\"datetime-local\"]:focus,\n .skin-contrast .simple_form input[type=\"datetime-local\"]:focus,\n .theme-contrast .simple_form input[type=\"email\"]:active,\n .skin-modern-dark .simple_form input[type=\"email\"]:active,\n .skin-contrast .simple_form input[type=\"email\"]:active,\n .theme-contrast .simple_form input[type=\"email\"]:focus,\n .skin-modern-dark .simple_form input[type=\"email\"]:focus,\n .skin-contrast .simple_form input[type=\"email\"]:focus,\n .theme-contrast .simple_form input[type=\"number\"]:active,\n .skin-modern-dark .simple_form input[type=\"number\"]:active,\n .skin-contrast .simple_form input[type=\"number\"]:active,\n .theme-contrast .simple_form input[type=\"number\"]:focus,\n .skin-modern-dark .simple_form input[type=\"number\"]:focus,\n .skin-contrast .simple_form input[type=\"number\"]:focus,\n .theme-contrast .simple_form input[type=\"password\"]:active,\n .skin-modern-dark .simple_form input[type=\"password\"]:active,\n .skin-contrast .simple_form input[type=\"password\"]:active,\n .theme-contrast .simple_form input[type=\"password\"]:focus,\n .skin-modern-dark .simple_form input[type=\"password\"]:focus,\n .skin-contrast .simple_form input[type=\"password\"]:focus,\n .theme-contrast .simple_form input[type=\"text\"]:active,\n .skin-modern-dark .simple_form input[type=\"text\"]:active,\n .skin-contrast .simple_form input[type=\"text\"]:active,\n .theme-contrast .simple_form input[type=\"text\"]:focus,\n .skin-modern-dark .simple_form input[type=\"text\"]:focus,\n .skin-contrast .simple_form input[type=\"text\"]:focus,\n .theme-contrast .simple_form input[type=\"url\"]:active,\n .skin-modern-dark .simple_form input[type=\"url\"]:active,\n .skin-contrast .simple_form input[type=\"url\"]:active,\n .theme-contrast .simple_form input[type=\"url\"]:focus,\n .skin-modern-dark .simple_form input[type=\"url\"]:focus,\n .skin-contrast .simple_form input[type=\"url\"]:focus,\n .theme-contrast .simple_form textarea:active,\n .skin-modern-dark .simple_form textarea:active,\n .skin-contrast .simple_form textarea:active,\n .theme-contrast .simple_form textarea:focus,\n .skin-modern-dark .simple_form textarea:focus,\n .skin-contrast .simple_form textarea:focus {\n border-color: #b7bdf8 !important;\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n .theme-contrast .table > thead > tr > th,\n .skin-modern-dark .table > thead > tr > th,\n .skin-contrast .table > thead > tr > th,\n .theme-contrast .setting-text:active,\n .skin-modern-dark .setting-text:active,\n .skin-contrast .setting-text:active,\n .theme-contrast .setting-text:focus,\n .skin-modern-dark .setting-text:focus,\n .skin-contrast .setting-text:focus {\n border-color: #b7bdf8 !important;\n }\n .theme-contrast .batch-table__toolbar,\n .skin-modern-dark .batch-table__toolbar,\n .skin-contrast .batch-table__toolbar,\n .theme-contrast .table > thead > tr > th,\n .skin-modern-dark .table > thead > tr > th,\n .skin-contrast .table > thead > tr > th {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n .theme-contrast .simple_form input[type=\"datetime-local\"]:hover,\n .skin-modern-dark .simple_form input[type=\"datetime-local\"]:hover,\n .skin-contrast .simple_form input[type=\"datetime-local\"]:hover,\n .theme-contrast .simple_form input[type=\"email\"]:hover,\n .skin-modern-dark .simple_form input[type=\"email\"]:hover,\n .skin-contrast .simple_form input[type=\"email\"]:hover,\n .theme-contrast .simple_form input[type=\"number\"]:hover,\n .skin-modern-dark .simple_form input[type=\"number\"]:hover,\n .skin-contrast .simple_form input[type=\"number\"]:hover,\n .theme-contrast .simple_form input[type=\"password\"]:hover,\n .skin-modern-dark .simple_form input[type=\"password\"]:hover,\n .skin-contrast .simple_form input[type=\"password\"]:hover,\n .theme-contrast .simple_form input[type=\"text\"]:hover,\n .skin-modern-dark .simple_form input[type=\"text\"]:hover,\n .skin-contrast .simple_form input[type=\"text\"]:hover,\n .theme-contrast .simple_form input[type=\"url\"]:hover,\n .skin-modern-dark .simple_form input[type=\"url\"]:hover,\n .skin-contrast .simple_form input[type=\"url\"]:hover,\n .theme-contrast .simple_form textarea:hover,\n .skin-modern-dark .simple_form textarea:hover,\n .skin-contrast .simple_form textarea:hover {\n background: #1e2030 !important;\n border-color: #b7bdf8 !important;\n transition: 0.4s;\n }\n .theme-contrast .batch-table__row,\n .skin-modern-dark .batch-table__row,\n .skin-contrast .batch-table__row {\n background: #494d64;\n }\n .theme-contrast .batch-table__row:hover,\n .skin-modern-dark .batch-table__row:hover,\n .skin-contrast .batch-table__row:hover,\n .theme-contrast .batch-table__row:nth-child(2n):hover,\n .skin-modern-dark .batch-table__row:nth-child(2n):hover,\n .skin-contrast .batch-table__row:nth-child(2n):hover {\n background: #5b6078;\n }\n .theme-contrast .batch-table__row:nth-child(2n),\n .skin-modern-dark .batch-table__row:nth-child(2n),\n .skin-contrast .batch-table__row:nth-child(2n),\n .theme-contrast .table > tbody > tr > td,\n .skin-modern-dark .table > tbody > tr > td,\n .skin-contrast .table > tbody > tr > td {\n background: #363a4f;\n }\n .theme-contrast .table > thead > tr > th,\n .skin-modern-dark .table > thead > tr > th,\n .skin-contrast .table > thead > tr > th {\n border-bottom: 2px solid #363a4f;\n }\n .theme-contrast .positive-hint,\n .skin-modern-dark .positive-hint,\n .skin-contrast .positive-hint {\n color: #a6da95 !important;\n }\n .theme-contrast .card__bar,\n .skin-modern-dark .card__bar,\n .skin-contrast .card__bar {\n background: #363a4f;\n }\n @media (prefers-color-scheme: light) {\n .theme-default,\n .skin-default,\n .theme-default .tabs-bar__wrapper,\n .skin-default .tabs-bar__wrapper,\n .theme-default .admin-wrapper .sidebar-wrapper__inner,\n .skin-default .admin-wrapper .sidebar-wrapper__inner,\n .theme-default .ui__header,\n .skin-default .ui__header {\n background: #181926;\n color: #cad3f5;\n }\n .theme-default .ui__header,\n .skin-default .ui__header {\n border-bottom: none;\n }\n .theme-default .navigation-panel,\n .skin-default .navigation-panel,\n .theme-default .column-link,\n .skin-default .column-link {\n background: transparent;\n }\n .theme-default .account__header__bio .account__header__fields dt,\n .skin-default .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n .theme-default .search-popout,\n .skin-default .search-popout,\n .theme-default .search-popout em,\n .skin-default .search-popout em,\n .theme-default .dismissable-banner__message,\n .skin-default .dismissable-banner__message,\n .theme-default .dismissable-banner__message h1,\n .skin-default .dismissable-banner__message h1,\n .theme-default .account__header__bio .account__header__fields dt,\n .skin-default .account__header__bio .account__header__fields dt,\n .theme-default .account__section-headline a.active,\n .skin-default .account__section-headline a.active,\n .theme-default .account__section-headline button.active,\n .skin-default .account__section-headline button.active,\n .theme-default .notification__filter-bar a.active,\n .skin-default .notification__filter-bar a.active,\n .theme-default .notification__filter-bar button.active,\n .skin-default .notification__filter-bar button.active,\n .theme-default .account__header__bio .account__header__content,\n .skin-default .account__header__bio .account__header__content,\n .theme-default .navigation-bar,\n .skin-default .navigation-bar,\n .theme-default .column-link__badge,\n .skin-default .column-link__badge,\n .theme-default .column-subheading,\n .skin-default .column-subheading,\n .theme-default .account__display-name strong,\n .skin-default .account__display-name strong,\n .theme-default .status__display-name strong,\n .skin-default .status__display-name strong,\n .theme-default .notification__message,\n .skin-default .notification__message,\n .theme-default .public-layout .public-account-bio .account__header__content,\n .skin-default .public-layout .public-account-bio .account__header__content,\n .theme-default .reply-indicator__content,\n .skin-default .reply-indicator__content,\n .theme-default .status__content,\n .skin-default .status__content,\n .theme-default .card__bar .display-name strong,\n .skin-default .card__bar .display-name strong {\n color: #cad3f5;\n }\n .theme-default .search-popout span,\n .skin-default .search-popout span,\n .theme-default .link-footer p,\n .skin-default .link-footer p,\n .theme-default .link-footer p a,\n .skin-default .link-footer p a {\n color: #b8c0e0;\n }\n .theme-default .account__header__tabs__name h1 small,\n .skin-default .account__header__tabs__name h1 small,\n .theme-default .account__header__bio .account__header__fields dd,\n .skin-default .account__header__bio .account__header__fields dd,\n .theme-default .display-name__account,\n .skin-default .display-name__account,\n .theme-default .status__relative-time,\n .skin-default .status__relative-time,\n .theme-default .empty-column-indicator,\n .skin-default .empty-column-indicator,\n .theme-default .follow_requests-unlocked_explanation,\n .skin-default .follow_requests-unlocked_explanation,\n .theme-default .account .account__display-name,\n .skin-default .account .account__display-name,\n .theme-default .label_input .search__input,\n .skin-default .label_input .search__input,\n .theme-default .search__input:focus,\n .skin-default .search__input:focus,\n .theme-default .account__header__fields dt,\n .skin-default .account__header__fields dt {\n color: #a5adcb;\n }\n .theme-default .compose-panel hr,\n .skin-default .compose-panel hr,\n .theme-default .navigation-panel hr,\n .skin-default .navigation-panel hr {\n border-top-color: #a5adcb;\n }\n .theme-default .trends__item,\n .skin-default .trends__item,\n .theme-default .status,\n .skin-default .status,\n .theme-default .getting-started__trends h4,\n .skin-default .getting-started__trends h4,\n .theme-default .trends__item__name span,\n .skin-default .trends__item__name span,\n .theme-default .story,\n .skin-default .story {\n border-color: #363a4f;\n }\n .theme-default .mention,\n .skin-default .mention,\n .theme-default .account__header__tabs__name h1,\n .skin-default .account__header__tabs__name h1,\n .theme-default .account__header__content a,\n .skin-default .account__header__content a,\n .theme-default .account__header__bio .account__header__fields a,\n .skin-default .account__header__bio .account__header__fields a,\n .theme-default .empty-column-indicator a,\n .skin-default .empty-column-indicator a,\n .theme-default .follow_requests-unlocked_explanation a,\n .skin-default .follow_requests-unlocked_explanation a,\n .theme-default .column-back-button,\n .skin-default .column-back-button,\n .theme-default .icon-button.inverted,\n .skin-default .icon-button.inverted,\n .theme-default .text-icon-button,\n .skin-default .text-icon-button,\n .theme-default .icon-button.active,\n .skin-default .icon-button.active,\n .theme-default .public-layout .public-account-bio .account__header__fields a,\n .skin-default .public-layout .public-account-bio .account__header__fields a,\n .theme-default .column-header__back-button,\n .skin-default .column-header__back-button,\n .theme-default .navigation-bar strong,\n .skin-default .navigation-bar strong,\n .theme-default .reply-indicator__content a.unhandled-link,\n .skin-default .reply-indicator__content a.unhandled-link,\n .theme-default .status__content a.unhandled-link,\n .skin-default .status__content a.unhandled-link,\n .theme-default .announcements__item__content a.unhandled-link,\n .skin-default .announcements__item__content a.unhandled-link,\n .theme-default .reactions-bar__item.active .reactions-bar__item__count,\n .skin-default .reactions-bar__item.active .reactions-bar__item__count,\n .theme-default .column-header.active .column-header__icon,\n .skin-default .column-header.active .column-header__icon {\n color: #b7bdf8;\n }\n .theme-default .conversation__unread,\n .skin-default .conversation__unread,\n .theme-default .react-toggle--checked .react-toggle-track,\n .skin-default .react-toggle--checked .react-toggle-track,\n .theme-default .react-toggle--checked:hover .react-toggle-track,\n .skin-default .react-toggle--checked:hover .react-toggle-track,\n .theme-default .pillbar-button:not([disabled]).active,\n .skin-default .pillbar-button:not([disabled]).active,\n .theme-default .pillbar-button:not([disabled]).active:focus,\n .skin-default .pillbar-button:not([disabled]).active:focus,\n .theme-default .pillbar-button:not([disabled]).active:hover,\n .skin-default .pillbar-button:not([disabled]).active:hover,\n .theme-default .radio-button__input.checked,\n .skin-default .radio-button__input.checked {\n background-color: #b7bdf8;\n }\n .theme-default .reactions-bar__item.active,\n .skin-default .reactions-bar__item.active {\n background-color: rgba(183, 189, 248, 0.25);\n }\n .theme-default .trends__item__sparkline path:last-child,\n .skin-default .trends__item__sparkline path:last-child {\n stroke: #b7bdf8 !important;\n }\n .theme-default .trends__item__sparkline path:first-child,\n .skin-default .trends__item__sparkline path:first-child {\n fill: rgba(183, 189, 248, 0.25) !important;\n }\n .theme-default .icon-button,\n .skin-default .icon-button,\n .theme-default .notification__message .fa,\n .skin-default .notification__message .fa {\n color: #5b6078;\n }\n .theme-default .icon-button:active,\n .skin-default .icon-button:active,\n .theme-default .icon-button:focus,\n .skin-default .icon-button:focus,\n .theme-default .icon-button:hover,\n .skin-default .icon-button:hover,\n .theme-default .text-icon-button:active,\n .skin-default .text-icon-button:active,\n .theme-default .text-icon-button:focus,\n .skin-default .text-icon-button:focus,\n .theme-default .text-icon-button:hover,\n .skin-default .text-icon-button:hover,\n .theme-default .icon-button.inverted:active,\n .skin-default .icon-button.inverted:active,\n .theme-default .icon-button.inverted:focus,\n .skin-default .icon-button.inverted:focus,\n .theme-default .icon-button.inverted:hover,\n .skin-default .icon-button.inverted:hover,\n .theme-default .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-default .public-layout .public-account-bio .account__header__fields a:hover {\n color: #b7bdf8;\n }\n .theme-default .column-header,\n .skin-default .column-header,\n .theme-default .column-header__button,\n .skin-default .column-header__button,\n .theme-default .column-header__back-button,\n .skin-default .column-header__back-button,\n .theme-default .column-back-button,\n .skin-default .column-back-button,\n .theme-default .drawer__header,\n .skin-default .drawer__header,\n .theme-default .notification__filter-bar,\n .skin-default .notification__filter-bar,\n .theme-default .account__section-headline button,\n .skin-default .account__section-headline button,\n .theme-default .notification__filter-bar button,\n .skin-default .notification__filter-bar button,\n .theme-default .account__header,\n .skin-default .account__header,\n .theme-default .search__input,\n .skin-default .search__input,\n .theme-default .search__input:focus,\n .skin-default .search__input:focus,\n .theme-default .column-link__badge,\n .skin-default .column-link__badge,\n .theme-default .column-subheading,\n .skin-default .column-subheading,\n .theme-default .public-layout .header,\n .skin-default .public-layout .header,\n .theme-default .public-layout .public-account-header__bar::before,\n .skin-default .public-layout .public-account-header__bar::before,\n .theme-default .account__header__fields,\n .skin-default .account__header__fields,\n .theme-default .account__header__fields dt,\n .skin-default .account__header__fields dt,\n .theme-default .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-default .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .theme-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .theme-default .explore__search-header,\n .skin-default .explore__search-header,\n .theme-default .column-inline-form,\n .skin-default .column-inline-form,\n .theme-default .follow_requests-unlocked_explanation,\n .skin-default .follow_requests-unlocked_explanation,\n .theme-default .conversation--unread,\n .skin-default .conversation--unread,\n .theme-default .column-header__collapsible-inner,\n .skin-default .column-header__collapsible-inner,\n .theme-default .announcements,\n .skin-default .announcements,\n .theme-default .status-card__image,\n .skin-default .status-card__image {\n border-color: #181926;\n background: #363a4f;\n }\n .theme-default .account__section-headline,\n .skin-default .account__section-headline {\n background: #1e2030;\n border-color: #181926;\n }\n .theme-default .focusable:focus,\n .skin-default .focusable:focus {\n background: unset;\n }\n .theme-default .admin-wrapper .sidebar ul a:hover,\n .skin-default .admin-wrapper .sidebar ul a:hover,\n .theme-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .theme-default .detailed-status,\n .skin-default .detailed-status,\n .theme-default .detailed-status__action-bar,\n .skin-default .detailed-status__action-bar {\n background: #363a4f;\n }\n .theme-default .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-default .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n .theme-default .dismissable-banner,\n .skin-default .dismissable-banner {\n border-color: #494d64;\n background: #24273a;\n }\n .theme-default .column-header__wrapper.active,\n .skin-default .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(183, 189, 248, 0.3);\n }\n .theme-default .column-header__wrapper.active::before,\n .skin-default .column-header__wrapper.active::before {\n background: radial-gradient(ellipse, rgba(183, 189, 248, 0.23) 0, rgba(99, 100, 255, 0) 60%);\n }\n .theme-default .theme-mastodon-light .account__header__bar,\n .skin-default .theme-mastodon-light .account__header__bar,\n .theme-default .theme-mastodon-light .column-header__back-button,\n .skin-default .theme-mastodon-light .column-header__back-button,\n .theme-default .account__header__bio .account__header__fields dl,\n .skin-default .account__header__bio .account__header__fields dl,\n .theme-default .account__header__bio .account__header__fields,\n .skin-default .account__header__bio .account__header__fields,\n .theme-default .empty-column-indicator,\n .skin-default .empty-column-indicator,\n .theme-default .column > .scrollable,\n .skin-default .column > .scrollable,\n .theme-default .nothing-here,\n .skin-default .nothing-here,\n .theme-default .public-layout .public-account-bio,\n .skin-default .public-layout .public-account-bio,\n .theme-default .hero-widget__text,\n .skin-default .hero-widget__text,\n .theme-default.admin,\n .skin-default.admin,\n .theme-default .admin-wrapper .sidebar ul a.selected,\n .skin-default .admin-wrapper .sidebar ul a.selected,\n .theme-default .admin-wrapper .sidebar ul ul,\n .skin-default .admin-wrapper .sidebar ul ul {\n border-color: #1e2030;\n background: #24273a;\n }\n .theme-default .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-default .public-layout .public-account-header__tabs__tabs .counter::after,\n .theme-default .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-default .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .theme-default .react-toggle--checked .react-toggle-thumb,\n .skin-default .react-toggle--checked .react-toggle-thumb,\n .theme-default .radio-button__input.checked,\n .skin-default .radio-button__input.checked,\n .theme-default .account__action-bar__tab.active,\n .skin-default .account__action-bar__tab.active {\n border-color: #b7bdf8;\n }\n .theme-default .account,\n .skin-default .account,\n .theme-default .load-gap,\n .skin-default .load-gap {\n border-color: #1e2030;\n }\n .theme-default .account__section-headline a.active::after,\n .skin-default .account__section-headline a.active::after {\n border-color: transparent transparent #24273a;\n }\n .theme-default .account__section-headline a.active::before,\n .skin-default .account__section-headline a.active::before,\n .theme-default .account__section-headline button.active::after,\n .skin-default .account__section-headline button.active::after,\n .theme-default .account__section-headline button.active::before,\n .skin-default .account__section-headline button.active::before,\n .theme-default .notification__filter-bar a.active::after,\n .skin-default .notification__filter-bar a.active::after,\n .theme-default .notification__filter-bar a.active::before,\n .skin-default .notification__filter-bar a.active::before,\n .theme-default .notification__filter-bar button.active::after,\n .skin-default .notification__filter-bar button.active::after,\n .theme-default .notification__filter-bar button.active::before,\n .skin-default .notification__filter-bar button.active::before {\n border-color: transparent transparent #1e2030;\n }\n .theme-default .search-popout,\n .skin-default .search-popout,\n .theme-default .drawer__header a:hover,\n .skin-default .drawer__header a:hover,\n .theme-default .column-header__button:hover,\n .skin-default .column-header__button:hover,\n .theme-default .account__section-headline button:hover,\n .skin-default .account__section-headline button:hover,\n .theme-default .notification__filter-bar button:hover,\n .skin-default .notification__filter-bar button:hover,\n .theme-default .account__section-headline a:hover,\n .skin-default .account__section-headline a:hover {\n background: #5b6078;\n }\n .theme-default .column-link .active,\n .skin-default .column-link .active,\n .theme-default .column-link--transparent.active,\n .skin-default .column-link--transparent.active,\n .theme-default .column-link--transparent:focus,\n .skin-default .column-link--transparent:focus,\n .theme-default .column-link:focus,\n .skin-default .column-link:focus {\n color: #b7bdf8;\n }\n .theme-default .column-link--transparent:hover,\n .skin-default .column-link--transparent:hover,\n .theme-default .column-link:hover,\n .skin-default .column-link:hover {\n color: #b7bdf8;\n }\n .theme-default .status.collapsed .status__content:after,\n .skin-default .status.collapsed .status__content:after {\n background: linear-gradient(rgba(36, 39, 58, 0), #24273a);\n }\n .theme-default .button.button-tertiary:focus,\n .skin-default .button.button-tertiary:focus,\n .theme-default .button.button-tertiary:hover,\n .skin-default .button.button-tertiary:hover,\n .theme-default .button.button-tertiary:active,\n .skin-default .button.button-tertiary:active {\n color: #24273a;\n }\n .theme-default .button.button-tertiary,\n .skin-default .button.button-tertiary {\n border-color: #b7bdf8;\n }\n .theme-default .button,\n .skin-default .button,\n .theme-default .button.button-tertiary,\n .skin-default .button.button-tertiary,\n .theme-default .button.logo-button,\n .skin-default .button.logo-button,\n .theme-default .icon-with-badge__badge,\n .skin-default .icon-with-badge__badge {\n background: #b7bdf8;\n color: #24273a;\n }\n .theme-default .button.logo-button svg,\n .skin-default .button.logo-button svg {\n fill: currentColor;\n }\n .theme-default .public-layout .header .nav-button,\n .skin-default .public-layout .header .nav-button {\n background-color: #494d64;\n }\n .theme-default .public-layout .header .nav-button:hover,\n .skin-default .public-layout .header .nav-button:hover {\n background-color: #5b6078;\n }\n .theme-default .button.button-secondary,\n .skin-default .button.button-secondary {\n background-color: transparent;\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .theme-default .button.button-secondary:active,\n .skin-default .button.button-secondary:active,\n .theme-default .button.button-secondary:focus,\n .skin-default .button.button-secondary:focus,\n .theme-default .button.button-secondary:hover,\n .skin-default .button.button-secondary:hover {\n border-color: #b7bdf8;\n color: #24273a;\n transition: 0.2s;\n }\n .theme-default .button:active,\n .skin-default .button:active,\n .theme-default .button:focus,\n .skin-default .button:focus,\n .theme-default .button:hover,\n .skin-default .button:hover,\n .theme-default .button.button-tertiary:active,\n .skin-default .button.button-tertiary:active,\n .theme-default .button.button-tertiary:focus,\n .skin-default .button.button-tertiary:focus,\n .theme-default .button.button-tertiary:hover,\n .skin-default .button.button-tertiary:hover,\n .theme-default .button.logo-button:active,\n .skin-default .button.logo-button:active,\n .theme-default .button.logo-button:focus,\n .skin-default .button.logo-button:focus,\n .theme-default .button.logo-button:hover,\n .skin-default .button.logo-button:hover {\n background: #b7bdf8;\n }\n .theme-default .drawer__inner,\n .skin-default .drawer__inner,\n .theme-default .drawer__inner__mastodon,\n .skin-default .drawer__inner__mastodon,\n .theme-default .explore__search-header .search__input,\n .skin-default .explore__search-header .search__input {\n background-color: #24273a;\n }\n .theme-default .compose-form .compose-form__modifiers,\n .skin-default .compose-form .compose-form__modifiers,\n .theme-default .compose-form .autosuggest-textarea__textarea,\n .skin-default .compose-form .autosuggest-textarea__textarea,\n .theme-default .compose-form .compose-form__autosuggest-wrapper,\n .skin-default .compose-form .compose-form__autosuggest-wrapper,\n .theme-default .compose-form .spoiler-input__input,\n .skin-default .compose-form .spoiler-input__input {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n .theme-default .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-default .compose-form .autosuggest-textarea__textarea::placeholder {\n color: #a5adcb !important;\n }\n .theme-default .compose-form .compose-form__buttons-wrapper,\n .skin-default .compose-form .compose-form__buttons-wrapper {\n background: #363a4f;\n }\n .theme-default .load-more:hover,\n .skin-default .load-more:hover {\n background-color: #1e2030;\n }\n .theme-default .character-counter,\n .skin-default .character-counter {\n color: #a5adcb;\n }\n .theme-default .public-layout .header,\n .skin-default .public-layout .header,\n .theme-default .hero-widget,\n .skin-default .hero-widget,\n .theme-default .public-layout .public-account-header,\n .skin-default .public-layout .public-account-header,\n .theme-default .public-layout .public-account-bio,\n .skin-default .public-layout .public-account-bio,\n .theme-default .nothing-here,\n .skin-default .nothing-here {\n box-shadow: none;\n }\n .theme-default .search__popout,\n .skin-default .search__popout,\n .theme-default .dropdown-menu__arrow:before,\n .skin-default .dropdown-menu__arrow:before,\n .theme-default .dropdown-menu__item a,\n .skin-default .dropdown-menu__item a,\n .theme-default .dropdown-menu__item button,\n .skin-default .dropdown-menu__item button,\n .theme-default .dropdown-menu__container__list,\n .skin-default .dropdown-menu__container__list,\n .theme-default .dropdown-menu.bottom,\n .skin-default .dropdown-menu.bottom {\n background: #363a4f;\n color: #cad3f5;\n }\n .theme-default .dropdown-menu__item a:hover,\n .skin-default .dropdown-menu__item a:hover,\n .theme-default .dropdown-menu__item button:hover,\n .skin-default .dropdown-menu__item button:hover {\n background: #494d64;\n }\n .theme-default .input-copy,\n .skin-default .input-copy,\n .theme-default .simple_form input[type=\"text\"],\n .skin-default .simple_form input[type=\"text\"],\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea,\n .theme-default .simple_form .block-button,\n .skin-default .simple_form .block-button,\n .theme-default .simple_form .button,\n .skin-default .simple_form .button,\n .theme-default .simple_form button,\n .skin-default .simple_form button {\n background: #1e2030;\n color: #cad3f5;\n }\n .theme-default .simple_form .block-button:hover,\n .skin-default .simple_form .block-button:hover,\n .theme-default .simple_form .button:hover,\n .skin-default .simple_form .button:hover,\n .theme-default .simple_form button:hover,\n .skin-default .simple_form button:hover {\n background: #363a4f;\n }\n .theme-default .simple_form .input.with_label .label_input > label,\n .skin-default .simple_form .input.with_label .label_input > label,\n .theme-default .simple_form select,\n .skin-default .simple_form select,\n .theme-default .accounts-table__count,\n .skin-default .accounts-table__count,\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea {\n color: #cad3f5;\n }\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea,\n .theme-default .simple_form input[type=\"password\"],\n .skin-default .simple_form input[type=\"password\"],\n .theme-default .simple_form input[type=\"number\"],\n .skin-default .simple_form input[type=\"number\"],\n .theme-default .simple_form input[type=\"text\"],\n .skin-default .simple_form input[type=\"text\"] {\n border: 1px solid #181926;\n }\n .theme-default .simple_form input[type=\"email\"]:required:valid,\n .skin-default .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid #a6da95;\n }\n .theme-default .simple_form input[type=\"password\"],\n .skin-default .simple_form input[type=\"password\"],\n .theme-default .simple_form input[type=\"number\"],\n .skin-default .simple_form input[type=\"number\"],\n .theme-default .simple_form input[type=\"email\"]:required:valid,\n .skin-default .simple_form input[type=\"email\"]:required:valid,\n .theme-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: #cad3f5;\n background: #1e2030;\n }\n .theme-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid #ed8796;\n }\n .theme-default .simple_form select,\n .skin-default .simple_form select {\n background: #1e2030 url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center / auto 16px;\n border: 1px solid #181926;\n }\n .theme-default .simple_form input[type=\"datetime-local\"]:active,\n .skin-default .simple_form input[type=\"datetime-local\"]:active,\n .theme-default .simple_form input[type=\"datetime-local\"]:focus,\n .skin-default .simple_form input[type=\"datetime-local\"]:focus,\n .theme-default .simple_form input[type=\"email\"]:active,\n .skin-default .simple_form input[type=\"email\"]:active,\n .theme-default .simple_form input[type=\"email\"]:focus,\n .skin-default .simple_form input[type=\"email\"]:focus,\n .theme-default .simple_form input[type=\"number\"]:active,\n .skin-default .simple_form input[type=\"number\"]:active,\n .theme-default .simple_form input[type=\"number\"]:focus,\n .skin-default .simple_form input[type=\"number\"]:focus,\n .theme-default .simple_form input[type=\"password\"]:active,\n .skin-default .simple_form input[type=\"password\"]:active,\n .theme-default .simple_form input[type=\"password\"]:focus,\n .skin-default .simple_form input[type=\"password\"]:focus,\n .theme-default .simple_form input[type=\"text\"]:active,\n .skin-default .simple_form input[type=\"text\"]:active,\n .theme-default .simple_form input[type=\"text\"]:focus,\n .skin-default .simple_form input[type=\"text\"]:focus,\n .theme-default .simple_form input[type=\"url\"]:active,\n .skin-default .simple_form input[type=\"url\"]:active,\n .theme-default .simple_form input[type=\"url\"]:focus,\n .skin-default .simple_form input[type=\"url\"]:focus,\n .theme-default .simple_form textarea:active,\n .skin-default .simple_form textarea:active,\n .theme-default .simple_form textarea:focus,\n .skin-default .simple_form textarea:focus {\n border-color: #b7bdf8 !important;\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th,\n .theme-default .setting-text:active,\n .skin-default .setting-text:active,\n .theme-default .setting-text:focus,\n .skin-default .setting-text:focus {\n border-color: #b7bdf8 !important;\n }\n .theme-default .batch-table__toolbar,\n .skin-default .batch-table__toolbar,\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n .theme-default .simple_form input[type=\"datetime-local\"]:hover,\n .skin-default .simple_form input[type=\"datetime-local\"]:hover,\n .theme-default .simple_form input[type=\"email\"]:hover,\n .skin-default .simple_form input[type=\"email\"]:hover,\n .theme-default .simple_form input[type=\"number\"]:hover,\n .skin-default .simple_form input[type=\"number\"]:hover,\n .theme-default .simple_form input[type=\"password\"]:hover,\n .skin-default .simple_form input[type=\"password\"]:hover,\n .theme-default .simple_form input[type=\"text\"]:hover,\n .skin-default .simple_form input[type=\"text\"]:hover,\n .theme-default .simple_form input[type=\"url\"]:hover,\n .skin-default .simple_form input[type=\"url\"]:hover,\n .theme-default .simple_form textarea:hover,\n .skin-default .simple_form textarea:hover {\n background: #1e2030 !important;\n border-color: #b7bdf8 !important;\n transition: 0.4s;\n }\n .theme-default .batch-table__row,\n .skin-default .batch-table__row {\n background: #494d64;\n }\n .theme-default .batch-table__row:hover,\n .skin-default .batch-table__row:hover,\n .theme-default .batch-table__row:nth-child(2n):hover,\n .skin-default .batch-table__row:nth-child(2n):hover {\n background: #5b6078;\n }\n .theme-default .batch-table__row:nth-child(2n),\n .skin-default .batch-table__row:nth-child(2n),\n .theme-default .table > tbody > tr > td,\n .skin-default .table > tbody > tr > td {\n background: #363a4f;\n }\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th {\n border-bottom: 2px solid #363a4f;\n }\n .theme-default .positive-hint,\n .skin-default .positive-hint {\n color: #a6da95 !important;\n }\n .theme-default .card__bar,\n .skin-default .card__bar {\n background: #363a4f;\n }\n }\n @media (prefers-color-scheme: dark) {\n .theme-default,\n .skin-default,\n .theme-default .tabs-bar__wrapper,\n .skin-default .tabs-bar__wrapper,\n .theme-default .admin-wrapper .sidebar-wrapper__inner,\n .skin-default .admin-wrapper .sidebar-wrapper__inner,\n .theme-default .ui__header,\n .skin-default .ui__header {\n background: #181926;\n color: #cad3f5;\n }\n .theme-default .ui__header,\n .skin-default .ui__header {\n border-bottom: none;\n }\n .theme-default .navigation-panel,\n .skin-default .navigation-panel,\n .theme-default .column-link,\n .skin-default .column-link {\n background: transparent;\n }\n .theme-default .account__header__bio .account__header__fields dt,\n .skin-default .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n .theme-default .search-popout,\n .skin-default .search-popout,\n .theme-default .search-popout em,\n .skin-default .search-popout em,\n .theme-default .dismissable-banner__message,\n .skin-default .dismissable-banner__message,\n .theme-default .dismissable-banner__message h1,\n .skin-default .dismissable-banner__message h1,\n .theme-default .account__header__bio .account__header__fields dt,\n .skin-default .account__header__bio .account__header__fields dt,\n .theme-default .account__section-headline a.active,\n .skin-default .account__section-headline a.active,\n .theme-default .account__section-headline button.active,\n .skin-default .account__section-headline button.active,\n .theme-default .notification__filter-bar a.active,\n .skin-default .notification__filter-bar a.active,\n .theme-default .notification__filter-bar button.active,\n .skin-default .notification__filter-bar button.active,\n .theme-default .account__header__bio .account__header__content,\n .skin-default .account__header__bio .account__header__content,\n .theme-default .navigation-bar,\n .skin-default .navigation-bar,\n .theme-default .column-link__badge,\n .skin-default .column-link__badge,\n .theme-default .column-subheading,\n .skin-default .column-subheading,\n .theme-default .account__display-name strong,\n .skin-default .account__display-name strong,\n .theme-default .status__display-name strong,\n .skin-default .status__display-name strong,\n .theme-default .notification__message,\n .skin-default .notification__message,\n .theme-default .public-layout .public-account-bio .account__header__content,\n .skin-default .public-layout .public-account-bio .account__header__content,\n .theme-default .reply-indicator__content,\n .skin-default .reply-indicator__content,\n .theme-default .status__content,\n .skin-default .status__content,\n .theme-default .card__bar .display-name strong,\n .skin-default .card__bar .display-name strong {\n color: #cad3f5;\n }\n .theme-default .search-popout span,\n .skin-default .search-popout span,\n .theme-default .link-footer p,\n .skin-default .link-footer p,\n .theme-default .link-footer p a,\n .skin-default .link-footer p a {\n color: #b8c0e0;\n }\n .theme-default .account__header__tabs__name h1 small,\n .skin-default .account__header__tabs__name h1 small,\n .theme-default .account__header__bio .account__header__fields dd,\n .skin-default .account__header__bio .account__header__fields dd,\n .theme-default .display-name__account,\n .skin-default .display-name__account,\n .theme-default .status__relative-time,\n .skin-default .status__relative-time,\n .theme-default .empty-column-indicator,\n .skin-default .empty-column-indicator,\n .theme-default .follow_requests-unlocked_explanation,\n .skin-default .follow_requests-unlocked_explanation,\n .theme-default .account .account__display-name,\n .skin-default .account .account__display-name,\n .theme-default .label_input .search__input,\n .skin-default .label_input .search__input,\n .theme-default .search__input:focus,\n .skin-default .search__input:focus,\n .theme-default .account__header__fields dt,\n .skin-default .account__header__fields dt {\n color: #a5adcb;\n }\n .theme-default .compose-panel hr,\n .skin-default .compose-panel hr,\n .theme-default .navigation-panel hr,\n .skin-default .navigation-panel hr {\n border-top-color: #a5adcb;\n }\n .theme-default .trends__item,\n .skin-default .trends__item,\n .theme-default .status,\n .skin-default .status,\n .theme-default .getting-started__trends h4,\n .skin-default .getting-started__trends h4,\n .theme-default .trends__item__name span,\n .skin-default .trends__item__name span,\n .theme-default .story,\n .skin-default .story {\n border-color: #363a4f;\n }\n .theme-default .mention,\n .skin-default .mention,\n .theme-default .account__header__tabs__name h1,\n .skin-default .account__header__tabs__name h1,\n .theme-default .account__header__content a,\n .skin-default .account__header__content a,\n .theme-default .account__header__bio .account__header__fields a,\n .skin-default .account__header__bio .account__header__fields a,\n .theme-default .empty-column-indicator a,\n .skin-default .empty-column-indicator a,\n .theme-default .follow_requests-unlocked_explanation a,\n .skin-default .follow_requests-unlocked_explanation a,\n .theme-default .column-back-button,\n .skin-default .column-back-button,\n .theme-default .icon-button.inverted,\n .skin-default .icon-button.inverted,\n .theme-default .text-icon-button,\n .skin-default .text-icon-button,\n .theme-default .icon-button.active,\n .skin-default .icon-button.active,\n .theme-default .public-layout .public-account-bio .account__header__fields a,\n .skin-default .public-layout .public-account-bio .account__header__fields a,\n .theme-default .column-header__back-button,\n .skin-default .column-header__back-button,\n .theme-default .navigation-bar strong,\n .skin-default .navigation-bar strong,\n .theme-default .reply-indicator__content a.unhandled-link,\n .skin-default .reply-indicator__content a.unhandled-link,\n .theme-default .status__content a.unhandled-link,\n .skin-default .status__content a.unhandled-link,\n .theme-default .announcements__item__content a.unhandled-link,\n .skin-default .announcements__item__content a.unhandled-link,\n .theme-default .reactions-bar__item.active .reactions-bar__item__count,\n .skin-default .reactions-bar__item.active .reactions-bar__item__count,\n .theme-default .column-header.active .column-header__icon,\n .skin-default .column-header.active .column-header__icon {\n color: #b7bdf8;\n }\n .theme-default .conversation__unread,\n .skin-default .conversation__unread,\n .theme-default .react-toggle--checked .react-toggle-track,\n .skin-default .react-toggle--checked .react-toggle-track,\n .theme-default .react-toggle--checked:hover .react-toggle-track,\n .skin-default .react-toggle--checked:hover .react-toggle-track,\n .theme-default .pillbar-button:not([disabled]).active,\n .skin-default .pillbar-button:not([disabled]).active,\n .theme-default .pillbar-button:not([disabled]).active:focus,\n .skin-default .pillbar-button:not([disabled]).active:focus,\n .theme-default .pillbar-button:not([disabled]).active:hover,\n .skin-default .pillbar-button:not([disabled]).active:hover,\n .theme-default .radio-button__input.checked,\n .skin-default .radio-button__input.checked {\n background-color: #b7bdf8;\n }\n .theme-default .reactions-bar__item.active,\n .skin-default .reactions-bar__item.active {\n background-color: rgba(183, 189, 248, 0.25);\n }\n .theme-default .trends__item__sparkline path:last-child,\n .skin-default .trends__item__sparkline path:last-child {\n stroke: #b7bdf8 !important;\n }\n .theme-default .trends__item__sparkline path:first-child,\n .skin-default .trends__item__sparkline path:first-child {\n fill: rgba(183, 189, 248, 0.25) !important;\n }\n .theme-default .icon-button,\n .skin-default .icon-button,\n .theme-default .notification__message .fa,\n .skin-default .notification__message .fa {\n color: #5b6078;\n }\n .theme-default .icon-button:active,\n .skin-default .icon-button:active,\n .theme-default .icon-button:focus,\n .skin-default .icon-button:focus,\n .theme-default .icon-button:hover,\n .skin-default .icon-button:hover,\n .theme-default .text-icon-button:active,\n .skin-default .text-icon-button:active,\n .theme-default .text-icon-button:focus,\n .skin-default .text-icon-button:focus,\n .theme-default .text-icon-button:hover,\n .skin-default .text-icon-button:hover,\n .theme-default .icon-button.inverted:active,\n .skin-default .icon-button.inverted:active,\n .theme-default .icon-button.inverted:focus,\n .skin-default .icon-button.inverted:focus,\n .theme-default .icon-button.inverted:hover,\n .skin-default .icon-button.inverted:hover,\n .theme-default .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-default .public-layout .public-account-bio .account__header__fields a:hover {\n color: #b7bdf8;\n }\n .theme-default .column-header,\n .skin-default .column-header,\n .theme-default .column-header__button,\n .skin-default .column-header__button,\n .theme-default .column-header__back-button,\n .skin-default .column-header__back-button,\n .theme-default .column-back-button,\n .skin-default .column-back-button,\n .theme-default .drawer__header,\n .skin-default .drawer__header,\n .theme-default .notification__filter-bar,\n .skin-default .notification__filter-bar,\n .theme-default .account__section-headline button,\n .skin-default .account__section-headline button,\n .theme-default .notification__filter-bar button,\n .skin-default .notification__filter-bar button,\n .theme-default .account__header,\n .skin-default .account__header,\n .theme-default .search__input,\n .skin-default .search__input,\n .theme-default .search__input:focus,\n .skin-default .search__input:focus,\n .theme-default .column-link__badge,\n .skin-default .column-link__badge,\n .theme-default .column-subheading,\n .skin-default .column-subheading,\n .theme-default .public-layout .header,\n .skin-default .public-layout .header,\n .theme-default .public-layout .public-account-header__bar::before,\n .skin-default .public-layout .public-account-header__bar::before,\n .theme-default .account__header__fields,\n .skin-default .account__header__fields,\n .theme-default .account__header__fields dt,\n .skin-default .account__header__fields dt,\n .theme-default .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-default .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .theme-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .theme-default .explore__search-header,\n .skin-default .explore__search-header,\n .theme-default .column-inline-form,\n .skin-default .column-inline-form,\n .theme-default .follow_requests-unlocked_explanation,\n .skin-default .follow_requests-unlocked_explanation,\n .theme-default .conversation--unread,\n .skin-default .conversation--unread,\n .theme-default .column-header__collapsible-inner,\n .skin-default .column-header__collapsible-inner,\n .theme-default .announcements,\n .skin-default .announcements,\n .theme-default .status-card__image,\n .skin-default .status-card__image {\n border-color: #181926;\n background: #363a4f;\n }\n .theme-default .account__section-headline,\n .skin-default .account__section-headline {\n background: #1e2030;\n border-color: #181926;\n }\n .theme-default .focusable:focus,\n .skin-default .focusable:focus {\n background: unset;\n }\n .theme-default .admin-wrapper .sidebar ul a:hover,\n .skin-default .admin-wrapper .sidebar ul a:hover,\n .theme-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .theme-default .detailed-status,\n .skin-default .detailed-status,\n .theme-default .detailed-status__action-bar,\n .skin-default .detailed-status__action-bar {\n background: #363a4f;\n }\n .theme-default .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-default .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n .theme-default .dismissable-banner,\n .skin-default .dismissable-banner {\n border-color: #494d64;\n background: #24273a;\n }\n .theme-default .column-header__wrapper.active,\n .skin-default .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(183, 189, 248, 0.3);\n }\n .theme-default .column-header__wrapper.active::before,\n .skin-default .column-header__wrapper.active::before {\n background: radial-gradient(ellipse, rgba(183, 189, 248, 0.23) 0, rgba(99, 100, 255, 0) 60%);\n }\n .theme-default .theme-mastodon-light .account__header__bar,\n .skin-default .theme-mastodon-light .account__header__bar,\n .theme-default .theme-mastodon-light .column-header__back-button,\n .skin-default .theme-mastodon-light .column-header__back-button,\n .theme-default .account__header__bio .account__header__fields dl,\n .skin-default .account__header__bio .account__header__fields dl,\n .theme-default .account__header__bio .account__header__fields,\n .skin-default .account__header__bio .account__header__fields,\n .theme-default .empty-column-indicator,\n .skin-default .empty-column-indicator,\n .theme-default .column > .scrollable,\n .skin-default .column > .scrollable,\n .theme-default .nothing-here,\n .skin-default .nothing-here,\n .theme-default .public-layout .public-account-bio,\n .skin-default .public-layout .public-account-bio,\n .theme-default .hero-widget__text,\n .skin-default .hero-widget__text,\n .theme-default.admin,\n .skin-default.admin,\n .theme-default .admin-wrapper .sidebar ul a.selected,\n .skin-default .admin-wrapper .sidebar ul a.selected,\n .theme-default .admin-wrapper .sidebar ul ul,\n .skin-default .admin-wrapper .sidebar ul ul {\n border-color: #1e2030;\n background: #24273a;\n }\n .theme-default .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-default .public-layout .public-account-header__tabs__tabs .counter::after,\n .theme-default .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-default .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .theme-default .react-toggle--checked .react-toggle-thumb,\n .skin-default .react-toggle--checked .react-toggle-thumb,\n .theme-default .radio-button__input.checked,\n .skin-default .radio-button__input.checked,\n .theme-default .account__action-bar__tab.active,\n .skin-default .account__action-bar__tab.active {\n border-color: #b7bdf8;\n }\n .theme-default .account,\n .skin-default .account,\n .theme-default .load-gap,\n .skin-default .load-gap {\n border-color: #1e2030;\n }\n .theme-default .account__section-headline a.active::after,\n .skin-default .account__section-headline a.active::after {\n border-color: transparent transparent #24273a;\n }\n .theme-default .account__section-headline a.active::before,\n .skin-default .account__section-headline a.active::before,\n .theme-default .account__section-headline button.active::after,\n .skin-default .account__section-headline button.active::after,\n .theme-default .account__section-headline button.active::before,\n .skin-default .account__section-headline button.active::before,\n .theme-default .notification__filter-bar a.active::after,\n .skin-default .notification__filter-bar a.active::after,\n .theme-default .notification__filter-bar a.active::before,\n .skin-default .notification__filter-bar a.active::before,\n .theme-default .notification__filter-bar button.active::after,\n .skin-default .notification__filter-bar button.active::after,\n .theme-default .notification__filter-bar button.active::before,\n .skin-default .notification__filter-bar button.active::before {\n border-color: transparent transparent #1e2030;\n }\n .theme-default .search-popout,\n .skin-default .search-popout,\n .theme-default .drawer__header a:hover,\n .skin-default .drawer__header a:hover,\n .theme-default .column-header__button:hover,\n .skin-default .column-header__button:hover,\n .theme-default .account__section-headline button:hover,\n .skin-default .account__section-headline button:hover,\n .theme-default .notification__filter-bar button:hover,\n .skin-default .notification__filter-bar button:hover,\n .theme-default .account__section-headline a:hover,\n .skin-default .account__section-headline a:hover {\n background: #5b6078;\n }\n .theme-default .column-link .active,\n .skin-default .column-link .active,\n .theme-default .column-link--transparent.active,\n .skin-default .column-link--transparent.active,\n .theme-default .column-link--transparent:focus,\n .skin-default .column-link--transparent:focus,\n .theme-default .column-link:focus,\n .skin-default .column-link:focus {\n color: #b7bdf8;\n }\n .theme-default .column-link--transparent:hover,\n .skin-default .column-link--transparent:hover,\n .theme-default .column-link:hover,\n .skin-default .column-link:hover {\n color: #b7bdf8;\n }\n .theme-default .status.collapsed .status__content:after,\n .skin-default .status.collapsed .status__content:after {\n background: linear-gradient(rgba(36, 39, 58, 0), #24273a);\n }\n .theme-default .button.button-tertiary:focus,\n .skin-default .button.button-tertiary:focus,\n .theme-default .button.button-tertiary:hover,\n .skin-default .button.button-tertiary:hover,\n .theme-default .button.button-tertiary:active,\n .skin-default .button.button-tertiary:active {\n color: #24273a;\n }\n .theme-default .button.button-tertiary,\n .skin-default .button.button-tertiary {\n border-color: #b7bdf8;\n }\n .theme-default .button,\n .skin-default .button,\n .theme-default .button.button-tertiary,\n .skin-default .button.button-tertiary,\n .theme-default .button.logo-button,\n .skin-default .button.logo-button,\n .theme-default .icon-with-badge__badge,\n .skin-default .icon-with-badge__badge {\n background: #b7bdf8;\n color: #24273a;\n }\n .theme-default .button.logo-button svg,\n .skin-default .button.logo-button svg {\n fill: currentColor;\n }\n .theme-default .public-layout .header .nav-button,\n .skin-default .public-layout .header .nav-button {\n background-color: #494d64;\n }\n .theme-default .public-layout .header .nav-button:hover,\n .skin-default .public-layout .header .nav-button:hover {\n background-color: #5b6078;\n }\n .theme-default .button.button-secondary,\n .skin-default .button.button-secondary {\n background-color: transparent;\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .theme-default .button.button-secondary:active,\n .skin-default .button.button-secondary:active,\n .theme-default .button.button-secondary:focus,\n .skin-default .button.button-secondary:focus,\n .theme-default .button.button-secondary:hover,\n .skin-default .button.button-secondary:hover {\n border-color: #b7bdf8;\n color: #24273a;\n transition: 0.2s;\n }\n .theme-default .button:active,\n .skin-default .button:active,\n .theme-default .button:focus,\n .skin-default .button:focus,\n .theme-default .button:hover,\n .skin-default .button:hover,\n .theme-default .button.button-tertiary:active,\n .skin-default .button.button-tertiary:active,\n .theme-default .button.button-tertiary:focus,\n .skin-default .button.button-tertiary:focus,\n .theme-default .button.button-tertiary:hover,\n .skin-default .button.button-tertiary:hover,\n .theme-default .button.logo-button:active,\n .skin-default .button.logo-button:active,\n .theme-default .button.logo-button:focus,\n .skin-default .button.logo-button:focus,\n .theme-default .button.logo-button:hover,\n .skin-default .button.logo-button:hover {\n background: #b7bdf8;\n }\n .theme-default .drawer__inner,\n .skin-default .drawer__inner,\n .theme-default .drawer__inner__mastodon,\n .skin-default .drawer__inner__mastodon,\n .theme-default .explore__search-header .search__input,\n .skin-default .explore__search-header .search__input {\n background-color: #24273a;\n }\n .theme-default .compose-form .compose-form__modifiers,\n .skin-default .compose-form .compose-form__modifiers,\n .theme-default .compose-form .autosuggest-textarea__textarea,\n .skin-default .compose-form .autosuggest-textarea__textarea,\n .theme-default .compose-form .compose-form__autosuggest-wrapper,\n .skin-default .compose-form .compose-form__autosuggest-wrapper,\n .theme-default .compose-form .spoiler-input__input,\n .skin-default .compose-form .spoiler-input__input {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n .theme-default .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-default .compose-form .autosuggest-textarea__textarea::placeholder {\n color: #a5adcb !important;\n }\n .theme-default .compose-form .compose-form__buttons-wrapper,\n .skin-default .compose-form .compose-form__buttons-wrapper {\n background: #363a4f;\n }\n .theme-default .load-more:hover,\n .skin-default .load-more:hover {\n background-color: #1e2030;\n }\n .theme-default .character-counter,\n .skin-default .character-counter {\n color: #a5adcb;\n }\n .theme-default .public-layout .header,\n .skin-default .public-layout .header,\n .theme-default .hero-widget,\n .skin-default .hero-widget,\n .theme-default .public-layout .public-account-header,\n .skin-default .public-layout .public-account-header,\n .theme-default .public-layout .public-account-bio,\n .skin-default .public-layout .public-account-bio,\n .theme-default .nothing-here,\n .skin-default .nothing-here {\n box-shadow: none;\n }\n .theme-default .search__popout,\n .skin-default .search__popout,\n .theme-default .dropdown-menu__arrow:before,\n .skin-default .dropdown-menu__arrow:before,\n .theme-default .dropdown-menu__item a,\n .skin-default .dropdown-menu__item a,\n .theme-default .dropdown-menu__item button,\n .skin-default .dropdown-menu__item button,\n .theme-default .dropdown-menu__container__list,\n .skin-default .dropdown-menu__container__list,\n .theme-default .dropdown-menu.bottom,\n .skin-default .dropdown-menu.bottom {\n background: #363a4f;\n color: #cad3f5;\n }\n .theme-default .dropdown-menu__item a:hover,\n .skin-default .dropdown-menu__item a:hover,\n .theme-default .dropdown-menu__item button:hover,\n .skin-default .dropdown-menu__item button:hover {\n background: #494d64;\n }\n .theme-default .input-copy,\n .skin-default .input-copy,\n .theme-default .simple_form input[type=\"text\"],\n .skin-default .simple_form input[type=\"text\"],\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea,\n .theme-default .simple_form .block-button,\n .skin-default .simple_form .block-button,\n .theme-default .simple_form .button,\n .skin-default .simple_form .button,\n .theme-default .simple_form button,\n .skin-default .simple_form button {\n background: #1e2030;\n color: #cad3f5;\n }\n .theme-default .simple_form .block-button:hover,\n .skin-default .simple_form .block-button:hover,\n .theme-default .simple_form .button:hover,\n .skin-default .simple_form .button:hover,\n .theme-default .simple_form button:hover,\n .skin-default .simple_form button:hover {\n background: #363a4f;\n }\n .theme-default .simple_form .input.with_label .label_input > label,\n .skin-default .simple_form .input.with_label .label_input > label,\n .theme-default .simple_form select,\n .skin-default .simple_form select,\n .theme-default .accounts-table__count,\n .skin-default .accounts-table__count,\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea {\n color: #cad3f5;\n }\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea,\n .theme-default .simple_form input[type=\"password\"],\n .skin-default .simple_form input[type=\"password\"],\n .theme-default .simple_form input[type=\"number\"],\n .skin-default .simple_form input[type=\"number\"],\n .theme-default .simple_form input[type=\"text\"],\n .skin-default .simple_form input[type=\"text\"] {\n border: 1px solid #181926;\n }\n .theme-default .simple_form input[type=\"email\"]:required:valid,\n .skin-default .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid #a6da95;\n }\n .theme-default .simple_form input[type=\"password\"],\n .skin-default .simple_form input[type=\"password\"],\n .theme-default .simple_form input[type=\"number\"],\n .skin-default .simple_form input[type=\"number\"],\n .theme-default .simple_form input[type=\"email\"]:required:valid,\n .skin-default .simple_form input[type=\"email\"]:required:valid,\n .theme-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: #cad3f5;\n background: #1e2030;\n }\n .theme-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid #ed8796;\n }\n .theme-default .simple_form select,\n .skin-default .simple_form select {\n background: #1e2030 url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center / auto 16px;\n border: 1px solid #181926;\n }\n .theme-default .simple_form input[type=\"datetime-local\"]:active,\n .skin-default .simple_form input[type=\"datetime-local\"]:active,\n .theme-default .simple_form input[type=\"datetime-local\"]:focus,\n .skin-default .simple_form input[type=\"datetime-local\"]:focus,\n .theme-default .simple_form input[type=\"email\"]:active,\n .skin-default .simple_form input[type=\"email\"]:active,\n .theme-default .simple_form input[type=\"email\"]:focus,\n .skin-default .simple_form input[type=\"email\"]:focus,\n .theme-default .simple_form input[type=\"number\"]:active,\n .skin-default .simple_form input[type=\"number\"]:active,\n .theme-default .simple_form input[type=\"number\"]:focus,\n .skin-default .simple_form input[type=\"number\"]:focus,\n .theme-default .simple_form input[type=\"password\"]:active,\n .skin-default .simple_form input[type=\"password\"]:active,\n .theme-default .simple_form input[type=\"password\"]:focus,\n .skin-default .simple_form input[type=\"password\"]:focus,\n .theme-default .simple_form input[type=\"text\"]:active,\n .skin-default .simple_form input[type=\"text\"]:active,\n .theme-default .simple_form input[type=\"text\"]:focus,\n .skin-default .simple_form input[type=\"text\"]:focus,\n .theme-default .simple_form input[type=\"url\"]:active,\n .skin-default .simple_form input[type=\"url\"]:active,\n .theme-default .simple_form input[type=\"url\"]:focus,\n .skin-default .simple_form input[type=\"url\"]:focus,\n .theme-default .simple_form textarea:active,\n .skin-default .simple_form textarea:active,\n .theme-default .simple_form textarea:focus,\n .skin-default .simple_form textarea:focus {\n border-color: #b7bdf8 !important;\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th,\n .theme-default .setting-text:active,\n .skin-default .setting-text:active,\n .theme-default .setting-text:focus,\n .skin-default .setting-text:focus {\n border-color: #b7bdf8 !important;\n }\n .theme-default .batch-table__toolbar,\n .skin-default .batch-table__toolbar,\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n .theme-default .simple_form input[type=\"datetime-local\"]:hover,\n .skin-default .simple_form input[type=\"datetime-local\"]:hover,\n .theme-default .simple_form input[type=\"email\"]:hover,\n .skin-default .simple_form input[type=\"email\"]:hover,\n .theme-default .simple_form input[type=\"number\"]:hover,\n .skin-default .simple_form input[type=\"number\"]:hover,\n .theme-default .simple_form input[type=\"password\"]:hover,\n .skin-default .simple_form input[type=\"password\"]:hover,\n .theme-default .simple_form input[type=\"text\"]:hover,\n .skin-default .simple_form input[type=\"text\"]:hover,\n .theme-default .simple_form input[type=\"url\"]:hover,\n .skin-default .simple_form input[type=\"url\"]:hover,\n .theme-default .simple_form textarea:hover,\n .skin-default .simple_form textarea:hover {\n background: #1e2030 !important;\n border-color: #b7bdf8 !important;\n transition: 0.4s;\n }\n .theme-default .batch-table__row,\n .skin-default .batch-table__row {\n background: #494d64;\n }\n .theme-default .batch-table__row:hover,\n .skin-default .batch-table__row:hover,\n .theme-default .batch-table__row:nth-child(2n):hover,\n .skin-default .batch-table__row:nth-child(2n):hover {\n background: #5b6078;\n }\n .theme-default .batch-table__row:nth-child(2n),\n .skin-default .batch-table__row:nth-child(2n),\n .theme-default .table > tbody > tr > td,\n .skin-default .table > tbody > tr > td {\n background: #363a4f;\n }\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th {\n border-bottom: 2px solid #363a4f;\n }\n .theme-default .positive-hint,\n .skin-default .positive-hint {\n color: #a6da95 !important;\n }\n .theme-default .card__bar,\n .skin-default .card__bar {\n background: #363a4f;\n }\n }",
+ "start": 1117,
"domains": [
+ "mastodon.social",
"mstdn.social",
"fosstodon.org",
+ "piaille.fr",
"tech.lgbt",
- "mastodon.social",
- "piaille.fr"
+ "wetdry.world"
]
}
],
- "sourceCode": "/* ==UserStyle==\n@name Mastodon Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/mastodon\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon\n@version 1.1.10\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"mstdn.social\"),\ndomain(\"fosstodon.org\"),\ndomain(\"tech.lgbt\"),\ndomain(\"mastodon.social\"),\ndomain(\"piaille.fr\") {\n .theme-mastodon-light,\n .skin-mastodon-light {\n #mastodon(@lightFlavor, @accentColor);\n }\n\n .theme-contrast,\n .skin-contrast {\n #mastodon(@darkFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: light) {\n .theme-default,\n .skin-default {\n #mastodon(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n .theme-default,\n .skin-default {\n #mastodon(@darkFlavor, @accentColor);\n }\n }\n\n #mastodon(@lookup, @accent) {\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n .tabs-bar__wrapper,\n .admin-wrapper .sidebar-wrapper__inner,\n .ui__header {\n background: @crust;\n color: @text;\n }\n\n .ui__header {\n border-bottom: none;\n }\n\n .navigation-panel,\n .column-link {\n background: transparent;\n }\n\n .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n\n .search-popout,\n .search-popout em,\n .dismissable-banner__message,\n .dismissable-banner__message h1,\n .account__header__bio .account__header__fields dt,\n .account__section-headline a.active,\n .account__section-headline button.active,\n .notification__filter-bar a.active,\n .notification__filter-bar button.active,\n .account__header__bio .account__header__content,\n .navigation-bar,\n .column-link__badge,\n .column-subheading,\n .account__display-name strong,\n .status__display-name strong,\n .notification__message,\n .public-layout .public-account-bio .account__header__content,\n .reply-indicator__content,\n .status__content,\n .card__bar .display-name strong {\n color: @text;\n }\n\n .search-popout span,\n .link-footer p,\n .link-footer p a {\n color: @subtext1;\n }\n\n .account__header__tabs__name h1 small,\n .account__header__bio .account__header__fields dd,\n .display-name__account,\n .status__relative-time,\n .empty-column-indicator,\n .follow_requests-unlocked_explanation,\n .account .account__display-name,\n .label_input .search__input,\n .search__input:focus,\n .account__header__fields dt {\n color: @subtext0;\n }\n\n .compose-panel hr,\n .navigation-panel hr {\n border-top-color: @subtext0;\n }\n\n .trends__item,\n .status,\n .getting-started__trends h4,\n .trends__item__name span,\n .story {\n border-color: @surface0;\n }\n\n .mention,\n .account__header__tabs__name h1,\n .account__header__content a,\n .account__header__bio .account__header__fields a,\n .empty-column-indicator a,\n .follow_requests-unlocked_explanation a,\n .column-back-button,\n .icon-button.inverted,\n .text-icon-button,\n .icon-button.active,\n .public-layout .public-account-bio .account__header__fields a,\n .column-header__back-button,\n .navigation-bar strong,\n .reply-indicator__content a.unhandled-link,\n .status__content a.unhandled-link,\n .announcements__item__content a.unhandled-link,\n .reactions-bar__item.active .reactions-bar__item__count,\n .column-header.active .column-header__icon {\n color: @accent-color;\n }\n\n .conversation__unread,\n .react-toggle--checked .react-toggle-track,\n .react-toggle--checked:hover .react-toggle-track,\n .pillbar-button:not([disabled]).active,\n .pillbar-button:not([disabled]).active:focus,\n .pillbar-button:not([disabled]).active:hover,\n .radio-button__input.checked {\n background-color: @accent-color;\n }\n\n .reactions-bar__item.active {\n background-color: rgba(@accent-color, 0.25);\n }\n\n .trends__item__sparkline path:last-child {\n stroke: @accent-color !important;\n }\n .trends__item__sparkline path:first-child {\n fill: rgba(@accent-color, 0.25) !important;\n }\n\n .icon-button,\n .notification__message .fa {\n color: @surface2;\n }\n\n .icon-button:active,\n .icon-button:focus,\n .icon-button:hover,\n .text-icon-button:active,\n .text-icon-button:focus,\n .text-icon-button:hover,\n .icon-button.inverted:active,\n .icon-button.inverted:focus,\n .icon-button.inverted:hover,\n .public-layout .public-account-bio .account__header__fields a:hover {\n color: @accent-color;\n }\n\n .column-header,\n .column-header__button,\n .column-header__back-button,\n .column-back-button,\n .drawer__header,\n .notification__filter-bar,\n .account__section-headline button,\n .notification__filter-bar button,\n .account__header,\n .search__input,\n .search__input:focus,\n .column-link__badge,\n .column-subheading,\n .public-layout .header,\n .public-layout .public-account-header__bar::before,\n .account__header__fields,\n .account__header__fields dt,\n .account__header__fields\n dd:not(.account__header__bio .account__header__fields dd),\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .explore__search-header,\n .column-inline-form,\n .follow_requests-unlocked_explanation,\n .conversation--unread,\n .column-header__collapsible-inner,\n .announcements,\n .status-card__image {\n border-color: @crust;\n background: @surface0;\n }\n\n .account__section-headline {\n background: @mantle;\n border-color: @crust;\n }\n\n .focusable:focus {\n background: unset;\n }\n\n .admin-wrapper .sidebar ul a:hover,\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .detailed-status,\n .detailed-status__action-bar {\n background: @surface0;\n }\n\n .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n\n .dismissable-banner {\n border-color: @surface1;\n background: @base;\n }\n\n .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(@accent-color, 0.3);\n }\n .column-header__wrapper.active::before {\n background: radial-gradient(\n ellipse,\n rgba(@accent-color, 0.23) 0,\n rgba(99, 100, 255, 0) 60%\n );\n }\n\n .theme-mastodon-light .account__header__bar,\n .theme-mastodon-light .column-header__back-button,\n .account__header__bio .account__header__fields dl,\n .account__header__bio .account__header__fields,\n .empty-column-indicator,\n .column > .scrollable,\n .nothing-here,\n .public-layout .public-account-bio,\n .hero-widget__text,\n &.admin,\n .admin-wrapper .sidebar ul a.selected,\n .admin-wrapper .sidebar ul ul {\n border-color: @mantle;\n background: @base;\n }\n\n .public-layout .public-account-header__tabs__tabs .counter::after,\n .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .react-toggle--checked .react-toggle-thumb,\n .radio-button__input.checked,\n .account__action-bar__tab.active {\n border-color: @accent-color;\n }\n\n .account,\n .load-gap {\n border-color: @mantle;\n }\n\n .account__section-headline a.active::after {\n border-color: transparent transparent @base;\n }\n\n .account__section-headline a.active::before,\n .account__section-headline button.active::after,\n .account__section-headline button.active::before,\n .notification__filter-bar a.active::after,\n .notification__filter-bar a.active::before,\n .notification__filter-bar button.active::after,\n .notification__filter-bar button.active::before {\n border-color: transparent transparent @mantle;\n }\n\n .search-popout,\n .drawer__header a:hover,\n .column-header__button:hover,\n .account__section-headline button:hover,\n .notification__filter-bar button:hover,\n .account__section-headline a:hover {\n background: @surface2;\n }\n\n .column-link .active,\n .column-link--transparent.active,\n .column-link--transparent:focus,\n .column-link:focus {\n color: @accent-color;\n }\n\n .column-link--transparent:hover,\n .column-link:hover {\n color: @accent-color;\n }\n\n .status.collapsed .status__content:after {\n background: linear-gradient(fadeout(@base, 100), @base);\n }\n\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.button-tertiary:active {\n color: @base;\n }\n\n .button.button-tertiary {\n border-color: @accent-color;\n }\n\n .button,\n .button.button-tertiary,\n .button.logo-button,\n .icon-with-badge__badge {\n background: @accent-color;\n color: @base;\n }\n\n .button.logo-button svg {\n fill: currentColor;\n }\n\n .public-layout .header .nav-button {\n background-color: @surface1;\n }\n\n .public-layout .header .nav-button:hover {\n background-color: @surface2;\n }\n\n .button.button-secondary {\n background-color: transparent;\n color: @text;\n border-color: @accent-color;\n }\n .button.button-secondary:active,\n .button.button-secondary:focus,\n .button.button-secondary:hover {\n border-color: @accent-color;\n color: @base;\n transition: 0.2s;\n }\n\n .button:active,\n .button:focus,\n .button:hover,\n .button.button-tertiary:active,\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.logo-button:active,\n .button.logo-button:focus,\n .button.logo-button:hover {\n background: @accent-color;\n }\n\n .drawer__inner,\n .drawer__inner__mastodon,\n .explore__search-header .search__input {\n background-color: @base;\n }\n\n .compose-form .compose-form__modifiers,\n .compose-form .autosuggest-textarea__textarea,\n .compose-form .compose-form__autosuggest-wrapper,\n .compose-form .spoiler-input__input {\n background: @surface1 !important;\n color: @text !important;\n }\n\n .compose-form .autosuggest-textarea__textarea::placeholder {\n color: @subtext0 !important;\n }\n\n .compose-form .compose-form__buttons-wrapper {\n background: @surface0;\n }\n\n .load-more:hover {\n background-color: @mantle;\n }\n\n .character-counter {\n color: @subtext0;\n }\n\n .public-layout .header,\n .hero-widget,\n .public-layout .public-account-header,\n .public-layout .public-account-bio,\n .nothing-here {\n box-shadow: none;\n }\n\n .search__popout,\n .dropdown-menu__arrow:before,\n .dropdown-menu__item a,\n .dropdown-menu__item button,\n .dropdown-menu__container__list,\n .dropdown-menu.bottom {\n background: @surface0;\n color: @text;\n }\n\n .dropdown-menu__item a:hover,\n .dropdown-menu__item button:hover {\n background: @surface1;\n }\n\n .input-copy,\n .simple_form input[type=\"text\"],\n .simple_form textarea,\n .simple_form .block-button,\n .simple_form .button,\n .simple_form button {\n background: @mantle;\n color: @text;\n }\n\n .simple_form .block-button:hover,\n .simple_form .button:hover,\n .simple_form button:hover {\n background: @surface0;\n }\n\n .simple_form .input.with_label .label_input > label,\n .simple_form select,\n .accounts-table__count,\n .simple_form textarea {\n color: @text;\n }\n\n .simple_form textarea,\n .simple_form input[type=\"password\"],\n .simple_form input[type=\"number\"],\n .simple_form input[type=\"text\"] {\n border: 1px solid @crust;\n }\n\n .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid @green;\n }\n\n .simple_form input[type=\"password\"],\n .simple_form input[type=\"number\"],\n .simple_form input[type=\"email\"]:required:valid,\n .simple_form\n input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: @text;\n background: @mantle;\n }\n\n .simple_form\n input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid @red;\n }\n\n .simple_form select {\n background: @mantle\n url(\"data:image/svg+xml;utf8,\")\n no-repeat right 8px center/auto 16px;\n border: 1px solid @crust;\n }\n\n .simple_form input[type=\"datetime-local\"]:active,\n .simple_form input[type=\"datetime-local\"]:focus,\n .simple_form input[type=\"email\"]:active,\n .simple_form input[type=\"email\"]:focus,\n .simple_form input[type=\"number\"]:active,\n .simple_form input[type=\"number\"]:focus,\n .simple_form input[type=\"password\"]:active,\n .simple_form input[type=\"password\"]:focus,\n .simple_form input[type=\"text\"]:active,\n .simple_form input[type=\"text\"]:focus,\n .simple_form input[type=\"url\"]:active,\n .simple_form input[type=\"url\"]:focus,\n .simple_form textarea:active,\n .simple_form textarea:focus {\n border-color: @accent-color !important;\n background: @mantle !important;\n color: @text !important;\n }\n\n .table > thead > tr > th,\n .setting-text:active,\n .setting-text:focus {\n border-color: @accent-color !important;\n }\n\n .batch-table__toolbar,\n .table > thead > tr > th {\n background: @surface0 !important;\n color: @text !important;\n }\n\n .simple_form input[type=\"datetime-local\"]:hover,\n .simple_form input[type=\"email\"]:hover,\n .simple_form input[type=\"number\"]:hover,\n .simple_form input[type=\"password\"]:hover,\n .simple_form input[type=\"text\"]:hover,\n .simple_form input[type=\"url\"]:hover,\n .simple_form textarea:hover {\n background: @mantle !important;\n border-color: @accent-color !important;\n transition: 0.4s;\n }\n\n .batch-table__row {\n background: @surface1;\n }\n\n .batch-table__row:hover,\n .batch-table__row:nth-child(2n):hover {\n background: @surface2;\n }\n\n .batch-table__row:nth-child(2n),\n .table > tbody > tr > td {\n background: @surface0;\n }\n\n .table > thead > tr > th {\n border-bottom: 2px solid @surface0;\n }\n\n .positive-hint {\n color: @green !important;\n }\n\n .card__bar {\n background: @surface0;\n }\n }\n}\n",
+ "sourceCode": "/* ==UserStyle==\n@name Mastodon Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/mastodon\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon\n@version 1.1.12\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"mastodon.social\"),\ndomain(\"mstdn.social\"),\ndomain(\"fosstodon.org\"),\ndomain(\"piaille.fr\"),\ndomain(\"tech.lgbt\"),\ndomain(\"wetdry.world\") {\n .theme-mastodon-light,\n .skin-modern-light,\n .skin-mastodon-light {\n #mastodon(@lightFlavor, @accentColor);\n }\n\n .theme-contrast,\n .skin-modern-dark,\n .skin-contrast {\n #mastodon(@darkFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: light) {\n .theme-default,\n .skin-default {\n #mastodon(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n .theme-default,\n .skin-default {\n #mastodon(@darkFlavor, @accentColor);\n }\n }\n\n #mastodon(@lookup, @accent) {\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n .tabs-bar__wrapper,\n .admin-wrapper .sidebar-wrapper__inner,\n .ui__header {\n background: @crust;\n color: @text;\n }\n\n .ui__header {\n border-bottom: none;\n }\n\n .navigation-panel,\n .column-link {\n background: transparent;\n }\n\n .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n\n .search-popout,\n .search-popout em,\n .dismissable-banner__message,\n .dismissable-banner__message h1,\n .account__header__bio .account__header__fields dt,\n .account__section-headline a.active,\n .account__section-headline button.active,\n .notification__filter-bar a.active,\n .notification__filter-bar button.active,\n .account__header__bio .account__header__content,\n .navigation-bar,\n .column-link__badge,\n .column-subheading,\n .account__display-name strong,\n .status__display-name strong,\n .notification__message,\n .public-layout .public-account-bio .account__header__content,\n .reply-indicator__content,\n .status__content,\n .card__bar .display-name strong {\n color: @text;\n }\n\n .search-popout span,\n .link-footer p,\n .link-footer p a {\n color: @subtext1;\n }\n\n .account__header__tabs__name h1 small,\n .account__header__bio .account__header__fields dd,\n .display-name__account,\n .status__relative-time,\n .empty-column-indicator,\n .follow_requests-unlocked_explanation,\n .account .account__display-name,\n .label_input .search__input,\n .search__input:focus,\n .account__header__fields dt {\n color: @subtext0;\n }\n\n .compose-panel hr,\n .navigation-panel hr {\n border-top-color: @subtext0;\n }\n\n .trends__item,\n .status,\n .getting-started__trends h4,\n .trends__item__name span,\n .story {\n border-color: @surface0;\n }\n\n .mention,\n .account__header__tabs__name h1,\n .account__header__content a,\n .account__header__bio .account__header__fields a,\n .empty-column-indicator a,\n .follow_requests-unlocked_explanation a,\n .column-back-button,\n .icon-button.inverted,\n .text-icon-button,\n .icon-button.active,\n .public-layout .public-account-bio .account__header__fields a,\n .column-header__back-button,\n .navigation-bar strong,\n .reply-indicator__content a.unhandled-link,\n .status__content a.unhandled-link,\n .announcements__item__content a.unhandled-link,\n .reactions-bar__item.active .reactions-bar__item__count,\n .column-header.active .column-header__icon {\n color: @accent-color;\n }\n\n .conversation__unread,\n .react-toggle--checked .react-toggle-track,\n .react-toggle--checked:hover .react-toggle-track,\n .pillbar-button:not([disabled]).active,\n .pillbar-button:not([disabled]).active:focus,\n .pillbar-button:not([disabled]).active:hover,\n .radio-button__input.checked {\n background-color: @accent-color;\n }\n\n .reactions-bar__item.active {\n background-color: rgba(@accent-color, 0.25);\n }\n\n .trends__item__sparkline path:last-child {\n stroke: @accent-color !important;\n }\n .trends__item__sparkline path:first-child {\n fill: rgba(@accent-color, 0.25) !important;\n }\n\n .icon-button,\n .notification__message .fa {\n color: @surface2;\n }\n\n .icon-button:active,\n .icon-button:focus,\n .icon-button:hover,\n .text-icon-button:active,\n .text-icon-button:focus,\n .text-icon-button:hover,\n .icon-button.inverted:active,\n .icon-button.inverted:focus,\n .icon-button.inverted:hover,\n .public-layout .public-account-bio .account__header__fields a:hover {\n color: @accent-color;\n }\n\n .column-header,\n .column-header__button,\n .column-header__back-button,\n .column-back-button,\n .drawer__header,\n .notification__filter-bar,\n .account__section-headline button,\n .notification__filter-bar button,\n .account__header,\n .search__input,\n .search__input:focus,\n .column-link__badge,\n .column-subheading,\n .public-layout .header,\n .public-layout .public-account-header__bar::before,\n .account__header__fields,\n .account__header__fields dt,\n .account__header__fields\n dd:not(.account__header__bio .account__header__fields dd),\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .explore__search-header,\n .column-inline-form,\n .follow_requests-unlocked_explanation,\n .conversation--unread,\n .column-header__collapsible-inner,\n .announcements,\n .status-card__image {\n border-color: @crust;\n background: @surface0;\n }\n\n .account__section-headline {\n background: @mantle;\n border-color: @crust;\n }\n\n .focusable:focus {\n background: unset;\n }\n\n .admin-wrapper .sidebar ul a:hover,\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .detailed-status,\n .detailed-status__action-bar {\n background: @surface0;\n }\n\n .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n\n .dismissable-banner {\n border-color: @surface1;\n background: @base;\n }\n\n .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(@accent-color, 0.3);\n }\n .column-header__wrapper.active::before {\n background: radial-gradient(\n ellipse,\n rgba(@accent-color, 0.23) 0,\n rgba(99, 100, 255, 0) 60%\n );\n }\n\n .theme-mastodon-light .account__header__bar,\n .theme-mastodon-light .column-header__back-button,\n .account__header__bio .account__header__fields dl,\n .account__header__bio .account__header__fields,\n .empty-column-indicator,\n .column > .scrollable,\n .nothing-here,\n .public-layout .public-account-bio,\n .hero-widget__text,\n &.admin,\n .admin-wrapper .sidebar ul a.selected,\n .admin-wrapper .sidebar ul ul {\n border-color: @mantle;\n background: @base;\n }\n\n .public-layout .public-account-header__tabs__tabs .counter::after,\n .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .react-toggle--checked .react-toggle-thumb,\n .radio-button__input.checked,\n .account__action-bar__tab.active {\n border-color: @accent-color;\n }\n\n .account,\n .load-gap {\n border-color: @mantle;\n }\n\n .account__section-headline a.active::after {\n border-color: transparent transparent @base;\n }\n\n .account__section-headline a.active::before,\n .account__section-headline button.active::after,\n .account__section-headline button.active::before,\n .notification__filter-bar a.active::after,\n .notification__filter-bar a.active::before,\n .notification__filter-bar button.active::after,\n .notification__filter-bar button.active::before {\n border-color: transparent transparent @mantle;\n }\n\n .search-popout,\n .drawer__header a:hover,\n .column-header__button:hover,\n .account__section-headline button:hover,\n .notification__filter-bar button:hover,\n .account__section-headline a:hover {\n background: @surface2;\n }\n\n .column-link .active,\n .column-link--transparent.active,\n .column-link--transparent:focus,\n .column-link:focus {\n color: @accent-color;\n }\n\n .column-link--transparent:hover,\n .column-link:hover {\n color: @accent-color;\n }\n\n .status.collapsed .status__content:after {\n background: linear-gradient(fadeout(@base, 100), @base);\n }\n\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.button-tertiary:active {\n color: @base;\n }\n\n .button.button-tertiary {\n border-color: @accent-color;\n }\n\n .button,\n .button.button-tertiary,\n .button.logo-button,\n .icon-with-badge__badge {\n background: @accent-color;\n color: @base;\n }\n\n .button.logo-button svg {\n fill: currentColor;\n }\n\n .public-layout .header .nav-button {\n background-color: @surface1;\n }\n\n .public-layout .header .nav-button:hover {\n background-color: @surface2;\n }\n\n .button.button-secondary {\n background-color: transparent;\n color: @text;\n border-color: @accent-color;\n }\n .button.button-secondary:active,\n .button.button-secondary:focus,\n .button.button-secondary:hover {\n border-color: @accent-color;\n color: @base;\n transition: 0.2s;\n }\n\n .button:active,\n .button:focus,\n .button:hover,\n .button.button-tertiary:active,\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.logo-button:active,\n .button.logo-button:focus,\n .button.logo-button:hover {\n background: @accent-color;\n }\n\n .drawer__inner,\n .drawer__inner__mastodon,\n .explore__search-header .search__input {\n background-color: @base;\n }\n\n .compose-form .compose-form__modifiers,\n .compose-form .autosuggest-textarea__textarea,\n .compose-form .compose-form__autosuggest-wrapper,\n .compose-form .spoiler-input__input {\n background: @surface1 !important;\n color: @text !important;\n }\n\n .compose-form .autosuggest-textarea__textarea::placeholder {\n color: @subtext0 !important;\n }\n\n .compose-form .compose-form__buttons-wrapper {\n background: @surface0;\n }\n\n .load-more:hover {\n background-color: @mantle;\n }\n\n .character-counter {\n color: @subtext0;\n }\n\n .public-layout .header,\n .hero-widget,\n .public-layout .public-account-header,\n .public-layout .public-account-bio,\n .nothing-here {\n box-shadow: none;\n }\n\n .search__popout,\n .dropdown-menu__arrow:before,\n .dropdown-menu__item a,\n .dropdown-menu__item button,\n .dropdown-menu__container__list,\n .dropdown-menu.bottom {\n background: @surface0;\n color: @text;\n }\n\n .dropdown-menu__item a:hover,\n .dropdown-menu__item button:hover {\n background: @surface1;\n }\n\n .input-copy,\n .simple_form input[type=\"text\"],\n .simple_form textarea,\n .simple_form .block-button,\n .simple_form .button,\n .simple_form button {\n background: @mantle;\n color: @text;\n }\n\n .simple_form .block-button:hover,\n .simple_form .button:hover,\n .simple_form button:hover {\n background: @surface0;\n }\n\n .simple_form .input.with_label .label_input > label,\n .simple_form select,\n .accounts-table__count,\n .simple_form textarea {\n color: @text;\n }\n\n .simple_form textarea,\n .simple_form input[type=\"password\"],\n .simple_form input[type=\"number\"],\n .simple_form input[type=\"text\"] {\n border: 1px solid @crust;\n }\n\n .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid @green;\n }\n\n .simple_form input[type=\"password\"],\n .simple_form input[type=\"number\"],\n .simple_form input[type=\"email\"]:required:valid,\n .simple_form\n input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: @text;\n background: @mantle;\n }\n\n .simple_form\n input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid @red;\n }\n\n .simple_form select {\n background: @mantle\n url(\"data:image/svg+xml;utf8,\")\n no-repeat right 8px center/auto 16px;\n border: 1px solid @crust;\n }\n\n .simple_form input[type=\"datetime-local\"]:active,\n .simple_form input[type=\"datetime-local\"]:focus,\n .simple_form input[type=\"email\"]:active,\n .simple_form input[type=\"email\"]:focus,\n .simple_form input[type=\"number\"]:active,\n .simple_form input[type=\"number\"]:focus,\n .simple_form input[type=\"password\"]:active,\n .simple_form input[type=\"password\"]:focus,\n .simple_form input[type=\"text\"]:active,\n .simple_form input[type=\"text\"]:focus,\n .simple_form input[type=\"url\"]:active,\n .simple_form input[type=\"url\"]:focus,\n .simple_form textarea:active,\n .simple_form textarea:focus {\n border-color: @accent-color !important;\n background: @mantle !important;\n color: @text !important;\n }\n\n .table > thead > tr > th,\n .setting-text:active,\n .setting-text:focus {\n border-color: @accent-color !important;\n }\n\n .batch-table__toolbar,\n .table > thead > tr > th {\n background: @surface0 !important;\n color: @text !important;\n }\n\n .simple_form input[type=\"datetime-local\"]:hover,\n .simple_form input[type=\"email\"]:hover,\n .simple_form input[type=\"number\"]:hover,\n .simple_form input[type=\"password\"]:hover,\n .simple_form input[type=\"text\"]:hover,\n .simple_form input[type=\"url\"]:hover,\n .simple_form textarea:hover {\n background: @mantle !important;\n border-color: @accent-color !important;\n transition: 0.4s;\n }\n\n .batch-table__row {\n background: @surface1;\n }\n\n .batch-table__row:hover,\n .batch-table__row:nth-child(2n):hover {\n background: @surface2;\n }\n\n .batch-table__row:nth-child(2n),\n .table > tbody > tr > td {\n background: @surface0;\n }\n\n .table > thead > tr > th {\n border-bottom: 2px solid @surface0;\n }\n\n .positive-hint {\n color: @green !important;\n }\n\n .card__bar {\n background: @surface0;\n }\n }\n}\n",
"usercssData": {
"name": "Mastodon Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/mastodon",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/mastodon",
- "version": "1.1.10",
+ "version": "1.1.12",
"description": "Soothing pastel theme for Mastodon",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css",
@@ -3045,11 +3046,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for Mastodon",
"name": "Mastodon Catppuccin",
- "originalDigest": "42ba6fb65c829e987f88c81ba4078b8ea84f11da",
+ "originalDigest": "683ac1c9e2341e2e2445cea09efe747ce31975ea",
"_id": "eb3d55a7-02ee-496f-9f86-251cdae6038a",
- "_rev": 1696719560558,
+ "_rev": 1698528210354,
"id": 50,
- "etag": "W/\"468d68d357d8165c0033ee420c6e54f2efd9aaba237a6289d1c789e4792de542\""
+ "etag": "W/\"6436534861d17b99d2e307e24349816ada7007b71c8206a87c120b7e5bf0d465\"",
+ "updateDate": 1698528210315
},
{
"enabled": true,
@@ -3487,37 +3489,37 @@
"installDate": 1690127369964,
"sections": [
{
- "code": "/* ==UserStyle==\n@name YouTube Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/youtube\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube\n@version 3.0.12\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox logo \"Logo\" 0\n@var checkbox oledOn \"Enable black bars\" 0\n==/UserStyle== */",
+ "code": "/* ==UserStyle==\n@name YouTube Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/youtube\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube\n@version 3.1.5\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox logo \"Logo\" 0\n@var checkbox oledOn \"Enable black bars\" 0\n@var text scrollbar_width \"Scrollbar width\" 8px\n==/UserStyle== */",
"start": 0
},
{
- "code": "/* youtube.com */\n :root[dark] {\n /* apply everywhere */\n /* general colors */\n /* selected chapter */\n /* playlist selector */\n /* explandable meta */\n /* volume bar */\n /* new videos dot */\n /* subtitle */\n /* menu items */\n /* checkbox subitem */\n /* link */\n /* search results */\n /* Results backgrounds */\n /* text color */\n /* Hover and keyboard select background */\n /* Keyboard select text color and hover text color */\n /* exmplation box */\n /* custom likes + anims */\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n /* Popup for when you hover over the channel avatar in the video */\n /* Cards */\n /*Player tooltip background*/\n /* Temporary fix */\n /* live badges */\n /* notification idicator */\n /* creator badges */\n /* disable ambient mode */\n /* badges e.g. popular */\n /* Search border */\n /* Error page */\n /* Scrollbar */\n /* text highlight */\n }\n :root[dark],\n :root[dark] [dark],\n :root[dark] html,\n :root[dark] html[system-icons][dark],\n :root[dark] html[system-icons] [dark],\n :root[dark] html[darker-dark-theme][dark],\n :root[dark] [darker-dark-theme] [dark] {\n --yt-spec-white-1: #cad3f5 !important;\n --yt-spec-white-2: #a5adcb !important;\n --yt-spec-white-3: #b8c0e0 !important;\n --yt-spec-white-4: #a6b0d8 !important;\n --yt-spec-black-1: #8087a2 !important;\n --yt-spec-black-2: #6e738d !important;\n --yt-spec-black-3: #5b6078 !important;\n --yt-spec-black-4: #494d64 !important;\n --yt-spec-black-pure: #363a4f !important;\n --yt-spec-grey-1: #cad3f5 !important;\n --yt-spec-grey-2: #a5adcb !important;\n --yt-spec-grey-3: #b8c0e0 !important;\n --yt-spec-grey-4: #939ab7 !important;\n --yt-spec-grey-5: #8087a2 !important;\n --yt-brand-youtube-red: #b7bdf8 !important;\n --yt-brand-medium-red: #b7bdf8 !important;\n --yt-brand-light-red: #b7bdf8 !important;\n --yt-spec-red-30: #f5a97f !important;\n --yt-spec-red-70: #ed8796 !important;\n --yt-spec-pale-blue: #91d7e3 !important;\n --yt-spec-light-blue: #91d7e3 !important;\n --yt-spec-dark-blue: #7dc4e4 !important;\n --yt-spec-navy-blue: #8bd5ca !important;\n --yt-spec-light-green: #a6da95 !important;\n --yt-spec-dark-green: #a6da95 !important;\n --yt-spec-yellow: #f5a97f !important;\n --yt-spec-black-pure-alpha-5: rgba(24, 25, 38, 0.9995) !important;\n --yt-spec-black-pure-alpha-10: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-black-pure-alpha-15: rgba(24, 25, 38, 0.9985) !important;\n --yt-spec-black-pure-alpha-30: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-black-pure-alpha-60: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-black-pure-alpha-80: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-black-1-alpha-98: rgba(24, 25, 38, 0.9902) !important;\n --yt-spec-black-1-alpha-95: rgba(24, 25, 38, 0.9905) !important;\n --yt-spec-white-1-alpha-10: rgba(202, 211, 245, 0.999) !important;\n --yt-spec-white-1-alpha-20: rgba(202, 211, 245, 0.998) !important;\n --yt-spec-white-1-alpha-25: rgba(202, 211, 245, 0.9975) !important;\n --yt-spec-white-1-alpha-30: rgba(202, 211, 245, 0.997) !important;\n --yt-spec-white-1-alpha-70: rgba(202, 211, 245, 0.993) !important;\n --yt-spec-white-1-alpha-95: rgba(202, 211, 245, 0.9905) !important;\n --yt-spec-white-1-alpha-98: rgba(202, 211, 245, 0.9902) !important;\n --yt-brand-medium-red-alpha-90: rgba(183, 189, 248, 0.991) !important;\n --yt-brand-medium-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-brand-light-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-light-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-dark-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-raised-background: #1e2030 !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #6e738d !important;\n --yt-spec-icon-inactive: #8087a2 !important;\n --yt-spec-icon-disabled: #939ab7 !important;\n --yt-spec-button-chip-background-hover: #494d64 !important;\n --yt-spec-touch-response: #363a4f !important;\n --yt-spec-touch-response-inverse: #b7bdf8 !important;\n --yt-spec-brand-icon-active: #b7bdf8 !important;\n --yt-spec-brand-icon-inactive: #8087a2 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --yt-spec-brand-link-text: #7dc4e4 !important;\n --yt-spec-wordmark-text: #cad3f5 !important;\n --yt-spec-error-indicator: #ed8796 !important;\n --yt-spec-themed-blue: #91d7e3 !important;\n --yt-spec-themed-green: #a6da95 !important;\n --yt-spec-ad-indicator: #8bd5ca !important;\n --yt-spec-themed-overlay-background: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-commerce-badge-background: #a6da95 !important;\n --yt-spec-static-brand-red: #b7bdf8 !important;\n --yt-spec-static-brand-white: #cad3f5 !important;\n --yt-spec-static-brand-black: #24273a !important;\n --yt-spec-static-clear-color: #181926 !important;\n --yt-spec-static-clear-black: #181926 !important;\n --yt-spec-static-ad-yellow: #f5a97f !important;\n --yt-spec-static-grey: #a5adcb !important;\n --yt-spec-static-overlay-background-solid: #181926 !important;\n --yt-spec-static-overlay-background-heavy: #363a4f !important;\n --yt-spec-static-overlay-background-medium: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-static-overlay-background-medium-light: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-static-overlay-background-light: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-static-overlay-text-primary: #cad3f5 !important;\n --yt-spec-static-overlay-text-secondary: rgba(165, 173, 203, 0.993) !important;\n --yt-spec-static-overlay-text-disabled: rgba(165, 173, 203, 0.997) !important;\n --yt-spec-static-overlay-call-to-action: #b7bdf8 !important;\n --yt-spec-static-overlay-icon-active-other: #cad3f5 !important;\n --yt-spec-static-overlay-icon-inactive: #494d64 !important;\n --yt-spec-static-overlay-icon-disabled: #5b6078 !important;\n --yt-spec-static-overlay-button-primary: #b7bdf8 !important;\n --yt-spec-static-overlay-button-secondary: #363a4f !important;\n --yt-spec-static-overlay-touch-response: #8087a2 !important;\n --yt-spec-static-overlay-touch-response-inverse: #494d64 !important;\n --yt-spec-static-overlay-background-brand: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-1: #a5adcb !important;\n --yt-spec-assistive-feed-themed-gradient-2: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-3: #ed8796 !important;\n --yt-spec-brand-background-solid: #24273a !important;\n --yt-spec-brand-background-primary: #363a4f !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #1e2030 !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #5b6078 !important;\n --yt-spec-snackbar-background: #1e2030 !important;\n --yt-spec-snackbar-background-updated: #1e2030 !important;\n --yt-spec-badge-chip-background: #494d64 !important;\n --yt-spec-verified-badge-background: #6e738d !important;\n --yt-spec-call-to-action-fadeoutd: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-call-to-action-hover: #b7bdf8 !importantr;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #6e738d !important;\n --yt-spec-icon-disabled: #8087a2 !important;\n --yt-spec-brand-icon-inactive: #939ab7 !important;\n /* Yt video Page */\n --yt-live-chat-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color-transparent: #24273a !important;\n --yt-live-chat-secondary-background-color: #494d64;\n --yt-live-chat-toast-background-color: #5b6078 !important;\n --yt-live-chat-mode-change-background-color: #24273a !important;\n --yt-live-chat-secondary-text-color: #a5adcb !important;\n --yt-live-chat-tertiary-text-color: rgba(202, 211, 245, 0.9946) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: #a5adcb !important;\n --yt-live-chat-text-input-field-placeholder-color: #a5adcb !important;\n --yt-live-chat-enabled-send-button-color: #cad3f5 !important;\n --yt-live-chat-disabled-icon-button-color: #b8c0e0 !important;\n --yt-live-chat-picker-button-hover-color: #b7bdf8 !important;\n --yt-live-chat-mention-background-color: #b7bdf8 !important;\n --yt-live-chat-mention-text-color: #cad3f5 !important;\n --yt-live-chat-deleted-message-color: #a5adcb;\n --yt-live-chat-deleted-message-bar-color: #b8c0e0 !important;\n --yt-live-chat-reconnect-message-color: #cad3f5 !important;\n --yt-live-chat-disabled-button-background-color: #6e738d !important;\n --yt-live-chat-sub-panel-background-color: #24273a !important;\n --yt-live-chat-sub-panel-background-color-transparent: #1e2030 !important;\n --yt-live-chat-moderator-color: #b7bdf8 !important;\n --yt-live-chat-owner-color: #f5a97f !important;\n --yt-live-chat-message-highlight-background-color: #24273a !important;\n --yt-live-chat-sponsor-color: #a6da95 !important;\n --yt-live-chat-overlay-color: rgba(30, 32, 48, 0.995);\n --yt-live-chat-dialog-background-color: #24273a !important;\n --yt-emoji-picker-variant-selector-bg-color: #24273a !important;\n --yt-live-chat-moderation-mode-hover-background-color: rgba(30, 32, 48, 0.997) !important;\n --yt-grey: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: #b8c0e0 !important;\n --yt-emoji-picker-search-background-color: #363a4f !important;\n --yt-emoji-picker-search-color: #cad3f5 !important;\n --yt-emoji-picker-search-placeholder-color: #b7bdf8 !important;\n --yt-live-chat-slider-active-color: #b7bdf8 !important;\n --yt-live-chat-slider-container-color: #363a4f !important;\n --yt-live-chat-slider-markers-color: #cad3f5 !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(#1e2030, transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, #1e2030, transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: rgba(24, 25, 38, 0.995) !important;\n --yt-live-chat-automod-button-explanation-color: rgba(183, 189, 248, 0.993) !important;\n --yt-live-chat-shimmer-background-color: rgba(24, 25, 38, 0.996) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(202, 211, 245, 0.999) 40%, rgba(36, 39, 58, 0.997) 50%, rgba(202, 211, 245, 0.999) 60%) !important;\n --yt-live-chat-vem-background-color: #1e2030 !important;\n --yt-live-chat-product-picker-icon-color: rgba(202, 211, 245, 0.995) !important;\n --yt-live-chat-product-picker-hover-color: #6e738d !important;\n --yt-live-chat-product-picker-disabled-icon-color: rgba(202, 211, 245, 0.997) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n /* Tooltip */\n --paper-tooltip-background: #6e738d !important;\n --paper-tooltip-text-color: #cad3f5 !important;\n /* links */\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n --yt-endpoint-hover-color: #b7bdf8 !important;\n --sb-dark-red-outline: #b7bdf8 !important;\n --sb-main-bg-color: #24273a !important;\n --sb-main-fg-color: #cad3f5 !important;\n --sb-grey-bg-color: #24273a !important;\n --sb-grey-fg-color: #a5adcb !important;\n --sb-red-bg-color: #b7bdf8 !important;\n }\n :root[dark]:not(.style-scope) {\n --primary-text-color: #cad3f5 !important;\n --primary-background-color: #24273a !important;\n --secondary-text-color: #a5adcb !important;\n --disabled-text-color: #b8c0e0 !important;\n --divider-color: #6e738d !important;\n --error-color: #ed8796 !important;\n --primary-color: #b7bdf8 !important;\n --light-primary-color: #b7bdf8 !important;\n --dark-primary-color: #8aadf4 !important;\n --accent-color: #b7bdf8 !important;\n --light-accent-color: #b7bdf8 !important;\n --dark-accent-color: #b7bdf8 !important;\n --light-theme-background-color: #24273a !important;\n --light-theme-base-color: #cad3f5 !important;\n --light-theme-text-color: #cad3f5 !important;\n --light-theme-secondary-color: #a5adcb !important;\n --light-theme-disabled-color: #b8c0e0 !important;\n --light-theme-divider-color: #6e738d !important;\n --dark-theme-background-color: #24273a !important;\n --dark-theme-base-color: #cad3f5 !important;\n --dark-theme-text-color: #cad3f5 !important;\n --dark-theme-secondary-color: #a5adcb !important;\n --dark-theme-disabled-color: #b8c0e0 !important;\n --dark-theme-divider-color: #6e738d !important;\n }\n :root[dark] #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n color: #b7bdf8 !important;\n }\n :root[dark] ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: #363a4f !important;\n --ytd-macro-markers-list-item-title-color: #cad3f5 !important;\n --ytd-macro-markers-list-item-secondary-color: #b8c0e0 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: #494d64 !important;\n }\n :root[dark] ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #cad3f5 !important;\n --yt-active-playlist-panel-background-color: #363a4f !important;\n }\n :root[dark] ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root[dark] ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: #24273a !important;\n --yt-lightsource-section2-color: #363a4f !important;\n --yt-lightsource-section3-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #a5adcb !important;\n }\n :root[dark] yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: #cad3f5 !important;\n --yt-button-default-background-color: #24273a !important;\n --yt-button-dark-text-color: #24273a !important;\n --yt-button-dark-background-color: #b7bdf8 !important;\n --yt-button-payment-background-color: #b7bdf8 !important;\n }\n :root[dark] yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: #cad3f5 !important;\n }\n :root[dark] .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: #6e738d !important;\n }\n :root[dark] .html5-ypc-purchase {\n background: #b7bdf8 !important;\n }\n :root[dark] .html5-ypc-purchase:hover {\n background: ligten(#b7bdf8, 10%) !important;\n }\n :root[dark] yt-notification-action-renderer[darker-dark-theme] tp-yt-paper-toast.yt-notification-action-renderer {\n background: #6e738d !important;\n }\n :root[dark] .ytp-volume-slider-handle {\n background: #b7bdf8 !important;\n }\n :root[dark] .ytp-volume-slider-handle::before {\n background: #b7bdf8 !important;\n }\n :root[dark] .ytp-volume-slider-handle::after {\n z-index: -1;\n }\n :root[dark] #newness-dot {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-chrome-controls .ytp-button[aria-pressed]:after {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: #b7bdf8 !important;\n }\n :root[dark] .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox::after {\n background: #8087a2 !important;\n }\n :root[dark] .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: #494d64 !important;\n }\n :root[dark] .ytp-settings-button.ytp-hd-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-4k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-5k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-8k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-panel-menu {\n color: #cad3f5;\n }\n :root[dark] .ytp-panel-menu .ytp-menuitem:not(:last-child) svg > path {\n fill: #cad3f5;\n }\n :root[dark] .ytp-panel-menu .ytp-menuitem:last-child svg:last-child {\n fill: #cad3f5;\n }\n :root[dark] .ytp-right-controls svg path,\n :root[dark] .ytp-svg-fill {\n fill: #fff !important;\n }\n :root[dark] .ytp-time-current,\n :root[dark] .ytp-time-separator,\n :root[dark] .ytp-time-duration,\n :root[dark] .ytp-menu-label-secondary,\n :root[dark] .ytp-menuitem-label-count {\n color: #fff;\n }\n :root[dark] .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: #cad3f5;\n }\n :root[dark] .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root[dark] .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: #24273a !important;\n }\n :root[dark] .yt-core-attributed-string__link--call-to-action-color {\n color: #7dc4e4 !important;\n }\n :root[dark] .yt-core-attributed-string__link--call-to-action-color:hover {\n color: #8bd5ca !important;\n }\n :root[dark] .sbpqs_a:before,\n :root[dark] .sbqs_c:before {\n filter: invert(1);\n }\n :root[dark] .sbsb_a,\n :root[dark] .sbdd_b {\n background: #1e2030 !important;\n border: none !important;\n }\n :root[dark] .gsfs {\n color: #cad3f5 !important;\n }\n :root[dark] .sbsb_c.gsfs:hover,\n :root[dark] .sbsb_d {\n background-color: #363a4f !important;\n }\n :root[dark] .sbfl_b {\n background-color: #1e2030 !important;\n }\n :root[dark] .sbfl_b:hover {\n background-color: #363a4f !important;\n color: #b7bdf8 !important;\n }\n :root[dark] .sbpqs_a {\n color: #b7bdf8 !important;\n }\n :root[dark] .sbfl_a {\n color: #a5adcb !important;\n }\n :root[dark] .sbsb_i {\n color: #a5adcb;\n }\n :root[dark] .sbsb_c:hover .sbqs_c,\n :root[dark] .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: #b7bdf8 !important;\n }\n :root[dark] .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .explanation-box[correct] * {\n color: #181926 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) {\n /* not liked */\n /* liked */\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1) {\n stroke: #cad3f5 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2) {\n stroke: #b7bdf8 !important;\n }\n :root[dark] .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root[dark] .iv-branding .iv-branding-context-name {\n color: #cad3f5 !important;\n text-shadow: none !important;\n }\n :root[dark] .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root[dark] .iv-drawer-content {\n background-color: rgba(30, 32, 48, 0.95) !important;\n }\n :root[dark] .iv-drawer-header-text {\n color: #cad3f5 !important;\n }\n :root[dark] .iv-card-content,\n :root[dark] .ytp-ce-expanding-overlay-background,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-text,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #24273a !important;\n }\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-box,\n :root[dark] .iv-card-image {\n border: 0px !important;\n }\n :root[dark] .iv-card-content > :first-child,\n :root[dark] .html5-video-player a,\n :root[dark] .iv-card h2,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5 !important;\n }\n :root[dark] .ytp-tooltip-text {\n background: #363a4f !important;\n }\n :root[dark] .iv-card:hover .iv-card-primary-link,\n :root[dark] .ytp-ce-website-title {\n color: #b7bdf8 !important;\n }\n :root[dark] .ytp-popup {\n background: #363a4f !important;\n }\n :root[dark] tp-yt-paper-dialog {\n background-color: #24273a !important;\n }\n :root[dark] .yt-core-attributed-string--link-inherit-color {\n color: #cad3f5 !important;\n /*&:hover {\n * color: @teal !important;\n }*/\n }\n :root[dark] .badge-style-type-live-now-alternate,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: #181926 !important;\n }\n :root[dark] .badge-style-type-live-now-alternate yt-icon svg g path,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg g path,\n :root[dark] .badge-style-type-live-now-alternate yt-icon svg path,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg path {\n fill: #181926 !important;\n }\n :root[dark] .ytp-live-badge:before {\n background: #b8c0e0 !important;\n }\n :root[dark] .ytp-live-badge[disabled]:before {\n background: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root[dark] .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root[dark] ytd-author-comment-badge-renderer {\n --yt-basic-background-color: #363a4f !important;\n --yt-basic-foreground-title-color: #363a4f !important;\n --ytd-author-comment-badge-background-color: #363a4f !important;\n --ytd-author-comment-badge-name-color: #cad3f5 !important;\n --ytd-author-comment-badge-icon-color: #cad3f5 !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n :root[dark] #cinematics > div > canvas {\n visibility: hidden;\n }\n :root[dark] yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n :root[dark] yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: #363a4f !important;\n border: 1px solid #b7bdf8 !important;\n color: #cad3f5 !important;\n }\n :root[dark] ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8 !important;\n }\n :root[dark] #error-page {\n background-color: #24273a !important;\n }\n :root[dark] #error-page-content {\n color: #cad3f5 !important;\n text-shadow: none;\n background-color: #24273a !important;\n }\n :root[dark] #error-page-content > p {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #masthead-search-terms.masthead-search-terms-border {\n border: 1px solid #b7bdf8 !important;\n box-shadow: none !important;\n }\n :root[dark] #error-page-content #yt-masthead {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #yt-masthead #logo-container .logo {\n filter: invert(1) grayscale(1);\n }\n :root[dark] #error-page-content #yt-masthead #logo-container .content-region {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"] {\n color: #cad3f5 !important;\n }\n :root[dark] #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"]:focus {\n color: #b7bdf8 !important;\n }\n :root[dark] #error-page-content #yt-masthead .search-button {\n background-color: #1e2030 !important;\n }\n :root[dark] ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root[dark] ::-webkit-scrollbar {\n width: 8px !important;\n }\n :root[dark] ::-webkit-scrollbar-track {\n background: #24273a !important;\n }\n :root[dark] ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root[dark] ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root[dark] ::-moz-selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root[dark] #ytd-player #container {\n background: #24273a !important;\n }\n :root[dark] ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"#FF0000\"],\n :root[dark] svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root[dark] ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"white\"],\n :root[dark] svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"white\"] {\n fill: #24273a !important;\n }\n :root {\n /* apply everywhere */\n /* general colors */\n /* selected chapter */\n /* playlist selector */\n /* explandable meta */\n /* volume bar */\n /* new videos dot */\n /* subtitle */\n /* menu items */\n /* checkbox subitem */\n /* link */\n /* search results */\n /* Results backgrounds */\n /* text color */\n /* Hover and keyboard select background */\n /* Keyboard select text color and hover text color */\n /* exmplation box */\n /* custom likes + anims */\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n /* Popup for when you hover over the channel avatar in the video */\n /* Cards */\n /*Player tooltip background*/\n /* Temporary fix */\n /* live badges */\n /* notification idicator */\n /* creator badges */\n /* disable ambient mode */\n /* badges e.g. popular */\n /* Search border */\n /* Error page */\n /* Scrollbar */\n /* text highlight */\n }\n :root,\n :root [dark],\n :root html,\n :root html[system-icons][dark],\n :root html[system-icons] [dark],\n :root html[darker-dark-theme][dark],\n :root [darker-dark-theme] [dark] {\n --yt-spec-white-1: #cad3f5 !important;\n --yt-spec-white-2: #a5adcb !important;\n --yt-spec-white-3: #b8c0e0 !important;\n --yt-spec-white-4: #a6b0d8 !important;\n --yt-spec-black-1: #8087a2 !important;\n --yt-spec-black-2: #6e738d !important;\n --yt-spec-black-3: #5b6078 !important;\n --yt-spec-black-4: #494d64 !important;\n --yt-spec-black-pure: #363a4f !important;\n --yt-spec-grey-1: #cad3f5 !important;\n --yt-spec-grey-2: #a5adcb !important;\n --yt-spec-grey-3: #b8c0e0 !important;\n --yt-spec-grey-4: #939ab7 !important;\n --yt-spec-grey-5: #8087a2 !important;\n --yt-brand-youtube-red: #b7bdf8 !important;\n --yt-brand-medium-red: #b7bdf8 !important;\n --yt-brand-light-red: #b7bdf8 !important;\n --yt-spec-red-30: #f5a97f !important;\n --yt-spec-red-70: #ed8796 !important;\n --yt-spec-pale-blue: #91d7e3 !important;\n --yt-spec-light-blue: #91d7e3 !important;\n --yt-spec-dark-blue: #7dc4e4 !important;\n --yt-spec-navy-blue: #8bd5ca !important;\n --yt-spec-light-green: #a6da95 !important;\n --yt-spec-dark-green: #a6da95 !important;\n --yt-spec-yellow: #f5a97f !important;\n --yt-spec-black-pure-alpha-5: rgba(24, 25, 38, 0.9995) !important;\n --yt-spec-black-pure-alpha-10: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-black-pure-alpha-15: rgba(24, 25, 38, 0.9985) !important;\n --yt-spec-black-pure-alpha-30: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-black-pure-alpha-60: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-black-pure-alpha-80: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-black-1-alpha-98: rgba(24, 25, 38, 0.9902) !important;\n --yt-spec-black-1-alpha-95: rgba(24, 25, 38, 0.9905) !important;\n --yt-spec-white-1-alpha-10: rgba(202, 211, 245, 0.999) !important;\n --yt-spec-white-1-alpha-20: rgba(202, 211, 245, 0.998) !important;\n --yt-spec-white-1-alpha-25: rgba(202, 211, 245, 0.9975) !important;\n --yt-spec-white-1-alpha-30: rgba(202, 211, 245, 0.997) !important;\n --yt-spec-white-1-alpha-70: rgba(202, 211, 245, 0.993) !important;\n --yt-spec-white-1-alpha-95: rgba(202, 211, 245, 0.9905) !important;\n --yt-spec-white-1-alpha-98: rgba(202, 211, 245, 0.9902) !important;\n --yt-brand-medium-red-alpha-90: rgba(183, 189, 248, 0.991) !important;\n --yt-brand-medium-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-brand-light-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-light-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-dark-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-raised-background: #1e2030 !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #6e738d !important;\n --yt-spec-icon-inactive: #8087a2 !important;\n --yt-spec-icon-disabled: #939ab7 !important;\n --yt-spec-button-chip-background-hover: #494d64 !important;\n --yt-spec-touch-response: #363a4f !important;\n --yt-spec-touch-response-inverse: #b7bdf8 !important;\n --yt-spec-brand-icon-active: #b7bdf8 !important;\n --yt-spec-brand-icon-inactive: #8087a2 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --yt-spec-brand-link-text: #7dc4e4 !important;\n --yt-spec-wordmark-text: #cad3f5 !important;\n --yt-spec-error-indicator: #ed8796 !important;\n --yt-spec-themed-blue: #91d7e3 !important;\n --yt-spec-themed-green: #a6da95 !important;\n --yt-spec-ad-indicator: #8bd5ca !important;\n --yt-spec-themed-overlay-background: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-commerce-badge-background: #a6da95 !important;\n --yt-spec-static-brand-red: #b7bdf8 !important;\n --yt-spec-static-brand-white: #cad3f5 !important;\n --yt-spec-static-brand-black: #24273a !important;\n --yt-spec-static-clear-color: #181926 !important;\n --yt-spec-static-clear-black: #181926 !important;\n --yt-spec-static-ad-yellow: #f5a97f !important;\n --yt-spec-static-grey: #a5adcb !important;\n --yt-spec-static-overlay-background-solid: #181926 !important;\n --yt-spec-static-overlay-background-heavy: #363a4f !important;\n --yt-spec-static-overlay-background-medium: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-static-overlay-background-medium-light: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-static-overlay-background-light: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-static-overlay-text-primary: #cad3f5 !important;\n --yt-spec-static-overlay-text-secondary: rgba(165, 173, 203, 0.993) !important;\n --yt-spec-static-overlay-text-disabled: rgba(165, 173, 203, 0.997) !important;\n --yt-spec-static-overlay-call-to-action: #b7bdf8 !important;\n --yt-spec-static-overlay-icon-active-other: #cad3f5 !important;\n --yt-spec-static-overlay-icon-inactive: #494d64 !important;\n --yt-spec-static-overlay-icon-disabled: #5b6078 !important;\n --yt-spec-static-overlay-button-primary: #b7bdf8 !important;\n --yt-spec-static-overlay-button-secondary: #363a4f !important;\n --yt-spec-static-overlay-touch-response: #8087a2 !important;\n --yt-spec-static-overlay-touch-response-inverse: #494d64 !important;\n --yt-spec-static-overlay-background-brand: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-1: #a5adcb !important;\n --yt-spec-assistive-feed-themed-gradient-2: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-3: #ed8796 !important;\n --yt-spec-brand-background-solid: #24273a !important;\n --yt-spec-brand-background-primary: #363a4f !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #1e2030 !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #5b6078 !important;\n --yt-spec-snackbar-background: #1e2030 !important;\n --yt-spec-snackbar-background-updated: #1e2030 !important;\n --yt-spec-badge-chip-background: #494d64 !important;\n --yt-spec-verified-badge-background: #6e738d !important;\n --yt-spec-call-to-action-fadeoutd: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-call-to-action-hover: #b7bdf8 !importantr;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #6e738d !important;\n --yt-spec-icon-disabled: #8087a2 !important;\n --yt-spec-brand-icon-inactive: #939ab7 !important;\n /* Yt video Page */\n --yt-live-chat-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color-transparent: #24273a !important;\n --yt-live-chat-secondary-background-color: #494d64;\n --yt-live-chat-toast-background-color: #5b6078 !important;\n --yt-live-chat-mode-change-background-color: #24273a !important;\n --yt-live-chat-secondary-text-color: #a5adcb !important;\n --yt-live-chat-tertiary-text-color: rgba(202, 211, 245, 0.9946) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: #a5adcb !important;\n --yt-live-chat-text-input-field-placeholder-color: #a5adcb !important;\n --yt-live-chat-enabled-send-button-color: #cad3f5 !important;\n --yt-live-chat-disabled-icon-button-color: #b8c0e0 !important;\n --yt-live-chat-picker-button-hover-color: #b7bdf8 !important;\n --yt-live-chat-mention-background-color: #b7bdf8 !important;\n --yt-live-chat-mention-text-color: #cad3f5 !important;\n --yt-live-chat-deleted-message-color: #a5adcb;\n --yt-live-chat-deleted-message-bar-color: #b8c0e0 !important;\n --yt-live-chat-reconnect-message-color: #cad3f5 !important;\n --yt-live-chat-disabled-button-background-color: #6e738d !important;\n --yt-live-chat-sub-panel-background-color: #24273a !important;\n --yt-live-chat-sub-panel-background-color-transparent: #1e2030 !important;\n --yt-live-chat-moderator-color: #b7bdf8 !important;\n --yt-live-chat-owner-color: #f5a97f !important;\n --yt-live-chat-message-highlight-background-color: #24273a !important;\n --yt-live-chat-sponsor-color: #a6da95 !important;\n --yt-live-chat-overlay-color: rgba(30, 32, 48, 0.995);\n --yt-live-chat-dialog-background-color: #24273a !important;\n --yt-emoji-picker-variant-selector-bg-color: #24273a !important;\n --yt-live-chat-moderation-mode-hover-background-color: rgba(30, 32, 48, 0.997) !important;\n --yt-grey: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: #b8c0e0 !important;\n --yt-emoji-picker-search-background-color: #363a4f !important;\n --yt-emoji-picker-search-color: #cad3f5 !important;\n --yt-emoji-picker-search-placeholder-color: #b7bdf8 !important;\n --yt-live-chat-slider-active-color: #b7bdf8 !important;\n --yt-live-chat-slider-container-color: #363a4f !important;\n --yt-live-chat-slider-markers-color: #cad3f5 !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(#1e2030, transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, #1e2030, transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: rgba(24, 25, 38, 0.995) !important;\n --yt-live-chat-automod-button-explanation-color: rgba(183, 189, 248, 0.993) !important;\n --yt-live-chat-shimmer-background-color: rgba(24, 25, 38, 0.996) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(202, 211, 245, 0.999) 40%, rgba(36, 39, 58, 0.997) 50%, rgba(202, 211, 245, 0.999) 60%) !important;\n --yt-live-chat-vem-background-color: #1e2030 !important;\n --yt-live-chat-product-picker-icon-color: rgba(202, 211, 245, 0.995) !important;\n --yt-live-chat-product-picker-hover-color: #6e738d !important;\n --yt-live-chat-product-picker-disabled-icon-color: rgba(202, 211, 245, 0.997) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n /* Tooltip */\n --paper-tooltip-background: #6e738d !important;\n --paper-tooltip-text-color: #cad3f5 !important;\n /* links */\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n --yt-endpoint-hover-color: #b7bdf8 !important;\n --sb-dark-red-outline: #b7bdf8 !important;\n --sb-main-bg-color: #24273a !important;\n --sb-main-fg-color: #cad3f5 !important;\n --sb-grey-bg-color: #24273a !important;\n --sb-grey-fg-color: #a5adcb !important;\n --sb-red-bg-color: #b7bdf8 !important;\n }\n :root:not(.style-scope) {\n --primary-text-color: #cad3f5 !important;\n --primary-background-color: #24273a !important;\n --secondary-text-color: #a5adcb !important;\n --disabled-text-color: #b8c0e0 !important;\n --divider-color: #6e738d !important;\n --error-color: #ed8796 !important;\n --primary-color: #b7bdf8 !important;\n --light-primary-color: #b7bdf8 !important;\n --dark-primary-color: #8aadf4 !important;\n --accent-color: #b7bdf8 !important;\n --light-accent-color: #b7bdf8 !important;\n --dark-accent-color: #b7bdf8 !important;\n --light-theme-background-color: #24273a !important;\n --light-theme-base-color: #cad3f5 !important;\n --light-theme-text-color: #cad3f5 !important;\n --light-theme-secondary-color: #a5adcb !important;\n --light-theme-disabled-color: #b8c0e0 !important;\n --light-theme-divider-color: #6e738d !important;\n --dark-theme-background-color: #24273a !important;\n --dark-theme-base-color: #cad3f5 !important;\n --dark-theme-text-color: #cad3f5 !important;\n --dark-theme-secondary-color: #a5adcb !important;\n --dark-theme-disabled-color: #b8c0e0 !important;\n --dark-theme-divider-color: #6e738d !important;\n }\n :root #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n color: #b7bdf8 !important;\n }\n :root ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: #363a4f !important;\n --ytd-macro-markers-list-item-title-color: #cad3f5 !important;\n --ytd-macro-markers-list-item-secondary-color: #b8c0e0 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: #494d64 !important;\n }\n :root ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #cad3f5 !important;\n --yt-active-playlist-panel-background-color: #363a4f !important;\n }\n :root ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: #24273a !important;\n --yt-lightsource-section2-color: #363a4f !important;\n --yt-lightsource-section3-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #a5adcb !important;\n }\n :root yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: #cad3f5 !important;\n --yt-button-default-background-color: #24273a !important;\n --yt-button-dark-text-color: #24273a !important;\n --yt-button-dark-background-color: #b7bdf8 !important;\n --yt-button-payment-background-color: #b7bdf8 !important;\n }\n :root yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: #cad3f5 !important;\n }\n :root .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: #6e738d !important;\n }\n :root .html5-ypc-purchase {\n background: #b7bdf8 !important;\n }\n :root .html5-ypc-purchase:hover {\n background: ligten(#b7bdf8, 10%) !important;\n }\n :root yt-notification-action-renderer[darker-dark-theme] tp-yt-paper-toast.yt-notification-action-renderer {\n background: #6e738d !important;\n }\n :root .ytp-volume-slider-handle {\n background: #b7bdf8 !important;\n }\n :root .ytp-volume-slider-handle::before {\n background: #b7bdf8 !important;\n }\n :root .ytp-volume-slider-handle::after {\n z-index: -1;\n }\n :root #newness-dot {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-chrome-controls .ytp-button[aria-pressed]:after {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: #b7bdf8 !important;\n }\n :root .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox::after {\n background: #8087a2 !important;\n }\n :root .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: #494d64 !important;\n }\n :root .ytp-settings-button.ytp-hd-quality-badge::after,\n :root .ytp-settings-button.ytp-4k-quality-badge::after,\n :root .ytp-settings-button.ytp-5k-quality-badge::after,\n :root .ytp-settings-button.ytp-8k-quality-badge::after,\n :root .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-panel-menu {\n color: #cad3f5;\n }\n :root .ytp-panel-menu .ytp-menuitem:not(:last-child) svg > path {\n fill: #cad3f5;\n }\n :root .ytp-panel-menu .ytp-menuitem:last-child svg:last-child {\n fill: #cad3f5;\n }\n :root .ytp-right-controls svg path,\n :root .ytp-svg-fill {\n fill: #fff !important;\n }\n :root .ytp-time-current,\n :root .ytp-time-separator,\n :root .ytp-time-duration,\n :root .ytp-menu-label-secondary,\n :root .ytp-menuitem-label-count {\n color: #fff;\n }\n :root .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: #cad3f5;\n }\n :root .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: #b7bdf8 !important;\n }\n :root .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: #24273a !important;\n }\n :root .yt-core-attributed-string__link--call-to-action-color {\n color: #7dc4e4 !important;\n }\n :root .yt-core-attributed-string__link--call-to-action-color:hover {\n color: #8bd5ca !important;\n }\n :root .sbpqs_a:before,\n :root .sbqs_c:before {\n filter: invert(1);\n }\n :root .sbsb_a,\n :root .sbdd_b {\n background: #1e2030 !important;\n border: none !important;\n }\n :root .gsfs {\n color: #cad3f5 !important;\n }\n :root .sbsb_c.gsfs:hover,\n :root .sbsb_d {\n background-color: #363a4f !important;\n }\n :root .sbfl_b {\n background-color: #1e2030 !important;\n }\n :root .sbfl_b:hover {\n background-color: #363a4f !important;\n color: #b7bdf8 !important;\n }\n :root .sbpqs_a {\n color: #b7bdf8 !important;\n }\n :root .sbfl_a {\n color: #a5adcb !important;\n }\n :root .sbsb_i {\n color: #a5adcb;\n }\n :root .sbsb_c:hover .sbqs_c,\n :root .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: #b7bdf8 !important;\n }\n :root .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root .explanation-box[correct] * {\n color: #181926 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) {\n /* not liked */\n /* liked */\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1) {\n stroke: #cad3f5 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2) {\n stroke: #b7bdf8 !important;\n }\n :root .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root .iv-branding .iv-branding-context-name {\n color: #cad3f5 !important;\n text-shadow: none !important;\n }\n :root .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root .iv-drawer-content {\n background-color: rgba(30, 32, 48, 0.95) !important;\n }\n :root .iv-drawer-header-text {\n color: #cad3f5 !important;\n }\n :root .iv-card-content,\n :root .ytp-ce-expanding-overlay-background,\n :root .ytp-cards-teaser .ytp-cards-teaser-text,\n :root .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #24273a !important;\n }\n :root .ytp-cards-teaser .ytp-cards-teaser-box,\n :root .iv-card-image {\n border: 0px !important;\n }\n :root .iv-card-content > :first-child,\n :root .html5-video-player a,\n :root .iv-card h2,\n :root .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5 !important;\n }\n :root .ytp-tooltip-text {\n background: #363a4f !important;\n }\n :root .iv-card:hover .iv-card-primary-link,\n :root .ytp-ce-website-title {\n color: #b7bdf8 !important;\n }\n :root .ytp-popup {\n background: #363a4f !important;\n }\n :root tp-yt-paper-dialog {\n background-color: #24273a !important;\n }\n :root .yt-core-attributed-string--link-inherit-color {\n color: #cad3f5 !important;\n /*&:hover {\n * color: @teal !important;\n }*/\n }\n :root .badge-style-type-live-now-alternate,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: #181926 !important;\n }\n :root .badge-style-type-live-now-alternate yt-icon svg g path,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg g path,\n :root .badge-style-type-live-now-alternate yt-icon svg path,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg path {\n fill: #181926 !important;\n }\n :root .ytp-live-badge:before {\n background: #b8c0e0 !important;\n }\n :root .ytp-live-badge[disabled]:before {\n background: #b7bdf8 !important;\n }\n :root .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root ytd-author-comment-badge-renderer {\n --yt-basic-background-color: #363a4f !important;\n --yt-basic-foreground-title-color: #363a4f !important;\n --ytd-author-comment-badge-background-color: #363a4f !important;\n --ytd-author-comment-badge-name-color: #cad3f5 !important;\n --ytd-author-comment-badge-icon-color: #cad3f5 !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n :root #cinematics > div > canvas {\n visibility: hidden;\n }\n :root yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n :root yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: #363a4f !important;\n border: 1px solid #b7bdf8 !important;\n color: #cad3f5 !important;\n }\n :root ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8 !important;\n }\n :root #error-page {\n background-color: #24273a !important;\n }\n :root #error-page-content {\n color: #cad3f5 !important;\n text-shadow: none;\n background-color: #24273a !important;\n }\n :root #error-page-content > p {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #masthead-search-terms.masthead-search-terms-border {\n border: 1px solid #b7bdf8 !important;\n box-shadow: none !important;\n }\n :root #error-page-content #yt-masthead {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #yt-masthead #logo-container .logo {\n filter: invert(1) grayscale(1);\n }\n :root #error-page-content #yt-masthead #logo-container .content-region {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"] {\n color: #cad3f5 !important;\n }\n :root #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"]:focus {\n color: #b7bdf8 !important;\n }\n :root #error-page-content #yt-masthead .search-button {\n background-color: #1e2030 !important;\n }\n :root ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root ::-webkit-scrollbar {\n width: 8px !important;\n }\n :root ::-webkit-scrollbar-track {\n background: #24273a !important;\n }\n :root ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root ::-moz-selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root #ytd-player #container {\n background: #24273a !important;\n }\n :root ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"#FF0000\"],\n :root svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"white\"],\n :root svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"white\"] {\n fill: #24273a !important;\n }\n /* for oled monitors */",
- "start": 1163,
+ "code": "/* youtube.com */\n :root[dark] {\n /* apply everywhere */\n /* general colors */\n /* selected chapter */\n /* playlist selector */\n /* explandable meta */\n /* volume bar */\n /* new videos dot */\n /* subtitle */\n /* menu items */\n /* checkbox subitem */\n /* link */\n /* search results */\n /* Results backgrounds */\n /* text color */\n /* Hover and keyboard select background */\n /* Keyboard select text color and hover text color */\n /* exmplation box */\n /* custom likes + anims */\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n /* Popup for when you hover over the channel avatar in the video */\n /* Cards */\n /*Player tooltip background*/\n /* Temporary fix */\n /* live badges */\n /* notification idicator */\n /* creator badges */\n /* disable ambient mode */\n /* badges e.g. popular */\n /* Search border */\n /* Error page */\n /* channel homepage */\n /* selected tab */\n /* unselected */\n /* hover */\n /* hopefully temporary */\n /* Scrollbar */\n /* text highlight */\n }\n :root[dark],\n :root[dark] [dark],\n :root[dark] html,\n :root[dark] html[system-icons][dark],\n :root[dark] html[system-icons] [dark],\n :root[dark] html[darker-dark-theme][dark],\n :root[dark] [darker-dark-theme] [dark] {\n --yt-spec-white-1: #cad3f5 !important;\n --yt-spec-white-2: #a5adcb !important;\n --yt-spec-white-3: #b8c0e0 !important;\n --yt-spec-white-4: #a6b0d8 !important;\n --yt-spec-black-1: #8087a2 !important;\n --yt-spec-black-2: #6e738d !important;\n --yt-spec-black-3: #5b6078 !important;\n --yt-spec-black-4: #494d64 !important;\n --yt-spec-black-pure: #363a4f !important;\n --yt-spec-grey-1: #cad3f5 !important;\n --yt-spec-grey-2: #a5adcb !important;\n --yt-spec-grey-3: #b8c0e0 !important;\n --yt-spec-grey-4: #939ab7 !important;\n --yt-spec-grey-5: #8087a2 !important;\n --yt-brand-youtube-red: #b7bdf8 !important;\n --yt-brand-medium-red: #b7bdf8 !important;\n --yt-brand-light-red: #b7bdf8 !important;\n --yt-spec-red-30: #f5a97f !important;\n --yt-spec-red-70: #ed8796 !important;\n --yt-spec-pale-blue: #91d7e3 !important;\n --yt-spec-light-blue: #91d7e3 !important;\n --yt-spec-dark-blue: #7dc4e4 !important;\n --yt-spec-navy-blue: #8bd5ca !important;\n --yt-spec-light-green: #a6da95 !important;\n --yt-spec-dark-green: #a6da95 !important;\n --yt-spec-yellow: #f5a97f !important;\n --yt-spec-black-pure-alpha-5: rgba(24, 25, 38, 0.9995) !important;\n --yt-spec-black-pure-alpha-10: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-black-pure-alpha-15: rgba(24, 25, 38, 0.9985) !important;\n --yt-spec-black-pure-alpha-30: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-black-pure-alpha-60: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-black-pure-alpha-80: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-black-1-alpha-98: rgba(24, 25, 38, 0.9902) !important;\n --yt-spec-black-1-alpha-95: rgba(24, 25, 38, 0.9905) !important;\n --yt-spec-white-1-alpha-10: rgba(202, 211, 245, 0.999) !important;\n --yt-spec-white-1-alpha-20: rgba(202, 211, 245, 0.998) !important;\n --yt-spec-white-1-alpha-25: rgba(202, 211, 245, 0.9975) !important;\n --yt-spec-white-1-alpha-30: rgba(202, 211, 245, 0.997) !important;\n --yt-spec-white-1-alpha-70: rgba(202, 211, 245, 0.993) !important;\n --yt-spec-white-1-alpha-95: rgba(202, 211, 245, 0.9905) !important;\n --yt-spec-white-1-alpha-98: rgba(202, 211, 245, 0.9902) !important;\n --yt-brand-medium-red-alpha-90: rgba(183, 189, 248, 0.991) !important;\n --yt-brand-medium-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-brand-light-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-light-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-dark-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-raised-background: #1e2030 !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #6e738d !important;\n --yt-spec-icon-inactive: #8087a2 !important;\n --yt-spec-icon-disabled: #939ab7 !important;\n --yt-spec-button-chip-background-hover: #494d64 !important;\n --yt-spec-touch-response: #363a4f !important;\n --yt-spec-touch-response-inverse: #b7bdf8 !important;\n --yt-spec-brand-icon-active: #b7bdf8 !important;\n --yt-spec-brand-icon-inactive: #8087a2 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --yt-spec-brand-link-text: #7dc4e4 !important;\n --yt-spec-wordmark-text: #cad3f5 !important;\n --yt-spec-error-indicator: #ed8796 !important;\n --yt-spec-themed-blue: #91d7e3 !important;\n --yt-spec-themed-green: #a6da95 !important;\n --yt-spec-ad-indicator: #8bd5ca !important;\n --yt-spec-themed-overlay-background: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-commerce-badge-background: #a6da95 !important;\n --yt-spec-static-brand-red: #b7bdf8 !important;\n --yt-spec-static-brand-white: #cad3f5 !important;\n --yt-spec-static-brand-black: #24273a !important;\n --yt-spec-static-clear-color: #181926 !important;\n --yt-spec-static-clear-black: #181926 !important;\n --yt-spec-static-ad-yellow: #f5a97f !important;\n --yt-spec-static-grey: #a5adcb !important;\n --yt-spec-static-overlay-background-solid: #181926 !important;\n --yt-spec-static-overlay-background-heavy: #363a4f !important;\n --yt-spec-static-overlay-background-medium: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-static-overlay-background-medium-light: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-static-overlay-background-light: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-static-overlay-text-primary: #cad3f5 !important;\n --yt-spec-static-overlay-text-secondary: rgba(165, 173, 203, 0.993) !important;\n --yt-spec-static-overlay-text-disabled: rgba(165, 173, 203, 0.997) !important;\n --yt-spec-static-overlay-call-to-action: #b7bdf8 !important;\n --yt-spec-static-overlay-icon-active-other: #cad3f5 !important;\n --yt-spec-static-overlay-icon-inactive: #494d64 !important;\n --yt-spec-static-overlay-icon-disabled: #5b6078 !important;\n --yt-spec-static-overlay-button-primary: #b7bdf8 !important;\n --yt-spec-static-overlay-button-secondary: #363a4f !important;\n --yt-spec-static-overlay-touch-response: #8087a2 !important;\n --yt-spec-static-overlay-touch-response-inverse: #494d64 !important;\n --yt-spec-static-overlay-background-brand: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-1: #a5adcb !important;\n --yt-spec-assistive-feed-themed-gradient-2: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-3: #ed8796 !important;\n --yt-spec-brand-background-solid: #24273a !important;\n --yt-spec-brand-background-primary: #363a4f !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #1e2030 !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #5b6078 !important;\n --yt-spec-snackbar-background: #1e2030 !important;\n --yt-spec-snackbar-background-updated: #1e2030 !important;\n --yt-spec-badge-chip-background: #494d64 !important;\n --yt-spec-verified-badge-background: #6e738d !important;\n --yt-spec-call-to-action-fadeoutd: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-call-to-action-hover: #b7bdf8 !importantr;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #6e738d !important;\n --yt-spec-icon-disabled: #8087a2 !important;\n --yt-spec-brand-icon-inactive: #939ab7 !important;\n /* Yt video Page */\n --yt-live-chat-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color-transparent: #24273a !important;\n --yt-live-chat-secondary-background-color: #494d64;\n --yt-live-chat-toast-background-color: #5b6078 !important;\n --yt-live-chat-mode-change-background-color: #24273a !important;\n --yt-live-chat-secondary-text-color: #a5adcb !important;\n --yt-live-chat-tertiary-text-color: rgba(202, 211, 245, 0.9946) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: #a5adcb !important;\n --yt-live-chat-text-input-field-placeholder-color: #a5adcb !important;\n --yt-live-chat-enabled-send-button-color: #cad3f5 !important;\n --yt-live-chat-disabled-icon-button-color: #b8c0e0 !important;\n --yt-live-chat-picker-button-hover-color: #b7bdf8 !important;\n --yt-live-chat-mention-background-color: #b7bdf8 !important;\n --yt-live-chat-mention-text-color: #cad3f5 !important;\n --yt-live-chat-deleted-message-color: #a5adcb;\n --yt-live-chat-deleted-message-bar-color: #b8c0e0 !important;\n --yt-live-chat-reconnect-message-color: #cad3f5 !important;\n --yt-live-chat-disabled-button-background-color: #6e738d !important;\n --yt-live-chat-sub-panel-background-color: #24273a !important;\n --yt-live-chat-sub-panel-background-color-transparent: #1e2030 !important;\n --yt-live-chat-moderator-color: #b7bdf8 !important;\n --yt-live-chat-owner-color: #f5a97f !important;\n --yt-live-chat-message-highlight-background-color: #24273a !important;\n --yt-live-chat-sponsor-color: #a6da95 !important;\n --yt-live-chat-overlay-color: rgba(30, 32, 48, 0.995);\n --yt-live-chat-dialog-background-color: #24273a !important;\n --yt-emoji-picker-variant-selector-bg-color: #24273a !important;\n --yt-live-chat-moderation-mode-hover-background-color: rgba(30, 32, 48, 0.997) !important;\n --yt-grey: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: #b8c0e0 !important;\n --yt-emoji-picker-search-background-color: #363a4f !important;\n --yt-emoji-picker-search-color: #cad3f5 !important;\n --yt-emoji-picker-search-placeholder-color: #b7bdf8 !important;\n --yt-live-chat-slider-active-color: #b7bdf8 !important;\n --yt-live-chat-slider-container-color: #363a4f !important;\n --yt-live-chat-slider-markers-color: #cad3f5 !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(#1e2030, transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, #1e2030, transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: rgba(24, 25, 38, 0.995) !important;\n --yt-live-chat-automod-button-explanation-color: rgba(183, 189, 248, 0.993) !important;\n --yt-live-chat-shimmer-background-color: rgba(24, 25, 38, 0.996) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(202, 211, 245, 0.999) 40%, rgba(36, 39, 58, 0.997) 50%, rgba(202, 211, 245, 0.999) 60%) !important;\n --yt-live-chat-vem-background-color: #1e2030 !important;\n --yt-live-chat-product-picker-icon-color: rgba(202, 211, 245, 0.995) !important;\n --yt-live-chat-product-picker-hover-color: #6e738d !important;\n --yt-live-chat-product-picker-disabled-icon-color: rgba(202, 211, 245, 0.997) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n /* Tooltip */\n --paper-tooltip-background: #6e738d !important;\n --paper-tooltip-text-color: #cad3f5 !important;\n /* links */\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n --yt-endpoint-hover-color: #b7bdf8 !important;\n --sb-dark-red-outline: #b7bdf8 !important;\n --sb-main-bg-color: #24273a !important;\n --sb-main-fg-color: #cad3f5 !important;\n --sb-grey-bg-color: #24273a !important;\n --sb-grey-fg-color: #a5adcb !important;\n --sb-red-bg-color: #b7bdf8 !important;\n }\n :root[dark]:not(.style-scope) {\n --primary-text-color: #cad3f5 !important;\n --primary-background-color: #24273a !important;\n --secondary-text-color: #a5adcb !important;\n --disabled-text-color: #b8c0e0 !important;\n --divider-color: #6e738d !important;\n --error-color: #ed8796 !important;\n --primary-color: #b7bdf8 !important;\n --light-primary-color: #b7bdf8 !important;\n --dark-primary-color: #8aadf4 !important;\n --accent-color: #b7bdf8 !important;\n --light-accent-color: #b7bdf8 !important;\n --dark-accent-color: #b7bdf8 !important;\n --light-theme-background-color: #24273a !important;\n --light-theme-base-color: #cad3f5 !important;\n --light-theme-text-color: #cad3f5 !important;\n --light-theme-secondary-color: #a5adcb !important;\n --light-theme-disabled-color: #b8c0e0 !important;\n --light-theme-divider-color: #6e738d !important;\n --dark-theme-background-color: #24273a !important;\n --dark-theme-base-color: #cad3f5 !important;\n --dark-theme-text-color: #cad3f5 !important;\n --dark-theme-secondary-color: #a5adcb !important;\n --dark-theme-disabled-color: #b8c0e0 !important;\n --dark-theme-divider-color: #6e738d !important;\n }\n :root[dark] #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n color: #b7bdf8 !important;\n }\n :root[dark] ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: #363a4f !important;\n --ytd-macro-markers-list-item-title-color: #cad3f5 !important;\n --ytd-macro-markers-list-item-secondary-color: #b8c0e0 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: #494d64 !important;\n }\n :root[dark] ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #cad3f5 !important;\n --yt-active-playlist-panel-background-color: #363a4f !important;\n }\n :root[dark] ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root[dark] ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: #24273a !important;\n --yt-lightsource-section2-color: #363a4f !important;\n --yt-lightsource-section3-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #a5adcb !important;\n }\n :root[dark] yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: #cad3f5 !important;\n --yt-button-default-background-color: #24273a !important;\n --yt-button-dark-text-color: #24273a !important;\n --yt-button-dark-background-color: #b7bdf8 !important;\n --yt-button-payment-background-color: #b7bdf8 !important;\n }\n :root[dark] yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: #cad3f5 !important;\n }\n :root[dark] .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: #6e738d !important;\n }\n :root[dark] .html5-ypc-purchase {\n background: #b7bdf8 !important;\n }\n :root[dark] .html5-ypc-purchase:hover {\n background: ligten(#b7bdf8, 10%) !important;\n }\n :root[dark] yt-notification-action-renderer[darker-dark-theme] tp-yt-paper-toast.yt-notification-action-renderer {\n background: #6e738d !important;\n }\n :root[dark] .ytp-volume-slider-handle {\n background: #b7bdf8 !important;\n }\n :root[dark] .ytp-volume-slider-handle::before {\n background: #b7bdf8 !important;\n }\n :root[dark] .ytp-volume-slider-handle::after {\n z-index: -1;\n }\n :root[dark] #newness-dot {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-chrome-controls .ytp-button[aria-pressed]:after {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: #b7bdf8 !important;\n }\n :root[dark] .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox::after {\n background: #8087a2 !important;\n }\n :root[dark] .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: #494d64 !important;\n }\n :root[dark] .ytp-settings-button.ytp-hd-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-4k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-5k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-8k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-panel-menu {\n color: #cad3f5;\n }\n :root[dark] .ytp-panel-menu .ytp-menuitem:not(:last-child) svg > path {\n fill: #cad3f5;\n }\n :root[dark] .ytp-panel-menu .ytp-menuitem:last-child svg:last-child {\n fill: #cad3f5;\n }\n :root[dark] .ytp-right-controls svg path,\n :root[dark] .ytp-svg-fill {\n fill: #fff !important;\n }\n :root[dark] .ytp-time-current,\n :root[dark] .ytp-time-separator,\n :root[dark] .ytp-time-duration,\n :root[dark] .ytp-menu-label-secondary,\n :root[dark] .ytp-menuitem-label-count {\n color: #fff;\n }\n :root[dark] .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: #cad3f5;\n }\n :root[dark] .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root[dark] .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: #24273a !important;\n }\n :root[dark] .yt-core-attributed-string__link--call-to-action-color {\n color: #7dc4e4 !important;\n }\n :root[dark] .yt-core-attributed-string__link--call-to-action-color:hover {\n color: #8bd5ca !important;\n }\n :root[dark] .sbpqs_a:before,\n :root[dark] .sbqs_c:before {\n filter: invert(1);\n }\n :root[dark] .sbsb_a,\n :root[dark] .sbdd_b {\n background: #1e2030 !important;\n border: none !important;\n }\n :root[dark] .gsfs {\n color: #cad3f5 !important;\n }\n :root[dark] .sbsb_c.gsfs:hover,\n :root[dark] .sbsb_d {\n background-color: #363a4f !important;\n }\n :root[dark] .sbfl_b {\n background-color: #1e2030 !important;\n }\n :root[dark] .sbfl_b:hover {\n background-color: #363a4f !important;\n color: #b7bdf8 !important;\n }\n :root[dark] .sbpqs_a {\n color: #b7bdf8 !important;\n }\n :root[dark] .sbfl_a {\n color: #a5adcb !important;\n }\n :root[dark] .sbsb_i {\n color: #a5adcb;\n }\n :root[dark] .sbsb_c:hover .sbqs_c,\n :root[dark] .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: #b7bdf8 !important;\n }\n :root[dark] .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .explanation-box[correct] * {\n color: #181926 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) {\n /* not liked */\n /* liked */\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1) {\n stroke: #cad3f5 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2) {\n stroke: #b7bdf8 !important;\n }\n :root[dark] .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root[dark] .iv-branding .iv-branding-context-name {\n color: #cad3f5 !important;\n text-shadow: none !important;\n }\n :root[dark] .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root[dark] .iv-drawer-content {\n background-color: rgba(30, 32, 48, 0.95) !important;\n }\n :root[dark] .iv-drawer-header-text {\n color: #cad3f5 !important;\n }\n :root[dark] .iv-card-content,\n :root[dark] .ytp-ce-expanding-overlay-background,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-text,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #24273a !important;\n }\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-box,\n :root[dark] .iv-card-image {\n border: 0px !important;\n }\n :root[dark] .iv-card-content > :first-child,\n :root[dark] .html5-video-player a,\n :root[dark] .iv-card h2,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5 !important;\n }\n :root[dark] .ytp-tooltip-text {\n background: #363a4f !important;\n }\n :root[dark] .iv-card:hover .iv-card-primary-link,\n :root[dark] .ytp-ce-website-title {\n color: #b7bdf8 !important;\n }\n :root[dark] .ytp-popup {\n background: #363a4f !important;\n }\n :root[dark] tp-yt-paper-dialog {\n background-color: #24273a !important;\n }\n :root[dark] .yt-core-attributed-string--link-inherit-color {\n color: #cad3f5 !important;\n /*&:hover {\n * color: @teal !important;\n }*/\n }\n :root[dark] .badge-style-type-live-now-alternate,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: #181926 !important;\n }\n :root[dark] .badge-style-type-live-now-alternate yt-icon svg g path,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg g path,\n :root[dark] .badge-style-type-live-now-alternate yt-icon svg path,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg path {\n fill: #181926 !important;\n }\n :root[dark] .ytp-live-badge:before {\n background: #b8c0e0 !important;\n }\n :root[dark] .ytp-live-badge[disabled]:before {\n background: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root[dark] .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root[dark] ytd-author-comment-badge-renderer {\n --yt-basic-background-color: #363a4f !important;\n --yt-basic-foreground-title-color: #363a4f !important;\n --ytd-author-comment-badge-background-color: #363a4f !important;\n --ytd-author-comment-badge-name-color: #cad3f5 !important;\n --ytd-author-comment-badge-icon-color: #cad3f5 !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n :root[dark] #cinematics > div > canvas {\n visibility: hidden;\n }\n :root[dark] yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n :root[dark] yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: #363a4f !important;\n border: 1px solid #b7bdf8 !important;\n color: #cad3f5 !important;\n }\n :root[dark] ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8 !important;\n }\n :root[dark] #error-page {\n background-color: #24273a !important;\n }\n :root[dark] #error-page-content {\n color: #cad3f5 !important;\n text-shadow: none;\n background-color: #24273a !important;\n }\n :root[dark] #error-page-content > p {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #masthead-search-terms.masthead-search-terms-border {\n border: 1px solid #b7bdf8 !important;\n box-shadow: none !important;\n }\n :root[dark] #error-page-content #yt-masthead {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #yt-masthead #logo-container .logo {\n filter: invert(1) grayscale(1);\n }\n :root[dark] #error-page-content #yt-masthead #logo-container .content-region {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"] {\n color: #cad3f5 !important;\n }\n :root[dark] #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"]:focus {\n color: #b7bdf8 !important;\n }\n :root[dark] #error-page-content #yt-masthead .search-button {\n background-color: #1e2030 !important;\n }\n :root[dark] .yt-tab-shape-wiz__tab--tab-selected {\n color: #b7bdf8 !important;\n }\n :root[dark] .yt-tab-group-shape-wiz__slider {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .yt-tab-shape-wiz__tab {\n color: #b8c0e0;\n }\n :root[dark] .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab {\n color: #daddfb;\n }\n :root[dark] .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: #daddfb;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover {\n background-color: #5a68ef;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: #b7bdf8;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {\n background-color: rgba(183, 189, 248, 0.1);\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: #cad3f5;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {\n background-color: #363a4f;\n }\n :root[dark] ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root[dark] ::-webkit-scrollbar {\n width: 8px !important;\n }\n :root[dark] ::-webkit-scrollbar-track {\n background: #24273a !important;\n }\n :root[dark] ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root[dark] ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root[dark] ::-moz-selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root[dark] #ytd-player #container {\n background: #24273a !important;\n }\n :root[dark] ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"#FF0000\"],\n :root[dark] svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root[dark] ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"white\"],\n :root[dark] svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"white\"] {\n fill: #24273a !important;\n }\n :root {\n /* apply everywhere */\n /* general colors */\n /* selected chapter */\n /* playlist selector */\n /* explandable meta */\n /* volume bar */\n /* new videos dot */\n /* subtitle */\n /* menu items */\n /* checkbox subitem */\n /* link */\n /* search results */\n /* Results backgrounds */\n /* text color */\n /* Hover and keyboard select background */\n /* Keyboard select text color and hover text color */\n /* exmplation box */\n /* custom likes + anims */\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n /* Popup for when you hover over the channel avatar in the video */\n /* Cards */\n /*Player tooltip background*/\n /* Temporary fix */\n /* live badges */\n /* notification idicator */\n /* creator badges */\n /* disable ambient mode */\n /* badges e.g. popular */\n /* Search border */\n /* Error page */\n /* channel homepage */\n /* selected tab */\n /* unselected */\n /* hover */\n /* hopefully temporary */\n /* Scrollbar */\n /* text highlight */\n }\n :root,\n :root [dark],\n :root html,\n :root html[system-icons][dark],\n :root html[system-icons] [dark],\n :root html[darker-dark-theme][dark],\n :root [darker-dark-theme] [dark] {\n --yt-spec-white-1: #cad3f5 !important;\n --yt-spec-white-2: #a5adcb !important;\n --yt-spec-white-3: #b8c0e0 !important;\n --yt-spec-white-4: #a6b0d8 !important;\n --yt-spec-black-1: #8087a2 !important;\n --yt-spec-black-2: #6e738d !important;\n --yt-spec-black-3: #5b6078 !important;\n --yt-spec-black-4: #494d64 !important;\n --yt-spec-black-pure: #363a4f !important;\n --yt-spec-grey-1: #cad3f5 !important;\n --yt-spec-grey-2: #a5adcb !important;\n --yt-spec-grey-3: #b8c0e0 !important;\n --yt-spec-grey-4: #939ab7 !important;\n --yt-spec-grey-5: #8087a2 !important;\n --yt-brand-youtube-red: #b7bdf8 !important;\n --yt-brand-medium-red: #b7bdf8 !important;\n --yt-brand-light-red: #b7bdf8 !important;\n --yt-spec-red-30: #f5a97f !important;\n --yt-spec-red-70: #ed8796 !important;\n --yt-spec-pale-blue: #91d7e3 !important;\n --yt-spec-light-blue: #91d7e3 !important;\n --yt-spec-dark-blue: #7dc4e4 !important;\n --yt-spec-navy-blue: #8bd5ca !important;\n --yt-spec-light-green: #a6da95 !important;\n --yt-spec-dark-green: #a6da95 !important;\n --yt-spec-yellow: #f5a97f !important;\n --yt-spec-black-pure-alpha-5: rgba(24, 25, 38, 0.9995) !important;\n --yt-spec-black-pure-alpha-10: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-black-pure-alpha-15: rgba(24, 25, 38, 0.9985) !important;\n --yt-spec-black-pure-alpha-30: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-black-pure-alpha-60: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-black-pure-alpha-80: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-black-1-alpha-98: rgba(24, 25, 38, 0.9902) !important;\n --yt-spec-black-1-alpha-95: rgba(24, 25, 38, 0.9905) !important;\n --yt-spec-white-1-alpha-10: rgba(202, 211, 245, 0.999) !important;\n --yt-spec-white-1-alpha-20: rgba(202, 211, 245, 0.998) !important;\n --yt-spec-white-1-alpha-25: rgba(202, 211, 245, 0.9975) !important;\n --yt-spec-white-1-alpha-30: rgba(202, 211, 245, 0.997) !important;\n --yt-spec-white-1-alpha-70: rgba(202, 211, 245, 0.993) !important;\n --yt-spec-white-1-alpha-95: rgba(202, 211, 245, 0.9905) !important;\n --yt-spec-white-1-alpha-98: rgba(202, 211, 245, 0.9902) !important;\n --yt-brand-medium-red-alpha-90: rgba(183, 189, 248, 0.991) !important;\n --yt-brand-medium-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-brand-light-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-light-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-dark-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-raised-background: #1e2030 !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #6e738d !important;\n --yt-spec-icon-inactive: #8087a2 !important;\n --yt-spec-icon-disabled: #939ab7 !important;\n --yt-spec-button-chip-background-hover: #494d64 !important;\n --yt-spec-touch-response: #363a4f !important;\n --yt-spec-touch-response-inverse: #b7bdf8 !important;\n --yt-spec-brand-icon-active: #b7bdf8 !important;\n --yt-spec-brand-icon-inactive: #8087a2 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --yt-spec-brand-link-text: #7dc4e4 !important;\n --yt-spec-wordmark-text: #cad3f5 !important;\n --yt-spec-error-indicator: #ed8796 !important;\n --yt-spec-themed-blue: #91d7e3 !important;\n --yt-spec-themed-green: #a6da95 !important;\n --yt-spec-ad-indicator: #8bd5ca !important;\n --yt-spec-themed-overlay-background: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-commerce-badge-background: #a6da95 !important;\n --yt-spec-static-brand-red: #b7bdf8 !important;\n --yt-spec-static-brand-white: #cad3f5 !important;\n --yt-spec-static-brand-black: #24273a !important;\n --yt-spec-static-clear-color: #181926 !important;\n --yt-spec-static-clear-black: #181926 !important;\n --yt-spec-static-ad-yellow: #f5a97f !important;\n --yt-spec-static-grey: #a5adcb !important;\n --yt-spec-static-overlay-background-solid: #181926 !important;\n --yt-spec-static-overlay-background-heavy: #363a4f !important;\n --yt-spec-static-overlay-background-medium: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-static-overlay-background-medium-light: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-static-overlay-background-light: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-static-overlay-text-primary: #cad3f5 !important;\n --yt-spec-static-overlay-text-secondary: rgba(165, 173, 203, 0.993) !important;\n --yt-spec-static-overlay-text-disabled: rgba(165, 173, 203, 0.997) !important;\n --yt-spec-static-overlay-call-to-action: #b7bdf8 !important;\n --yt-spec-static-overlay-icon-active-other: #cad3f5 !important;\n --yt-spec-static-overlay-icon-inactive: #494d64 !important;\n --yt-spec-static-overlay-icon-disabled: #5b6078 !important;\n --yt-spec-static-overlay-button-primary: #b7bdf8 !important;\n --yt-spec-static-overlay-button-secondary: #363a4f !important;\n --yt-spec-static-overlay-touch-response: #8087a2 !important;\n --yt-spec-static-overlay-touch-response-inverse: #494d64 !important;\n --yt-spec-static-overlay-background-brand: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-1: #a5adcb !important;\n --yt-spec-assistive-feed-themed-gradient-2: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-3: #ed8796 !important;\n --yt-spec-brand-background-solid: #24273a !important;\n --yt-spec-brand-background-primary: #363a4f !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #1e2030 !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #5b6078 !important;\n --yt-spec-snackbar-background: #1e2030 !important;\n --yt-spec-snackbar-background-updated: #1e2030 !important;\n --yt-spec-badge-chip-background: #494d64 !important;\n --yt-spec-verified-badge-background: #6e738d !important;\n --yt-spec-call-to-action-fadeoutd: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-call-to-action-hover: #b7bdf8 !importantr;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #6e738d !important;\n --yt-spec-icon-disabled: #8087a2 !important;\n --yt-spec-brand-icon-inactive: #939ab7 !important;\n /* Yt video Page */\n --yt-live-chat-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color-transparent: #24273a !important;\n --yt-live-chat-secondary-background-color: #494d64;\n --yt-live-chat-toast-background-color: #5b6078 !important;\n --yt-live-chat-mode-change-background-color: #24273a !important;\n --yt-live-chat-secondary-text-color: #a5adcb !important;\n --yt-live-chat-tertiary-text-color: rgba(202, 211, 245, 0.9946) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: #a5adcb !important;\n --yt-live-chat-text-input-field-placeholder-color: #a5adcb !important;\n --yt-live-chat-enabled-send-button-color: #cad3f5 !important;\n --yt-live-chat-disabled-icon-button-color: #b8c0e0 !important;\n --yt-live-chat-picker-button-hover-color: #b7bdf8 !important;\n --yt-live-chat-mention-background-color: #b7bdf8 !important;\n --yt-live-chat-mention-text-color: #cad3f5 !important;\n --yt-live-chat-deleted-message-color: #a5adcb;\n --yt-live-chat-deleted-message-bar-color: #b8c0e0 !important;\n --yt-live-chat-reconnect-message-color: #cad3f5 !important;\n --yt-live-chat-disabled-button-background-color: #6e738d !important;\n --yt-live-chat-sub-panel-background-color: #24273a !important;\n --yt-live-chat-sub-panel-background-color-transparent: #1e2030 !important;\n --yt-live-chat-moderator-color: #b7bdf8 !important;\n --yt-live-chat-owner-color: #f5a97f !important;\n --yt-live-chat-message-highlight-background-color: #24273a !important;\n --yt-live-chat-sponsor-color: #a6da95 !important;\n --yt-live-chat-overlay-color: rgba(30, 32, 48, 0.995);\n --yt-live-chat-dialog-background-color: #24273a !important;\n --yt-emoji-picker-variant-selector-bg-color: #24273a !important;\n --yt-live-chat-moderation-mode-hover-background-color: rgba(30, 32, 48, 0.997) !important;\n --yt-grey: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: #b8c0e0 !important;\n --yt-emoji-picker-search-background-color: #363a4f !important;\n --yt-emoji-picker-search-color: #cad3f5 !important;\n --yt-emoji-picker-search-placeholder-color: #b7bdf8 !important;\n --yt-live-chat-slider-active-color: #b7bdf8 !important;\n --yt-live-chat-slider-container-color: #363a4f !important;\n --yt-live-chat-slider-markers-color: #cad3f5 !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(#1e2030, transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, #1e2030, transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: rgba(24, 25, 38, 0.995) !important;\n --yt-live-chat-automod-button-explanation-color: rgba(183, 189, 248, 0.993) !important;\n --yt-live-chat-shimmer-background-color: rgba(24, 25, 38, 0.996) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(202, 211, 245, 0.999) 40%, rgba(36, 39, 58, 0.997) 50%, rgba(202, 211, 245, 0.999) 60%) !important;\n --yt-live-chat-vem-background-color: #1e2030 !important;\n --yt-live-chat-product-picker-icon-color: rgba(202, 211, 245, 0.995) !important;\n --yt-live-chat-product-picker-hover-color: #6e738d !important;\n --yt-live-chat-product-picker-disabled-icon-color: rgba(202, 211, 245, 0.997) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n /* Tooltip */\n --paper-tooltip-background: #6e738d !important;\n --paper-tooltip-text-color: #cad3f5 !important;\n /* links */\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n --yt-endpoint-hover-color: #b7bdf8 !important;\n --sb-dark-red-outline: #b7bdf8 !important;\n --sb-main-bg-color: #24273a !important;\n --sb-main-fg-color: #cad3f5 !important;\n --sb-grey-bg-color: #24273a !important;\n --sb-grey-fg-color: #a5adcb !important;\n --sb-red-bg-color: #b7bdf8 !important;\n }\n :root:not(.style-scope) {\n --primary-text-color: #cad3f5 !important;\n --primary-background-color: #24273a !important;\n --secondary-text-color: #a5adcb !important;\n --disabled-text-color: #b8c0e0 !important;\n --divider-color: #6e738d !important;\n --error-color: #ed8796 !important;\n --primary-color: #b7bdf8 !important;\n --light-primary-color: #b7bdf8 !important;\n --dark-primary-color: #8aadf4 !important;\n --accent-color: #b7bdf8 !important;\n --light-accent-color: #b7bdf8 !important;\n --dark-accent-color: #b7bdf8 !important;\n --light-theme-background-color: #24273a !important;\n --light-theme-base-color: #cad3f5 !important;\n --light-theme-text-color: #cad3f5 !important;\n --light-theme-secondary-color: #a5adcb !important;\n --light-theme-disabled-color: #b8c0e0 !important;\n --light-theme-divider-color: #6e738d !important;\n --dark-theme-background-color: #24273a !important;\n --dark-theme-base-color: #cad3f5 !important;\n --dark-theme-text-color: #cad3f5 !important;\n --dark-theme-secondary-color: #a5adcb !important;\n --dark-theme-disabled-color: #b8c0e0 !important;\n --dark-theme-divider-color: #6e738d !important;\n }\n :root #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n color: #b7bdf8 !important;\n }\n :root ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: #363a4f !important;\n --ytd-macro-markers-list-item-title-color: #cad3f5 !important;\n --ytd-macro-markers-list-item-secondary-color: #b8c0e0 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: #494d64 !important;\n }\n :root ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #cad3f5 !important;\n --yt-active-playlist-panel-background-color: #363a4f !important;\n }\n :root ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: #24273a !important;\n --yt-lightsource-section2-color: #363a4f !important;\n --yt-lightsource-section3-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #a5adcb !important;\n }\n :root yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: #cad3f5 !important;\n --yt-button-default-background-color: #24273a !important;\n --yt-button-dark-text-color: #24273a !important;\n --yt-button-dark-background-color: #b7bdf8 !important;\n --yt-button-payment-background-color: #b7bdf8 !important;\n }\n :root yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: #cad3f5 !important;\n }\n :root .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: #6e738d !important;\n }\n :root .html5-ypc-purchase {\n background: #b7bdf8 !important;\n }\n :root .html5-ypc-purchase:hover {\n background: ligten(#b7bdf8, 10%) !important;\n }\n :root yt-notification-action-renderer[darker-dark-theme] tp-yt-paper-toast.yt-notification-action-renderer {\n background: #6e738d !important;\n }\n :root .ytp-volume-slider-handle {\n background: #b7bdf8 !important;\n }\n :root .ytp-volume-slider-handle::before {\n background: #b7bdf8 !important;\n }\n :root .ytp-volume-slider-handle::after {\n z-index: -1;\n }\n :root #newness-dot {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-chrome-controls .ytp-button[aria-pressed]:after {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: #b7bdf8 !important;\n }\n :root .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox::after {\n background: #8087a2 !important;\n }\n :root .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: #494d64 !important;\n }\n :root .ytp-settings-button.ytp-hd-quality-badge::after,\n :root .ytp-settings-button.ytp-4k-quality-badge::after,\n :root .ytp-settings-button.ytp-5k-quality-badge::after,\n :root .ytp-settings-button.ytp-8k-quality-badge::after,\n :root .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-panel-menu {\n color: #cad3f5;\n }\n :root .ytp-panel-menu .ytp-menuitem:not(:last-child) svg > path {\n fill: #cad3f5;\n }\n :root .ytp-panel-menu .ytp-menuitem:last-child svg:last-child {\n fill: #cad3f5;\n }\n :root .ytp-right-controls svg path,\n :root .ytp-svg-fill {\n fill: #fff !important;\n }\n :root .ytp-time-current,\n :root .ytp-time-separator,\n :root .ytp-time-duration,\n :root .ytp-menu-label-secondary,\n :root .ytp-menuitem-label-count {\n color: #fff;\n }\n :root .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: #cad3f5;\n }\n :root .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: #b7bdf8 !important;\n }\n :root .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: #24273a !important;\n }\n :root .yt-core-attributed-string__link--call-to-action-color {\n color: #7dc4e4 !important;\n }\n :root .yt-core-attributed-string__link--call-to-action-color:hover {\n color: #8bd5ca !important;\n }\n :root .sbpqs_a:before,\n :root .sbqs_c:before {\n filter: invert(1);\n }\n :root .sbsb_a,\n :root .sbdd_b {\n background: #1e2030 !important;\n border: none !important;\n }\n :root .gsfs {\n color: #cad3f5 !important;\n }\n :root .sbsb_c.gsfs:hover,\n :root .sbsb_d {\n background-color: #363a4f !important;\n }\n :root .sbfl_b {\n background-color: #1e2030 !important;\n }\n :root .sbfl_b:hover {\n background-color: #363a4f !important;\n color: #b7bdf8 !important;\n }\n :root .sbpqs_a {\n color: #b7bdf8 !important;\n }\n :root .sbfl_a {\n color: #a5adcb !important;\n }\n :root .sbsb_i {\n color: #a5adcb;\n }\n :root .sbsb_c:hover .sbqs_c,\n :root .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: #b7bdf8 !important;\n }\n :root .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root .explanation-box[correct] * {\n color: #181926 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) {\n /* not liked */\n /* liked */\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1) {\n stroke: #cad3f5 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2) {\n stroke: #b7bdf8 !important;\n }\n :root .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root .iv-branding .iv-branding-context-name {\n color: #cad3f5 !important;\n text-shadow: none !important;\n }\n :root .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root .iv-drawer-content {\n background-color: rgba(30, 32, 48, 0.95) !important;\n }\n :root .iv-drawer-header-text {\n color: #cad3f5 !important;\n }\n :root .iv-card-content,\n :root .ytp-ce-expanding-overlay-background,\n :root .ytp-cards-teaser .ytp-cards-teaser-text,\n :root .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #24273a !important;\n }\n :root .ytp-cards-teaser .ytp-cards-teaser-box,\n :root .iv-card-image {\n border: 0px !important;\n }\n :root .iv-card-content > :first-child,\n :root .html5-video-player a,\n :root .iv-card h2,\n :root .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5 !important;\n }\n :root .ytp-tooltip-text {\n background: #363a4f !important;\n }\n :root .iv-card:hover .iv-card-primary-link,\n :root .ytp-ce-website-title {\n color: #b7bdf8 !important;\n }\n :root .ytp-popup {\n background: #363a4f !important;\n }\n :root tp-yt-paper-dialog {\n background-color: #24273a !important;\n }\n :root .yt-core-attributed-string--link-inherit-color {\n color: #cad3f5 !important;\n /*&:hover {\n * color: @teal !important;\n }*/\n }\n :root .badge-style-type-live-now-alternate,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: #181926 !important;\n }\n :root .badge-style-type-live-now-alternate yt-icon svg g path,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg g path,\n :root .badge-style-type-live-now-alternate yt-icon svg path,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg path {\n fill: #181926 !important;\n }\n :root .ytp-live-badge:before {\n background: #b8c0e0 !important;\n }\n :root .ytp-live-badge[disabled]:before {\n background: #b7bdf8 !important;\n }\n :root .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root ytd-author-comment-badge-renderer {\n --yt-basic-background-color: #363a4f !important;\n --yt-basic-foreground-title-color: #363a4f !important;\n --ytd-author-comment-badge-background-color: #363a4f !important;\n --ytd-author-comment-badge-name-color: #cad3f5 !important;\n --ytd-author-comment-badge-icon-color: #cad3f5 !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n :root #cinematics > div > canvas {\n visibility: hidden;\n }\n :root yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n :root yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: #363a4f !important;\n border: 1px solid #b7bdf8 !important;\n color: #cad3f5 !important;\n }\n :root ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8 !important;\n }\n :root #error-page {\n background-color: #24273a !important;\n }\n :root #error-page-content {\n color: #cad3f5 !important;\n text-shadow: none;\n background-color: #24273a !important;\n }\n :root #error-page-content > p {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #masthead-search-terms.masthead-search-terms-border {\n border: 1px solid #b7bdf8 !important;\n box-shadow: none !important;\n }\n :root #error-page-content #yt-masthead {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #yt-masthead #logo-container .logo {\n filter: invert(1) grayscale(1);\n }\n :root #error-page-content #yt-masthead #logo-container .content-region {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"] {\n color: #cad3f5 !important;\n }\n :root #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"]:focus {\n color: #b7bdf8 !important;\n }\n :root #error-page-content #yt-masthead .search-button {\n background-color: #1e2030 !important;\n }\n :root .yt-tab-shape-wiz__tab--tab-selected {\n color: #b7bdf8 !important;\n }\n :root .yt-tab-group-shape-wiz__slider {\n background-color: #b7bdf8 !important;\n }\n :root .yt-tab-shape-wiz__tab {\n color: #b8c0e0;\n }\n :root .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab {\n color: #daddfb;\n }\n :root .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: #daddfb;\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover {\n background-color: #5a68ef;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: #b7bdf8;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {\n background-color: rgba(183, 189, 248, 0.1);\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: #cad3f5;\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {\n background-color: #363a4f;\n }\n :root ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root ::-webkit-scrollbar {\n width: 8px !important;\n }\n :root ::-webkit-scrollbar-track {\n background: #24273a !important;\n }\n :root ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root ::-moz-selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root #ytd-player #container {\n background: #24273a !important;\n }\n :root ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"#FF0000\"],\n :root svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"white\"],\n :root svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"white\"] {\n fill: #24273a !important;\n }\n /* for oled monitors */",
+ "start": 1210,
"regexps": [
"https?:\\/\\/(?!gaming\\.)(?!consent\\.)(?!vr\\.)(?!music\\.)(?!tv\\.)(?!artists\\.)(?!studio\\.).*youtube(?!kids\\.).*\\.com\\/(?!premium|howyoutubeworks).*$"
]
},
{
"code": "/* youtube.com-redirect */\n :root[dark] {\n /* search */\n /*Community Cross-posting*/\n /* text highlight */\n }\n :root[dark] h1 {\n color: #cad3f5 !important;\n }\n :root[dark] #redirect-main-text {\n color: #939ab7 !important;\n }\n :root[dark] #redirect-main-text .bolded {\n color: #b7bdf8 !important;\n }\n :root[dark] #masthead-search-terms-border {\n border-color: #363a4f !important;\n background-color: #363a4f !important;\n box-shadow: rgba(24, 25, 38, 0.9) !important;\n }\n :root[dark] ytd-shared-post-renderer[uses-compact-lockup] #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n :root[dark] #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n :root[dark] #masthead-search-terms {\n color: #cad3f5 !important;\n }\n :root[dark] .search-button {\n background: #363a4f !important;\n border-color: #363a4f !important;\n }\n :root[dark] .search-button-content {\n filter: invert(1);\n }\n :root[dark] #redirect-backto-safety-button:hover {\n color: #cad3f5 !important;\n }\n :root[dark] #logo-container .content-region {\n color: #cad3f5 !important;\n }\n :root[dark] ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root[dark] ::-moz-selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root {\n /* search */\n /*Community Cross-posting*/\n /* text highlight */\n }\n :root h1 {\n color: #cad3f5 !important;\n }\n :root #redirect-main-text {\n color: #939ab7 !important;\n }\n :root #redirect-main-text .bolded {\n color: #b7bdf8 !important;\n }\n :root #masthead-search-terms-border {\n border-color: #363a4f !important;\n background-color: #363a4f !important;\n box-shadow: rgba(24, 25, 38, 0.9) !important;\n }\n :root ytd-shared-post-renderer[uses-compact-lockup] #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n :root #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n :root #masthead-search-terms {\n color: #cad3f5 !important;\n }\n :root .search-button {\n background: #363a4f !important;\n border-color: #363a4f !important;\n }\n :root .search-button-content {\n filter: invert(1);\n }\n :root #redirect-backto-safety-button:hover {\n color: #cad3f5 !important;\n }\n :root #logo-container .content-region {\n color: #cad3f5 !important;\n }\n :root ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root ::-moz-selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }",
- "start": 57517,
+ "start": 60746,
"urlPrefixes": [
"https://www.youtube.com/redirect"
]
},
{
"code": "/* studio.youtube.com */\n :root[dark] {\n /* text highlight */\n }\n :root[dark],\n :root[dark] html,\n :root[dark] html[dark],\n :root[dark] html[dark][dark],\n :root[dark][dark],\n :root[dark][light],\n :root[dark] [light],\n :root[dark] html[light],\n :root[dark] html[light][light] {\n /* disable */\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n /* text */\n --yt-spec-text-primary: #cad3f5 !important;\n --ytcp-text-primary: #cad3f5 !important;\n --ytcp-text-primary-inverse: #24273a !important;\n --ytcp-static-overlay-text-primary-inverse: #24273a !important;\n --ytcp-wordmark-text: #cad3f5 !important;\n --ytcp-text-secondary: #a5adcb !important;\n --ytcp-text-disabled: #b8c0e0 !important;\n --ytcp-overlay-text-primary: #939ab7 !important;\n /* main bg */\n --ytcp-general-background-a: #24273a !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-black-3: #24273a !important;\n /* secondary bg */\n --yt-spec-brand-background-solid: #1e2030 !important;\n --ytcp-brand-background-solid: #1e2030 !important;\n --yt-spec-raised-background: #1e2030 !important;\n --ytcp-general-background-b: #1e2030 !important;\n --ytcp-analytics-reach-background: #1e2030 !important;\n --yt-spec-black-2: #1e2030 !important;\n /* additional bg */\n --ytcp-general-background-c: #181926 !important;\n /* menu */\n --ytcp-menu-background: #363a4f !important;\n /* card borders */\n --ytcp-container-border-color: #363a4f !important;\n --ytcp-container-hovered-border-color: #363a4f !important;\n --ytcp-line-divider-solid: #363a4f !important;\n --ytcp-container-border-color-inverse: #a5adcb !important;\n --ytcp-line-divider-solid-inverse: #a5adcb !important;\n /* links */\n --ytcp-call-to-action: #7dc4e4 !important;\n --ytcp-call-to-action-inverse: #1e2030 !important;\n /* buttons */\n --ytcp-call-to-action-raised-background: #b7bdf8 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --ytcp-call-to-action-raised-disabled: #5b6078 !important;\n --ytcp-call-to-action-raised-disabled-background: #939ab7 !important;\n --ytcp-call-to-action-raised-background-inverse: #24273a !important;\n --ytcp-call-to-action-raised-disabled-inverse: #5b6078 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: #939ab7 !important;\n /* dropdown */\n --yt-spec-brand-background-primary: #363a4f !important;\n /* icons */\n --yt-compact-link-icon-color: #939ab7 !important;\n --ytcp-icon-active: #b7bdf8 !important;\n --ytcp-icon-inactive: #939ab7 !important;\n --ytcp-icon-disabled: #939ab7 !important;\n --ytcp-icon-active-inverse: #8087a2 !important;\n --ytcp-icon-disabled-inverse: #b8c0e0 !important;\n /* colors */\n --ytcp-error-red: #ed8796 !important;\n --ytcp-badge-red: #ed8796 !important;\n --ytcp-error-red-inverse: #ed8796 !important;\n --ytcp-themed-red-inverse: #ed8796 !important;\n --ytcp-themed-red: #ed8796 !important;\n --ytcp-themed-blue: #8aadf4 !important;\n --ytcp-badge-blue-solid: #8aadf4 !important;\n --ytcp-themed-blue-inverse: #8aadf4 !important;\n --ytcp-themed-green: #a6da95 !important;\n --ytmus-genre-primary-melon: #a6da95 !important;\n --ytcp-themed-green-inverse: #a6da95 !important;\n --ytcp-analytics-pine: #a6da95 !important;\n --ytcp-analytics-pine-inverse: #a6da95 !important;\n --ytcp-analytics-parrot: #a6da95 !important;\n --ytcp-themed-yellow: #f5a97f !important;\n --ytmus-genre-primary-gold: #f5a97f !important;\n --ytcp-yellow-inverse: #f5a97f !important;\n --ytcp-badge-yellow: #f5a97f !important;\n --ytcp-analytics-yellow: #f5a97f !important;\n --ytcp-analytics-apricot: #f5a97f !important;\n --ytcp-suggested-action: #8bd5ca !important;\n --ytcp-analytics-overview: #8bd5ca !important;\n --ytcp-analytics-revenue: #8bd5ca !important;\n --ytcp-analytics-default-secondary: #8bd5ca !important;\n --ytcp-analytics-royal-blue: #b7bdf8 !important;\n --ytcp-analytics-reach: #b7bdf8 !important;\n --ytcp-analytics-audience: #b7bdf8 !important;\n --ytcp-analytics-engagement: #f5bde6 !important;\n --ytcp-analytics-revenue-secondary: #f5bde6 !important;\n --ytcp-analytics-bubblegum: #f0c6c6 !important;\n --ytmus-genre-primary-ruby: #f0c6c6 !important;\n --ytmus-genre-primary-salmon: #c6a0f6 !important;\n --ytmus-genre-primary-orange: #ee99a0 !important;\n --ytmus-genre-primary-sky: #91d7e3 !important;\n --ytmus-genre-primary-sky-inverse: #91d7e3 !important;\n /* misc */\n --yt-spec-badge-chip-background: #494d64 !important;\n --ytcp-focus-inverse: #b7bdf8 !important;\n --ytcp-focus: #b7bdf8 !important;\n --ytcp-selected-item: #b7bdf8 !important;\n --ytcp-hover-item: #939ab7 !important;\n --ytcp-chip-active-focus: #b7bdf8 !important;\n --ytcp-playhead: #939ab7 !important;\n --ytcp-playhead-inverse: #939ab7 !important;\n }\n :root[dark] ytcp-button.destructive.ytls-error-dialog {\n color: #24273a !important;\n }\n :root[dark] yt-formatted-string.ytls-error-dialog,\n :root[dark] tp-yt-iron-icon.ytls-error-dialog {\n color: #cad3f5 !important;\n }\n :root[dark] ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root[dark] ::-moz-selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root {\n /* text highlight */\n }\n :root,\n :root html,\n :root html[dark],\n :root html[dark][dark],\n :root[dark],\n :root[light],\n :root [light],\n :root html[light],\n :root html[light][light] {\n /* disable */\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n /* text */\n --yt-spec-text-primary: #cad3f5 !important;\n --ytcp-text-primary: #cad3f5 !important;\n --ytcp-text-primary-inverse: #24273a !important;\n --ytcp-static-overlay-text-primary-inverse: #24273a !important;\n --ytcp-wordmark-text: #cad3f5 !important;\n --ytcp-text-secondary: #a5adcb !important;\n --ytcp-text-disabled: #b8c0e0 !important;\n --ytcp-overlay-text-primary: #939ab7 !important;\n /* main bg */\n --ytcp-general-background-a: #24273a !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-black-3: #24273a !important;\n /* secondary bg */\n --yt-spec-brand-background-solid: #1e2030 !important;\n --ytcp-brand-background-solid: #1e2030 !important;\n --yt-spec-raised-background: #1e2030 !important;\n --ytcp-general-background-b: #1e2030 !important;\n --ytcp-analytics-reach-background: #1e2030 !important;\n --yt-spec-black-2: #1e2030 !important;\n /* additional bg */\n --ytcp-general-background-c: #181926 !important;\n /* menu */\n --ytcp-menu-background: #363a4f !important;\n /* card borders */\n --ytcp-container-border-color: #363a4f !important;\n --ytcp-container-hovered-border-color: #363a4f !important;\n --ytcp-line-divider-solid: #363a4f !important;\n --ytcp-container-border-color-inverse: #a5adcb !important;\n --ytcp-line-divider-solid-inverse: #a5adcb !important;\n /* links */\n --ytcp-call-to-action: #7dc4e4 !important;\n --ytcp-call-to-action-inverse: #1e2030 !important;\n /* buttons */\n --ytcp-call-to-action-raised-background: #b7bdf8 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --ytcp-call-to-action-raised-disabled: #5b6078 !important;\n --ytcp-call-to-action-raised-disabled-background: #939ab7 !important;\n --ytcp-call-to-action-raised-background-inverse: #24273a !important;\n --ytcp-call-to-action-raised-disabled-inverse: #5b6078 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: #939ab7 !important;\n /* dropdown */\n --yt-spec-brand-background-primary: #363a4f !important;\n /* icons */\n --yt-compact-link-icon-color: #939ab7 !important;\n --ytcp-icon-active: #b7bdf8 !important;\n --ytcp-icon-inactive: #939ab7 !important;\n --ytcp-icon-disabled: #939ab7 !important;\n --ytcp-icon-active-inverse: #8087a2 !important;\n --ytcp-icon-disabled-inverse: #b8c0e0 !important;\n /* colors */\n --ytcp-error-red: #ed8796 !important;\n --ytcp-badge-red: #ed8796 !important;\n --ytcp-error-red-inverse: #ed8796 !important;\n --ytcp-themed-red-inverse: #ed8796 !important;\n --ytcp-themed-red: #ed8796 !important;\n --ytcp-themed-blue: #8aadf4 !important;\n --ytcp-badge-blue-solid: #8aadf4 !important;\n --ytcp-themed-blue-inverse: #8aadf4 !important;\n --ytcp-themed-green: #a6da95 !important;\n --ytmus-genre-primary-melon: #a6da95 !important;\n --ytcp-themed-green-inverse: #a6da95 !important;\n --ytcp-analytics-pine: #a6da95 !important;\n --ytcp-analytics-pine-inverse: #a6da95 !important;\n --ytcp-analytics-parrot: #a6da95 !important;\n --ytcp-themed-yellow: #f5a97f !important;\n --ytmus-genre-primary-gold: #f5a97f !important;\n --ytcp-yellow-inverse: #f5a97f !important;\n --ytcp-badge-yellow: #f5a97f !important;\n --ytcp-analytics-yellow: #f5a97f !important;\n --ytcp-analytics-apricot: #f5a97f !important;\n --ytcp-suggested-action: #8bd5ca !important;\n --ytcp-analytics-overview: #8bd5ca !important;\n --ytcp-analytics-revenue: #8bd5ca !important;\n --ytcp-analytics-default-secondary: #8bd5ca !important;\n --ytcp-analytics-royal-blue: #b7bdf8 !important;\n --ytcp-analytics-reach: #b7bdf8 !important;\n --ytcp-analytics-audience: #b7bdf8 !important;\n --ytcp-analytics-engagement: #f5bde6 !important;\n --ytcp-analytics-revenue-secondary: #f5bde6 !important;\n --ytcp-analytics-bubblegum: #f0c6c6 !important;\n --ytmus-genre-primary-ruby: #f0c6c6 !important;\n --ytmus-genre-primary-salmon: #c6a0f6 !important;\n --ytmus-genre-primary-orange: #ee99a0 !important;\n --ytmus-genre-primary-sky: #91d7e3 !important;\n --ytmus-genre-primary-sky-inverse: #91d7e3 !important;\n /* misc */\n --yt-spec-badge-chip-background: #494d64 !important;\n --ytcp-focus-inverse: #b7bdf8 !important;\n --ytcp-focus: #b7bdf8 !important;\n --ytcp-selected-item: #b7bdf8 !important;\n --ytcp-hover-item: #939ab7 !important;\n --ytcp-chip-active-focus: #b7bdf8 !important;\n --ytcp-playhead: #939ab7 !important;\n --ytcp-playhead-inverse: #939ab7 !important;\n }\n :root ytcp-button.destructive.ytls-error-dialog {\n color: #24273a !important;\n }\n :root yt-formatted-string.ytls-error-dialog,\n :root tp-yt-iron-icon.ytls-error-dialog {\n color: #cad3f5 !important;\n }\n :root ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root ::-moz-selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }",
- "start": 60350,
+ "start": 63579,
"urlPrefixes": [
"https://studio.youtube.com"
]
}
],
- "sourceCode": "/* ==UserStyle==\n@name YouTube Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/youtube\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube\n@version 3.0.12\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox logo \"Logo\" 0\n@var checkbox oledOn \"Enable black bars\" 0\n==/UserStyle== */\n@-moz-document regexp('https?:\\\\/\\\\/(?!gaming\\\\.)(?!consent\\\\.)(?!vr\\\\.)(?!music\\\\.)(?!tv\\\\.)(?!artists\\\\.)(?!studio\\\\.).*youtube(?!kids\\\\.).*\\\\.com\\\\/(?!premium|howyoutubeworks).*$') {\n /* youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n\n /* for oled monitors */\n #oled(@oled) when (@oled =0) {\n #ytd-player #container {\n background: @base !important;\n }\n }\n\n #logo(@logo) {\n ytd-topbar-logo-renderer.style-scope a svg > g,\n svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) {\n path[fill=\"#FF0000\"] {\n fill: @accent-Color !important;\n }\n path[fill=\"white\"] {\n fill: @base !important;\n }\n }\n & when (@logo =1) {\n ytd-topbar-logo-renderer,\n svg.ytd-consent-bump-v2-lightbox {\n display: none;\n }\n }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n /* apply everywhere */\n &,\n [dark],\n html,\n html[system-icons][dark],\n html[system-icons] [dark],\n html[darker-dark-theme][dark],\n [darker-dark-theme] [dark] {\n --yt-spec-white-1: @text !important;\n --yt-spec-white-2: @subtext0 !important;\n --yt-spec-white-3: @subtext1 !important;\n --yt-spec-white-4: darken(@subtext1, 5%) !important;\n --yt-spec-black-1: @overlay1 !important;\n --yt-spec-black-2: @overlay0 !important;\n --yt-spec-black-3: @surface2 !important;\n --yt-spec-black-4: @surface1 !important;\n --yt-spec-black-pure: @surface0 !important;\n --yt-spec-grey-1: @text !important;\n --yt-spec-grey-2: @subtext0 !important;\n --yt-spec-grey-3: @subtext1 !important;\n --yt-spec-grey-4: @overlay2 !important;\n --yt-spec-grey-5: @overlay1 !important;\n --yt-brand-youtube-red: @accent-Color !important;\n --yt-brand-medium-red: @accent-Color !important;\n --yt-brand-light-red: @accent-Color !important;\n --yt-spec-red-30: @peach !important;\n --yt-spec-red-70: @red !important;\n --yt-spec-pale-blue: @sky !important;\n --yt-spec-light-blue: @sky !important;\n --yt-spec-dark-blue: @sapphire !important;\n --yt-spec-navy-blue: @teal !important;\n --yt-spec-light-green: @green !important;\n --yt-spec-dark-green: @green !important;\n --yt-spec-yellow: @peach !important;\n --yt-spec-black-pure-alpha-5: fadeout(@crust, 0.05) !important;\n --yt-spec-black-pure-alpha-10: fadeout(@crust, 0.1) !important;\n --yt-spec-black-pure-alpha-15: fadeout(@crust, 0.15) !important;\n --yt-spec-black-pure-alpha-30: fadeout(@crust, 0.3) !important;\n --yt-spec-black-pure-alpha-60: fadeout(@crust, 0.6) !important;\n --yt-spec-black-pure-alpha-80: fadeout(@crust, 0.8) !important;\n --yt-spec-black-1-alpha-98: fadeout(@crust, 0.98) !important;\n --yt-spec-black-1-alpha-95: fadeout(@crust, 0.95) !important;\n --yt-spec-white-1-alpha-10: fadeout(@text, 0.1) !important;\n --yt-spec-white-1-alpha-20: fadeout(@text, 0.2) !important;\n --yt-spec-white-1-alpha-25: fadeout(@text, 0.25) !important;\n --yt-spec-white-1-alpha-30: fadeout(@text, 0.3) !important;\n --yt-spec-white-1-alpha-70: fadeout(@text, 0.7) !important;\n --yt-spec-white-1-alpha-95: fadeout(@text, 0.95) !important;\n --yt-spec-white-1-alpha-98: fadeout(@text, 0.98) !important;\n --yt-brand-medium-red-alpha-90: fadeout(@accent-Color, 0.9) !important;\n --yt-brand-medium-red-alpha-30: fadeout(@accent-Color, 0.3) !important;\n --yt-brand-light-red-alpha-30: fadeout(@accent-Color, 0.3) !important;\n --yt-spec-light-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n --yt-spec-dark-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n\n --yt-spec-base-background: @base !important;\n --yt-spec-raised-background: @mantle !important;\n --yt-spec-menu-background: @mantle !important;\n --yt-spec-inverted-background: @text !important;\n --yt-spec-additive-background: fadeout(@surface0, 0.1) !important;\n --yt-spec-outline: @surface0 !important;\n --yt-spec-shadow: fadeout(@crust, 0.25) !important;\n --yt-spec-text-primary: @text !important;\n --yt-spec-text-secondary: @subtext0 !important;\n --yt-spec-text-disabled: @subtext1 !important;\n --yt-spec-text-primary-inverse: @crust !important;\n --yt-spec-call-to-action: @accent-Color !important;\n --yt-spec-call-to-action-inverse: @accent-Color !important;\n --yt-spec-suggested-action: fadeout(@accent-Color, 80%) !important;\n --yt-spec-suggested-action-inverse: @text !important;\n --yt-spec-icon-active-other: @overlay0 !important;\n --yt-spec-icon-inactive: @overlay1 !important;\n --yt-spec-icon-disabled: @overlay2 !important;\n --yt-spec-button-chip-background-hover: @surface1 !important;\n --yt-spec-touch-response: @surface0 !important;\n\n --yt-spec-touch-response-inverse: @accent-Color !important;\n --yt-spec-brand-icon-active: @accent-Color !important;\n --yt-spec-brand-icon-inactive: @overlay1 !important;\n --yt-spec-brand-button-background: @accent-Color !important;\n --yt-spec-brand-link-text: @sapphire !important;\n --yt-spec-wordmark-text: @text !important;\n --yt-spec-error-indicator: @red !important;\n --yt-spec-themed-blue: @sky !important;\n --yt-spec-themed-green: @green !important;\n --yt-spec-ad-indicator: @teal !important;\n --yt-spec-themed-overlay-background: fadeout(@crust, 0.8) !important;\n --yt-spec-commerce-badge-background: @green !important;\n --yt-spec-static-brand-red: @accent-Color !important;\n --yt-spec-static-brand-white: @text !important;\n --yt-spec-static-brand-black: @base !important;\n --yt-spec-static-clear-color: fadeout(@crust, 0) !important;\n --yt-spec-static-clear-black: fadeout(@crust, 0) !important;\n --yt-spec-static-ad-yellow: @peach !important;\n --yt-spec-static-grey: @subtext0 !important;\n --yt-spec-static-overlay-background-solid: @crust !important;\n --yt-spec-static-overlay-background-heavy: @surface0 !important;\n --yt-spec-static-overlay-background-medium: fadeout(\n @crust,\n 0.6\n ) !important;\n --yt-spec-static-overlay-background-medium-light: fadeout(\n @crust,\n 0.3\n ) !important;\n --yt-spec-static-overlay-background-light: fadeout(\n @crust,\n 0.1\n ) !important;\n --yt-spec-static-overlay-text-primary: @text !important;\n --yt-spec-static-overlay-text-secondary: fadeout(\n @subtext0,\n 0.7\n ) !important;\n --yt-spec-static-overlay-text-disabled: fadeout(\n @subtext0,\n 0.3\n ) !important;\n --yt-spec-static-overlay-call-to-action: @accent-Color !important;\n --yt-spec-static-overlay-icon-active-other: @text !important;\n --yt-spec-static-overlay-icon-inactive: @surface1 !important;\n --yt-spec-static-overlay-icon-disabled: @surface2 !important;\n --yt-spec-static-overlay-button-primary: @accent-Color !important;\n --yt-spec-static-overlay-button-secondary: @surface0 !important;\n --yt-spec-static-overlay-touch-response: @overlay1 !important;\n --yt-spec-static-overlay-touch-response-inverse: @surface1 !important;\n --yt-spec-static-overlay-background-brand: @accent-Color !important;\n --yt-spec-assistive-feed-themed-gradient-1: @subtext0 !important;\n --yt-spec-assistive-feed-themed-gradient-2: @lavender !important;\n --yt-spec-assistive-feed-themed-gradient-3: @red !important;\n --yt-spec-brand-background-solid: @base !important;\n --yt-spec-brand-background-primary: @surface0 !important;\n --yt-spec-brand-background-secondary: @mantle !important;\n --yt-spec-general-background-a: @base !important;\n --yt-spec-general-background-b: @mantle !important;\n --yt-spec-general-background-c: @crust !important;\n --yt-spec-error-background: @base !important;\n --yt-spec-10-percent-layer: @surface2 !important;\n --yt-spec-snackbar-background: @mantle !important;\n --yt-spec-snackbar-background-updated: @mantle !important;\n --yt-spec-badge-chip-background: if(\n @lookup = latte,\n @crust,\n @surface1\n ) !important;\n --yt-spec-verified-badge-background: @overlay0 !important;\n --yt-spec-call-to-action-fadeoutd: fadeout(@sapphire, 0.3) !important;\n --yt-spec-call-to-action-hover: @accent-Color !importantr;\n --yt-spec-brand-button-background-hover: @accent-Color !important;\n --yt-spec-brand-link-text-fadeoutd: fadeout(\n @accent-Color,\n 0.3\n ) !important;\n --yt-spec-filled-button-focus-outline: @surface0 !important;\n --yt-spec-static-overlay-button-hover: @surface1 !important;\n --yt-spec-mono-filled-hover: @surface1 !important;\n --yt-spec-commerce-filled-hover: @accent-Color !important;\n --yt-spec-mono-tonal-hover: @surface1 !important;\n --yt-spec-commerce-tonal-hover: @surface2 !important;\n --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n --yt-spec-paper-tab-ink: fadeout(@text, 0.3);\n --yt-spec-filled-button-text: @text !important;\n --yt-spec-selected-nav-text: @text !important;\n --iron-icon-fill-color: @text !important;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-shadow-color: fadeout(@crust, 0) !important;\n --ytd-searchbox-legacy-button-color: @mantle !important;\n --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-focus-color: @accent-Color !important;\n --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-icon-color: @accent-Color !important;\n --ytd-searchbox-background: @base !important;\n --ytd-searchbox-text-color: @text !important;\n\n /* System icons */\n --yt-spec-icon-inactive: @overlay0 !important;\n --yt-spec-icon-disabled: @overlay1 !important;\n --yt-spec-brand-icon-inactive: @overlay2 !important;\n\n /* Yt video Page */\n --yt-live-chat-background-color: @base !important;\n --yt-live-chat-action-panel-background-color: @base !important;\n --yt-live-chat-action-panel-background-color-transparent: @base !important;\n --yt-live-chat-secondary-background-color: @surface1;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-toast-background-color: @surface2 !important;\n --yt-live-chat-mode-change-background-color: @base !important;\n --yt-live-chat-secondary-text-color: @subtext0 !important;\n --yt-live-chat-tertiary-text-color: fadeout(@text, 0.54) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: @subtext0 !important;\n --yt-live-chat-text-input-field-placeholder-color: @subtext0 !important;\n --yt-live-chat-enabled-send-button-color: @text !important;\n --yt-live-chat-disabled-icon-button-color: @subtext1 !important;\n --yt-live-chat-picker-button-hover-color: @accent-Color !important;\n --yt-live-chat-mention-background-color: @accent-Color !important;\n --yt-live-chat-mention-text-color: @text !important;\n --yt-live-chat-deleted-message-color: @subtext0;\n --yt-live-chat-deleted-message-bar-color: @subtext1 !important;\n --yt-live-chat-reconnect-message-color: @text !important;\n --yt-live-chat-disabled-button-background-color: @overlay0 !important;\n --yt-live-chat-sub-panel-background-color: @base !important;\n --yt-live-chat-sub-panel-background-color-transparent: @mantle !important;\n --yt-live-chat-moderator-color: @lavender !important;\n --yt-live-chat-owner-color: @peach !important;\n --yt-live-chat-message-highlight-background-color: @base !important;\n --yt-live-chat-sponsor-color: @green !important;\n --yt-live-chat-overlay-color: fadeout(@mantle, 0.5);\n --yt-live-chat-dialog-background-color: @base !important;\n --yt-emoji-picker-variant-selector-bg-color: @base !important;\n --yt-live-chat-moderation-mode-hover-background-color: fadeout(\n @mantle,\n 0.3\n ) !important;\n --yt-grey: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: @subtext1 !important;\n --yt-emoji-picker-search-background-color: @surface0 !important;\n --yt-emoji-picker-search-color: @text !important;\n --yt-emoji-picker-search-placeholder-color: @accent-Color !important;\n --yt-live-chat-slider-active-color: @accent-Color !important;\n --yt-live-chat-slider-container-color: @surface0 !important;\n --yt-live-chat-slider-markers-color: @text !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(\n to top,\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-automod-button-background-color-hover: fadeout(\n @crust,\n 0.5\n ) !important;\n --yt-live-chat-automod-button-explanation-color: fadeout(\n @accent-Color,\n 0.7\n ) !important;\n --yt-live-chat-shimmer-background-color: fadeout(@crust, 0.4) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(\n 0deg,\n fadeout(@text, 0.1) 40%,\n fadeout(@base, 0.3) 50%,\n fadeout(@text, 0.1) 60%\n ) !important;\n --yt-live-chat-vem-background-color: @mantle !important;\n --yt-live-chat-product-picker-icon-color: fadeout(@text, 0.5) !important;\n --yt-live-chat-product-picker-hover-color: @overlay0 !important;\n --yt-live-chat-product-picker-disabled-icon-color: fadeout(\n @text,\n 0.3\n ) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n\n /* Tooltip */\n --paper-tooltip-background: @overlay0 !important;\n --paper-tooltip-text-color: @text !important;\n\n /* links */\n --yt-endpoint-color: @accent-Color !important;\n --yt-endpoint-visited-color: @accent-Color !important;\n --yt-endpoint-hover-color: @accent-Color !important;\n\n --sb-dark-red-outline: @accent-Color !important;\n --sb-main-bg-color: @base !important;\n --sb-main-fg-color: @text !important;\n --sb-grey-bg-color: @base !important;\n --sb-grey-fg-color: @subtext0 !important;\n --sb-red-bg-color: @accent-Color !important;\n }\n\n /* general colors */\n &:not(.style-scope) {\n --primary-text-color: @text !important;\n --primary-background-color: @base !important;\n --secondary-text-color: @subtext0 !important;\n --disabled-text-color: @subtext1 !important;\n --divider-color: @overlay0 !important;\n --error-color: @red !important;\n --primary-color: @accent-Color !important;\n --light-primary-color: @accent-Color !important;\n --dark-primary-color: @blue !important;\n --accent-color: @accent-Color !important;\n --light-accent-color: @accent-Color !important;\n --dark-accent-color: @accent-Color !important;\n --light-theme-background-color: @base !important;\n --light-theme-base-color: @text !important;\n --light-theme-text-color: @text !important;\n --light-theme-secondary-color: @subtext0 !important;\n --light-theme-disabled-color: @subtext1 !important;\n --light-theme-divider-color: @overlay0 !important;\n --dark-theme-background-color: @base !important;\n --dark-theme-base-color: @text !important;\n --dark-theme-text-color: @text !important;\n --dark-theme-secondary-color: @subtext0 !important;\n --dark-theme-disabled-color: @subtext1 !important;\n --dark-theme-divider-color: @overlay0 !important;\n }\n\n #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: @accent-Color !important;\n --yt-endpoint-visited-color: @accent-Color !important;\n color: @accent-Color !important;\n }\n\n /* selected chapter */\n ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: @surface0 !important;\n --ytd-macro-markers-list-item-title-color: @text !important;\n --ytd-macro-markers-list-item-secondary-color: @subtext1 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: @surface1 !important;\n }\n\n /* playlist selector */\n ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @text !important;\n --yt-active-playlist-panel-background-color: @surface0 !important;\n }\n\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette]\n .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n /* explandable meta */\n ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: @base !important;\n --yt-lightsource-section2-color: @surface0 !important;\n --yt-lightsource-section3-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @subtext0 !important;\n }\n\n yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: @text !important;\n --yt-button-default-background-color: @base !important;\n --yt-button-dark-text-color: @base !important;\n --yt-button-dark-background-color: @accent-Color !important;\n --yt-button-payment-background-color: @accent-Color !important;\n }\n\n yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: @text !important;\n }\n\n .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: @overlay0 !important;\n }\n\n .html5-ypc-purchase {\n background: @accent-Color !important;\n &:hover {\n background: ligten(@accent-Color, 10%) !important;\n }\n }\n\n yt-notification-action-renderer[darker-dark-theme]\n tp-yt-paper-toast.yt-notification-action-renderer {\n background: @overlay0 !important;\n }\n\n /* volume bar */\n .ytp-volume-slider-handle {\n background: @accent-Color !important;\n &::before {\n background: @accent-Color !important;\n }\n &::after {\n z-index: -1;\n }\n }\n\n /* new videos dot */\n #newness-dot {\n background-color: @accent-Color !important;\n }\n\n /* subtitle */\n .ytp-chrome-controls .ytp-button[aria-pressed]:after {\n background-color: @accent-Color !important;\n }\n\n /* menu items */\n /* checkbox subitem */\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: @accent-Color !important;\n &::after {\n background: @overlay1 !important;\n }\n }\n .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: @surface1 !important;\n }\n .ytp-settings-button.ytp-hd-quality-badge,\n .ytp-settings-button.ytp-4k-quality-badge,\n .ytp-settings-button.ytp-5k-quality-badge,\n .ytp-settings-button.ytp-8k-quality-badge,\n .ytp-settings-button.ytp-3d-badge {\n &::after {\n background-color: @accent-Color !important;\n }\n }\n\n .ytp-panel-menu {\n color: @text;\n\n & .ytp-menuitem:not(:last-child) svg > path {\n fill: @text;\n }\n\n & .ytp-menuitem:last-child svg:last-child {\n fill: @text;\n }\n }\n\n .ytp-right-controls svg path,\n .ytp-svg-fill {\n fill: #fff !important;\n }\n\n .ytp-time-current,\n .ytp-time-separator,\n .ytp-time-duration,\n .ytp-menu-label-secondary,\n .ytp-menuitem-label-count {\n color: #fff;\n }\n\n .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: @text;\n }\n\n .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: @accent-Color !important;\n }\n\n .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: @accent-Color !important;\n }\n\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: @accent-Color !important;\n .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: @base !important;\n }\n }\n\n /* link */\n .yt-core-attributed-string__link--call-to-action-color {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n\n /* search results */\n .sbpqs_a:before,\n .sbqs_c:before {\n filter: invert(1);\n }\n\n /* Results backgrounds */\n .sbsb_a,\n .sbdd_b {\n background: @mantle !important;\n border: none !important;\n }\n\n /* text color */\n .gsfs {\n color: @text !important;\n }\n\n /* Hover and keyboard select background */\n .sbsb_c.gsfs:hover,\n .sbsb_d {\n background-color: @surface0 !important;\n }\n\n .sbfl_b {\n background-color: @mantle !important;\n &:hover {\n background-color: @surface0 !important;\n color: @accent-Color !important;\n }\n }\n\n .sbpqs_a {\n color: @accent-Color !important;\n }\n\n .sbfl_a {\n color: @subtext0 !important;\n }\n\n .sbsb_i {\n color: @subtext0;\n }\n\n /* Keyboard select text color and hover text color */\n .sbsb_c:hover .sbqs_c,\n .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: @accent-Color !important;\n }\n\n .ytp-swatch-background-color {\n background-color: @accent-Color !important;\n }\n\n /* exmplation box */\n .explanation-box[correct] * {\n color: @crust !important;\n }\n\n /* custom likes + anims */\n yt-animated-icon[animated-icon-type=\"LIKE\"]\n > ytd-lottie-player\n > lottie-component\n > svg\n > g:nth-child(2)\n > g:nth-child(2) {\n /* not liked */\n > g:nth-child(2),\n > g:nth-child(4) {\n > path:nth-child(1) {\n stroke: @text !important;\n }\n }\n /* liked */\n > g:nth-child(1),\n > g:nth-child(3) {\n > path:nth-child(1) {\n fill: @accent-Color !important;\n }\n > path:nth-child(2) {\n stroke: @accent-Color !important;\n }\n }\n }\n\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n .iv-branding .branding-context-container-inner {\n background-color: @base !important;\n }\n\n .iv-branding .iv-branding-context-name {\n color: @text !important;\n text-shadow: none !important;\n }\n\n /* Popup for when you hover over the channel avatar in the video */\n .iv-branding .branding-context-container-inner {\n background-color: @base !important;\n }\n\n /* Cards */\n .iv-drawer-content {\n background-color: fadeout(@mantle, 5%) !important;\n }\n\n .iv-drawer-header-text {\n color: @text !important;\n }\n\n .iv-card-content,\n .ytp-ce-expanding-overlay-background,\n .ytp-cards-teaser .ytp-cards-teaser-text,\n .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: @base !important;\n }\n\n .ytp-cards-teaser .ytp-cards-teaser-box,\n .iv-card-image {\n border: 0px !important;\n }\n\n .iv-card-content > :first-child,\n .html5-video-player a,\n .iv-card h2,\n .ytp-cards-teaser .ytp-cards-teaser-text {\n color: @text !important;\n }\n\n /*Player tooltip background*/\n .ytp-tooltip-text {\n background: @surface0 !important;\n }\n\n .iv-card:hover .iv-card-primary-link,\n .ytp-ce-website-title {\n color: @accent-Color !important;\n }\n\n .ytp-popup {\n background: @surface0 !important;\n }\n\n tp-yt-paper-dialog {\n background-color: @base !important;\n }\n\n /* Temporary fix */\n .yt-core-attributed-string--link-inherit-color {\n color: @text !important;\n /*&:hover {\n * color: @teal !important;\n }*/\n }\n\n /* live badges */\n .badge-style-type-live-now-alternate,\n ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: @crust !important;\n yt-icon svg {\n g path,\n path {\n fill: @crust !important;\n }\n }\n }\n .ytp-live-badge {\n &:before {\n background: @subtext1 !important;\n }\n &[disabled]:before {\n background: @accent-Color !important;\n }\n }\n\n /* notification idicator */\n .yt-spec-icon-badge-shape--type-notification\n .yt-spec-icon-badge-shape__badge {\n background-color: @accent-Color !important;\n color: @crust !important;\n }\n .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n\n /* creator badges */\n ytd-author-comment-badge-renderer {\n --yt-basic-background-color: @surface0 !important;\n --yt-basic-foreground-title-color: @surface0 !important;\n --ytd-author-comment-badge-background-color: @surface0 !important;\n --ytd-author-comment-badge-name-color: @text !important;\n --ytd-author-comment-badge-icon-color: @text !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n\n /* disable ambient mode */\n #cinematics > div > canvas {\n visibility: hidden;\n }\n\n /* badges e.g. popular */\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: @surface0 !important;\n border: 1px solid @accent-Color !important;\n color: @text !important;\n }\n\n /* Search border */\n ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: @accent-Color !important;\n }\n\n /* Error page */\n #error-page {\n background-color: @base !important;\n }\n\n #error-page-content {\n color: @text !important;\n text-shadow: none;\n background-color: @base !important;\n > p {\n color: @text !important;\n text-shadow: none;\n }\n #masthead-search-terms.masthead-search-terms-border {\n border: 1px solid @accent-Color !important;\n box-shadow: none !important;\n }\n #yt-masthead {\n color: @text !important;\n text-shadow: none;\n #logo-container {\n .logo {\n filter: invert(1) grayscale(1);\n }\n .content-region {\n color: @text !important;\n text-shadow: none;\n }\n }\n #masthead-search #masthead-search-terms-border {\n input[type=\"text\"] {\n color: @text !important;\n &:focus {\n color: @accent-Color !important;\n }\n }\n }\n .search-button {\n background-color: @mantle !important;\n }\n }\n }\n\n /* Scrollbar */\n ::-webkit-scrollbar-thumb {\n background: @accent-Color !important;\n }\n\n ::-webkit-scrollbar {\n width: 8px !important;\n }\n\n ::-webkit-scrollbar-track {\n background: @base !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background: @accent-Color !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n }\n}\n@-moz-document url-prefix('https://www.youtube.com/redirect')\n{\n /* youtube.com-redirect */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n h1 {\n color: @text !important;\n }\n\n #redirect-main-text {\n color: @overlay2 !important;\n .bolded {\n color: @accent-Color !important;\n }\n }\n\n /* search */\n #masthead-search-terms-border {\n border-color: @surface0 !important;\n background-color: @surface0 !important;\n box-shadow: fadeout(@crust, 10%) !important;\n }\n\n /*Community Cross-posting*/\n ytd-shared-post-renderer[uses-compact-lockup]\n #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n\n #masthead-search-terms {\n color: @text !important;\n }\n\n .search-button {\n background: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .search-button-content {\n filter: invert(1);\n }\n\n #redirect-backto-safety-button:hover {\n color: @text !important;\n }\n\n #logo-container .content-region {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@-moz-document url-prefix('https://studio.youtube.com')\n{\n /* studio.youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n &,\n html,\n html[dark],\n html[dark][dark],\n &[dark],\n &[light],\n [light],\n html[light],\n html[light][light] {\n /* disable */\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n\n /* text */\n --yt-spec-text-primary: @text !important;\n --ytcp-text-primary: @text !important;\n --ytcp-text-primary-inverse: @base !important;\n --ytcp-static-overlay-text-primary-inverse: @base !important;\n --ytcp-wordmark-text: @text !important;\n --ytcp-text-secondary: @subtext0 !important;\n --ytcp-text-disabled: @subtext1 !important;\n --ytcp-overlay-text-primary: @overlay2 !important;\n\n /* main bg */\n --ytcp-general-background-a: @base !important;\n --yt-spec-base-background: @base !important;\n --yt-spec-black-3: @base !important;\n\n /* secondary bg */\n --yt-spec-brand-background-solid: @mantle !important;\n --ytcp-brand-background-solid: @mantle !important;\n --yt-spec-raised-background: @mantle !important;\n --ytcp-general-background-b: @mantle !important;\n --ytcp-analytics-reach-background: @mantle !important;\n --yt-spec-black-2: @mantle !important;\n\n /* additional bg */\n --ytcp-general-background-c: @crust !important;\n\n /* menu */\n --ytcp-menu-background: @surface0 !important;\n\n /* card borders */\n --ytcp-container-border-color: @surface0 !important;\n --ytcp-container-hovered-border-color: @surface0 !important;\n --ytcp-line-divider-solid: @surface0 !important;\n --ytcp-container-border-color-inverse: @subtext0 !important;\n --ytcp-line-divider-solid-inverse: @subtext0 !important;\n\n /* links */\n --ytcp-call-to-action: @sapphire !important;\n --ytcp-call-to-action-inverse: @mantle !important;\n\n /* buttons */\n --ytcp-call-to-action-raised-background: @accent-Color !important;\n --yt-spec-brand-button-background: @accent-Color !important;\n --ytcp-call-to-action-raised-disabled: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background: @overlay2 !important;\n --ytcp-call-to-action-raised-background-inverse: @base !important;\n --ytcp-call-to-action-raised-disabled-inverse: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: @overlay2 !important;\n\n /* dropdown */\n --yt-spec-brand-background-primary: @surface0 !important;\n\n /* icons */\n --yt-compact-link-icon-color: @overlay2 !important;\n --ytcp-icon-active: @accent-Color !important;\n --ytcp-icon-inactive: @overlay2 !important;\n --ytcp-icon-disabled: @overlay2 !important;\n --ytcp-icon-active-inverse: @overlay1 !important;\n --ytcp-icon-disabled-inverse: @subtext1 !important;\n\n /* colors */\n --ytcp-error-red: @red !important;\n --ytcp-badge-red: @red !important;\n --ytcp-error-red-inverse: @red !important;\n --ytcp-themed-red-inverse: @red !important;\n --ytcp-themed-red: @red !important;\n --ytcp-themed-blue: @blue !important;\n --ytcp-badge-blue-solid: @blue !important;\n --ytcp-themed-blue-inverse: @blue !important;\n --ytcp-themed-green: @green !important;\n --ytmus-genre-primary-melon: @green !important;\n --ytcp-themed-green-inverse: @green !important;\n --ytcp-analytics-pine: @green !important;\n --ytcp-analytics-pine-inverse: @green !important;\n --ytcp-analytics-parrot: @green !important;\n --ytcp-themed-yellow: @peach !important;\n --ytmus-genre-primary-gold: @peach !important;\n --ytcp-yellow-inverse: @peach !important;\n --ytcp-badge-yellow: @peach !important;\n --ytcp-analytics-yellow: @peach !important;\n --ytcp-analytics-apricot: @peach !important;\n --ytcp-suggested-action: @teal !important;\n --ytcp-analytics-overview: @teal !important;\n --ytcp-analytics-revenue: @teal !important;\n --ytcp-analytics-default-secondary: @teal !important;\n --ytcp-analytics-royal-blue: @lavender !important;\n --ytcp-analytics-reach: @lavender !important;\n --ytcp-analytics-audience: @lavender !important;\n --ytcp-analytics-engagement: @pink !important;\n --ytcp-analytics-revenue-secondary: @pink !important;\n --ytcp-analytics-bubblegum: @flamingo !important;\n --ytmus-genre-primary-ruby: @flamingo !important;\n --ytmus-genre-primary-salmon: @mauve !important;\n --ytmus-genre-primary-orange: @maroon !important;\n --ytmus-genre-primary-sky: @sky !important;\n --ytmus-genre-primary-sky-inverse: @sky !important;\n\n /* misc */\n --yt-spec-badge-chip-background: @surface1 !important;\n --ytcp-focus-inverse: @accent-Color !important;\n --ytcp-focus: @accent-Color !important;\n --ytcp-selected-item: @accent-Color !important;\n --ytcp-hover-item: @overlay2 !important;\n --ytcp-chip-active-focus: @accent-Color !important;\n --ytcp-playhead: @overlay2 !important;\n --ytcp-playhead-inverse: @overlay2 !important;\n }\n\n ytcp-button.destructive.ytls-error-dialog {\n color: @base !important;\n }\n\n yt-formatted-string.ytls-error-dialog,\n tp-yt-iron-icon.ytls-error-dialog {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n",
+ "sourceCode": "/* ==UserStyle==\n@name YouTube Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/youtube\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube\n@version 3.1.5\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox logo \"Logo\" 0\n@var checkbox oledOn \"Enable black bars\" 0\n@var text scrollbar_width \"Scrollbar width\" 8px\n==/UserStyle== */\n@-moz-document regexp('https?:\\\\/\\\\/(?!gaming\\\\.)(?!consent\\\\.)(?!vr\\\\.)(?!music\\\\.)(?!tv\\\\.)(?!artists\\\\.)(?!studio\\\\.).*youtube(?!kids\\\\.).*\\\\.com\\\\/(?!premium|howyoutubeworks).*$') {\n /* youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n\n /* for oled monitors */\n #oled(@oled) when (@oled =0) {\n #ytd-player #container {\n background: @base !important;\n }\n }\n\n #logo(@logo) {\n ytd-topbar-logo-renderer.style-scope a svg > g,\n svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) {\n path[fill=\"#FF0000\"] {\n fill: @accent-color !important;\n }\n path[fill=\"white\"] {\n fill: @base !important;\n }\n }\n & when (@logo =1) {\n ytd-topbar-logo-renderer,\n svg.ytd-consent-bump-v2-lightbox {\n display: none;\n }\n }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* apply everywhere */\n &,\n [dark],\n html,\n html[system-icons][dark],\n html[system-icons] [dark],\n html[darker-dark-theme][dark],\n [darker-dark-theme] [dark] {\n --yt-spec-white-1: @text !important;\n --yt-spec-white-2: @subtext0 !important;\n --yt-spec-white-3: @subtext1 !important;\n --yt-spec-white-4: darken(@subtext1, 5%) !important;\n --yt-spec-black-1: @overlay1 !important;\n --yt-spec-black-2: @overlay0 !important;\n --yt-spec-black-3: @surface2 !important;\n --yt-spec-black-4: @surface1 !important;\n --yt-spec-black-pure: @surface0 !important;\n --yt-spec-grey-1: @text !important;\n --yt-spec-grey-2: @subtext0 !important;\n --yt-spec-grey-3: @subtext1 !important;\n --yt-spec-grey-4: @overlay2 !important;\n --yt-spec-grey-5: @overlay1 !important;\n --yt-brand-youtube-red: @accent-color !important;\n --yt-brand-medium-red: @accent-color !important;\n --yt-brand-light-red: @accent-color !important;\n --yt-spec-red-30: @peach !important;\n --yt-spec-red-70: @red !important;\n --yt-spec-pale-blue: @sky !important;\n --yt-spec-light-blue: @sky !important;\n --yt-spec-dark-blue: @sapphire !important;\n --yt-spec-navy-blue: @teal !important;\n --yt-spec-light-green: @green !important;\n --yt-spec-dark-green: @green !important;\n --yt-spec-yellow: @peach !important;\n --yt-spec-black-pure-alpha-5: fadeout(@crust, 0.05) !important;\n --yt-spec-black-pure-alpha-10: fadeout(@crust, 0.1) !important;\n --yt-spec-black-pure-alpha-15: fadeout(@crust, 0.15) !important;\n --yt-spec-black-pure-alpha-30: fadeout(@crust, 0.3) !important;\n --yt-spec-black-pure-alpha-60: fadeout(@crust, 0.6) !important;\n --yt-spec-black-pure-alpha-80: fadeout(@crust, 0.8) !important;\n --yt-spec-black-1-alpha-98: fadeout(@crust, 0.98) !important;\n --yt-spec-black-1-alpha-95: fadeout(@crust, 0.95) !important;\n --yt-spec-white-1-alpha-10: fadeout(@text, 0.1) !important;\n --yt-spec-white-1-alpha-20: fadeout(@text, 0.2) !important;\n --yt-spec-white-1-alpha-25: fadeout(@text, 0.25) !important;\n --yt-spec-white-1-alpha-30: fadeout(@text, 0.3) !important;\n --yt-spec-white-1-alpha-70: fadeout(@text, 0.7) !important;\n --yt-spec-white-1-alpha-95: fadeout(@text, 0.95) !important;\n --yt-spec-white-1-alpha-98: fadeout(@text, 0.98) !important;\n --yt-brand-medium-red-alpha-90: fadeout(@accent-color, 0.9) !important;\n --yt-brand-medium-red-alpha-30: fadeout(@accent-color, 0.3) !important;\n --yt-brand-light-red-alpha-30: fadeout(@accent-color, 0.3) !important;\n --yt-spec-light-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n --yt-spec-dark-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n\n --yt-spec-base-background: @base !important;\n --yt-spec-raised-background: @mantle !important;\n --yt-spec-menu-background: @mantle !important;\n --yt-spec-inverted-background: @text !important;\n --yt-spec-additive-background: fadeout(@surface0, 0.1) !important;\n --yt-spec-outline: @surface0 !important;\n --yt-spec-shadow: fadeout(@crust, 0.25) !important;\n --yt-spec-text-primary: @text !important;\n --yt-spec-text-secondary: @subtext0 !important;\n --yt-spec-text-disabled: @subtext1 !important;\n --yt-spec-text-primary-inverse: @crust !important;\n --yt-spec-call-to-action: @accent-color !important;\n --yt-spec-call-to-action-inverse: @accent-color !important;\n --yt-spec-suggested-action: fadeout(@accent-color, 80%) !important;\n --yt-spec-suggested-action-inverse: @text !important;\n --yt-spec-icon-active-other: @overlay0 !important;\n --yt-spec-icon-inactive: @overlay1 !important;\n --yt-spec-icon-disabled: @overlay2 !important;\n --yt-spec-button-chip-background-hover: @surface1 !important;\n --yt-spec-touch-response: @surface0 !important;\n\n --yt-spec-touch-response-inverse: @accent-color !important;\n --yt-spec-brand-icon-active: @accent-color !important;\n --yt-spec-brand-icon-inactive: @overlay1 !important;\n --yt-spec-brand-button-background: @accent-color !important;\n --yt-spec-brand-link-text: @sapphire !important;\n --yt-spec-wordmark-text: @text !important;\n --yt-spec-error-indicator: @red !important;\n --yt-spec-themed-blue: @sky !important;\n --yt-spec-themed-green: @green !important;\n --yt-spec-ad-indicator: @teal !important;\n --yt-spec-themed-overlay-background: fadeout(@crust, 0.8) !important;\n --yt-spec-commerce-badge-background: @green !important;\n --yt-spec-static-brand-red: @accent-color !important;\n --yt-spec-static-brand-white: @text !important;\n --yt-spec-static-brand-black: @base !important;\n --yt-spec-static-clear-color: fadeout(@crust, 0) !important;\n --yt-spec-static-clear-black: fadeout(@crust, 0) !important;\n --yt-spec-static-ad-yellow: @peach !important;\n --yt-spec-static-grey: @subtext0 !important;\n --yt-spec-static-overlay-background-solid: @crust !important;\n --yt-spec-static-overlay-background-heavy: @surface0 !important;\n --yt-spec-static-overlay-background-medium: fadeout(\n @crust,\n 0.6\n ) !important;\n --yt-spec-static-overlay-background-medium-light: fadeout(\n @crust,\n 0.3\n ) !important;\n --yt-spec-static-overlay-background-light: fadeout(\n @crust,\n 0.1\n ) !important;\n --yt-spec-static-overlay-text-primary: @text !important;\n --yt-spec-static-overlay-text-secondary: fadeout(\n @subtext0,\n 0.7\n ) !important;\n --yt-spec-static-overlay-text-disabled: fadeout(\n @subtext0,\n 0.3\n ) !important;\n --yt-spec-static-overlay-call-to-action: @accent-color !important;\n --yt-spec-static-overlay-icon-active-other: @text !important;\n --yt-spec-static-overlay-icon-inactive: @surface1 !important;\n --yt-spec-static-overlay-icon-disabled: @surface2 !important;\n --yt-spec-static-overlay-button-primary: @accent-color !important;\n --yt-spec-static-overlay-button-secondary: @surface0 !important;\n --yt-spec-static-overlay-touch-response: @overlay1 !important;\n --yt-spec-static-overlay-touch-response-inverse: @surface1 !important;\n --yt-spec-static-overlay-background-brand: @accent-color !important;\n --yt-spec-assistive-feed-themed-gradient-1: @subtext0 !important;\n --yt-spec-assistive-feed-themed-gradient-2: @lavender !important;\n --yt-spec-assistive-feed-themed-gradient-3: @red !important;\n --yt-spec-brand-background-solid: @base !important;\n --yt-spec-brand-background-primary: @surface0 !important;\n --yt-spec-brand-background-secondary: @mantle !important;\n --yt-spec-general-background-a: @base !important;\n --yt-spec-general-background-b: @mantle !important;\n --yt-spec-general-background-c: @crust !important;\n --yt-spec-error-background: @base !important;\n --yt-spec-10-percent-layer: @surface2 !important;\n --yt-spec-snackbar-background: @mantle !important;\n --yt-spec-snackbar-background-updated: @mantle !important;\n --yt-spec-badge-chip-background: if(\n @lookup =latte,\n @crust,\n @surface1\n ) !important;\n --yt-spec-verified-badge-background: @overlay0 !important;\n --yt-spec-call-to-action-fadeoutd: fadeout(@sapphire, 0.3) !important;\n --yt-spec-call-to-action-hover: @accent-color !importantr;\n --yt-spec-brand-button-background-hover: @accent-color !important;\n --yt-spec-brand-link-text-fadeoutd: fadeout(\n @accent-color,\n 0.3\n ) !important;\n --yt-spec-filled-button-focus-outline: @surface0 !important;\n --yt-spec-static-overlay-button-hover: @surface1 !important;\n --yt-spec-mono-filled-hover: @surface1 !important;\n --yt-spec-commerce-filled-hover: @accent-color !important;\n --yt-spec-mono-tonal-hover: @surface1 !important;\n --yt-spec-commerce-tonal-hover: @surface2 !important;\n --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n --yt-spec-paper-tab-ink: fadeout(@text, 0.3);\n --yt-spec-filled-button-text: @text !important;\n --yt-spec-selected-nav-text: @text !important;\n --iron-icon-fill-color: @text !important;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-shadow-color: fadeout(@crust, 0) !important;\n --ytd-searchbox-legacy-button-color: @mantle !important;\n --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-focus-color: @accent-color !important;\n --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-icon-color: @accent-color !important;\n --ytd-searchbox-background: @base !important;\n --ytd-searchbox-text-color: @text !important;\n\n /* System icons */\n --yt-spec-icon-inactive: @overlay0 !important;\n --yt-spec-icon-disabled: @overlay1 !important;\n --yt-spec-brand-icon-inactive: @overlay2 !important;\n\n /* Yt video Page */\n --yt-live-chat-background-color: @base !important;\n --yt-live-chat-action-panel-background-color: @base !important;\n --yt-live-chat-action-panel-background-color-transparent: @base !important;\n --yt-live-chat-secondary-background-color: @surface1;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-toast-background-color: @surface2 !important;\n --yt-live-chat-mode-change-background-color: @base !important;\n --yt-live-chat-secondary-text-color: @subtext0 !important;\n --yt-live-chat-tertiary-text-color: fadeout(@text, 0.54) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: @subtext0 !important;\n --yt-live-chat-text-input-field-placeholder-color: @subtext0 !important;\n --yt-live-chat-enabled-send-button-color: @text !important;\n --yt-live-chat-disabled-icon-button-color: @subtext1 !important;\n --yt-live-chat-picker-button-hover-color: @accent-color !important;\n --yt-live-chat-mention-background-color: @accent-color !important;\n --yt-live-chat-mention-text-color: @text !important;\n --yt-live-chat-deleted-message-color: @subtext0;\n --yt-live-chat-deleted-message-bar-color: @subtext1 !important;\n --yt-live-chat-reconnect-message-color: @text !important;\n --yt-live-chat-disabled-button-background-color: @overlay0 !important;\n --yt-live-chat-sub-panel-background-color: @base !important;\n --yt-live-chat-sub-panel-background-color-transparent: @mantle !important;\n --yt-live-chat-moderator-color: @lavender !important;\n --yt-live-chat-owner-color: @peach !important;\n --yt-live-chat-message-highlight-background-color: @base !important;\n --yt-live-chat-sponsor-color: @green !important;\n --yt-live-chat-overlay-color: fadeout(@mantle, 0.5);\n --yt-live-chat-dialog-background-color: @base !important;\n --yt-emoji-picker-variant-selector-bg-color: @base !important;\n --yt-live-chat-moderation-mode-hover-background-color: fadeout(\n @mantle,\n 0.3\n ) !important;\n --yt-grey: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: @subtext1 !important;\n --yt-emoji-picker-search-background-color: @surface0 !important;\n --yt-emoji-picker-search-color: @text !important;\n --yt-emoji-picker-search-placeholder-color: @accent-color !important;\n --yt-live-chat-slider-active-color: @accent-color !important;\n --yt-live-chat-slider-container-color: @surface0 !important;\n --yt-live-chat-slider-markers-color: @text !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(\n to top,\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-automod-button-background-color-hover: fadeout(\n @crust,\n 0.5\n ) !important;\n --yt-live-chat-automod-button-explanation-color: fadeout(\n @accent-color,\n 0.7\n ) !important;\n --yt-live-chat-shimmer-background-color: fadeout(@crust, 0.4) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(\n 0deg,\n fadeout(@text, 0.1) 40%,\n fadeout(@base, 0.3) 50%,\n fadeout(@text, 0.1) 60%\n ) !important;\n --yt-live-chat-vem-background-color: @mantle !important;\n --yt-live-chat-product-picker-icon-color: fadeout(@text, 0.5) !important;\n --yt-live-chat-product-picker-hover-color: @overlay0 !important;\n --yt-live-chat-product-picker-disabled-icon-color: fadeout(\n @text,\n 0.3\n ) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n\n /* Tooltip */\n --paper-tooltip-background: @overlay0 !important;\n --paper-tooltip-text-color: @text !important;\n\n /* links */\n --yt-endpoint-color: @accent-color !important;\n --yt-endpoint-visited-color: @accent-color !important;\n --yt-endpoint-hover-color: @accent-color !important;\n\n --sb-dark-red-outline: @accent-color !important;\n --sb-main-bg-color: @base !important;\n --sb-main-fg-color: @text !important;\n --sb-grey-bg-color: @base !important;\n --sb-grey-fg-color: @subtext0 !important;\n --sb-red-bg-color: @accent-color !important;\n }\n\n /* general colors */\n &:not(.style-scope) {\n --primary-text-color: @text !important;\n --primary-background-color: @base !important;\n --secondary-text-color: @subtext0 !important;\n --disabled-text-color: @subtext1 !important;\n --divider-color: @overlay0 !important;\n --error-color: @red !important;\n --primary-color: @accent-color !important;\n --light-primary-color: @accent-color !important;\n --dark-primary-color: @blue !important;\n --accent-color: @accent-color !important;\n --light-accent-color: @accent-color !important;\n --dark-accent-color: @accent-color !important;\n --light-theme-background-color: @base !important;\n --light-theme-base-color: @text !important;\n --light-theme-text-color: @text !important;\n --light-theme-secondary-color: @subtext0 !important;\n --light-theme-disabled-color: @subtext1 !important;\n --light-theme-divider-color: @overlay0 !important;\n --dark-theme-background-color: @base !important;\n --dark-theme-base-color: @text !important;\n --dark-theme-text-color: @text !important;\n --dark-theme-secondary-color: @subtext0 !important;\n --dark-theme-disabled-color: @subtext1 !important;\n --dark-theme-divider-color: @overlay0 !important;\n }\n\n #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: @accent-color !important;\n --yt-endpoint-visited-color: @accent-color !important;\n color: @accent-color !important;\n }\n\n /* selected chapter */\n ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: @surface0 !important;\n --ytd-macro-markers-list-item-title-color: @text !important;\n --ytd-macro-markers-list-item-secondary-color: @subtext1 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: @surface1 !important;\n }\n\n /* playlist selector */\n ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @text !important;\n --yt-active-playlist-panel-background-color: @surface0 !important;\n }\n\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette]\n .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n /* explandable meta */\n ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: @base !important;\n --yt-lightsource-section2-color: @surface0 !important;\n --yt-lightsource-section3-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @subtext0 !important;\n }\n\n yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: @text !important;\n --yt-button-default-background-color: @base !important;\n --yt-button-dark-text-color: @base !important;\n --yt-button-dark-background-color: @accent-color !important;\n --yt-button-payment-background-color: @accent-color !important;\n }\n\n yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: @text !important;\n }\n\n .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: @overlay0 !important;\n }\n\n .html5-ypc-purchase {\n background: @accent-color !important;\n &:hover {\n background: ligten(@accent-color, 10%) !important;\n }\n }\n\n yt-notification-action-renderer[darker-dark-theme]\n tp-yt-paper-toast.yt-notification-action-renderer {\n background: @overlay0 !important;\n }\n\n /* volume bar */\n .ytp-volume-slider-handle {\n background: @accent-color !important;\n &::before {\n background: @accent-color !important;\n }\n &::after {\n z-index: -1;\n }\n }\n\n /* new videos dot */\n #newness-dot {\n background-color: @accent-color !important;\n }\n\n /* subtitle */\n .ytp-chrome-controls .ytp-button[aria-pressed]:after {\n background-color: @accent-color !important;\n }\n\n /* menu items */\n /* checkbox subitem */\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: @accent-color !important;\n &::after {\n background: @overlay1 !important;\n }\n }\n .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: @surface1 !important;\n }\n .ytp-settings-button.ytp-hd-quality-badge,\n .ytp-settings-button.ytp-4k-quality-badge,\n .ytp-settings-button.ytp-5k-quality-badge,\n .ytp-settings-button.ytp-8k-quality-badge,\n .ytp-settings-button.ytp-3d-badge {\n &::after {\n background-color: @accent-color !important;\n }\n }\n\n .ytp-panel-menu {\n color: @text;\n\n & .ytp-menuitem:not(:last-child) svg > path {\n fill: @text;\n }\n\n & .ytp-menuitem:last-child svg:last-child {\n fill: @text;\n }\n }\n\n .ytp-right-controls svg path,\n .ytp-svg-fill {\n fill: #fff !important;\n }\n\n .ytp-time-current,\n .ytp-time-separator,\n .ytp-time-duration,\n .ytp-menu-label-secondary,\n .ytp-menuitem-label-count {\n color: #fff;\n }\n\n .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: @text;\n }\n\n .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: @accent-color !important;\n }\n\n .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: @accent-color !important;\n }\n\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: @accent-color !important;\n .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: @base !important;\n }\n }\n\n /* link */\n .yt-core-attributed-string__link--call-to-action-color {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n\n /* search results */\n .sbpqs_a:before,\n .sbqs_c:before {\n filter: invert(1);\n }\n\n /* Results backgrounds */\n .sbsb_a,\n .sbdd_b {\n background: @mantle !important;\n border: none !important;\n }\n\n /* text color */\n .gsfs {\n color: @text !important;\n }\n\n /* Hover and keyboard select background */\n .sbsb_c.gsfs:hover,\n .sbsb_d {\n background-color: @surface0 !important;\n }\n\n .sbfl_b {\n background-color: @mantle !important;\n &:hover {\n background-color: @surface0 !important;\n color: @accent-color !important;\n }\n }\n\n .sbpqs_a {\n color: @accent-color !important;\n }\n\n .sbfl_a {\n color: @subtext0 !important;\n }\n\n .sbsb_i {\n color: @subtext0;\n }\n\n /* Keyboard select text color and hover text color */\n .sbsb_c:hover .sbqs_c,\n .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: @accent-color !important;\n }\n\n .ytp-swatch-background-color {\n background-color: @accent-color !important;\n }\n\n /* exmplation box */\n .explanation-box[correct] * {\n color: @crust !important;\n }\n\n /* custom likes + anims */\n yt-animated-icon[animated-icon-type=\"LIKE\"]\n > ytd-lottie-player\n > lottie-component\n > svg\n > g:nth-child(2)\n > g:nth-child(2) {\n /* not liked */\n > g:nth-child(2),\n > g:nth-child(4) {\n > path:nth-child(1) {\n stroke: @text !important;\n }\n }\n /* liked */\n > g:nth-child(1),\n > g:nth-child(3) {\n > path:nth-child(1) {\n fill: @accent-color !important;\n }\n > path:nth-child(2) {\n stroke: @accent-color !important;\n }\n }\n }\n\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n .iv-branding .branding-context-container-inner {\n background-color: @base !important;\n }\n\n .iv-branding .iv-branding-context-name {\n color: @text !important;\n text-shadow: none !important;\n }\n\n /* Popup for when you hover over the channel avatar in the video */\n .iv-branding .branding-context-container-inner {\n background-color: @base !important;\n }\n\n /* Cards */\n .iv-drawer-content {\n background-color: fadeout(@mantle, 5%) !important;\n }\n\n .iv-drawer-header-text {\n color: @text !important;\n }\n\n .iv-card-content,\n .ytp-ce-expanding-overlay-background,\n .ytp-cards-teaser .ytp-cards-teaser-text,\n .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: @base !important;\n }\n\n .ytp-cards-teaser .ytp-cards-teaser-box,\n .iv-card-image {\n border: 0px !important;\n }\n\n .iv-card-content > :first-child,\n .html5-video-player a,\n .iv-card h2,\n .ytp-cards-teaser .ytp-cards-teaser-text {\n color: @text !important;\n }\n\n /*Player tooltip background*/\n .ytp-tooltip-text {\n background: @surface0 !important;\n }\n\n .iv-card:hover .iv-card-primary-link,\n .ytp-ce-website-title {\n color: @accent-color !important;\n }\n\n .ytp-popup {\n background: @surface0 !important;\n }\n\n tp-yt-paper-dialog {\n background-color: @base !important;\n }\n\n /* Temporary fix */\n .yt-core-attributed-string--link-inherit-color {\n color: @text !important;\n /*&:hover {\n * color: @teal !important;\n }*/\n }\n\n /* live badges */\n .badge-style-type-live-now-alternate,\n ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: @crust !important;\n yt-icon svg {\n g path,\n path {\n fill: @crust !important;\n }\n }\n }\n .ytp-live-badge {\n &:before {\n background: @subtext1 !important;\n }\n &[disabled]:before {\n background: @accent-color !important;\n }\n }\n\n /* notification idicator */\n .yt-spec-icon-badge-shape--type-notification\n .yt-spec-icon-badge-shape__badge {\n background-color: @accent-color !important;\n color: @crust !important;\n }\n .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n\n /* creator badges */\n ytd-author-comment-badge-renderer {\n --yt-basic-background-color: @surface0 !important;\n --yt-basic-foreground-title-color: @surface0 !important;\n --ytd-author-comment-badge-background-color: @surface0 !important;\n --ytd-author-comment-badge-name-color: @text !important;\n --ytd-author-comment-badge-icon-color: @text !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n\n /* disable ambient mode */\n #cinematics > div > canvas {\n visibility: hidden;\n }\n\n /* badges e.g. popular */\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: @surface0 !important;\n border: 1px solid @accent-color !important;\n color: @text !important;\n }\n\n /* Search border */\n ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: @accent-color !important;\n }\n\n /* Error page */\n #error-page {\n background-color: @base !important;\n }\n\n #error-page-content {\n color: @text !important;\n text-shadow: none;\n background-color: @base !important;\n > p {\n color: @text !important;\n text-shadow: none;\n }\n #masthead-search-terms.masthead-search-terms-border {\n border: 1px solid @accent-color !important;\n box-shadow: none !important;\n }\n #yt-masthead {\n color: @text !important;\n text-shadow: none;\n #logo-container {\n .logo {\n filter: invert(1) grayscale(1);\n }\n .content-region {\n color: @text !important;\n text-shadow: none;\n }\n }\n #masthead-search #masthead-search-terms-border {\n input[type=\"text\"] {\n color: @text !important;\n &:focus {\n color: @accent-color !important;\n }\n }\n }\n .search-button {\n background-color: @mantle !important;\n }\n }\n }\n\n /* channel homepage */\n /* selected tab */\n .yt-tab-shape-wiz__tab--tab-selected {\n color: @accent-color !important;\n }\n .yt-tab-group-shape-wiz__slider {\n background-color: @accent-color !important;\n }\n\n /* unselected */\n .yt-tab-shape-wiz__tab {\n color: @subtext1;\n }\n\n /* hover */\n .yt-tab-shape-wiz:hover {\n .yt-tab-shape-wiz__tab {\n color: lighten(@accent-color, 7.5);\n }\n\n .yt-tab-shape-wiz__tab-bar {\n background-color: lighten(@accent-color, 7.5);\n }\n }\n\n /* hopefully temporary */\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: @surface0;\n color: @text;\n }\n\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent-color;\n &:hover {\n background-color: darken(@accent-color, 20);\n }\n }\n\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: @accent-color;\n &:hover {\n background-color: fadeout(@accent-color, 90);\n }\n }\n\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: @text;\n &:hover {\n background-color: @surface0;\n }\n }\n\n /* Scrollbar */\n ::-webkit-scrollbar-thumb {\n background: @accent-color !important;\n }\n\n ::-webkit-scrollbar {\n width: @scrollbar_width !important;\n }\n\n ::-webkit-scrollbar-track {\n background: @base !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background: @accent-color !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n }\n}\n@-moz-document url-prefix('https://www.youtube.com/redirect')\n{\n /* youtube.com-redirect */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n h1 {\n color: @text !important;\n }\n\n #redirect-main-text {\n color: @overlay2 !important;\n .bolded {\n color: @accent-color !important;\n }\n }\n\n /* search */\n #masthead-search-terms-border {\n border-color: @surface0 !important;\n background-color: @surface0 !important;\n box-shadow: fadeout(@crust, 10%) !important;\n }\n\n /*Community Cross-posting*/\n ytd-shared-post-renderer[uses-compact-lockup]\n #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n\n #masthead-search-terms {\n color: @text !important;\n }\n\n .search-button {\n background: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .search-button-content {\n filter: invert(1);\n }\n\n #redirect-backto-safety-button:hover {\n color: @text !important;\n }\n\n #logo-container .content-region {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@-moz-document url-prefix('https://studio.youtube.com')\n{\n /* studio.youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n html,\n html[dark],\n html[dark][dark],\n &[dark],\n &[light],\n [light],\n html[light],\n html[light][light] {\n /* disable */\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n\n /* text */\n --yt-spec-text-primary: @text !important;\n --ytcp-text-primary: @text !important;\n --ytcp-text-primary-inverse: @base !important;\n --ytcp-static-overlay-text-primary-inverse: @base !important;\n --ytcp-wordmark-text: @text !important;\n --ytcp-text-secondary: @subtext0 !important;\n --ytcp-text-disabled: @subtext1 !important;\n --ytcp-overlay-text-primary: @overlay2 !important;\n\n /* main bg */\n --ytcp-general-background-a: @base !important;\n --yt-spec-base-background: @base !important;\n --yt-spec-black-3: @base !important;\n\n /* secondary bg */\n --yt-spec-brand-background-solid: @mantle !important;\n --ytcp-brand-background-solid: @mantle !important;\n --yt-spec-raised-background: @mantle !important;\n --ytcp-general-background-b: @mantle !important;\n --ytcp-analytics-reach-background: @mantle !important;\n --yt-spec-black-2: @mantle !important;\n\n /* additional bg */\n --ytcp-general-background-c: @crust !important;\n\n /* menu */\n --ytcp-menu-background: @surface0 !important;\n\n /* card borders */\n --ytcp-container-border-color: @surface0 !important;\n --ytcp-container-hovered-border-color: @surface0 !important;\n --ytcp-line-divider-solid: @surface0 !important;\n --ytcp-container-border-color-inverse: @subtext0 !important;\n --ytcp-line-divider-solid-inverse: @subtext0 !important;\n\n /* links */\n --ytcp-call-to-action: @sapphire !important;\n --ytcp-call-to-action-inverse: @mantle !important;\n\n /* buttons */\n --ytcp-call-to-action-raised-background: @accent-color !important;\n --yt-spec-brand-button-background: @accent-color !important;\n --ytcp-call-to-action-raised-disabled: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background: @overlay2 !important;\n --ytcp-call-to-action-raised-background-inverse: @base !important;\n --ytcp-call-to-action-raised-disabled-inverse: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: @overlay2 !important;\n\n /* dropdown */\n --yt-spec-brand-background-primary: @surface0 !important;\n\n /* icons */\n --yt-compact-link-icon-color: @overlay2 !important;\n --ytcp-icon-active: @accent-color !important;\n --ytcp-icon-inactive: @overlay2 !important;\n --ytcp-icon-disabled: @overlay2 !important;\n --ytcp-icon-active-inverse: @overlay1 !important;\n --ytcp-icon-disabled-inverse: @subtext1 !important;\n\n /* colors */\n --ytcp-error-red: @red !important;\n --ytcp-badge-red: @red !important;\n --ytcp-error-red-inverse: @red !important;\n --ytcp-themed-red-inverse: @red !important;\n --ytcp-themed-red: @red !important;\n --ytcp-themed-blue: @blue !important;\n --ytcp-badge-blue-solid: @blue !important;\n --ytcp-themed-blue-inverse: @blue !important;\n --ytcp-themed-green: @green !important;\n --ytmus-genre-primary-melon: @green !important;\n --ytcp-themed-green-inverse: @green !important;\n --ytcp-analytics-pine: @green !important;\n --ytcp-analytics-pine-inverse: @green !important;\n --ytcp-analytics-parrot: @green !important;\n --ytcp-themed-yellow: @peach !important;\n --ytmus-genre-primary-gold: @peach !important;\n --ytcp-yellow-inverse: @peach !important;\n --ytcp-badge-yellow: @peach !important;\n --ytcp-analytics-yellow: @peach !important;\n --ytcp-analytics-apricot: @peach !important;\n --ytcp-suggested-action: @teal !important;\n --ytcp-analytics-overview: @teal !important;\n --ytcp-analytics-revenue: @teal !important;\n --ytcp-analytics-default-secondary: @teal !important;\n --ytcp-analytics-royal-blue: @lavender !important;\n --ytcp-analytics-reach: @lavender !important;\n --ytcp-analytics-audience: @lavender !important;\n --ytcp-analytics-engagement: @pink !important;\n --ytcp-analytics-revenue-secondary: @pink !important;\n --ytcp-analytics-bubblegum: @flamingo !important;\n --ytmus-genre-primary-ruby: @flamingo !important;\n --ytmus-genre-primary-salmon: @mauve !important;\n --ytmus-genre-primary-orange: @maroon !important;\n --ytmus-genre-primary-sky: @sky !important;\n --ytmus-genre-primary-sky-inverse: @sky !important;\n\n /* misc */\n --yt-spec-badge-chip-background: @surface1 !important;\n --ytcp-focus-inverse: @accent-color !important;\n --ytcp-focus: @accent-color !important;\n --ytcp-selected-item: @accent-color !important;\n --ytcp-hover-item: @overlay2 !important;\n --ytcp-chip-active-focus: @accent-color !important;\n --ytcp-playhead: @overlay2 !important;\n --ytcp-playhead-inverse: @overlay2 !important;\n }\n\n ytcp-button.destructive.ytls-error-dialog {\n color: @base !important;\n }\n\n yt-formatted-string.ytls-error-dialog,\n tp-yt-iron-icon.ytls-error-dialog {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n",
"usercssData": {
"name": "YouTube Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/youtube",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube",
- "version": "3.0.12",
+ "version": "3.1.5",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css",
"description": "Soothing pastel theme for YouTube",
"author": "Catppuccin",
@@ -3681,6 +3683,14 @@
"value": null,
"default": "0",
"options": null
+ },
+ "scrollbar_width": {
+ "type": "text",
+ "label": "Scrollbar width",
+ "name": "scrollbar_width",
+ "value": null,
+ "default": "8px",
+ "options": null
}
}
},
@@ -3688,12 +3698,12 @@
"description": "Soothing pastel theme for YouTube",
"name": "YouTube Catppuccin",
"preferScheme": "dark",
- "originalDigest": "d3b2ed0424a455a5b308bc6755cdeac0230e7ff3",
+ "originalDigest": "d75447b1735c9a1d67dedb03d3a6b249bcbe013a",
"_id": "e5b4796b-635a-45b8-afad-4b79566305fb",
- "_rev": 1696416144223,
+ "_rev": 1699396350862,
"id": 54,
- "etag": "W/\"9bb756edf10b68aa700f8f14c5348273c01b56090c28116db9b4c612f159cf03\"",
- "updateDate": 1696416144173
+ "etag": "W/\"ae94e54c12dd662dd7ad1d6fa8695b2c37cf861f8abb6e6a3bd422d2f09f8e98\"",
+ "updateDate": 1699396350804
},
{
"enabled": true,
@@ -4083,11 +4093,11 @@
"installDate": 1696719115778,
"sections": [
{
- "code": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 1.0.8\n@updateURL \t https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\n@description Soothing pastel theme for Stylus\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
+ "code": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 1.1.0\n@updateURL \t https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\n@description Soothing pastel theme for Stylus\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
"start": 0
},
{
- "code": "@media (prefers-color-scheme: light) {\n :root:root {\n --bg: #24273a;\n --fg: #cad3f5;\n --c30: #b8c0e0;\n --c40: #6e738d;\n --c45: #5b6078;\n --c50: #a5adcb;\n --c60: #a5adcb;\n --c65: #5b6078;\n --c75: #8087a2;\n --c80: #494d64;\n --c85: #363a4f;\n --c95: #1e2030;\n --accent-1: #b7bdf8;\n --accent-2: #b7bdf8;\n --accent-3: #b7bdf8;\n }\n :root .active #filters-stats {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n color: #24273a;\n }\n :root #header-resizer {\n color: #494d64;\n }\n :root #filters label:hover,\n :root #filters .filter-selection:hover {\n background-color: #363a4f;\n }\n :root .oldUI .disabled h2::after,\n :root .entry.usercss .style-name-link::after {\n background-color: rgba(183, 189, 248, 0.25);\n }\n :root .CodeMirror-linenumber {\n color: #a5adcb;\n }\n :root .cm-s-default .cm-string {\n color: #f5a97f;\n }\n :root .cm-s-default .cm-qualifier {\n color: #f5a97f;\n }\n :root .cm-s-default .cm-variable-2 {\n color: #7dc4e4;\n }\n :root .cm-s-default .cm-keyword {\n color: #c6a0f6;\n }\n :root .cm-s-default .cm-atom,\n :root .cm-s-default .cm-number {\n color: #a6da95;\n }\n :root .cm-s-default .cm-def {\n color: #7dc4e4;\n }\n :root .cm-s-default .cm-tag {\n color: #7dc4e4;\n }\n :root .cm-s-default .cm-builtin {\n color: #b8c0e0;\n }\n :root .cm-s-default .cm-variable-3 {\n color: #b8c0e0;\n }\n :root .cm-s-default .cm-comment {\n color: #a5adcb;\n }\n :root .cm-s-default .cm-operator {\n color: #eed49f;\n }\n :root div.CodeMirror span.CodeMirror-matchingbracket {\n color: #a6da95;\n }\n :root button:disabled,\n :root select:disabled,\n :root option:disabled,\n :root select[disabled] > option {\n color: #a5adcb;\n }\n :root .applies-to input,\n :root .applies-to select {\n background: #24273a;\n border: 1px solid #363a4f;\n color: #a5adcb;\n }\n :root button {\n color: #cad3f5 !important;\n background: #1e2030 !important;\n }\n :root #message-box-title {\n color: #24273a;\n }\n :root .svg-icon:hover {\n fill: #8087a2;\n }\n :root .svg-icon {\n fill: #6e738d;\n }\n :root .onoffswitch input:checked + span {\n background-color: rgba(183, 189, 248, 0.25);\n }\n :root .onoffswitch input:checked + span::before {\n background-color: #b7bdf8;\n }\n :root #options-title {\n color: #24273a;\n }\n :root h2 {\n color: #b7bdf8 !important;\n }\n :root .installed .configure-usercss svg {\n fill: #b7bdf8 !important;\n }\n :root .installed .configure-usercss:hover svg {\n fill: #b7bdf8 !important;\n }\n :root .cm-s-default .cm-variable {\n color: #cad3f5;\n }\n :root .CodeMirror-activeline-background {\n background: #1e2030;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root:root {\n --bg: #24273a;\n --fg: #cad3f5;\n --c30: #b8c0e0;\n --c40: #6e738d;\n --c45: #5b6078;\n --c50: #a5adcb;\n --c60: #a5adcb;\n --c65: #5b6078;\n --c75: #8087a2;\n --c80: #494d64;\n --c85: #363a4f;\n --c95: #1e2030;\n --accent-1: #b7bdf8;\n --accent-2: #b7bdf8;\n --accent-3: #b7bdf8;\n }\n :root .active #filters-stats {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n color: #24273a;\n }\n :root #header-resizer {\n color: #494d64;\n }\n :root #filters label:hover,\n :root #filters .filter-selection:hover {\n background-color: #363a4f;\n }\n :root .oldUI .disabled h2::after,\n :root .entry.usercss .style-name-link::after {\n background-color: rgba(183, 189, 248, 0.25);\n }\n :root .CodeMirror-linenumber {\n color: #a5adcb;\n }\n :root .cm-s-default .cm-string {\n color: #f5a97f;\n }\n :root .cm-s-default .cm-qualifier {\n color: #f5a97f;\n }\n :root .cm-s-default .cm-variable-2 {\n color: #7dc4e4;\n }\n :root .cm-s-default .cm-keyword {\n color: #c6a0f6;\n }\n :root .cm-s-default .cm-atom,\n :root .cm-s-default .cm-number {\n color: #a6da95;\n }\n :root .cm-s-default .cm-def {\n color: #7dc4e4;\n }\n :root .cm-s-default .cm-tag {\n color: #7dc4e4;\n }\n :root .cm-s-default .cm-builtin {\n color: #b8c0e0;\n }\n :root .cm-s-default .cm-variable-3 {\n color: #b8c0e0;\n }\n :root .cm-s-default .cm-comment {\n color: #a5adcb;\n }\n :root .cm-s-default .cm-operator {\n color: #eed49f;\n }\n :root div.CodeMirror span.CodeMirror-matchingbracket {\n color: #a6da95;\n }\n :root button:disabled,\n :root select:disabled,\n :root option:disabled,\n :root select[disabled] > option {\n color: #a5adcb;\n }\n :root .applies-to input,\n :root .applies-to select {\n background: #24273a;\n border: 1px solid #363a4f;\n color: #a5adcb;\n }\n :root button {\n color: #cad3f5 !important;\n background: #1e2030 !important;\n }\n :root #message-box-title {\n color: #24273a;\n }\n :root .svg-icon:hover {\n fill: #8087a2;\n }\n :root .svg-icon {\n fill: #6e738d;\n }\n :root .onoffswitch input:checked + span {\n background-color: rgba(183, 189, 248, 0.25);\n }\n :root .onoffswitch input:checked + span::before {\n background-color: #b7bdf8;\n }\n :root #options-title {\n color: #24273a;\n }\n :root h2 {\n color: #b7bdf8 !important;\n }\n :root .installed .configure-usercss svg {\n fill: #b7bdf8 !important;\n }\n :root .installed .configure-usercss:hover svg {\n fill: #b7bdf8 !important;\n }\n :root .cm-s-default .cm-variable {\n color: #cad3f5;\n }\n :root .CodeMirror-activeline-background {\n background: #1e2030;\n }\n }",
+ "code": "[data-ui-theme=\"light\"]:root {\n --bg: #24273a;\n --fg: #cad3f5;\n --c30: #b8c0e0;\n --c40: #6e738d;\n --c45: #5b6078;\n --c50: #a5adcb;\n --c60: #a5adcb;\n --c65: #5b6078;\n --c75: #8087a2;\n --c80: #494d64;\n --c85: #363a4f;\n --c95: #1e2030;\n --c97: #1e2030;\n --accent-1: #b7bdf8;\n --accent-2: #b7bdf8;\n --accent-3: #b7bdf8;\n }\n [data-ui-theme=\"light\"] .active #filters-stats {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n color: #24273a;\n }\n [data-ui-theme=\"light\"] #header-resizer {\n color: #494d64;\n }\n [data-ui-theme=\"light\"] #filters label:hover,\n [data-ui-theme=\"light\"] #filters .filter-selection:hover {\n background-color: #363a4f;\n }\n [data-ui-theme=\"light\"] .oldUI .disabled h2::after,\n [data-ui-theme=\"light\"] .entry.usercss .style-name-link::after {\n background-color: rgba(183, 189, 248, 0.25);\n }\n [data-ui-theme=\"light\"] .CodeMirror-linenumber {\n color: #a5adcb;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-string {\n color: #f5a97f;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-qualifier {\n color: #f5a97f;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-variable-2 {\n color: #7dc4e4;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-keyword {\n color: #c6a0f6;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-atom,\n [data-ui-theme=\"light\"] .cm-s-default .cm-number {\n color: #a6da95;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-def {\n color: #7dc4e4;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-tag {\n color: #7dc4e4;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-builtin {\n color: #b8c0e0;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-variable-3 {\n color: #b8c0e0;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-comment {\n color: #a5adcb;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-operator {\n color: #eed49f;\n }\n [data-ui-theme=\"light\"] div.CodeMirror span.CodeMirror-matchingbracket {\n color: #a6da95;\n }\n [data-ui-theme=\"light\"] button:disabled,\n [data-ui-theme=\"light\"] select:disabled,\n [data-ui-theme=\"light\"] option:disabled,\n [data-ui-theme=\"light\"] select[disabled] > option {\n color: #a5adcb;\n }\n [data-ui-theme=\"light\"] .applies-to input,\n [data-ui-theme=\"light\"] .applies-to select {\n background: #24273a;\n border: 1px solid #363a4f;\n color: #a5adcb;\n }\n [data-ui-theme=\"light\"] button {\n color: #cad3f5 !important;\n background: #1e2030 !important;\n }\n [data-ui-theme=\"light\"] #save-button[disabled] {\n background: #363a4f !important;\n }\n [data-ui-theme=\"light\"] #message-box-title {\n color: #24273a;\n }\n [data-ui-theme=\"light\"] .svg-icon:hover {\n fill: #8087a2;\n }\n [data-ui-theme=\"light\"] .svg-icon {\n fill: #6e738d;\n }\n [data-ui-theme=\"light\"] .onoffswitch input:checked + span {\n background-color: rgba(183, 189, 248, 0.25);\n }\n [data-ui-theme=\"light\"] .onoffswitch input:checked + span::before {\n background-color: #b7bdf8;\n }\n [data-ui-theme=\"light\"] #options-title {\n color: #24273a;\n }\n [data-ui-theme=\"light\"] h2 {\n color: #b7bdf8 !important;\n }\n [data-ui-theme=\"light\"] .installed .configure-usercss svg {\n fill: #b7bdf8 !important;\n }\n [data-ui-theme=\"light\"] .installed .configure-usercss:hover svg {\n fill: #b7bdf8 !important;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-variable {\n color: #cad3f5;\n }\n [data-ui-theme=\"light\"] .CodeMirror-activeline-background {\n background: #1e2030;\n }\n [data-ui-theme=\"dark\"]:root {\n --bg: #24273a;\n --fg: #cad3f5;\n --c30: #b8c0e0;\n --c40: #6e738d;\n --c45: #5b6078;\n --c50: #a5adcb;\n --c60: #a5adcb;\n --c65: #5b6078;\n --c75: #8087a2;\n --c80: #494d64;\n --c85: #363a4f;\n --c95: #1e2030;\n --c97: #1e2030;\n --accent-1: #b7bdf8;\n --accent-2: #b7bdf8;\n --accent-3: #b7bdf8;\n }\n [data-ui-theme=\"dark\"] .active #filters-stats {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n color: #24273a;\n }\n [data-ui-theme=\"dark\"] #header-resizer {\n color: #494d64;\n }\n [data-ui-theme=\"dark\"] #filters label:hover,\n [data-ui-theme=\"dark\"] #filters .filter-selection:hover {\n background-color: #363a4f;\n }\n [data-ui-theme=\"dark\"] .oldUI .disabled h2::after,\n [data-ui-theme=\"dark\"] .entry.usercss .style-name-link::after {\n background-color: rgba(183, 189, 248, 0.25);\n }\n [data-ui-theme=\"dark\"] .CodeMirror-linenumber {\n color: #a5adcb;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-string {\n color: #f5a97f;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-qualifier {\n color: #f5a97f;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-variable-2 {\n color: #7dc4e4;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-keyword {\n color: #c6a0f6;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-atom,\n [data-ui-theme=\"dark\"] .cm-s-default .cm-number {\n color: #a6da95;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-def {\n color: #7dc4e4;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-tag {\n color: #7dc4e4;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-builtin {\n color: #b8c0e0;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-variable-3 {\n color: #b8c0e0;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-comment {\n color: #a5adcb;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-operator {\n color: #eed49f;\n }\n [data-ui-theme=\"dark\"] div.CodeMirror span.CodeMirror-matchingbracket {\n color: #a6da95;\n }\n [data-ui-theme=\"dark\"] button:disabled,\n [data-ui-theme=\"dark\"] select:disabled,\n [data-ui-theme=\"dark\"] option:disabled,\n [data-ui-theme=\"dark\"] select[disabled] > option {\n color: #a5adcb;\n }\n [data-ui-theme=\"dark\"] .applies-to input,\n [data-ui-theme=\"dark\"] .applies-to select {\n background: #24273a;\n border: 1px solid #363a4f;\n color: #a5adcb;\n }\n [data-ui-theme=\"dark\"] button {\n color: #cad3f5 !important;\n background: #1e2030 !important;\n }\n [data-ui-theme=\"dark\"] #save-button[disabled] {\n background: #363a4f !important;\n }\n [data-ui-theme=\"dark\"] #message-box-title {\n color: #24273a;\n }\n [data-ui-theme=\"dark\"] .svg-icon:hover {\n fill: #8087a2;\n }\n [data-ui-theme=\"dark\"] .svg-icon {\n fill: #6e738d;\n }\n [data-ui-theme=\"dark\"] .onoffswitch input:checked + span {\n background-color: rgba(183, 189, 248, 0.25);\n }\n [data-ui-theme=\"dark\"] .onoffswitch input:checked + span::before {\n background-color: #b7bdf8;\n }\n [data-ui-theme=\"dark\"] #options-title {\n color: #24273a;\n }\n [data-ui-theme=\"dark\"] h2 {\n color: #b7bdf8 !important;\n }\n [data-ui-theme=\"dark\"] .installed .configure-usercss svg {\n fill: #b7bdf8 !important;\n }\n [data-ui-theme=\"dark\"] .installed .configure-usercss:hover svg {\n fill: #b7bdf8 !important;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-variable {\n color: #cad3f5;\n }\n [data-ui-theme=\"dark\"] .CodeMirror-activeline-background {\n background: #1e2030;\n }",
"start": 1031,
"urlPrefixes": [
"moz-extension://",
@@ -4095,12 +4105,12 @@
]
}
],
- "sourceCode": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 1.0.8\n@updateURL \t https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\n@description Soothing pastel theme for Stylus\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document url-prefix(\"moz-extension://\"), url-prefix(chrome-extension://)\n{\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @color: @catppuccin[@@lookup][@@accent];\n\n &:root {\n --bg: @base;\n --fg: @text;\n --c30: @subtext1;\n --c40: @overlay0;\n --c45: @surface2;\n --c50: @subtext0;\n --c60: @subtext0;\n --c65: @surface2;\n --c75: @overlay1;\n --c80: @surface1;\n --c85: @surface0;\n --c95: @mantle;\n --accent-1: @color;\n --accent-2: @color;\n --accent-3: @color;\n }\n\n .active #filters-stats {\n background-color: @color;\n border-color: @color;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\n }\n #filters label:hover,\n #filters .filter-selection:hover {\n background-color: @surface0;\n }\n .oldUI .disabled h2::after,\n .entry.usercss .style-name-link::after {\n background-color: fade(@color, 25%);\n }\n .CodeMirror-linenumber {\n color: @subtext0;\n }\n .cm-s-default .cm-string {\n color: @peach;\n }\n .cm-s-default .cm-qualifier {\n color: @peach;\n }\n .cm-s-default .cm-variable-2 {\n color: @sapphire;\n }\n .cm-s-default .cm-keyword {\n color: @mauve;\n }\n .cm-s-default .cm-atom,\n .cm-s-default .cm-number {\n color: @green;\n }\n .cm-s-default .cm-def {\n color: @sapphire;\n }\n .cm-s-default .cm-tag {\n color: @sapphire;\n }\n .cm-s-default .cm-builtin {\n color: @subtext1;\n }\n .cm-s-default .cm-variable-3 {\n color: @subtext1;\n }\n .cm-s-default .cm-comment {\n color: @subtext0;\n }\n .cm-s-default .cm-operator {\n color: @yellow;\n }\n div.CodeMirror span.CodeMirror-matchingbracket {\n color: @green;\n }\n button:disabled,\n select:disabled,\n option:disabled,\n select[disabled] > option {\n color: @subtext0;\n }\n .applies-to input,\n .applies-to select {\n background: @base;\n border: 1px solid @surface0;\n color: @subtext0;\n }\n button {\n color: @text !important;\n background: @mantle !important;\n }\n #message-box-title {\n color: @base;\n }\n .svg-icon:hover {\n fill: @overlay1;\n }\n .svg-icon {\n fill: @overlay0;\n }\n .onoffswitch input:checked + span {\n background-color: fade(@color, 25%);\n }\n .onoffswitch input:checked + span::before {\n background-color: @color;\n }\n #options-title {\n color: @base;\n }\n h2 {\n color: @color !important;\n }\n .installed .configure-usercss svg {\n fill: @color !important;\n }\n .installed .configure-usercss:hover svg {\n fill: @color !important;\n }\n .cm-s-default .cm-variable {\n color: @text;\n }\n .CodeMirror-activeline-background {\n background: @mantle;\n }\n }\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n}\n",
+ "sourceCode": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 1.1.0\n@updateURL \t https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\n@description Soothing pastel theme for Stylus\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document url-prefix(\"moz-extension://\"), url-prefix(chrome-extension://)\n{\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @color: @catppuccin[@@lookup][@@accent];\n\n &:root {\n --bg: @base;\n --fg: @text;\n --c30: @subtext1;\n --c40: @overlay0;\n --c45: @surface2;\n --c50: @subtext0;\n --c60: @subtext0;\n --c65: @surface2;\n --c75: @overlay1;\n --c80: @surface1;\n --c85: @surface0;\n --c95: @mantle;\n --c97: @mantle;\n --accent-1: @color;\n --accent-2: @color;\n --accent-3: @color;\n }\n\n .active #filters-stats {\n background-color: @color;\n border-color: @color;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\n }\n #filters label:hover,\n #filters .filter-selection:hover {\n background-color: @surface0;\n }\n .oldUI .disabled h2::after,\n .entry.usercss .style-name-link::after {\n background-color: fade(@color, 25%);\n }\n .CodeMirror-linenumber {\n color: @subtext0;\n }\n .cm-s-default .cm-string {\n color: @peach;\n }\n .cm-s-default .cm-qualifier {\n color: @peach;\n }\n .cm-s-default .cm-variable-2 {\n color: @sapphire;\n }\n .cm-s-default .cm-keyword {\n color: @mauve;\n }\n .cm-s-default .cm-atom,\n .cm-s-default .cm-number {\n color: @green;\n }\n .cm-s-default .cm-def {\n color: @sapphire;\n }\n .cm-s-default .cm-tag {\n color: @sapphire;\n }\n .cm-s-default .cm-builtin {\n color: @subtext1;\n }\n .cm-s-default .cm-variable-3 {\n color: @subtext1;\n }\n .cm-s-default .cm-comment {\n color: @subtext0;\n }\n .cm-s-default .cm-operator {\n color: @yellow;\n }\n div.CodeMirror span.CodeMirror-matchingbracket {\n color: @green;\n }\n button:disabled,\n select:disabled,\n option:disabled,\n select[disabled] > option {\n color: @subtext0;\n }\n .applies-to input,\n .applies-to select {\n background: @base;\n border: 1px solid @surface0;\n color: @subtext0;\n }\n button {\n color: @text !important;\n background: @mantle !important;\n }\n #save-button[disabled] {\n background: @surface0 !important;\n }\n #message-box-title {\n color: @base;\n }\n .svg-icon:hover {\n fill: @overlay1;\n }\n .svg-icon {\n fill: @overlay0;\n }\n .onoffswitch input:checked + span {\n background-color: fade(@color, 25%);\n }\n .onoffswitch input:checked + span::before {\n background-color: @color;\n }\n #options-title {\n color: @base;\n }\n h2 {\n color: @color !important;\n }\n .installed .configure-usercss svg {\n fill: @color !important;\n }\n .installed .configure-usercss:hover svg {\n fill: @color !important;\n }\n .cm-s-default .cm-variable {\n color: @text;\n }\n .CodeMirror-activeline-background {\n background: @mantle;\n }\n }\n [data-ui-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n [data-ui-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n",
"usercssData": {
"name": "Stylus Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/stylus",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/stylus",
- "version": "1.0.8",
+ "version": "1.1.0",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css",
"description": "Soothing pastel theme for Stylus",
"author": "Catppuccin",
@@ -4254,11 +4264,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for Stylus",
"name": "Stylus Catppuccin",
- "originalDigest": "e493cc46370dd08b32d8e4579f2ac2213b750b05",
+ "originalDigest": "b63092ee3b33d010791e7a3d39b2e909eff9b698",
"_id": "7ea25e5f-d4bc-4e92-a971-9ed55a8facd0",
- "_rev": 1696719115778,
+ "_rev": 1699129342954,
"id": 59,
- "etag": "W/\"4c39f82332060e79ac8d16d68f3309d71b31bef62c8cd8ae50dc079917b25aae\""
+ "etag": "W/\"63a663411955ca88d72ebefd0fe23c1be7c5ed0ef9d238934760605615099141\"",
+ "updateDate": 1699129342946
},
{
"enabled": true,
@@ -4267,23 +4278,23 @@
"installDate": 1696719501901,
"sections": [
{
- "code": "/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepl\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl\n@version 0.3.0\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox zenMode \"Zen Mode\" 0\n==/UserStyle== */",
+ "code": "/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepl\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl\n@version 0.3.1\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox zenMode \"Zen Mode\" 0\n==/UserStyle== */",
"start": 0
},
{
- "code": "body,\n button {\n color: #cad3f5;\n }\n p {\n color: #b8c0e0;\n }\n a {\n color: #b7bdf8;\n }\n a:hover {\n color: #929bf4;\n }\n input {\n background-color: #24273a;\n }\n input::placeholder,\n textarea::placeholder {\n color: #8087a2;\n }\n .bg-neutral-next-50,\n .bg-deprecated-grey {\n background-color: #1e2030;\n }\n .bg-white,\n .bg-blue-100 {\n background-color: #24273a;\n }\n .bg-dark-8 {\n background-color: #363a4f;\n }\n .bg-mosque {\n background-color: #d2b7f8;\n }\n .bg-mosque.text-white {\n color: #181926;\n }\n .bg-blue-next-500 {\n background-color: #b7bdf8;\n }\n .bg-blue-next-500.text-white {\n color: #181926;\n }\n .border-dark-7,\n .border-neutral-300 {\n border-color: #363a4f;\n }\n .border-blue-chill,\n .bg-blue-next-500 {\n border-color: #b7bdf8;\n }\n .border-neutral-next-900 {\n border-color: #8087a2;\n }\n .text-deepl-blue,\n .text-blue-600 {\n color: #b7bdf8;\n }\n .text-blue-chill {\n color: #d2b7f8;\n }\n .text-deprecated-mid-grey {\n color: #cad3f5;\n }\n .text-neutral-600 {\n color: #a5adcb;\n }\n .text-dark-1 {\n color: #b8c0e0;\n }\n .text-white,\n .text-black {\n color: #cad3f5;\n }\n .text-neutral-next-800 {\n color: #8087a2;\n }\n [class*=\"hover:bg-dark-8\"]:hover,\n [class*=\"enabled:hover:bg-dark-8\"]:hover:enabled,\n [class*=\"hover:bg-neutral-200\"]:hover,\n [class*=\"hover:bg-neutral-next-100\"]:hover {\n background-color: #363a4f;\n }\n [class*=\"hover:bg-blue-200\"]:hover {\n background-color: #303349;\n }\n [class*=\"hover:bg-blue-next-700\"]:hover {\n background-color: #929bf4;\n }\n [class*=\"hover:border-blue-next-700\"]:hover {\n border-color: #929bf4;\n }\n [class*=\"disabled:text-dark-5:disabled\"],\n [class*=\"disabled:text-neutral-500:disabled\"] {\n color: #8087a2;\n }\n [class*=\"hover:text-blue-chill\"]:hover {\n color: #717df1;\n }\n [class*=\"bg-[#E1F0F5]\"] {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [class*=\"bg-[#B4DAE8]\"][class*=\"text-[#01557C]\"] {\n color: #101da0;\n }\n [class*=\"text-[#25282D]\"] {\n color: #cad3f5;\n }\n [class*=\"text-[#01557C]\"] {\n color: #b7bdf8;\n }\n .divide-dark-7 > :not([hidden]) ~ :not([hidden]) {\n border-color: #494d64;\n }\n [class*=\"button--\"][class*=\"variant_contained--\"],\n [class*=\"button--\"][class*=\"variant_contained--\"]:hover {\n color: #181926;\n }\n [class*=\"button--\"][class*=\"color_primary--\"] {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n }\n [class*=\"button--\"][class*=\"color_primary--\"]:hover {\n background-color: #717df1;\n border-color: #717df1;\n color: #181926;\n }\n [class*=\"IconAnchor-module--anchor--\"] {\n color: #b7bdf8;\n }\n [class*=\"IconAnchor-module--anchor--\"]:hover {\n background-color: #363a4f;\n }\n [stroke=\"#0F2B46\"] {\n stroke: #b7bdf8 !important;\n }\n [stroke=\"#006494\"] {\n stroke: #a5adcb !important;\n }\n [class^=\"BasePageHeader-module--container\"] {\n background-color: #181926;\n }\n [class|=\"PageHeaderLink-module--pageHeaderLink\"],\n [class|=\"FlyoutMenuButton-module--flyoutMenuButton\"],\n [class|=\"LoginButton-module--loginButton\"] {\n color: #929bf4;\n }\n [class|=\"SideMenuButton-module--menuButton\"],\n [class|=\"SideMenuButton-module--menuButton\"]::before,\n [class|=\"SideMenuButton-module--menuButton\"]::after {\n border-top-color: #929bf4;\n }\n [class|=\"SideMenuButton-module--menuButton\"]:hover,\n [class|=\"SideMenuButton-module--menuButton\"]:hover::before,\n [class|=\"SideMenuButton-module--menuButton\"]:hover::after {\n border-top-color: #b7bdf8;\n }\n [class*=\"PageHeaderLink-module--pageHeaderLink--\"]:not(\n [class*=\"PageHeaderLink-module--nohover--\"]\n ):hover {\n color: #b7bdf8;\n border-color: #b7bdf8;\n }\n [class|=\"LoginButton-module--loginButton\"]:hover {\n color: #b7bdf8;\n }\n [class*=\"badge-module--badge--\"][class*=\"badge-module--proDark--\"] {\n background-color: #d2b7f8;\n color: #181926;\n }\n [class*=\"StartFreeTrialButton-module--startFreeTrialButton--\"] {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n color: #181926;\n }\n [class*=\"StartFreeTrialButton-module--startFreeTrialButton--\"]:hover {\n background-color: #929bf4;\n border-color: #929bf4;\n color: #181926;\n }\n [class|=\"ProductUpdateButton-module--updateToolTip\"] {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [class|=\"ProductUpdateButton-module--updateToolTip\"]::after {\n border-bottom-color: #363a4f;\n }\n [class|=\"cardButton\"] {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [class|=\"cardButton\"]:not([class*=\"active--\"]):hover {\n background-color: #363a4f;\n }\n [class|=\"textLower\"] {\n color: #8087a2;\n }\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: #b7bdf8;\n }\n [class*=\"active--\"] [class|=\"logo\"],\n [class*=\"active--\"] [class|=\"textUpper\"] {\n color: #cad3f5;\n }\n [class*=\"active--\"] [class|=\"innerLower\"] {\n background-color: #b7bdf8;\n }\n [class*=\"SourceTranslatorArea-module--focusBorder--\"]:has(\n div[contenteditable=\"true\"]:focus\n ) {\n border-color: #b7bdf8;\n }\n d-textarea > [data-placeholder],\n d-textarea > div[data-content=\"true\"]::before {\n color: #a5adcb;\n }\n [class*=\"enabled:hover-capable:hover:bg-dark-8\"]:hover:enabled {\n background-color: #363a4f;\n }\n [data-testid=\"word-alternatives-list\"] [class*=\"root--\"] {\n background-color: #24273a;\n }\n [data-testid=\"word-alternatives-list\"] [class*=\"root--\"][class*=\"selected--\"] {\n background-color: #363a4f;\n }\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) {\n background-color: #24273a;\n }\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) .tag_lemma .dictLink {\n color: #b8c0e0;\n }\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) .translation_group .translation_group_line .notascommon,\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) .translation_group .translation_group_line .translation.sortablemg .sep {\n color: #939ab7;\n }\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .inflectioninfo,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_lemma,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_lemma a,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_s,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_s a,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_trans_src_context,\n [class*=\"DictionaryContent-module--content--\"] .tag_trans {\n color: #b8c0e0;\n }\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_t,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_t a,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_trans,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_trans a,\n [class*=\"DictionaryContent-module--content--\"] .tag_lemma a {\n color: #b7bdf8;\n }\n [class*=\"DictionaryContent-module--content--\"] .notascommon,\n [class*=\"DictionaryContent-module--content--\"] .sep {\n color: #939ab7;\n }\n .lmt__glossary_onOffSwitch_container label[class|=\"label\"] {\n --background: #8087a2;\n --backgroundHover: #697190;\n --inlineLabelColor: #181926;\n --outline-color: #b7bdf8;\n }\n .lmt__glossary_onOffSwitch_container label[class|=\"label\"][class*=\"selected--\"] {\n --background: #a6da95;\n --backgroundHover: #8dcf77;\n }\n .lmt__glossary_onOffSwitch_container label[class|=\"label\"] [class|=\"toggle\"] [class|=\"knob\"] {\n background: #181926;\n }\n [class|=\"modal\"],\n .lmt__glossary_editor {\n background-color: #24273a;\n }\n [class|=\"modal\"] [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"],\n .lmt__glossary_editor [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"] {\n background: #b7bdf8;\n color: #181926;\n }\n [class|=\"modal\"] [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"]:disabled,\n .lmt__glossary_editor [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"]:disabled {\n background: rgba(183, 189, 248, 0.5);\n }\n .lmt__glossary_editor {\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"],\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] {\n --input-background: #24273a;\n --input-border-color: #494d64;\n --input-color: #b8c0e0;\n }\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"] [class|=\"button\"][aria-expanded=\"true\"],\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] [class|=\"button\"][aria-expanded=\"true\"] {\n border-color: #b7bdf8;\n }\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"] [class|=\"controls\"] [class|=\"wrapper\"],\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] [class|=\"controls\"] [class|=\"wrapper\"] {\n --button-background: #24273a;\n --button-border-color: #494d64;\n --button-color: #b8c0e0;\n }\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"] [class|=\"controls\"] [class|=\"wrapper\"] [class|=\"flyout\"],\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] [class|=\"controls\"] [class|=\"wrapper\"] [class|=\"flyout\"] {\n background: #24273a;\n --option-color: #b8c0e0;\n --option-selected-color: #b8c0e0;\n --option-background: rgba(238, 212, 159, 0.2);\n --option-disabled-color: #8087a2;\n --option-icon-color: #b7bdf8;\n }\n .lmt__glossary_editor_mainBar {\n background-color: #b7bdf8;\n color: #181926;\n }\n .lmt__glossary_editor_mainBar .lmt__glossary_editorClose {\n color: inherit;\n }\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom {\n background-color: #1e2030;\n }\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top .lmt__glossary_editor_glossarySelect .lmt__glossary_editor_glossaryNameWrapper .lmt__glossary_editor_glossaryName {\n color: inherit;\n }\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top .lmt__glossary_editor_glossarySelect .lmt__glossary_editor_glossaryNameWrapper .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-right-color: #929bf4;\n border-bottom-color: #929bf4;\n }\n .lmt__glossary_button .lmt__glossary_button_label:hover,\n .lmt__glossary_highlight,\n .lmt__glossary_editor_subBar_bottom .lmt__glossary_editor_glossaryAddNewWrapper .lmt__glossary_editor_glossaryAddNew {\n color: #b7bdf8;\n }\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: #494d64;\n color: #b8c0e0;\n }\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource:focus,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget:focus {\n border-color: #b7bdf8;\n }\n .lmt__glossary_editor_langPairHeadline {\n color: inherit;\n border-bottom-color: #494d64;\n }\n .lmt__glossary_editorRow {\n color: inherit;\n }\n .lmt__glossary_editorRow .iconButton {\n color: #a5adcb;\n }\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: #494d64;\n border-right-color: #494d64;\n }\n .lmt__glossary_dialog {\n background-color: #363a4f;\n border-color: #494d64;\n color: #cad3f5;\n }\n .lmt__glossary_dialog__line--suggestions,\n .lmt__glossary_dialog__line .choice .option {\n color: #b7bdf8;\n }\n .root--Te5J3 {\n background-color: #24273a;\n }\n .divider--CI8JQ {\n color: #494d64;\n }\n [class^=\"UploadPanel-module--docTrans__help_popup--\"] {\n background-color: #24273a;\n }\n [class|=\"Quote-module--quote\"] {\n background-color: #24273a !important;\n color: #cad3f5;\n }\n [class|=\"Quote-module--quoteSource\"] > a {\n color: #929bf4;\n }\n [class|=\"Quote-module--quote\"] {\n border-color: #363a4f;\n }\n [class|=\"Quotes-module--quotesNavigationEntry\"] {\n background-color: #494d64;\n }\n [class*=\"Quotes-module--quotesNavigationEntryActive--\"] {\n background-color: #b7bdf8;\n }\n [class^=\"ProBanner2021-module--wrapper--\"],\n [class|=\"CareerBanner-module--container\"] {\n background: #24273a;\n }\n [class|=\"CareerBanner-module--text\"] h2 {\n color: #8087a2;\n }\n [class|=\"PopularLangPairList-module--seoText\"] {\n color: #6e738d;\n }\n [class|=\"PopularLangPairList-module--seoText\"] p[class|=\"PopularLangPairList-module--title\"] {\n color: #939ab7;\n }\n footer [class|=\"pageFooterV2-module--footerOuterContainer\"] {\n background-color: #24273a;\n }\n [class|=\"ProBanner2021-module--textLink\"] {\n color: #d2b7f8;\n }\n [class|=\"pageFooterV2-module--footerOuterContainer\"] [class|=\"pageFooterV2-module--footerContainer\"] [class|=\"pageFooterV2-module--footerContentContainer\"] [class|=\"pageFooterV2-module--linksContainer\"] [class|=\"pageFooterV2-module--linkList\"] li:first-of-type {\n color: #8087a2;\n }\n [class|=\"pageFooterV2-module--footerOuterContainer\"] [class|=\"pageFooterV2-module--footerContainer\"] [class|=\"pageFooterV2-module--footerContentContainer\"] [class|=\"pageFooterV2-module--linksContainer\"] [class|=\"pageFooterV2-module--linkList\"] li:not(:first-of-type) a {\n color: #cad3f5 !important;\n }\n [class|=\"LanguageSelector-module--wrapper\"] {\n --button-background: #363a4f;\n --button-border-color: #494d64;\n --button-color: #b8c0e0;\n }\n [class|=\"LanguageSelector-module--wrapper\"] [class|=\"LanguageSelector-module--flyout\"] {\n background: #363a4f;\n --option-color: #b8c0e0;\n --option-icon-color: #b7bdf8;\n }\n [class|=\"LanguageSelector-module--wrapper\"] [class|=\"LanguageSelector-module--flyout\"] [class|=\"LanguageSelector-module--option\"][class*=\"LanguageSelector-module--active--\"] {\n --option-background: rgba(238, 212, 159, 0.2);\n }\n [class|=\"classicSidemenu-module--menuContainer\"] {\n background-color: #24273a;\n }\n [class|=\"classicSidemenu-module--menuContainer\"] [class|=\"closeButton-module--closeButton\"]::before,\n [class|=\"classicSidemenu-module--menuContainer\"] [class|=\"closeButton-module--closeButton\"]::after {\n background-color: #b7bdf8;\n }\n [class|=\"classicSidemenu-module--mainContent\"] {\n border-bottom-color: #363a4f;\n }\n [class|=\"mainMenu-module--container\"] a {\n color: #cad3f5;\n }\n [class|=\"mainMenu-module--container\"] a:hover {\n color: #b7bdf8;\n }\n [class|=\"subMenu-module--container\"] button {\n color: #cad3f5 !important;\n }\n [class|=\"subMenu-module--container\"] [class|=\"button-module--button\"][class*=\"button-module--variant_text--\"],\n [class|=\"subMenu-module--container\"] [class|=\"button-module--button\"][class*=\"button-module--variant_text--\"]:hover {\n background-color: transparent;\n }\n .lmt__glossary_ad_checkmark {\n border-bottom-color: #a6da95;\n border-right-color: #a6da95;\n }\n header,\n [class=\"w-full bg-white px-8 lg:px-[70px]\"],\n [class=\"p-8 lg:px-[70px]\"],\n footer,\n [href=\"/write\"].block {\n display: none;\n }\n body {\n background: #1e2030;\n }\n [class=\"relative pr-0 false\"] {\n height: 100%;\n }\n [data-testid=\"translator\"] {\n display: flex;\n justify-content: center;\n align-content: center;\n align-items: center;\n }\n [data-testid=\"translator\"] > div:first-of-type {\n width: 100vw;\n }",
+ "code": "body,\n button {\n color: #cad3f5;\n }\n p {\n color: #b8c0e0;\n }\n a {\n color: #b7bdf8;\n }\n a:hover {\n color: #929bf4;\n }\n input {\n background-color: #24273a;\n }\n input::placeholder,\n textarea::placeholder {\n color: #8087a2;\n }\n .bg-neutral-next-50,\n .bg-deprecated-grey {\n background-color: #1e2030;\n }\n .bg-white,\n .bg-blue-100 {\n background-color: #24273a;\n }\n .bg-dark-8 {\n background-color: #363a4f;\n }\n .bg-mosque {\n background-color: #d2b7f8;\n }\n .bg-mosque.text-white {\n color: #181926;\n }\n .bg-blue-next-500 {\n background-color: #b7bdf8;\n }\n .bg-blue-next-500.text-white {\n color: #181926;\n }\n .border-dark-7,\n .border-neutral-300 {\n border-color: #363a4f;\n }\n .border-blue-chill,\n .bg-blue-next-500 {\n border-color: #b7bdf8;\n }\n .border-neutral-next-900 {\n border-color: #8087a2;\n }\n .text-deepl-blue,\n .text-blue-600 {\n color: #b7bdf8;\n }\n .text-blue-chill {\n color: #d2b7f8;\n }\n .text-deprecated-mid-grey {\n color: #cad3f5;\n }\n .text-neutral-600 {\n color: #a5adcb;\n }\n .text-dark-1 {\n color: #b8c0e0;\n }\n .text-white,\n .text-black {\n color: #cad3f5;\n }\n .text-neutral-next-800 {\n color: #8087a2;\n }\n [class*=\"hover:bg-dark-8\"]:hover,\n [class*=\"enabled:hover:bg-dark-8\"]:hover:enabled,\n [class*=\"hover:bg-neutral-200\"]:hover,\n [class*=\"hover:bg-neutral-next-100\"]:hover {\n background-color: #363a4f;\n }\n [class*=\"hover:bg-blue-200\"]:hover {\n background-color: #303349;\n }\n [class*=\"hover:bg-blue-next-700\"]:hover {\n background-color: #929bf4;\n }\n [class*=\"hover:border-blue-next-700\"]:hover {\n border-color: #929bf4;\n }\n [class*=\"disabled:text-dark-5:disabled\"],\n [class*=\"disabled:text-neutral-500:disabled\"] {\n color: #8087a2;\n }\n [class*=\"hover:text-blue-chill\"]:hover {\n color: #717df1;\n }\n [class*=\"bg-[#E1F0F5]\"] {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [class*=\"bg-[#B4DAE8]\"][class*=\"text-[#01557C]\"] {\n color: #101da0;\n }\n [class*=\"text-[#25282D]\"] {\n color: #cad3f5;\n }\n [class*=\"text-[#01557C]\"] {\n color: #b7bdf8;\n }\n .divide-dark-7 > :not([hidden]) ~ :not([hidden]) {\n border-color: #494d64;\n }\n [class*=\"button--\"][class*=\"variant_contained--\"],\n [class*=\"button--\"][class*=\"variant_contained--\"]:hover {\n color: #181926;\n }\n [class*=\"button--\"][class*=\"color_primary--\"] {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n }\n [class*=\"button--\"][class*=\"color_primary--\"]:hover {\n background-color: #717df1;\n border-color: #717df1;\n color: #181926;\n }\n [class*=\"IconAnchor-module--anchor--\"] {\n color: #b7bdf8;\n }\n [class*=\"IconAnchor-module--anchor--\"]:hover {\n background-color: #363a4f;\n }\n [stroke=\"#0F2B46\"] {\n stroke: #b7bdf8 !important;\n }\n [stroke=\"#006494\"] {\n stroke: #a5adcb !important;\n }\n [class^=\"BasePageHeader-module--container\"] {\n background-color: #181926;\n }\n [class|=\"PageHeaderLink-module--pageHeaderLink\"],\n [class|=\"FlyoutMenuButton-module--flyoutMenuButton\"],\n [class|=\"LoginButton-module--loginButton\"] {\n color: #929bf4;\n }\n [class|=\"SideMenuButton-module--menuButton\"],\n [class|=\"SideMenuButton-module--menuButton\"]::before,\n [class|=\"SideMenuButton-module--menuButton\"]::after {\n border-top-color: #929bf4;\n }\n [class|=\"SideMenuButton-module--menuButton\"]:hover,\n [class|=\"SideMenuButton-module--menuButton\"]:hover::before,\n [class|=\"SideMenuButton-module--menuButton\"]:hover::after {\n border-top-color: #b7bdf8;\n }\n [class*=\"PageHeaderLink-module--pageHeaderLink--\"]:not(\n [class*=\"PageHeaderLink-module--nohover--\"]\n ):hover {\n color: #b7bdf8;\n border-color: #b7bdf8;\n }\n [class|=\"LoginButton-module--loginButton\"]:hover {\n color: #b7bdf8;\n }\n [class*=\"badge-module--badge--\"][class*=\"badge-module--proDark--\"] {\n background-color: #d2b7f8;\n color: #181926;\n }\n [class*=\"StartFreeTrialButton-module--startFreeTrialButton--\"] {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n color: #181926;\n }\n [class*=\"StartFreeTrialButton-module--startFreeTrialButton--\"]:hover {\n background-color: #929bf4;\n border-color: #929bf4;\n color: #181926;\n }\n [class|=\"ProductUpdateButton-module--updateToolTip\"] {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [class|=\"ProductUpdateButton-module--updateToolTip\"]::after {\n border-bottom-color: #363a4f;\n }\n [class|=\"cardButton\"] {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [class|=\"cardButton\"]:not([class*=\"active--\"]):hover {\n background-color: #363a4f;\n }\n [class|=\"textLower\"] {\n color: #8087a2;\n }\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: #b7bdf8;\n }\n [class*=\"active--\"] [class|=\"logo\"],\n [class*=\"active--\"] [class|=\"textUpper\"] {\n color: #cad3f5;\n }\n [class*=\"active--\"] [class|=\"innerLower\"] {\n background-color: #b7bdf8;\n }\n [class*=\"SourceTranslatorArea-module--focusBorder--\"]:has(\n div[contenteditable=\"true\"]:focus\n ) {\n border-color: #b7bdf8;\n }\n d-textarea > [data-placeholder],\n d-textarea > div[data-content=\"true\"]::before {\n color: #a5adcb;\n }\n [class*=\"enabled:hover-capable:hover:bg-dark-8\"]:hover:enabled {\n background-color: #363a4f;\n }\n [data-testid=\"word-alternatives-list\"] [class*=\"root--\"] {\n background-color: #24273a;\n }\n [data-testid=\"word-alternatives-list\"] [class*=\"root--\"][class*=\"selected--\"] {\n background-color: #363a4f;\n }\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) {\n background-color: #24273a;\n }\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) .tag_lemma .dictLink {\n color: #b8c0e0;\n }\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) .translation_group .translation_group_line .notascommon,\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) .translation_group .translation_group_line .translation.sortablemg .sep {\n color: #939ab7;\n }\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .inflectioninfo,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_lemma,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_lemma a,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_s,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_s a,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_trans_src_context,\n [class*=\"DictionaryContent-module--content--\"] .tag_trans {\n color: #b8c0e0;\n }\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_t,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_t a,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_trans,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_trans a,\n [class*=\"DictionaryContent-module--content--\"] .tag_lemma a {\n color: #b7bdf8;\n }\n [class*=\"DictionaryContent-module--content--\"] .notascommon,\n [class*=\"DictionaryContent-module--content--\"] .sep {\n color: #939ab7;\n }\n .lmt__glossary_onOffSwitch_container label[class|=\"label\"] {\n --background: #8087a2;\n --backgroundHover: #697190;\n --inlineLabelColor: #181926;\n --outline-color: #b7bdf8;\n }\n .lmt__glossary_onOffSwitch_container label[class|=\"label\"][class*=\"selected--\"] {\n --background: #a6da95;\n --backgroundHover: #8dcf77;\n }\n .lmt__glossary_onOffSwitch_container label[class|=\"label\"] [class|=\"toggle\"] [class|=\"knob\"] {\n background: #181926;\n }\n [class|=\"modal\"],\n .lmt__glossary_editor {\n background-color: #24273a;\n }\n [class|=\"modal\"] [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"],\n .lmt__glossary_editor [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"] {\n background: #b7bdf8;\n color: #181926;\n }\n [class|=\"modal\"] [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"]:disabled,\n .lmt__glossary_editor [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"]:disabled {\n background: rgba(183, 189, 248, 0.5);\n }\n .lmt__glossary_editor {\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"],\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] {\n --input-background: #24273a;\n --input-border-color: #494d64;\n --input-color: #b8c0e0;\n }\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"] [class|=\"button\"][aria-expanded=\"true\"],\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] [class|=\"button\"][aria-expanded=\"true\"] {\n border-color: #b7bdf8;\n }\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"] [class|=\"controls\"] [class|=\"wrapper\"],\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] [class|=\"controls\"] [class|=\"wrapper\"] {\n --button-background: #24273a;\n --button-border-color: #494d64;\n --button-color: #b8c0e0;\n }\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"] [class|=\"controls\"] [class|=\"wrapper\"] [class|=\"flyout\"],\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] [class|=\"controls\"] [class|=\"wrapper\"] [class|=\"flyout\"] {\n background: #24273a;\n --option-color: #b8c0e0;\n --option-selected-color: #b8c0e0;\n --option-background: rgba(238, 212, 159, 0.2);\n --option-disabled-color: #8087a2;\n --option-icon-color: #b7bdf8;\n }\n .lmt__glossary_editor_mainBar {\n background-color: #b7bdf8;\n color: #181926;\n }\n .lmt__glossary_editor_mainBar .lmt__glossary_editorClose {\n color: inherit;\n }\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom {\n background-color: #1e2030;\n }\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top .lmt__glossary_editor_glossarySelect .lmt__glossary_editor_glossaryNameWrapper .lmt__glossary_editor_glossaryName {\n color: inherit;\n }\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top .lmt__glossary_editor_glossarySelect .lmt__glossary_editor_glossaryNameWrapper .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-right-color: #929bf4;\n border-bottom-color: #929bf4;\n }\n .lmt__glossary_button .lmt__glossary_button_label:hover,\n .lmt__glossary_highlight,\n .lmt__glossary_editor_subBar_bottom .lmt__glossary_editor_glossaryAddNewWrapper .lmt__glossary_editor_glossaryAddNew {\n color: #b7bdf8;\n }\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: #494d64;\n color: #b8c0e0;\n }\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource:focus,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget:focus {\n border-color: #b7bdf8;\n }\n .lmt__glossary_editor_langPairHeadline {\n color: inherit;\n border-bottom-color: #494d64;\n }\n .lmt__glossary_editorRow {\n color: inherit;\n }\n .lmt__glossary_editorRow .iconButton {\n color: #a5adcb;\n }\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: #494d64;\n border-right-color: #494d64;\n }\n .lmt__glossary_dialog {\n background-color: #363a4f;\n border-color: #494d64;\n color: #cad3f5;\n }\n .lmt__glossary_dialog__line--suggestions,\n .lmt__glossary_dialog__line .choice .option {\n color: #b7bdf8;\n }\n .root--Te5J3 {\n background-color: #24273a;\n }\n .divider--CI8JQ {\n color: #494d64;\n }\n [class^=\"UploadPanel-module--docTrans__help_popup--\"] {\n background-color: #24273a;\n }\n [class|=\"Quote-module--quote\"] {\n background-color: #24273a !important;\n color: #cad3f5;\n }\n [class|=\"Quote-module--quoteSource\"] > a {\n color: #929bf4;\n }\n [class|=\"Quote-module--quote\"] {\n border-color: #363a4f;\n }\n [class|=\"Quotes-module--quotesNavigationEntry\"] {\n background-color: #494d64;\n }\n [class*=\"Quotes-module--quotesNavigationEntryActive--\"] {\n background-color: #b7bdf8;\n }\n [class^=\"ProBanner2021-module--wrapper--\"],\n [class|=\"CareerBanner-module--container\"] {\n background: #24273a;\n }\n [class|=\"CareerBanner-module--text\"] h2 {\n color: #8087a2;\n }\n [class|=\"PopularLangPairList-module--seoText\"] {\n color: #6e738d;\n }\n [class|=\"PopularLangPairList-module--seoText\"] p[class|=\"PopularLangPairList-module--title\"] {\n color: #939ab7;\n }\n footer [class|=\"pageFooterV2-module--footerOuterContainer\"] {\n background-color: #24273a;\n }\n [class|=\"ProBanner2021-module--textLink\"] {\n color: #d2b7f8;\n }\n [class|=\"pageFooterV2-module--footerOuterContainer\"] [class|=\"pageFooterV2-module--footerContainer\"] [class|=\"pageFooterV2-module--footerContentContainer\"] [class|=\"pageFooterV2-module--linksContainer\"] [class|=\"pageFooterV2-module--linkList\"] li:first-of-type {\n color: #8087a2;\n }\n [class|=\"pageFooterV2-module--footerOuterContainer\"] [class|=\"pageFooterV2-module--footerContainer\"] [class|=\"pageFooterV2-module--footerContentContainer\"] [class|=\"pageFooterV2-module--linksContainer\"] [class|=\"pageFooterV2-module--linkList\"] li:not(:first-of-type) a {\n color: #cad3f5 !important;\n }\n [class|=\"LanguageSelector-module--wrapper\"] {\n --button-background: #363a4f;\n --button-border-color: #494d64;\n --button-color: #b8c0e0;\n }\n [class|=\"LanguageSelector-module--wrapper\"] [class|=\"LanguageSelector-module--flyout\"] {\n background: #363a4f;\n --option-color: #b8c0e0;\n --option-icon-color: #b7bdf8;\n }\n [class|=\"LanguageSelector-module--wrapper\"] [class|=\"LanguageSelector-module--flyout\"] [class|=\"LanguageSelector-module--option\"][class*=\"LanguageSelector-module--active--\"] {\n --option-background: rgba(238, 212, 159, 0.2);\n }\n [class|=\"classicSidemenu-module--menuContainer\"] {\n background-color: #24273a;\n }\n [class|=\"classicSidemenu-module--menuContainer\"] [class|=\"closeButton-module--closeButton\"]::before,\n [class|=\"classicSidemenu-module--menuContainer\"] [class|=\"closeButton-module--closeButton\"]::after {\n background-color: #b7bdf8;\n }\n [class|=\"classicSidemenu-module--mainContent\"] {\n border-bottom-color: #363a4f;\n }\n [class|=\"mainMenu-module--container\"] a {\n color: #cad3f5;\n }\n [class|=\"mainMenu-module--container\"] a:hover {\n color: #b7bdf8;\n }\n [class|=\"subMenu-module--container\"] button {\n color: #cad3f5 !important;\n }\n [class|=\"subMenu-module--container\"] [class|=\"button-module--button\"][class*=\"button-module--variant_text--\"],\n [class|=\"subMenu-module--container\"] [class|=\"button-module--button\"][class*=\"button-module--variant_text--\"]:hover {\n background-color: transparent;\n }\n .lmt__glossary_ad_checkmark {\n border-bottom-color: #a6da95;\n border-right-color: #a6da95;\n }\n header,\n [class=\"w-full bg-white px-8 lg:px-[70px]\"],\n [class=\"p-8 lg:px-[70px]\"],\n footer,\n [href=\"/write\"].block {\n display: none;\n }\n body {\n background: #1e2030;\n }\n [class=\"relative pr-0 false\"] {\n height: 100%;\n }\n [data-testid=\"translator\"] {\n justify-content: center;\n align-content: center;\n align-items: center;\n }\n [data-testid=\"translator\"] > div:first-of-type {\n width: 100vw;\n }",
"start": 1044,
"urlPrefixes": [
"https://www.deepl.com/translator"
]
}
],
- "sourceCode": "/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepl\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl\n@version 0.3.0\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox zenMode \"Zen Mode\" 0\n==/UserStyle== */\n\n@-moz-document url-prefix(\"https://www.deepl.com/translator\")\n{\n #catppuccin(@darkFlavor, @accentColor);\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n }\n\n @accent-text: @crust; // if(@lookup=latte, #fff, @crust) * this doesn't work for some reason. find fix\n\n body,\n button {\n color: @text;\n }\n\n p {\n color: @subtext1;\n }\n\n a {\n color: @accent-color;\n\n &:hover {\n color: darken(@accent-color, 8%);\n }\n }\n\n input {\n background-color: @base;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: @overlay1;\n }\n\n // dammit tailwind\n .bg-neutral-next-50,\n .bg-deprecated-grey {\n background-color: @mantle;\n }\n\n .bg-white,\n .bg-blue-100 {\n background-color: @base;\n }\n\n .bg-dark-8 {\n background-color: @surface0;\n }\n\n .bg-mosque {\n background-color: spin(@accent-color, 30);\n\n &.text-white {\n color: @accent-text;\n }\n }\n\n .bg-blue-next-500 {\n background-color: @accent-color;\n\n &.text-white {\n color: @accent-text;\n }\n }\n\n .border-dark-7,\n .border-neutral-300 {\n border-color: @surface0;\n }\n\n .border-blue-chill,\n .bg-blue-next-500 {\n border-color: @accent-color;\n }\n\n .border-neutral-next-900 {\n border-color: @overlay1;\n }\n\n .text-deepl-blue,\n .text-blue-600 {\n color: @accent-color;\n }\n\n .text-blue-chill {\n color: spin(@accent-color, 30);\n }\n\n .text-deprecated-mid-grey {\n color: @text;\n }\n\n .text-neutral-600 {\n color: @subtext0;\n }\n\n .text-dark-1 {\n color: @subtext1;\n }\n\n .text-white,\n .text-black {\n color: @text;\n }\n\n .text-neutral-next-800 {\n color: @overlay1;\n }\n\n [class*=\"hover:bg-dark-8\"]:hover,\n [class*=\"enabled:hover:bg-dark-8\"]:hover:enabled,\n [class*=\"hover:bg-neutral-200\"]:hover,\n [class*=\"hover:bg-neutral-next-100\"]:hover {\n background-color: @surface0;\n }\n\n [class*=\"hover:bg-blue-200\"]:hover {\n background-color: mix(@accent-color, @base, 8%);\n }\n\n [class*=\"hover:bg-blue-next-700\"]:hover {\n background-color: darken(@accent-color, 8%);\n }\n\n [class*=\"hover:border-blue-next-700\"]:hover {\n border-color: darken(@accent-color, 8%);\n }\n\n [class*=\"disabled:text-dark-5:disabled\"],\n [class*=\"disabled:text-neutral-500:disabled\"] {\n color: @overlay1;\n }\n\n [class*=\"hover:text-blue-chill\"]:hover {\n color: darken(@accent-color, 15%);\n }\n\n [class*=\"bg-[#B4DAE8]\"] {\n // background-color: fadeout(@accent-color, 70%);\n }\n\n [class*=\"bg-[#E1F0F5]\"] {\n background-color: fadeout(@accent-color, 70%);\n }\n\n // span[class*=\"hover:bg-[#B4DAE8]\"],\n [class*=\"bg-[#B4DAE8]\"] {\n // background-color: fadeout(@accent-color, 55%);\n\n &[class*=\"text-[#01557C]\"] {\n color: darken(@accent-color, 50%);\n }\n }\n\n [class*=\"text-[#25282D]\"] {\n color: @text;\n }\n\n [class*=\"text-[#01557C]\"] {\n color: @accent-color;\n }\n\n .divide-dark-7 > :not([hidden]) ~ :not([hidden]) {\n border-color: @surface1;\n }\n\n // general stuff\n [class*=\"button--\"] {\n &[class*=\"variant_contained--\"],\n &[class*=\"variant_contained--\"]:hover {\n color: @accent-text;\n }\n\n &[class*=\"color_primary--\"] {\n background-color: @accent-color;\n border-color: @accent-color;\n\n &:hover {\n background-color: darken(@accent-color, 15%);\n border-color: darken(@accent-color, 15%);\n color: @accent-text;\n }\n }\n }\n\n [class*=\"IconAnchor-module--anchor--\"] {\n color: @accent-color;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n [stroke=\"#0F2B46\"] {\n stroke: @accent-color !important;\n }\n\n [stroke=\"#006494\"] {\n stroke: @subtext0 !important;\n }\n\n // header\n [class^=\"BasePageHeader-module--container\"] {\n background-color: @crust;\n }\n\n [class|=\"PageHeaderLink-module--pageHeaderLink\"],\n [class|=\"FlyoutMenuButton-module--flyoutMenuButton\"],\n [class|=\"LoginButton-module--loginButton\"] {\n color: darken(@accent-color, 8%);\n }\n\n [class|=\"SideMenuButton-module--menuButton\"] {\n &,\n &::before,\n &::after {\n border-top-color: darken(@accent-color, 8%);\n }\n\n &:hover {\n &,\n &::before,\n &::after {\n border-top-color: @accent-color;\n }\n }\n }\n\n [class*=\"PageHeaderLink-module--pageHeaderLink--\"]:not(\n [class*=\"PageHeaderLink-module--nohover--\"]\n ):hover {\n color: @accent-color;\n border-color: @accent-color;\n }\n\n [class|=\"LoginButton-module--loginButton\"]:hover {\n color: @accent-color;\n }\n\n [class*=\"badge-module--badge--\"][class*=\"badge-module--proDark--\"] {\n background-color: spin(@accent-color, 30);\n color: @accent-text;\n }\n\n [class*=\"StartFreeTrialButton-module--startFreeTrialButton--\"] {\n background-color: @accent-color;\n border-color: @accent-color;\n color: @accent-text;\n\n &:hover {\n background-color: darken(@accent-color, 8%);\n border-color: darken(@accent-color, 8%);\n color: @accent-text;\n }\n }\n\n [class|=\"ProductUpdateButton-module--updateToolTip\"] {\n background-color: @surface0;\n color: @text;\n\n &::after {\n border-bottom-color: @surface0;\n }\n }\n\n // buttons above translation container\n [class|=\"cardButton\"] {\n background-color: @base;\n border-color: @surface0;\n\n &:not([class*=\"active--\"]):hover {\n background-color: @surface0;\n }\n }\n\n [class|=\"textLower\"] {\n color: @overlay1;\n }\n\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: @accent-color;\n }\n\n [class*=\"active--\"] {\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: @text;\n }\n\n [class|=\"innerLower\"] {\n background-color: @accent-color;\n }\n }\n\n // translation container\n [class*=\"SourceTranslatorArea-module--focusBorder--\"]:has(\n div[contenteditable=\"true\"]:focus\n ) {\n border-color: @accent-color;\n }\n\n [class*=\"focus-within:border-blue-chill\"] {\n // border-color: @accent-color;\n }\n\n d-textarea > [data-placeholder],\n d-textarea > div[data-content=\"true\"]::before {\n color: @subtext0;\n }\n\n [class*=\"enabled:hover-capable:hover:bg-dark-8\"]:hover:enabled {\n background-color: @surface0;\n }\n\n // alternatives\n [data-testid=\"word-alternatives-list\"] {\n [class*=\"root--\"] {\n background-color: @base;\n\n &[class*=\"selected--\"] {\n background-color: @surface0;\n }\n }\n }\n\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) {\n background-color: @base;\n\n .tag_lemma .dictLink {\n color: @subtext1;\n }\n\n .translation_group .translation_group_line .notascommon,\n .translation_group .translation_group_line .translation.sortablemg .sep {\n color: @overlay2;\n }\n }\n\n // dictionary\n [class*=\"DictionaryContent-module--content--\"] {\n .isForeignTerm .inflectioninfo,\n .isForeignTerm .tag_lemma,\n .isForeignTerm .tag_lemma a,\n .isForeignTerm .tag_s,\n .isForeignTerm .tag_s a,\n .isForeignTerm .tag_trans_src_context,\n .tag_trans {\n color: @subtext1;\n }\n\n .isForeignTerm .tag_t,\n .isForeignTerm .tag_t a,\n .isForeignTerm .tag_trans,\n .isForeignTerm .tag_trans a,\n .tag_lemma a {\n color: @accent-color;\n }\n\n .notascommon,\n .sep {\n color: @overlay2;\n }\n }\n\n // glossary\n .lmt__glossary_onOffSwitch_container {\n label[class|=\"label\"] {\n --background: @overlay1;\n --backgroundHover: darken(@overlay1, 8%);\n --inlineLabelColor: @accent-text;\n --outline-color: @accent-color;\n\n &[class*=\"selected--\"] {\n --background: @green;\n --backgroundHover: darken(@green, 8%);\n }\n\n [class|=\"toggle\"] [class|=\"knob\"] {\n background: @accent-text;\n }\n }\n }\n\n [class|=\"modal\"],\n .lmt__glossary_editor {\n background-color: @base;\n\n [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"] {\n background: @accent-color;\n color: @accent-text;\n\n &:disabled {\n background: fadeout(@accent-color, 50%);\n }\n }\n }\n\n .lmt__glossary_editor {\n color: @text;\n border-color: @accent-color;\n\n form.bg-deprecated-grey\n [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"],\n form.bg-deprecated-grey\n [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] {\n --input-background: @base;\n --input-border-color: @surface1;\n --input-color: @subtext1;\n\n [class|=\"button\"][aria-expanded=\"true\"] {\n border-color: @accent-color;\n }\n\n [class|=\"controls\"] [class|=\"wrapper\"] {\n --button-background: @base;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class|=\"flyout\"] {\n background: @base;\n --option-color: @subtext1;\n --option-selected-color: @subtext1;\n --option-background: fadeout(@yellow, 80%);\n --option-disabled-color: @overlay1;\n --option-icon-color: @accent-color;\n }\n }\n }\n }\n\n .lmt__glossary_editor_mainBar {\n background-color: @accent-color;\n color: @accent-text;\n\n .lmt__glossary_editorClose {\n color: inherit;\n }\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom {\n background-color: @mantle;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossaryName {\n color: inherit;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-right-color: darken(@accent-color, 8%);\n border-bottom-color: darken(@accent-color, 8%);\n }\n\n .lmt__glossary_button .lmt__glossary_button_label:hover,\n .lmt__glossary_highlight,\n .lmt__glossary_editor_subBar_bottom\n .lmt__glossary_editor_glossaryAddNewWrapper\n .lmt__glossary_editor_glossaryAddNew {\n color: @accent-color;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: @surface1;\n color: @subtext1;\n\n &:focus {\n border-color: @accent-color;\n }\n }\n\n .lmt__glossary_editor_langPairHeadline {\n color: inherit;\n border-bottom-color: @surface1;\n }\n\n .lmt__glossary_editorRow {\n color: inherit;\n\n .iconButton {\n color: @subtext0;\n }\n }\n\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: @surface1;\n border-right-color: @surface1;\n }\n\n .lmt__glossary_dialog {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n\n .lmt__glossary_dialog__line--suggestions,\n .lmt__glossary_dialog__line .choice .option {\n color: @accent-color;\n }\n\n // this this appears when you click on a word on the translated container...\n .root--Te5J3 {\n background-color: @base;\n }\n\n .divider--CI8JQ {\n color: @surface1;\n }\n\n // translate files\n [class^=\"UploadPanel-module--docTrans__help_popup--\"] {\n background-color: @base;\n }\n\n // quotes\n [class|=\"Quote-module--quote\"] {\n background-color: @base !important;\n color: @text;\n }\n\n [class|=\"Quote-module--quoteSource\"] {\n > a {\n color: darken(@accent-color, 8%);\n }\n }\n\n [class|=\"Quote-module--quote\"] {\n border-color: @surface0;\n }\n\n [class|=\"Quotes-module--quotesNavigationEntry\"] {\n background-color: @surface1;\n }\n\n [class*=\"Quotes-module--quotesNavigationEntryActive--\"] {\n background-color: @accent-color;\n }\n\n // aside\n [class^=\"ProBanner2021-module--wrapper--\"],\n [class|=\"CareerBanner-module--container\"] {\n background: @base;\n }\n\n [class|=\"CareerBanner-module--text\"] {\n h2 {\n color: @overlay1;\n }\n }\n\n [class|=\"PopularLangPairList-module--seoText\"] {\n color: @overlay0;\n\n p[class|=\"PopularLangPairList-module--title\"] {\n color: @overlay2;\n }\n }\n\n // footer\n footer [class|=\"pageFooterV2-module--footerOuterContainer\"] {\n background-color: @base;\n }\n\n [class|=\"ProBanner2021-module--textLink\"] {\n color: spin(@accent-color, 30);\n }\n\n [class|=\"pageFooterV2-module--footerOuterContainer\"]\n [class|=\"pageFooterV2-module--footerContainer\"]\n [class|=\"pageFooterV2-module--footerContentContainer\"]\n [class|=\"pageFooterV2-module--linksContainer\"]\n [class|=\"pageFooterV2-module--linkList\"]\n li {\n &:first-of-type {\n color: @overlay1;\n }\n\n &:not(:first-of-type) a {\n color: @text !important;\n }\n }\n\n [class|=\"LanguageSelector-module--wrapper\"] {\n --button-background: @surface0;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class|=\"LanguageSelector-module--flyout\"] {\n background: @surface0;\n // --option-background: @surface0;\n --option-color: @subtext1;\n --option-icon-color: @accent-color;\n\n [class|=\"LanguageSelector-module--option\"][class*=\"LanguageSelector-module--active--\"] {\n --option-background: fadeout(@yellow, 80%);\n }\n }\n }\n\n // side menu\n [class|=\"classicSidemenu-module--menuContainer\"] {\n background-color: @base;\n\n [class|=\"closeButton-module--closeButton\"] {\n &::before,\n &::after {\n background-color: @accent-color;\n }\n }\n }\n\n [class|=\"classicSidemenu-module--mainContent\"] {\n border-bottom-color: @surface0;\n }\n\n [class|=\"mainMenu-module--container\"] a {\n color: @text;\n\n &:hover {\n color: @accent-color;\n }\n }\n\n [class|=\"subMenu-module--container\"] {\n button {\n color: @text !important;\n }\n\n [class|=\"button-module--button\"][class*=\"button-module--variant_text--\"] {\n &,\n &:hover {\n background-color: transparent;\n }\n }\n }\n\n // whatever\n .lmt__glossary_ad_checkmark {\n border-bottom-color: @green;\n border-right-color: @green;\n }\n\n // zen mode\n & when (@zenMode = 1) {\n header,\n [class=\"w-full bg-white px-8 lg:px-[70px]\"],\n [class=\"p-8 lg:px-[70px]\"],\n footer,\n [href=\"/write\"].block {\n display: none;\n }\n\n body {\n background: @mantle;\n }\n\n [class=\"relative pr-0 false\"] {\n height: 100%;\n }\n\n [data-testid=\"translator\"] {\n // height: 100%;\n // width: 100vw;\n display: flex;\n justify-content: center;\n align-content: center;\n align-items: center;\n\n > div:first-of-type {\n width: 100vw;\n }\n }\n }\n}\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n",
+ "sourceCode": "/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepl\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl\n@version 0.3.1\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox zenMode \"Zen Mode\" 0\n==/UserStyle== */\n\n@-moz-document url-prefix(\"https://www.deepl.com/translator\")\n{\n #catppuccin(@darkFlavor, @accentColor);\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n }\n\n @accent-text: @crust; // if(@lookup=latte, #fff, @crust) * this doesn't work for some reason. find fix\n\n body,\n button {\n color: @text;\n }\n\n p {\n color: @subtext1;\n }\n\n a {\n color: @accent-color;\n\n &:hover {\n color: darken(@accent-color, 8%);\n }\n }\n\n input {\n background-color: @base;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: @overlay1;\n }\n\n // dammit tailwind\n .bg-neutral-next-50,\n .bg-deprecated-grey {\n background-color: @mantle;\n }\n\n .bg-white,\n .bg-blue-100 {\n background-color: @base;\n }\n\n .bg-dark-8 {\n background-color: @surface0;\n }\n\n .bg-mosque {\n background-color: spin(@accent-color, 30);\n\n &.text-white {\n color: @accent-text;\n }\n }\n\n .bg-blue-next-500 {\n background-color: @accent-color;\n\n &.text-white {\n color: @accent-text;\n }\n }\n\n .border-dark-7,\n .border-neutral-300 {\n border-color: @surface0;\n }\n\n .border-blue-chill,\n .bg-blue-next-500 {\n border-color: @accent-color;\n }\n\n .border-neutral-next-900 {\n border-color: @overlay1;\n }\n\n .text-deepl-blue,\n .text-blue-600 {\n color: @accent-color;\n }\n\n .text-blue-chill {\n color: spin(@accent-color, 30);\n }\n\n .text-deprecated-mid-grey {\n color: @text;\n }\n\n .text-neutral-600 {\n color: @subtext0;\n }\n\n .text-dark-1 {\n color: @subtext1;\n }\n\n .text-white,\n .text-black {\n color: @text;\n }\n\n .text-neutral-next-800 {\n color: @overlay1;\n }\n\n [class*=\"hover:bg-dark-8\"]:hover,\n [class*=\"enabled:hover:bg-dark-8\"]:hover:enabled,\n [class*=\"hover:bg-neutral-200\"]:hover,\n [class*=\"hover:bg-neutral-next-100\"]:hover {\n background-color: @surface0;\n }\n\n [class*=\"hover:bg-blue-200\"]:hover {\n background-color: mix(@accent-color, @base, 8%);\n }\n\n [class*=\"hover:bg-blue-next-700\"]:hover {\n background-color: darken(@accent-color, 8%);\n }\n\n [class*=\"hover:border-blue-next-700\"]:hover {\n border-color: darken(@accent-color, 8%);\n }\n\n [class*=\"disabled:text-dark-5:disabled\"],\n [class*=\"disabled:text-neutral-500:disabled\"] {\n color: @overlay1;\n }\n\n [class*=\"hover:text-blue-chill\"]:hover {\n color: darken(@accent-color, 15%);\n }\n\n [class*=\"bg-[#B4DAE8]\"] {\n // background-color: fadeout(@accent-color, 70%);\n }\n\n [class*=\"bg-[#E1F0F5]\"] {\n background-color: fadeout(@accent-color, 70%);\n }\n\n // span[class*=\"hover:bg-[#B4DAE8]\"],\n [class*=\"bg-[#B4DAE8]\"] {\n // background-color: fadeout(@accent-color, 55%);\n\n &[class*=\"text-[#01557C]\"] {\n color: darken(@accent-color, 50%);\n }\n }\n\n [class*=\"text-[#25282D]\"] {\n color: @text;\n }\n\n [class*=\"text-[#01557C]\"] {\n color: @accent-color;\n }\n\n .divide-dark-7 > :not([hidden]) ~ :not([hidden]) {\n border-color: @surface1;\n }\n\n // general stuff\n [class*=\"button--\"] {\n &[class*=\"variant_contained--\"],\n &[class*=\"variant_contained--\"]:hover {\n color: @accent-text;\n }\n\n &[class*=\"color_primary--\"] {\n background-color: @accent-color;\n border-color: @accent-color;\n\n &:hover {\n background-color: darken(@accent-color, 15%);\n border-color: darken(@accent-color, 15%);\n color: @accent-text;\n }\n }\n }\n\n [class*=\"IconAnchor-module--anchor--\"] {\n color: @accent-color;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n [stroke=\"#0F2B46\"] {\n stroke: @accent-color !important;\n }\n\n [stroke=\"#006494\"] {\n stroke: @subtext0 !important;\n }\n\n // header\n [class^=\"BasePageHeader-module--container\"] {\n background-color: @crust;\n }\n\n [class|=\"PageHeaderLink-module--pageHeaderLink\"],\n [class|=\"FlyoutMenuButton-module--flyoutMenuButton\"],\n [class|=\"LoginButton-module--loginButton\"] {\n color: darken(@accent-color, 8%);\n }\n\n [class|=\"SideMenuButton-module--menuButton\"] {\n &,\n &::before,\n &::after {\n border-top-color: darken(@accent-color, 8%);\n }\n\n &:hover {\n &,\n &::before,\n &::after {\n border-top-color: @accent-color;\n }\n }\n }\n\n [class*=\"PageHeaderLink-module--pageHeaderLink--\"]:not(\n [class*=\"PageHeaderLink-module--nohover--\"]\n ):hover {\n color: @accent-color;\n border-color: @accent-color;\n }\n\n [class|=\"LoginButton-module--loginButton\"]:hover {\n color: @accent-color;\n }\n\n [class*=\"badge-module--badge--\"][class*=\"badge-module--proDark--\"] {\n background-color: spin(@accent-color, 30);\n color: @accent-text;\n }\n\n [class*=\"StartFreeTrialButton-module--startFreeTrialButton--\"] {\n background-color: @accent-color;\n border-color: @accent-color;\n color: @accent-text;\n\n &:hover {\n background-color: darken(@accent-color, 8%);\n border-color: darken(@accent-color, 8%);\n color: @accent-text;\n }\n }\n\n [class|=\"ProductUpdateButton-module--updateToolTip\"] {\n background-color: @surface0;\n color: @text;\n\n &::after {\n border-bottom-color: @surface0;\n }\n }\n\n // buttons above translation container\n [class|=\"cardButton\"] {\n background-color: @base;\n border-color: @surface0;\n\n &:not([class*=\"active--\"]):hover {\n background-color: @surface0;\n }\n }\n\n [class|=\"textLower\"] {\n color: @overlay1;\n }\n\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: @accent-color;\n }\n\n [class*=\"active--\"] {\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: @text;\n }\n\n [class|=\"innerLower\"] {\n background-color: @accent-color;\n }\n }\n\n // translation container\n [class*=\"SourceTranslatorArea-module--focusBorder--\"]:has(\n div[contenteditable=\"true\"]:focus\n ) {\n border-color: @accent-color;\n }\n\n [class*=\"focus-within:border-blue-chill\"] {\n // border-color: @accent-color;\n }\n\n d-textarea > [data-placeholder],\n d-textarea > div[data-content=\"true\"]::before {\n color: @subtext0;\n }\n\n [class*=\"enabled:hover-capable:hover:bg-dark-8\"]:hover:enabled {\n background-color: @surface0;\n }\n\n // alternatives\n [data-testid=\"word-alternatives-list\"] {\n [class*=\"root--\"] {\n background-color: @base;\n\n &[class*=\"selected--\"] {\n background-color: @surface0;\n }\n }\n }\n\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) {\n background-color: @base;\n\n .tag_lemma .dictLink {\n color: @subtext1;\n }\n\n .translation_group .translation_group_line .notascommon,\n .translation_group .translation_group_line .translation.sortablemg .sep {\n color: @overlay2;\n }\n }\n\n // dictionary\n [class*=\"DictionaryContent-module--content--\"] {\n .isForeignTerm .inflectioninfo,\n .isForeignTerm .tag_lemma,\n .isForeignTerm .tag_lemma a,\n .isForeignTerm .tag_s,\n .isForeignTerm .tag_s a,\n .isForeignTerm .tag_trans_src_context,\n .tag_trans {\n color: @subtext1;\n }\n\n .isForeignTerm .tag_t,\n .isForeignTerm .tag_t a,\n .isForeignTerm .tag_trans,\n .isForeignTerm .tag_trans a,\n .tag_lemma a {\n color: @accent-color;\n }\n\n .notascommon,\n .sep {\n color: @overlay2;\n }\n }\n\n // glossary\n .lmt__glossary_onOffSwitch_container {\n label[class|=\"label\"] {\n --background: @overlay1;\n --backgroundHover: darken(@overlay1, 8%);\n --inlineLabelColor: @accent-text;\n --outline-color: @accent-color;\n\n &[class*=\"selected--\"] {\n --background: @green;\n --backgroundHover: darken(@green, 8%);\n }\n\n [class|=\"toggle\"] [class|=\"knob\"] {\n background: @accent-text;\n }\n }\n }\n\n [class|=\"modal\"],\n .lmt__glossary_editor {\n background-color: @base;\n\n [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"] {\n background: @accent-color;\n color: @accent-text;\n\n &:disabled {\n background: fadeout(@accent-color, 50%);\n }\n }\n }\n\n .lmt__glossary_editor {\n color: @text;\n border-color: @accent-color;\n\n form.bg-deprecated-grey\n [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"],\n form.bg-deprecated-grey\n [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] {\n --input-background: @base;\n --input-border-color: @surface1;\n --input-color: @subtext1;\n\n [class|=\"button\"][aria-expanded=\"true\"] {\n border-color: @accent-color;\n }\n\n [class|=\"controls\"] [class|=\"wrapper\"] {\n --button-background: @base;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class|=\"flyout\"] {\n background: @base;\n --option-color: @subtext1;\n --option-selected-color: @subtext1;\n --option-background: fadeout(@yellow, 80%);\n --option-disabled-color: @overlay1;\n --option-icon-color: @accent-color;\n }\n }\n }\n }\n\n .lmt__glossary_editor_mainBar {\n background-color: @accent-color;\n color: @accent-text;\n\n .lmt__glossary_editorClose {\n color: inherit;\n }\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom {\n background-color: @mantle;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossaryName {\n color: inherit;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-right-color: darken(@accent-color, 8%);\n border-bottom-color: darken(@accent-color, 8%);\n }\n\n .lmt__glossary_button .lmt__glossary_button_label:hover,\n .lmt__glossary_highlight,\n .lmt__glossary_editor_subBar_bottom\n .lmt__glossary_editor_glossaryAddNewWrapper\n .lmt__glossary_editor_glossaryAddNew {\n color: @accent-color;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: @surface1;\n color: @subtext1;\n\n &:focus {\n border-color: @accent-color;\n }\n }\n\n .lmt__glossary_editor_langPairHeadline {\n color: inherit;\n border-bottom-color: @surface1;\n }\n\n .lmt__glossary_editorRow {\n color: inherit;\n\n .iconButton {\n color: @subtext0;\n }\n }\n\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: @surface1;\n border-right-color: @surface1;\n }\n\n .lmt__glossary_dialog {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n\n .lmt__glossary_dialog__line--suggestions,\n .lmt__glossary_dialog__line .choice .option {\n color: @accent-color;\n }\n\n // this this appears when you click on a word on the translated container...\n .root--Te5J3 {\n background-color: @base;\n }\n\n .divider--CI8JQ {\n color: @surface1;\n }\n\n // translate files\n [class^=\"UploadPanel-module--docTrans__help_popup--\"] {\n background-color: @base;\n }\n\n // quotes\n [class|=\"Quote-module--quote\"] {\n background-color: @base !important;\n color: @text;\n }\n\n [class|=\"Quote-module--quoteSource\"] {\n > a {\n color: darken(@accent-color, 8%);\n }\n }\n\n [class|=\"Quote-module--quote\"] {\n border-color: @surface0;\n }\n\n [class|=\"Quotes-module--quotesNavigationEntry\"] {\n background-color: @surface1;\n }\n\n [class*=\"Quotes-module--quotesNavigationEntryActive--\"] {\n background-color: @accent-color;\n }\n\n // aside\n [class^=\"ProBanner2021-module--wrapper--\"],\n [class|=\"CareerBanner-module--container\"] {\n background: @base;\n }\n\n [class|=\"CareerBanner-module--text\"] {\n h2 {\n color: @overlay1;\n }\n }\n\n [class|=\"PopularLangPairList-module--seoText\"] {\n color: @overlay0;\n\n p[class|=\"PopularLangPairList-module--title\"] {\n color: @overlay2;\n }\n }\n\n // footer\n footer [class|=\"pageFooterV2-module--footerOuterContainer\"] {\n background-color: @base;\n }\n\n [class|=\"ProBanner2021-module--textLink\"] {\n color: spin(@accent-color, 30);\n }\n\n [class|=\"pageFooterV2-module--footerOuterContainer\"]\n [class|=\"pageFooterV2-module--footerContainer\"]\n [class|=\"pageFooterV2-module--footerContentContainer\"]\n [class|=\"pageFooterV2-module--linksContainer\"]\n [class|=\"pageFooterV2-module--linkList\"]\n li {\n &:first-of-type {\n color: @overlay1;\n }\n\n &:not(:first-of-type) a {\n color: @text !important;\n }\n }\n\n [class|=\"LanguageSelector-module--wrapper\"] {\n --button-background: @surface0;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class|=\"LanguageSelector-module--flyout\"] {\n background: @surface0;\n // --option-background: @surface0;\n --option-color: @subtext1;\n --option-icon-color: @accent-color;\n\n [class|=\"LanguageSelector-module--option\"][class*=\"LanguageSelector-module--active--\"] {\n --option-background: fadeout(@yellow, 80%);\n }\n }\n }\n\n // side menu\n [class|=\"classicSidemenu-module--menuContainer\"] {\n background-color: @base;\n\n [class|=\"closeButton-module--closeButton\"] {\n &::before,\n &::after {\n background-color: @accent-color;\n }\n }\n }\n\n [class|=\"classicSidemenu-module--mainContent\"] {\n border-bottom-color: @surface0;\n }\n\n [class|=\"mainMenu-module--container\"] a {\n color: @text;\n\n &:hover {\n color: @accent-color;\n }\n }\n\n [class|=\"subMenu-module--container\"] {\n button {\n color: @text !important;\n }\n\n [class|=\"button-module--button\"][class*=\"button-module--variant_text--\"] {\n &,\n &:hover {\n background-color: transparent;\n }\n }\n }\n\n // whatever\n .lmt__glossary_ad_checkmark {\n border-bottom-color: @green;\n border-right-color: @green;\n }\n\n // zen mode\n & when (@zenMode = 1) {\n header,\n [class=\"w-full bg-white px-8 lg:px-[70px]\"],\n [class=\"p-8 lg:px-[70px]\"],\n footer,\n [href=\"/write\"].block {\n display: none;\n }\n\n body {\n background: @mantle;\n }\n\n [class=\"relative pr-0 false\"] {\n height: 100%;\n }\n\n [data-testid=\"translator\"] {\n // height: 100%;\n // width: 100vw;\n // display: flex;\n justify-content: center;\n align-content: center;\n align-items: center;\n\n > div:first-of-type {\n width: 100vw;\n }\n }\n }\n}\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n",
"usercssData": {
"name": "DeepL Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/deepl",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl",
- "version": "0.3.0",
+ "version": "0.3.1",
"description": "Soothing pastel theme for DeepL",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css",
@@ -4445,12 +4456,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for DeepL",
"name": "DeepL Catppuccin",
- "originalDigest": "80e7df8c6c6ec781cad4e51556cb6aca630664a2",
+ "originalDigest": "e129ae6316c83eed96bca77372367f3edb2325d6",
"_id": "a7f9bbcf-6941-41a5-8376-e6562a952bdd",
- "_rev": 1697062730736,
+ "_rev": 1699309339225,
"id": 60,
- "etag": "W/\"1d7e9b546abfe09dc1dcaedbbb27dd07676c04b7be480de07e740cb53855feaa\"",
- "updateDate": 1697015332463
+ "etag": "W/\"215e2822d1ab3b73920b0f95d9bcf79a47b1afa6a367a44547e488c141c0aef5\"",
+ "updateDate": 1699309339165
},
{
"enabled": true,
@@ -4935,5 +4946,383 @@
"_rev": 1696719791350,
"id": 64,
"etag": "W/\"81aeb99d86ca645eaf3ba143b1ae45a03c99377e9299c7fb548f5c436d2e2e78\""
+ },
+ {
+ "enabled": true,
+ "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css",
+ "url": "https://github.com/catppuccin/userstyles/tree/main/styles/pinterest",
+ "installDate": 1699437734168,
+ "sections": [
+ {
+ "code": "/* ==UserStyle==\n@name Pinterest Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/pinterest\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pinterest\n@version 1.0.1\n@description Soothing pastel theme for Pinterest\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [ \"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\" ]\n@var select darkFlavor \"Dark Flavor\" [ \"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\" ]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */",
+ "start": 0
+ },
+ {
+ "code": "/* prettier-ignore */\n @media (prefers-color-scheme: light) {\n :root {\n --g-colorGray0: #1e2030;\n --color-border-container: #1e2030;\n --color-gray-roboflow-400: #202233;\n --color-text-icon-default: #cad3f5;\n --color-background-default: #24273a;\n --g-color-focus: #b7bdf8;\n }\n .Dl7 {\n border: none !important;\n }\n svg.ztu > path {\n fill: #a5adcb !important;\n }\n /* Body */\n body,\n div[data-test-id=\"pin-builder\"] {\n background-color: #24273a !important;\n height: auto !important;\n }\n .O2T,\n .pBj,\n h3,\n h5,\n div,\n input[type=\"text\"],\n ai {\n color: #cad3f5 !important;\n }\n .a_A:focus,\n .a_A:hover {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n :focus,\n :focus-within,\n :focus-visible {\n outline-color: #b7bdf8 !important;\n }\n div#searchBoxContainer div[style=\"padding: 0px 0px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div#searchBoxContainer div[style=\"padding: 0px 4px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div[data-test-id=\"add-pin-to-conversation\"] div[style=\"border: 1px solid transparent; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n box-shadow: 0 0 0 4px #b7bdf8 !important;\n }\n .iyn:focus,\n .C1J {\n box-shadow: 0 0 0 4px #b7bdf8;\n }\n .hCL.kVc.L4E.MIw {\n background-color: transparent !important;\n }\n div[data-test-id=\"skipToContentContainer\"] div {\n background-color: #b7bdf8 !important;\n color: #1e2030 !important;\n }\n /** Mobile **/\n div._he.urM.zI7.iyn.Hsu {\n border: none !important;\n }\n /* About */\n h1.lH1.dyH.iFc.H2s.bwj.c8S.zDA,\n h2.lH1.dyH.iFc.H2s.bwj.c8S.zDA {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"signup-default-modal\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"signup-default-modal\"] h1 {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"signup-default-modal\"] div.oy8.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n div[data-test-id=\"registerFormSubmitButton\"] button.red {\n background-color: #b7bdf8 !important;\n }\n div[data-test-id=\"registerFormSubmitButton\"] button.red div {\n color: #1e2030 !important;\n }\n div[data-test-id=\"registerFormSubmitButton\"] button.red:hover,\n div[data-test-id=\"registerFormSubmitButton\"] button.red:focus {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n div[style=\"height: 200px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);\"] {\n background: linear-gradient(rgba(36, 39, 58, 0) 0%, #24273a 70%) !important;\n }\n div[data-test-id=\"how-it-works-container\"] {\n background-color: #eed49f !important;\n }\n div[data-test-id=\"how-it-works-container\"] div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n color: #24273a !important;\n }\n div[data-test-id=\"how-it-works-container\"] svg > path {\n fill: #24273a !important;\n }\n div[data-anchor=\"search\"] {\n background-color: #eed49f !important;\n }\n div[data-anchor=\"search\"] div.zI7.iyn.Hsu {\n color: #24273a !important;\n }\n div[data-anchor=\"search\"] div.JME.zI7.iyn.Hsu {\n color: #cad3f5 !important;\n }\n div[data-anchor=\"save\"] {\n background-color: #b7bdf8 !important;\n }\n div[data-anchor=\"save\"] div.zI7.iyn.Hsu {\n color: #24273a !important;\n }\n div[data-anchor=\"shop\"] {\n background-color: #f4dbd6 !important;\n }\n div[data-anchor=\"shop\"] div.zI7.iyn.Hsu {\n color: #24273a !important;\n }\n /** Mobile **/\n div.QLY.Rym.XiG.Zr3.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n /* Button */\n .Jrn,\n .gpV {\n background-color: #b7bdf8 !important;\n }\n .Jrn div,\n .gpV div {\n color: #24273a !important;\n }\n .BsF {\n background-color: #1e2030 !important;\n }\n .u97 {\n background-color: rgba(36, 39, 58, 0.69) !important;\n }\n .NSs.bPW,\n .NSs.Xsi {\n background-color: #363a4f !important;\n }\n .NSs.s4m {\n background-color: #5b6078 !important;\n }\n .bmw,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n .bmw:focus,\n .bmw:hover,\n .W6-:focus,\n .W6-:hover,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu:hover,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu:hover,\n ._HI,\n .eZS,\n .zI8:focus,\n .zI8:hover,\n .BsF:hover,\n .BsF:focus {\n background-color: rgba(36, 39, 58, 0.69) !important;\n }\n .Il7:hover,\n .Il7:focus {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n input.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.z-6,\n textarea.Gnj.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB,\n div.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.BMi.rNx {\n background-color: #1e2030;\n border: none !important;\n }\n /** Mobile **/\n div.IVF.Jea.mQ8.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n }\n div.IVF.Jea.mQ8.zI7.iyn.Hsu span {\n color: #24273a !important;\n }\n /* Header */\n .GjR,\n .sj_ {\n color: #b7bdf8 !important;\n }\n .P_h {\n background-color: #181926 !important;\n }\n .P_h span {\n color: #cad3f5 !important;\n }\n .urM,\n .SpV,\n .DUt.XiG._wN.hA-.urM.wYR.zI7.iyn.Hsu,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu,\n .ProPartnerHeaderMenuList .proPartnerHeaderMenuItem:hover {\n background-color: #24273a !important;\n }\n /* Search */\n div.Jea.fev.zI7.iyn.Hsu,\n div[data-test-id=\"search-tab-bar\"] {\n background-color: #1e2030 !important;\n }\n div.sLG.urM.zI7.iyn.Hsu div.hs0.un8.C9i.TB_ {\n background-color: #24273a !important;\n }\n input#search {\n color: #cad3f5 !important;\n }\n span.tBJ.dyH.iFc.sAJ.EdS.zDA.IZT.swG {\n color: #8087a2 !important;\n }\n div.C9q.Jea.KS5.Lfz.XiG.Zr3._HI.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.C9q.Jea.KS5.Lfz.XiG.Zr3.hle.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n /** Mobile **/\n div[data-test-id=\"header\"] {\n border-color: #1e2030 !important;\n }\n div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n /* Profile */\n div[data-test-id=\"profile-header\"],\n div[data-test-id=\"PinTypeIdentifier\"],\n div.hs0.mQ8.un8.C9i.TB_ div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Jea._HI.fev.zI7.iyn.Hsu div.MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n .MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n div.qiB div.fZz.urM.zI7.iyn.Hsu,\n div.zIH.PC4.XiG {\n background-color: #24273a !important;\n }\n div.hs0.mQ8.un8.C9i.TB_ div.INd.XiG.zI7.iyn.Hsu {\n box-shadow: none !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] {\n border: none !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] div.INd.XiG._HI.zI7.iyn.Hsu {\n background-color: #181926 !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] div.INd.XiG._HI.zI7.iyn.Hsu svg > text {\n fill: #cad3f5 !important;\n }\n div.KS5.jzS.un8.C9i.TB_ div.DUt.XiG._HI._wN.hA-.wYR.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu div.XiG.zI7.iyn.Hsu {\n background-color: rgba(36, 39, 58, 0.69) !important;\n }\n div.MIw.QLY.Rym.ojN.p6V.sLG.zI7.iyn.Hsu {\n border-color: #1e2030 !important;\n }\n div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu[style=\"height: 30px; width: 30px; border: 2px solid rgb(17, 17, 17);\"] {\n border: 2px solid #1e2030 !important;\n }\n div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu svg.gUZ.R19.U9O.kVc > path {\n fill: #1e2030 !important;\n }\n div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu div.VxL.zI7.iyn.Hsu button {\n background-color: transparent !important;\n }\n div[data-test-id=\"lego-share-social-bar-auth\"] button.HEm.adn.yQo.lnZ.wsz.YbY svg > path,\n div[data-test-id=\"search-for-users-button\"] button.HEm.adn.yQo.lnZ.wsz.YbY svg > path {\n fill: #1e2030 !important;\n }\n div.Jea.KS5._HI.ho-.mQ8.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.Jea.KS5._HI.ho-.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n div.Jea.KS5.hle.ho-.mQ8.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div[aria-label=\"Change Board Cover\"] div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu span {\n background-color: #24273a !important;\n }\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu div[style=\"height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8);\"] {\n background-color: rgba(30, 32, 48, 0.8) !important;\n }\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu div[style=\"height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8);\"] svg > path {\n fill: #cad3f5 !important;\n }\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu div[style=\"height: 44px; width: 44px; background: white;\"] {\n background-color: #1e2030 !important;\n }\n div.DUt.Jea.KS5.UNK.mQ8.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.DUt.Jea.KS5.UNK.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.pincodeMain svg path#background {\n fill: #24273a !important;\n }\n div.pincodeCTA svg path[fill=\"#111111\"] {\n fill: #cad3f5 !important;\n }\n div.pincodeCTA svg path[fill=\"#E60023\"] {\n fill: #b7bdf8 !important;\n }\n div.pincodeCTA svg path[fill=\"white\"] {\n fill: #24273a !important;\n }\n h1.lH1.dyH.iFc.H2s.R-d.EdS.tg7.IZT {\n color: #939ab7 !important;\n }\n div[data-test-id=\"pinRepSelectionBorder\"] {\n border-color: #cad3f5 !important;\n }\n div[data-test-id=\"pinRepSelectionBorder\"] svg > path {\n fill: #cad3f5 !important;\n }\n div[data-test-id=\"pinRepSelectionBorder\"][style=\"z-index: 1; border-width: 3px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 16px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset;\"] {\n border-color: #1e2030 !important;\n box-shadow: inset 0 0 0 3px #b7bdf8 !important;\n }\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 div.INd.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 div.INd.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 div.INd.zI7.iyn.Hsu div.INd.P_h.YFA.Zr3.hUC.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.tBJ.dyH.iFc.sAJ.xnr.zDA.IZT.H2s,\n a.Wk9.CCY.S9z.eEj.kVc.xQ4.uCz {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"boardSelectionDropdown\"] svg.gUZ.PLa.U9O.kVc > path {\n fill: #cad3f5 !important;\n }\n /** Mobile **/\n div.CCY.S9z.INd.Tbt.L4E.e8F.BG7 div.INd.hA-.wYR.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.CCY.S9z.INd.Tbt.L4E.e8F.BG7 div.INd.hA-.wYR.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n /* Content */\n div[data-root-margin=\"more-ideas-tabs\"] div.urM.zI7.iyn.Hsu,\n .Jea.jx-.l7T.zI7.iyn.Hsu div.INd.Jea.KS5.mQ8.sLG.zI7.iyn.Hsu,\n div[data-test-id=\"shop-button\"],\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: #24273a !important;\n }\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu,\n div.div.IB7.XiG.zI7.iyn.Hsu {\n background-color: #363a4f !important;\n }\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu:hover {\n background-color: #494d64 !important;\n }\n div.KS5.jzS.mQ8.un8.C9i.TB_ div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: #1e2030 !important;\n }\n div._HI.fev.ujU.wsz.zI7.iyn.Hsu {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n }\n div.fev.hle.ujU.wsz.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n color: #cad3f5 !important;\n }\n svg.gUZ.PLa.U9O.kVc > path {\n fill: #cad3f5 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.bPW,\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.s4m {\n background-color: #1e2030 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.bPW svg > path,\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.s4m svg > path {\n fill: #cad3f5 !important;\n }\n .EmojiPickerReact {\n --epr-bg-color: #24273a;\n --epr-text-color: #cad3f5;\n --epr-picker-border-color: #24273a;\n --epr-category-label-bg-color: #24273a;\n --epr-search-input-bg-color: #1e2030;\n --epr-skin-tone-picker-menu-color: #1e2030;\n --epr-category-icon-active-color: #b7bdf8;\n --epr-highlight-color: #b7bdf8;\n --epr-hover-bg-color: #363a4f;\n --epr-focus-bg-color: #363a4f;\n }\n textarea.PinNoteInput {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n }\n div.Zr3.hUC.xcv.L4E.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n }\n div.Zr3.hUC.xcv.L4E.zI7.iyn.Hsu div {\n color: #181926 !important;\n }\n div.DUt.Jea.QLY.XiG.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu,\n div.DUt.Jea.MIw.QLY.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n div.MZ3.fZz.hUC.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.MZ3.fZz.hUC.ho-.zI7.iyn.Hsu span {\n color: #cad3f5 !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #b7bdf8 !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E div {\n color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n a.Wk9.CCY.S9z.eEj.goI.xQ4 {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"user-rep-avatar\"] div.Jea.MIw.QLY.Rym.mQ8.ojN.p6V.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc {\n background-color: #1e2030 !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc div {\n color: #cad3f5 !important;\n }\n /** Mobile **/\n div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n /* Create */\n div.DUt.HFo.hA-.wYR.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu {\n background-color: #363a4f !important;\n }\n div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu svg > path {\n fill: #a5adcb !important;\n }\n div.Jea.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu {\n background-color: rgba(36, 39, 58, 0.75) !important;\n }\n div.Jea.Shl.X6t.XiG.hDW.jzS.zI7.iyn.Hsu button {\n background-color: #1e2030 !important;\n }\n div.XiG._HI.s2n.sLG.zI7.iyn.Hsu {\n border: 2px solid #1e2030 !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc div.tBJ.dyH.iFc.j1A.O2T.zDA.IZT.H2s {\n color: #cad3f5 !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.izI svg > path {\n fill: #1e2030 !important;\n }\n input#storyboard-editor-details-text-size {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n border: none !important;\n }\n input[style=\"min-width: 0px; flex: 1 1 0%; font-size: 16px; color: rgb(51, 51, 51); border: 0px; outline: none; box-sizing: border-box; padding: 0px;\"] {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n }\n /* Login */\n div[data-test-id=\"login-modal-default\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"login-modal-default\"] h1,\n div[data-test-id=\"login-modal-default\"] p {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"login-modal-default\"] div.oy8.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"login-modal-mfa\"] h1,\n div[data-test-id=\"login-modal-mfa\"] p {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] button.red {\n background-color: #b7bdf8 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] button.red div {\n color: #1e2030 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] button.red:hover,\n div[data-test-id=\"login-modal-mfa\"] button.red:focus {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n div[data-test-id=\"login-modal-mfa\"] div.oy8.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n /* Messages */\n div.JME.Jea.KS5.RDc._HI.hA-.ho-.jzS.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s,\n div.x8f.INd._O1.KS5.mQ8.OGJ.YbY.bPW,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s.CKL,\n div.INd.Jea.KS5._HI.mQ8.zI7.iyn.Hsu,\n div.INd._HI.zI7.iyn.Hsu div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.bPW,\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.s4m {\n background-color: #1e2030 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.bPW svg > path,\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.s4m svg > path {\n fill: #cad3f5 !important;\n }\n input.ta7.iyn.KI_.Lfz.XgI.Hsu.pBj.qJc.tBJ.dyH.iFc.sAJ.L4E.xD4.Zj6.dPY.BG7.TKt.LJB {\n border-color: #363a4f !important;\n }\n div.JME.Jea.KS5.fev.zI7.iyn.Hsu {\n border: none !important;\n }\n div.LJB.Pw5.daS.fev.urM.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n border: none !important;\n }\n div.Jea.OVX.jzS.ujU.zI7.iyn.Hsu textarea {\n background-color: transparent !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n }\n div[data-test-id=\"contact-search-field\"] input {\n background-color: #1e2030 !important;\n border: none !important;\n }\n div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n }\n div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu svg > path {\n fill: #1e2030 !important;\n }\n div.Jea.KS5.LJB.Lfz.Pw5.Zr3.daS.hUC.hle.wc1.xuU.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n }\n div.INd.Jea.KS5.hle.mQ8.wc1.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n /** Mobile **/\n div.Jea.KS5.MIw.Rym.jzS.ojN.p6V.zI7.iyn.Hsu,\n div[data-test-id=\"conversation-page-header\"] {\n background-color: #24273a !important;\n }\n div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu {\n background-color: #24273a !important;\n border: none !important;\n }\n div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.pHl.Jrn {\n background-color: #b7bdf8 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.pHl.Jrn svg > path {\n fill: #1e2030 !important;\n }\n div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n stroke: #cad3f5 !important;\n }\n /* Settings */\n div.E0x.qJc.fRe.nG5.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n div.E0x.qJc.dxz.dPY.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: rgba(165, 173, 203, 0.75) !important;\n }\n div.E0x.qJc.iKS.gSJ.dJq.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n background-color: #1e2030 !important;\n border-color: #b7bdf8 !important;\n }\n div.jPl.kVc.Hsu.XiG.NYx.qJc.nG5 {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n div.jPl.kVc.Hsu.XiG.dD6.BsF.gSJ {\n background-color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n div.jPl.kVc.Hsu.XiG.GOX.gfP.nG5,\n div.jPl.kVc.Hsu.XiG.v-K.gpV.LJB {\n background-color: #5b6078 !important;\n border-color: #5b6078 !important;\n }\n div.U7Q.Hsu.MIw.qJc.INd.RDh.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.taI.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.RDh.fhX.LJB,\n div.U7Q.Hsu.MIw.qJc.INd.taI.fhX.LJB {\n background-color: #181926 !important;\n border-color: #a5adcb !important;\n }\n div.qJc.Q9m.nG5.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Q9m.nG5.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: #1e2030 !important;\n border-color: #6e738d !important;\n }\n div.qJc.Wqy.dPY.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Wqy.dPY.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n border-color: rgba(110, 115, 141, 0.75) !important;\n }\n div.BsF.PO8.gSJ.QsN.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: #1e2030 !important;\n border-color: #b7bdf8 !important;\n }\n div.BsF.PO8.gSJ.QsN.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 svg > path,\n div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 svg > path {\n fill: #cad3f5 !important;\n }\n div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu div.un8.DUt.wYR.hA-.gpV {\n background-color: #b7bdf8 !important;\n }\n div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu div.un8.DUt.wYR.hA-.gpV span {\n color: #24273a !important;\n }\n div.x8f.INd._O1.KS5.mQ8.WhU.gpV svg > path {\n fill: #24273a !important;\n }\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z {\n background-color: #24273a !important;\n }\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z svg > path {\n fill: #cad3f5 !important;\n }\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z:hover {\n background-color: rgba(54, 58, 79, 0.25) !important;\n }\n div.react-datepicker {\n background-color: #24273a !important;\n }\n div.react-datepicker select {\n color: #cad3f5 !important;\n }\n div.react-datepicker select:focus {\n box-shadow: 0 0 0 4px #b7bdf8 !important;\n }\n div.react-datepicker__day--selected {\n background-color: #b7bdf8 !important;\n color: #24273a !important;\n }\n div[style=\"background-color: rgba(0, 0, 0, 0.06);\"] div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #1e2030 !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E div {\n background-color: transparent !important;\n color: #cad3f5 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #b7bdf8 !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E div {\n background-color: transparent !important;\n color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n button:disabled.RCK.Hsu.USg.adn.CCY.NTm.KhY.oRi.lnZ.wsz.YbY > div {\n background-color: rgba(73, 77, 100, 0.75) !important;\n }\n button:disabled.RCK.Hsu.USg.adn.CCY.NTm.KhY.oRi.lnZ.wsz.YbY > div div {\n color: #1e2030 !important;\n }\n div[data-test-id=\"account-comparison-table-container\"] svg > path {\n fill: #b7bdf8 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n --g-colorGray0: #1e2030;\n --color-border-container: #1e2030;\n --color-gray-roboflow-400: #202233;\n --color-text-icon-default: #cad3f5;\n --color-background-default: #24273a;\n --g-color-focus: #b7bdf8;\n }\n .Dl7 {\n border: none !important;\n }\n svg.ztu > path {\n fill: #a5adcb !important;\n }\n /* Body */\n body,\n div[data-test-id=\"pin-builder\"] {\n background-color: #24273a !important;\n height: auto !important;\n }\n .O2T,\n .pBj,\n h3,\n h5,\n div,\n input[type=\"text\"],\n ai {\n color: #cad3f5 !important;\n }\n .a_A:focus,\n .a_A:hover {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n :focus,\n :focus-within,\n :focus-visible {\n outline-color: #b7bdf8 !important;\n }\n div#searchBoxContainer div[style=\"padding: 0px 0px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div#searchBoxContainer div[style=\"padding: 0px 4px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div[data-test-id=\"add-pin-to-conversation\"] div[style=\"border: 1px solid transparent; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n box-shadow: 0 0 0 4px #b7bdf8 !important;\n }\n .iyn:focus,\n .C1J {\n box-shadow: 0 0 0 4px #b7bdf8;\n }\n .hCL.kVc.L4E.MIw {\n background-color: transparent !important;\n }\n div[data-test-id=\"skipToContentContainer\"] div {\n background-color: #b7bdf8 !important;\n color: #1e2030 !important;\n }\n /** Mobile **/\n div._he.urM.zI7.iyn.Hsu {\n border: none !important;\n }\n /* About */\n h1.lH1.dyH.iFc.H2s.bwj.c8S.zDA,\n h2.lH1.dyH.iFc.H2s.bwj.c8S.zDA {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"signup-default-modal\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"signup-default-modal\"] h1 {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"signup-default-modal\"] div.oy8.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n div[data-test-id=\"registerFormSubmitButton\"] button.red {\n background-color: #b7bdf8 !important;\n }\n div[data-test-id=\"registerFormSubmitButton\"] button.red div {\n color: #1e2030 !important;\n }\n div[data-test-id=\"registerFormSubmitButton\"] button.red:hover,\n div[data-test-id=\"registerFormSubmitButton\"] button.red:focus {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n div[style=\"height: 200px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);\"] {\n background: linear-gradient(rgba(36, 39, 58, 0) 0%, #24273a 70%) !important;\n }\n div[data-test-id=\"how-it-works-container\"] {\n background-color: #eed49f !important;\n }\n div[data-test-id=\"how-it-works-container\"] div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n color: #24273a !important;\n }\n div[data-test-id=\"how-it-works-container\"] svg > path {\n fill: #24273a !important;\n }\n div[data-anchor=\"search\"] {\n background-color: #eed49f !important;\n }\n div[data-anchor=\"search\"] div.zI7.iyn.Hsu {\n color: #24273a !important;\n }\n div[data-anchor=\"search\"] div.JME.zI7.iyn.Hsu {\n color: #cad3f5 !important;\n }\n div[data-anchor=\"save\"] {\n background-color: #b7bdf8 !important;\n }\n div[data-anchor=\"save\"] div.zI7.iyn.Hsu {\n color: #24273a !important;\n }\n div[data-anchor=\"shop\"] {\n background-color: #f4dbd6 !important;\n }\n div[data-anchor=\"shop\"] div.zI7.iyn.Hsu {\n color: #24273a !important;\n }\n /** Mobile **/\n div.QLY.Rym.XiG.Zr3.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n /* Button */\n .Jrn,\n .gpV {\n background-color: #b7bdf8 !important;\n }\n .Jrn div,\n .gpV div {\n color: #24273a !important;\n }\n .BsF {\n background-color: #1e2030 !important;\n }\n .u97 {\n background-color: rgba(36, 39, 58, 0.69) !important;\n }\n .NSs.bPW,\n .NSs.Xsi {\n background-color: #363a4f !important;\n }\n .NSs.s4m {\n background-color: #5b6078 !important;\n }\n .bmw,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n .bmw:focus,\n .bmw:hover,\n .W6-:focus,\n .W6-:hover,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu:hover,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu:hover,\n ._HI,\n .eZS,\n .zI8:focus,\n .zI8:hover,\n .BsF:hover,\n .BsF:focus {\n background-color: rgba(36, 39, 58, 0.69) !important;\n }\n .Il7:hover,\n .Il7:focus {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n input.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.z-6,\n textarea.Gnj.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB,\n div.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.BMi.rNx {\n background-color: #1e2030;\n border: none !important;\n }\n /** Mobile **/\n div.IVF.Jea.mQ8.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n }\n div.IVF.Jea.mQ8.zI7.iyn.Hsu span {\n color: #24273a !important;\n }\n /* Header */\n .GjR,\n .sj_ {\n color: #b7bdf8 !important;\n }\n .P_h {\n background-color: #181926 !important;\n }\n .P_h span {\n color: #cad3f5 !important;\n }\n .urM,\n .SpV,\n .DUt.XiG._wN.hA-.urM.wYR.zI7.iyn.Hsu,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu,\n .ProPartnerHeaderMenuList .proPartnerHeaderMenuItem:hover {\n background-color: #24273a !important;\n }\n /* Search */\n div.Jea.fev.zI7.iyn.Hsu,\n div[data-test-id=\"search-tab-bar\"] {\n background-color: #1e2030 !important;\n }\n div.sLG.urM.zI7.iyn.Hsu div.hs0.un8.C9i.TB_ {\n background-color: #24273a !important;\n }\n input#search {\n color: #cad3f5 !important;\n }\n span.tBJ.dyH.iFc.sAJ.EdS.zDA.IZT.swG {\n color: #8087a2 !important;\n }\n div.C9q.Jea.KS5.Lfz.XiG.Zr3._HI.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.C9q.Jea.KS5.Lfz.XiG.Zr3.hle.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n /** Mobile **/\n div[data-test-id=\"header\"] {\n border-color: #1e2030 !important;\n }\n div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n /* Profile */\n div[data-test-id=\"profile-header\"],\n div[data-test-id=\"PinTypeIdentifier\"],\n div.hs0.mQ8.un8.C9i.TB_ div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Jea._HI.fev.zI7.iyn.Hsu div.MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n .MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n div.qiB div.fZz.urM.zI7.iyn.Hsu,\n div.zIH.PC4.XiG {\n background-color: #24273a !important;\n }\n div.hs0.mQ8.un8.C9i.TB_ div.INd.XiG.zI7.iyn.Hsu {\n box-shadow: none !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] {\n border: none !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] div.INd.XiG._HI.zI7.iyn.Hsu {\n background-color: #181926 !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] div.INd.XiG._HI.zI7.iyn.Hsu svg > text {\n fill: #cad3f5 !important;\n }\n div.KS5.jzS.un8.C9i.TB_ div.DUt.XiG._HI._wN.hA-.wYR.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu div.XiG.zI7.iyn.Hsu {\n background-color: rgba(36, 39, 58, 0.69) !important;\n }\n div.MIw.QLY.Rym.ojN.p6V.sLG.zI7.iyn.Hsu {\n border-color: #1e2030 !important;\n }\n div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu[style=\"height: 30px; width: 30px; border: 2px solid rgb(17, 17, 17);\"] {\n border: 2px solid #1e2030 !important;\n }\n div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu svg.gUZ.R19.U9O.kVc > path {\n fill: #1e2030 !important;\n }\n div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu div.VxL.zI7.iyn.Hsu button {\n background-color: transparent !important;\n }\n div[data-test-id=\"lego-share-social-bar-auth\"] button.HEm.adn.yQo.lnZ.wsz.YbY svg > path,\n div[data-test-id=\"search-for-users-button\"] button.HEm.adn.yQo.lnZ.wsz.YbY svg > path {\n fill: #1e2030 !important;\n }\n div.Jea.KS5._HI.ho-.mQ8.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.Jea.KS5._HI.ho-.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n div.Jea.KS5.hle.ho-.mQ8.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div[aria-label=\"Change Board Cover\"] div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu span {\n background-color: #24273a !important;\n }\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu div[style=\"height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8);\"] {\n background-color: rgba(30, 32, 48, 0.8) !important;\n }\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu div[style=\"height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8);\"] svg > path {\n fill: #cad3f5 !important;\n }\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu div[style=\"height: 44px; width: 44px; background: white;\"] {\n background-color: #1e2030 !important;\n }\n div.DUt.Jea.KS5.UNK.mQ8.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.DUt.Jea.KS5.UNK.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.pincodeMain svg path#background {\n fill: #24273a !important;\n }\n div.pincodeCTA svg path[fill=\"#111111\"] {\n fill: #cad3f5 !important;\n }\n div.pincodeCTA svg path[fill=\"#E60023\"] {\n fill: #b7bdf8 !important;\n }\n div.pincodeCTA svg path[fill=\"white\"] {\n fill: #24273a !important;\n }\n h1.lH1.dyH.iFc.H2s.R-d.EdS.tg7.IZT {\n color: #939ab7 !important;\n }\n div[data-test-id=\"pinRepSelectionBorder\"] {\n border-color: #cad3f5 !important;\n }\n div[data-test-id=\"pinRepSelectionBorder\"] svg > path {\n fill: #cad3f5 !important;\n }\n div[data-test-id=\"pinRepSelectionBorder\"][style=\"z-index: 1; border-width: 3px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 16px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset;\"] {\n border-color: #1e2030 !important;\n box-shadow: inset 0 0 0 3px #b7bdf8 !important;\n }\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 div.INd.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 div.INd.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 div.INd.zI7.iyn.Hsu div.INd.P_h.YFA.Zr3.hUC.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.tBJ.dyH.iFc.sAJ.xnr.zDA.IZT.H2s,\n a.Wk9.CCY.S9z.eEj.kVc.xQ4.uCz {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"boardSelectionDropdown\"] svg.gUZ.PLa.U9O.kVc > path {\n fill: #cad3f5 !important;\n }\n /** Mobile **/\n div.CCY.S9z.INd.Tbt.L4E.e8F.BG7 div.INd.hA-.wYR.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.CCY.S9z.INd.Tbt.L4E.e8F.BG7 div.INd.hA-.wYR.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n /* Content */\n div[data-root-margin=\"more-ideas-tabs\"] div.urM.zI7.iyn.Hsu,\n .Jea.jx-.l7T.zI7.iyn.Hsu div.INd.Jea.KS5.mQ8.sLG.zI7.iyn.Hsu,\n div[data-test-id=\"shop-button\"],\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: #24273a !important;\n }\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu,\n div.div.IB7.XiG.zI7.iyn.Hsu {\n background-color: #363a4f !important;\n }\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu:hover {\n background-color: #494d64 !important;\n }\n div.KS5.jzS.mQ8.un8.C9i.TB_ div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: #1e2030 !important;\n }\n div._HI.fev.ujU.wsz.zI7.iyn.Hsu {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n }\n div.fev.hle.ujU.wsz.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n color: #cad3f5 !important;\n }\n svg.gUZ.PLa.U9O.kVc > path {\n fill: #cad3f5 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.bPW,\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.s4m {\n background-color: #1e2030 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.bPW svg > path,\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.s4m svg > path {\n fill: #cad3f5 !important;\n }\n .EmojiPickerReact {\n --epr-bg-color: #24273a;\n --epr-text-color: #cad3f5;\n --epr-picker-border-color: #24273a;\n --epr-category-label-bg-color: #24273a;\n --epr-search-input-bg-color: #1e2030;\n --epr-skin-tone-picker-menu-color: #1e2030;\n --epr-category-icon-active-color: #b7bdf8;\n --epr-highlight-color: #b7bdf8;\n --epr-hover-bg-color: #363a4f;\n --epr-focus-bg-color: #363a4f;\n }\n textarea.PinNoteInput {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n }\n div.Zr3.hUC.xcv.L4E.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n }\n div.Zr3.hUC.xcv.L4E.zI7.iyn.Hsu div {\n color: #181926 !important;\n }\n div.DUt.Jea.QLY.XiG.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu,\n div.DUt.Jea.MIw.QLY.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n div.MZ3.fZz.hUC.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.MZ3.fZz.hUC.ho-.zI7.iyn.Hsu span {\n color: #cad3f5 !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #b7bdf8 !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E div {\n color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n a.Wk9.CCY.S9z.eEj.goI.xQ4 {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"user-rep-avatar\"] div.Jea.MIw.QLY.Rym.mQ8.ojN.p6V.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc {\n background-color: #1e2030 !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc div {\n color: #cad3f5 !important;\n }\n /** Mobile **/\n div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n /* Create */\n div.DUt.HFo.hA-.wYR.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu {\n background-color: #363a4f !important;\n }\n div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu svg > path {\n fill: #a5adcb !important;\n }\n div.Jea.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu {\n background-color: rgba(36, 39, 58, 0.75) !important;\n }\n div.Jea.Shl.X6t.XiG.hDW.jzS.zI7.iyn.Hsu button {\n background-color: #1e2030 !important;\n }\n div.XiG._HI.s2n.sLG.zI7.iyn.Hsu {\n border: 2px solid #1e2030 !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc div.tBJ.dyH.iFc.j1A.O2T.zDA.IZT.H2s {\n color: #cad3f5 !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.izI svg > path {\n fill: #1e2030 !important;\n }\n input#storyboard-editor-details-text-size {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n border: none !important;\n }\n input[style=\"min-width: 0px; flex: 1 1 0%; font-size: 16px; color: rgb(51, 51, 51); border: 0px; outline: none; box-sizing: border-box; padding: 0px;\"] {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n }\n /* Login */\n div[data-test-id=\"login-modal-default\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"login-modal-default\"] h1,\n div[data-test-id=\"login-modal-default\"] p {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"login-modal-default\"] div.oy8.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"login-modal-mfa\"] h1,\n div[data-test-id=\"login-modal-mfa\"] p {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] button.red {\n background-color: #b7bdf8 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] button.red div {\n color: #1e2030 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] button.red:hover,\n div[data-test-id=\"login-modal-mfa\"] button.red:focus {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n div[data-test-id=\"login-modal-mfa\"] div.oy8.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n /* Messages */\n div.JME.Jea.KS5.RDc._HI.hA-.ho-.jzS.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s,\n div.x8f.INd._O1.KS5.mQ8.OGJ.YbY.bPW,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s.CKL,\n div.INd.Jea.KS5._HI.mQ8.zI7.iyn.Hsu,\n div.INd._HI.zI7.iyn.Hsu div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.bPW,\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.s4m {\n background-color: #1e2030 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.bPW svg > path,\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.s4m svg > path {\n fill: #cad3f5 !important;\n }\n input.ta7.iyn.KI_.Lfz.XgI.Hsu.pBj.qJc.tBJ.dyH.iFc.sAJ.L4E.xD4.Zj6.dPY.BG7.TKt.LJB {\n border-color: #363a4f !important;\n }\n div.JME.Jea.KS5.fev.zI7.iyn.Hsu {\n border: none !important;\n }\n div.LJB.Pw5.daS.fev.urM.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n border: none !important;\n }\n div.Jea.OVX.jzS.ujU.zI7.iyn.Hsu textarea {\n background-color: transparent !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n }\n div[data-test-id=\"contact-search-field\"] input {\n background-color: #1e2030 !important;\n border: none !important;\n }\n div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n }\n div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu svg > path {\n fill: #1e2030 !important;\n }\n div.Jea.KS5.LJB.Lfz.Pw5.Zr3.daS.hUC.hle.wc1.xuU.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n }\n div.INd.Jea.KS5.hle.mQ8.wc1.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n /** Mobile **/\n div.Jea.KS5.MIw.Rym.jzS.ojN.p6V.zI7.iyn.Hsu,\n div[data-test-id=\"conversation-page-header\"] {\n background-color: #24273a !important;\n }\n div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu {\n background-color: #24273a !important;\n border: none !important;\n }\n div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.pHl.Jrn {\n background-color: #b7bdf8 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.pHl.Jrn svg > path {\n fill: #1e2030 !important;\n }\n div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n stroke: #cad3f5 !important;\n }\n /* Settings */\n div.E0x.qJc.fRe.nG5.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n div.E0x.qJc.dxz.dPY.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: rgba(165, 173, 203, 0.75) !important;\n }\n div.E0x.qJc.iKS.gSJ.dJq.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n background-color: #1e2030 !important;\n border-color: #b7bdf8 !important;\n }\n div.jPl.kVc.Hsu.XiG.NYx.qJc.nG5 {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n div.jPl.kVc.Hsu.XiG.dD6.BsF.gSJ {\n background-color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n div.jPl.kVc.Hsu.XiG.GOX.gfP.nG5,\n div.jPl.kVc.Hsu.XiG.v-K.gpV.LJB {\n background-color: #5b6078 !important;\n border-color: #5b6078 !important;\n }\n div.U7Q.Hsu.MIw.qJc.INd.RDh.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.taI.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.RDh.fhX.LJB,\n div.U7Q.Hsu.MIw.qJc.INd.taI.fhX.LJB {\n background-color: #181926 !important;\n border-color: #a5adcb !important;\n }\n div.qJc.Q9m.nG5.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Q9m.nG5.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: #1e2030 !important;\n border-color: #6e738d !important;\n }\n div.qJc.Wqy.dPY.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Wqy.dPY.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n border-color: rgba(110, 115, 141, 0.75) !important;\n }\n div.BsF.PO8.gSJ.QsN.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: #1e2030 !important;\n border-color: #b7bdf8 !important;\n }\n div.BsF.PO8.gSJ.QsN.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 svg > path,\n div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 svg > path {\n fill: #cad3f5 !important;\n }\n div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu div.un8.DUt.wYR.hA-.gpV {\n background-color: #b7bdf8 !important;\n }\n div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu div.un8.DUt.wYR.hA-.gpV span {\n color: #24273a !important;\n }\n div.x8f.INd._O1.KS5.mQ8.WhU.gpV svg > path {\n fill: #24273a !important;\n }\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z {\n background-color: #24273a !important;\n }\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z svg > path {\n fill: #cad3f5 !important;\n }\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z:hover {\n background-color: rgba(54, 58, 79, 0.25) !important;\n }\n div.react-datepicker {\n background-color: #24273a !important;\n }\n div.react-datepicker select {\n color: #cad3f5 !important;\n }\n div.react-datepicker select:focus {\n box-shadow: 0 0 0 4px #b7bdf8 !important;\n }\n div.react-datepicker__day--selected {\n background-color: #b7bdf8 !important;\n color: #24273a !important;\n }\n div[style=\"background-color: rgba(0, 0, 0, 0.06);\"] div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #1e2030 !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E div {\n background-color: transparent !important;\n color: #cad3f5 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #b7bdf8 !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E div {\n background-color: transparent !important;\n color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n button:disabled.RCK.Hsu.USg.adn.CCY.NTm.KhY.oRi.lnZ.wsz.YbY > div {\n background-color: rgba(73, 77, 100, 0.75) !important;\n }\n button:disabled.RCK.Hsu.USg.adn.CCY.NTm.KhY.oRi.lnZ.wsz.YbY > div div {\n color: #1e2030 !important;\n }\n div[data-test-id=\"account-comparison-table-container\"] svg > path {\n fill: #b7bdf8 !important;\n }\n }",
+ "start": 1121,
+ "regexps": [
+ "^https?:\\/\\/(www|[a-z]{2}).pinterest.(com(.(au|mx))?|co(.(uk|kr))?|at|ca|ch|cl|de|dk|es|fr|ie|it|jp|nz|ph|pt|ru|se)\\/.*"
+ ]
+ },
+ {
+ "code": "/* /@-moz-document */",
+ "start": 51576
+ }
+ ],
+ "sourceCode": "/* ==UserStyle==\n@name Pinterest Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/pinterest\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pinterest\n@version 1.0.1\n@description Soothing pastel theme for Pinterest\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [ \"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\" ]\n@var select darkFlavor \"Dark Flavor\" [ \"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\" ]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */\n\n@-moz-document regexp(\"^https?:\\\\/\\\\/(www|[a-z]{2}).pinterest.(com(.(au|mx))?|co(.(uk|kr))?|at|ca|ch|cl|de|dk|es|fr|ie|it|jp|nz|ph|pt|ru|se)\\\\/.*\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accentColor: @catppuccin[@@lookup][@@accent];\n\n :root {\n --g-colorGray0: @mantle;\n --color-border-container: @mantle;\n --color-gray-roboflow-400: lighten(@mantle, 1%);\n --color-text-icon-default: @text;\n --color-background-default: @base;\n --g-color-focus: @accentColor;\n }\n\n .Dl7 {\n border: none !important;\n }\n\n svg.ztu > path {\n fill: @subtext0 !important;\n }\n\n /* Body */\n\n body,\n div[data-test-id=\"pin-builder\"] {\n background-color: @base !important;\n height: auto !important;\n }\n\n .O2T,\n .pBj,\n h3,\n h5,\n div,\n input[type=\"text\"],\n ai {\n color: @text !important;\n }\n\n .a_A:focus,\n .a_A:hover {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n :focus,\n :focus-within,\n :focus-visible {\n outline-color: @accentColor !important;\n }\n\n div#searchBoxContainer\n &\n div[style=\"padding: 0px 0px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div#searchBoxContainer\n &\n div[style=\"padding: 0px 4px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div[data-test-id=\"add-pin-to-conversation\"]\n &\n div[style=\"border: 1px solid transparent; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n box-shadow: 0 0 0 4px @accentColor !important;\n }\n\n .iyn:focus,\n .C1J {\n box-shadow: 0 0 0 4px @accentColor;\n }\n\n .hCL.kVc.L4E.MIw {\n background-color: transparent !important;\n }\n\n div[data-test-id=\"skipToContentContainer\"] & div {\n background-color: @accentColor !important;\n color: @mantle !important;\n }\n\n /** Mobile **/\n\n div._he.urM.zI7.iyn.Hsu {\n border: none !important;\n }\n\n /* About */\n\n h1.lH1.dyH.iFc.H2s.bwj.c8S.zDA,\n h2.lH1.dyH.iFc.H2s.bwj.c8S.zDA {\n color: @accentColor !important;\n }\n\n div[data-test-id=\"signup-default-modal\"] {\n background-color: @base !important;\n & h1 {\n color: @text !important;\n }\n & div.oy8.zI7.iyn.Hsu svg > path {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"registerFormSubmitButton\"] {\n & button.red {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n & button.red:hover,\n & button.red:focus {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n }\n\n div[style=\"height: 200px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);\"] {\n background: linear-gradient(\n fadeout(@base, 100%) 0%,\n @base 70%\n ) !important;\n }\n\n div[data-test-id=\"how-it-works-container\"] {\n background-color: @yellow !important;\n & div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n color: @base !important;\n }\n & svg > path {\n fill: @base !important;\n }\n }\n\n div[data-anchor=\"search\"] {\n background-color: @yellow !important;\n & div.zI7.iyn.Hsu {\n color: @base !important;\n }\n & div.JME.zI7.iyn.Hsu {\n color: @text !important;\n }\n }\n\n div[data-anchor=\"save\"] {\n background-color: @lavender !important;\n & div.zI7.iyn.Hsu {\n color: @base !important;\n }\n }\n\n div[data-anchor=\"shop\"] {\n background-color: @rosewater !important;\n & div.zI7.iyn.Hsu {\n color: @base !important;\n }\n }\n\n /** Mobile **/\n\n div.QLY.Rym.XiG.Zr3.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n /* Button */\n\n .Jrn,\n .gpV {\n background-color: @accentColor !important;\n & div {\n color: @base !important;\n }\n }\n\n .BsF {\n background-color: @mantle !important;\n }\n\n .u97 {\n background-color: fadeout(@base, 31%) !important;\n }\n\n .NSs.bPW,\n .NSs.Xsi {\n background-color: @surface0 !important;\n }\n\n .NSs.s4m {\n background-color: @surface2 !important;\n }\n\n .bmw,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n .bmw:focus,\n .bmw:hover,\n .W6-:focus,\n .W6-:hover,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu:hover,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu:hover,\n ._HI,\n .eZS,\n .zI8:focus,\n .zI8:hover,\n .BsF:hover,\n .BsF:focus {\n background-color: fadeout(@base, 31%) !important;\n }\n\n .Il7:hover,\n .Il7:focus {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n input.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.z-6,\n textarea.Gnj.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB,\n div.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.BMi.rNx {\n background-color: @mantle;\n border: none !important;\n }\n\n /** Mobile **/\n\n div.IVF.Jea.mQ8.zI7.iyn.Hsu {\n background-color: @accentColor !important;\n & span {\n color: @base !important;\n }\n }\n\n /* Header */\n\n .GjR,\n .sj_ {\n color: @accentColor !important;\n }\n\n .P_h {\n background-color: @crust !important;\n & span {\n color: @text !important;\n }\n }\n\n .urM,\n .SpV,\n .DUt.XiG._wN.hA-.urM.wYR.zI7.iyn.Hsu,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu,\n .ProPartnerHeaderMenuList .proPartnerHeaderMenuItem:hover {\n background-color: @base !important;\n }\n\n /* Search */\n\n div.Jea.fev.zI7.iyn.Hsu,\n div[data-test-id=\"search-tab-bar\"] {\n background-color: @mantle !important;\n }\n\n div.sLG.urM.zI7.iyn.Hsu & div.hs0.un8.C9i.TB_ {\n background-color: @base !important;\n }\n\n input#search {\n color: @text !important;\n }\n\n span.tBJ.dyH.iFc.sAJ.EdS.zDA.IZT.swG {\n color: @overlay1 !important;\n }\n\n div.C9q.Jea.KS5.Lfz.XiG.Zr3._HI.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.C9q.Jea.KS5.Lfz.XiG.Zr3.hle.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n /** Mobile **/\n\n div[data-test-id=\"header\"] {\n border-color: @mantle !important;\n }\n\n div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & svg > path {\n fill: @accentColor !important;\n }\n }\n\n /* Profile */\n\n div[data-test-id=\"profile-header\"],\n div[data-test-id=\"PinTypeIdentifier\"],\n div.hs0.mQ8.un8.C9i.TB_ div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Jea._HI.fev.zI7.iyn.Hsu div.MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n .MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n div.qiB div.fZz.urM.zI7.iyn.Hsu,\n div.zIH.PC4.XiG {\n background-color: @base !important;\n }\n\n div.hs0.mQ8.un8.C9i.TB_ div.INd.XiG.zI7.iyn.Hsu {\n box-shadow: none !important;\n }\n\n div[data-test-id=\"gestalt-avatar-svg\"] {\n border: none !important;\n & div.INd.XiG._HI.zI7.iyn.Hsu {\n background-color: @crust !important;\n & svg > text {\n fill: @text !important;\n }\n }\n }\n\n div.KS5.jzS.un8.C9i.TB_ & div.DUt.XiG._HI._wN.hA-.wYR.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu div.XiG.zI7.iyn.Hsu {\n background-color: fadeout(@base, 31%) !important;\n }\n\n div.MIw.QLY.Rym.ojN.p6V.sLG.zI7.iyn.Hsu {\n border-color: @mantle !important;\n }\n\n div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu[style=\"height: 30px; width: 30px; border: 2px solid rgb(17, 17, 17);\"] {\n border: 2px solid @mantle !important;\n }\n\n div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu {\n & svg.gUZ.R19.U9O.kVc > path {\n fill: @mantle !important;\n }\n & div.VxL.zI7.iyn.Hsu button {\n background-color: transparent !important;\n }\n }\n\n div[data-test-id=\"lego-share-social-bar-auth\"],\n div[data-test-id=\"search-for-users-button\"] {\n & button.HEm.adn.yQo.lnZ.wsz.YbY svg > path {\n fill: @mantle !important;\n }\n }\n\n div.Jea.KS5._HI.ho-.mQ8.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.Jea.KS5.hle.ho-.mQ8.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n div[aria-label=\"Change Board Cover\"]\n &\n div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu\n &\n span {\n background-color: @base !important;\n }\n\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu\n &\n div[style=\"height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8);\"] {\n background-color: fadeout(@mantle, 20%) !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu\n &\n div[style=\"height: 44px; width: 44px; background: white;\"] {\n background-color: @mantle !important;\n }\n\n div.DUt.Jea.KS5.UNK.mQ8.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n button\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @mantle !important;\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n div.pincodeMain & svg & path#background {\n fill: @base !important;\n }\n\n div.pincodeCTA & svg {\n & path[fill=\"#111111\"] {\n fill: @text !important;\n }\n & path[fill=\"#E60023\"] {\n fill: @accentColor !important;\n }\n & path[fill=\"white\"] {\n fill: @base !important;\n }\n }\n\n h1.lH1.dyH.iFc.H2s.R-d.EdS.tg7.IZT {\n color: @overlay2 !important;\n }\n\n div[data-test-id=\"pinRepSelectionBorder\"] {\n border-color: @text !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div[data-test-id=\"pinRepSelectionBorder\"][style=\"z-index: 1; border-width: 3px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 16px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset;\"] {\n border-color: @mantle !important;\n box-shadow: inset 0 0 0 3px @accentColor !important;\n }\n\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 & div.INd.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n & svg > path {\n fill: @text !important;\n }\n & div.INd.P_h.YFA.Zr3.hUC.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n }\n\n div.tBJ.dyH.iFc.sAJ.xnr.zDA.IZT.H2s,\n a.Wk9.CCY.S9z.eEj.kVc.xQ4.uCz {\n color: if((@lookup = latte), @mantle, @text) !important;\n }\n\n div[data-test-id=\"boardSelectionDropdown\"] & svg.gUZ.PLa.U9O.kVc > path {\n fill: if((@lookup = latte), @mantle, @text) !important;\n }\n\n /** Mobile **/\n\n div.CCY.S9z.INd.Tbt.L4E.e8F.BG7 & div.INd.hA-.wYR.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n /* Content */\n\n div[data-root-margin=\"more-ideas-tabs\"] div.urM.zI7.iyn.Hsu,\n .Jea.jx-.l7T.zI7.iyn.Hsu & div.INd.Jea.KS5.mQ8.sLG.zI7.iyn.Hsu,\n div[data-test-id=\"shop-button\"],\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: @base !important;\n }\n\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu,\n div.div.IB7.XiG.zI7.iyn.Hsu {\n background-color: @surface0 !important;\n }\n\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu:hover {\n background-color: @surface1 !important;\n }\n\n div.KS5.jzS.mQ8.un8.C9i.TB_ & div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: @mantle !important;\n }\n\n div._HI.fev.ujU.wsz.zI7.iyn.Hsu {\n background-color: @base !important;\n color: @text !important;\n }\n\n div.fev.hle.ujU.wsz.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n color: @text !important;\n }\n\n svg.gUZ.PLa.U9O.kVc > path {\n fill: @text !important;\n }\n\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.bPW,\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.s4m {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n .EmojiPickerReact {\n --epr-bg-color: @base;\n --epr-text-color: @text;\n --epr-picker-border-color: @base;\n --epr-category-label-bg-color: @base;\n --epr-search-input-bg-color: @mantle;\n --epr-skin-tone-picker-menu-color: @mantle;\n --epr-category-icon-active-color: @accentColor;\n --epr-highlight-color: @accentColor;\n --epr-hover-bg-color: @surface0;\n --epr-focus-bg-color: @surface0;\n }\n\n textarea.PinNoteInput {\n background-color: @base !important;\n color: @text !important;\n caret-color: @text !important;\n }\n\n div.Zr3.hUC.xcv.L4E.zI7.iyn.Hsu {\n background-color: @lavender !important;\n & div {\n color: @crust !important;\n }\n }\n\n div.DUt.Jea.QLY.XiG.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu,\n div.DUt.Jea.MIw.QLY.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n\n div.MZ3.fZz.hUC.ho-.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & span {\n color: @text !important;\n }\n }\n\n button\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n button\n &\n div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @mantle !important;\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n a.Wk9.CCY.S9z.eEj.goI.xQ4 {\n color: @accentColor !important;\n }\n\n div[data-test-id=\"user-rep-avatar\"]\n &\n div.Jea.MIw.QLY.Rym.mQ8.ojN.p6V.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc {\n background-color: @mantle !important;\n & div {\n color: @text !important;\n }\n }\n\n /** Mobile **/\n\n div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: @base !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n /* Create */\n\n div.DUt.HFo.hA-.wYR.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu {\n background-color: @surface0 !important;\n & svg > path {\n fill: @subtext0 !important;\n }\n }\n\n div.Jea.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu {\n background-color: fadeout(@base, 25%) !important;\n }\n\n div.Jea.Shl.X6t.XiG.hDW.jzS.zI7.iyn.Hsu {\n & button {\n background-color: @mantle !important;\n }\n }\n\n div.XiG._HI.s2n.sLG.zI7.iyn.Hsu {\n border: 2px solid @mantle !important;\n }\n\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc\n &\n div.tBJ.dyH.iFc.j1A.O2T.zDA.IZT.H2s {\n color: @text !important;\n }\n\n button.ope.ujU.e43.adn.BG7.CCY.izI & svg > path {\n fill: @mantle !important;\n }\n\n input#storyboard-editor-details-text-size {\n background-color: @mantle !important;\n color: @text !important;\n caret-color: @text !important;\n border: none !important;\n }\n\n input[style=\"min-width: 0px; flex: 1 1 0%; font-size: 16px; color: rgb(51, 51, 51); border: 0px; outline: none; box-sizing: border-box; padding: 0px;\"] {\n background-color: @base !important;\n color: @text !important;\n caret-color: @text !important;\n }\n\n /* Login */\n\n div[data-test-id=\"login-modal-default\"] {\n background-color: @base !important;\n & h1,\n & p {\n color: @text !important;\n }\n & div.oy8.zI7.iyn.Hsu svg > path {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: @base !important;\n & h1,\n & p {\n color: @text !important;\n }\n & button.red {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n & button.red:hover,\n & button.red:focus {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n & div.oy8.zI7.iyn.Hsu svg > path {\n fill: @accentColor !important;\n }\n }\n\n /* Messages */\n\n div.JME.Jea.KS5.RDc._HI.hA-.ho-.jzS.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu\n &\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s,\n div.x8f.INd._O1.KS5.mQ8.OGJ.YbY.bPW,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s.CKL,\n div.INd.Jea.KS5._HI.mQ8.zI7.iyn.Hsu,\n div.INd._HI.zI7.iyn.Hsu & div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.bPW,\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.s4m {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n input.ta7.iyn.KI_.Lfz.XgI.Hsu.pBj.qJc.tBJ.dyH.iFc.sAJ.L4E.xD4.Zj6.dPY.BG7.TKt.LJB {\n border-color: @surface0 !important;\n }\n\n div.JME.Jea.KS5.fev.zI7.iyn.Hsu {\n border: none !important;\n }\n\n div.LJB.Pw5.daS.fev.urM.zI7.iyn.Hsu {\n background-color: @mantle !important;\n border: none !important;\n }\n\n div.Jea.OVX.jzS.ujU.zI7.iyn.Hsu & textarea {\n background-color: transparent !important;\n color: @text !important;\n caret-color: @text !important;\n }\n\n div[data-test-id=\"contact-search-field\"] & input {\n background-color: @mantle !important;\n border: none !important;\n }\n\n div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu {\n background-color: @accentColor !important;\n & svg > path {\n fill: @mantle !important;\n }\n }\n\n div.Jea.KS5.LJB.Lfz.Pw5.Zr3.daS.hUC.hle.wc1.xuU.zI7.iyn.Hsu {\n background-color: @mantle !important;\n color: @text !important;\n }\n\n div.INd.Jea.KS5.hle.mQ8.wc1.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n /** Mobile **/\n\n div.Jea.KS5.MIw.Rym.jzS.ojN.p6V.zI7.iyn.Hsu,\n div[data-test-id=\"conversation-page-header\"] {\n background-color: @base !important;\n }\n\n div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu {\n background-color: @base !important;\n border: none !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.x8f.INd._O1.KS5.mQ8.pHl.Jrn {\n background-color: @accentColor !important;\n & svg > path {\n fill: @mantle !important;\n }\n }\n\n div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 & div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: transparent !important;\n & svg > path {\n fill: @text !important;\n stroke: @text !important;\n }\n }\n\n /* Settings */\n\n div.E0x.qJc.fRe.nG5.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: @subtext0 !important;\n background-color: @mantle !important;\n }\n\n div.E0x.qJc.dxz.dPY.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: fadeout(@subtext0, 25%) !important;\n }\n\n div.E0x.qJc.iKS.gSJ.dJq.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n background-color: @mantle !important;\n border-color: @accentColor !important;\n }\n\n div.jPl.kVc.Hsu.XiG.NYx.qJc.nG5 {\n background-color: @mantle !important;\n border-color: @mantle !important;\n }\n\n div.jPl.kVc.Hsu.XiG.dD6.BsF.gSJ {\n background-color: @accentColor !important;\n border-color: @accentColor !important;\n }\n\n div.jPl.kVc.Hsu.XiG.GOX.gfP.nG5,\n div.jPl.kVc.Hsu.XiG.v-K.gpV.LJB {\n background-color: @surface2 !important;\n border-color: @surface2 !important;\n }\n\n div.U7Q.Hsu.MIw.qJc.INd.RDh.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.taI.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.RDh.fhX.LJB,\n div.U7Q.Hsu.MIw.qJc.INd.taI.fhX.LJB {\n background-color: @crust !important;\n border-color: @subtext0 !important;\n }\n\n div.qJc.Q9m.nG5.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Q9m.nG5.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: @mantle !important;\n border-color: @overlay0 !important;\n }\n\n div.qJc.Wqy.dPY.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Wqy.dPY.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n border-color: fadeout(@overlay0, 25%) !important;\n }\n\n div.BsF.PO8.gSJ.QsN.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: @mantle !important;\n border-color: @accentColor !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu & div.un8.DUt.wYR.hA-.gpV {\n background-color: @accentColor !important;\n & span {\n color: @base !important;\n }\n }\n\n div.x8f.INd._O1.KS5.mQ8.WhU.gpV & svg > path {\n fill: @base !important;\n }\n\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z {\n background-color: @base !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z:hover {\n background-color: fadeout(@surface0, 75%) !important;\n }\n\n div.react-datepicker {\n background-color: @base !important;\n & select {\n color: @text !important;\n }\n & select:focus {\n box-shadow: 0 0 0 4px @accentColor !important;\n }\n }\n\n div.react-datepicker__day--selected {\n background-color: @accentColor !important;\n color: @base !important;\n }\n\n div[style=\"background-color: rgba(0, 0, 0, 0.06);\"]\n &\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n }\n\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @mantle !important;\n & div {\n background-color: transparent !important;\n color: @text !important;\n }\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @accentColor !important;\n & div {\n background-color: transparent !important;\n color: @mantle !important;\n }\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n button:disabled.RCK.Hsu.USg.adn.CCY.NTm.KhY.oRi.lnZ.wsz.YbY > div {\n background-color: fadeout(@surface1, 25%) !important;\n & div {\n color: @mantle !important;\n }\n }\n\n div[data-test-id=\"account-comparison-table-container\"] & svg > path {\n fill: @accentColor !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n & {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n & {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n} /* /@-moz-document */\n\n// vim:ft=less\n",
+ "usercssData": {
+ "name": "Pinterest Catppuccin",
+ "namespace": "github.com/catppuccin/userstyles/styles/pinterest",
+ "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/pinterest",
+ "version": "1.0.1",
+ "description": "Soothing pastel theme for Pinterest",
+ "author": "Catppuccin",
+ "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css",
+ "license": "MIT",
+ "preprocessor": "less",
+ "vars": {
+ "lightFlavor": {
+ "type": "select",
+ "label": "Light Flavor",
+ "name": "lightFlavor",
+ "value": "macchiato",
+ "default": "latte",
+ "options": [
+ {
+ "name": "latte",
+ "label": "Latte",
+ "value": "latte"
+ },
+ {
+ "name": "frappe",
+ "label": "Frappé",
+ "value": "frappe"
+ },
+ {
+ "name": "macchiato",
+ "label": "Macchiato",
+ "value": "macchiato"
+ },
+ {
+ "name": "mocha",
+ "label": "Mocha",
+ "value": "mocha"
+ }
+ ]
+ },
+ "darkFlavor": {
+ "type": "select",
+ "label": "Dark Flavor",
+ "name": "darkFlavor",
+ "value": "macchiato",
+ "default": "mocha",
+ "options": [
+ {
+ "name": "latte",
+ "label": "Latte",
+ "value": "latte"
+ },
+ {
+ "name": "frappe",
+ "label": "Frappé",
+ "value": "frappe"
+ },
+ {
+ "name": "macchiato",
+ "label": "Macchiato",
+ "value": "macchiato"
+ },
+ {
+ "name": "mocha",
+ "label": "Mocha",
+ "value": "mocha"
+ }
+ ]
+ },
+ "accentColor": {
+ "type": "select",
+ "label": "Accent",
+ "name": "accentColor",
+ "value": "lavender",
+ "default": "mauve",
+ "options": [
+ {
+ "name": "rosewater",
+ "label": "Rosewater",
+ "value": "rosewater"
+ },
+ {
+ "name": "flamingo",
+ "label": "Flamingo",
+ "value": "flamingo"
+ },
+ {
+ "name": "pink",
+ "label": "Pink",
+ "value": "pink"
+ },
+ {
+ "name": "mauve",
+ "label": "Mauve",
+ "value": "mauve"
+ },
+ {
+ "name": "red",
+ "label": "Red",
+ "value": "red"
+ },
+ {
+ "name": "maroon",
+ "label": "Maroon",
+ "value": "maroon"
+ },
+ {
+ "name": "peach",
+ "label": "Peach",
+ "value": "peach"
+ },
+ {
+ "name": "yellow",
+ "label": "Yellow",
+ "value": "yellow"
+ },
+ {
+ "name": "green",
+ "label": "Green",
+ "value": "green"
+ },
+ {
+ "name": "teal",
+ "label": "Teal",
+ "value": "teal"
+ },
+ {
+ "name": "blue",
+ "label": "Blue",
+ "value": "blue"
+ },
+ {
+ "name": "sapphire",
+ "label": "Sapphire",
+ "value": "sapphire"
+ },
+ {
+ "name": "sky",
+ "label": "Sky",
+ "value": "sky"
+ },
+ {
+ "name": "lavender",
+ "label": "Lavender",
+ "value": "lavender"
+ },
+ {
+ "name": "subtext0",
+ "label": "Gray",
+ "value": "subtext0"
+ }
+ ]
+ }
+ }
+ },
+ "author": "Catppuccin",
+ "description": "Soothing pastel theme for Pinterest",
+ "name": "Pinterest Catppuccin",
+ "originalDigest": "f7f7354cd4e3911187a5667d2fc582543e2a4f65",
+ "_id": "34c0289c-7758-4564-8b76-4b783b1c0663",
+ "_rev": 1699437734168,
+ "id": 66,
+ "etag": "W/\"1a4d190f5263b1fb7951d74231495c5492213c2487a2a9414d5a9738e2e1f582\""
+ },
+ {
+ "enabled": true,
+ "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css",
+ "url": "https://github.com/catppuccin/userstyles/tree/main/styles/syncthing",
+ "installDate": 1699437783957,
+ "sections": [
+ {
+ "code": "/* ==UserStyle==\n@name Syncthing Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/syncthing\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/syncthing\n@version 0.1.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css\n@description Soothing pastel theme for Syncthing\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var text urls \"URL(s) for Syncthing\" \"127\\.0\\.0\\.1\\:8384,localhost\\:8384\"\n\n==/UserStyle== */\n/*\n `replace( ,\" \", \"\", \"g\")` is here to remove extra spaces (if any)\n*/",
+ "start": 0
+ },
+ {
+ "code": "@media (prefers-color-scheme: light) {\n :root {\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n /* navbar */\n /* main panel */\n /* buttons */\n /* modal dialogs */\n /* buttons for pagination */\n /* progress bars */\n /* text */\n }\n :root body {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root a {\n color: #b7bdf8;\n }\n :root .nav-tabs > li.active > a:hover,\n :root .nav-tabs > li.active > a {\n color: #b7bdf8 !important;\n }\n :root .navbar {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n :root .navbar-text,\n :root .dropdown > a,\n :root .dropdown-menu > li > a,\n :root .hidden-xs > a,\n :root .navbar-link {\n color: #cad3f5 !important;\n }\n :root .dropdown-menu {\n border-color: #494d64 !important;\n background-color: #1e2030 !important;\n }\n :root .dropdown-menu > li > a:hover,\n :root .dropdown-menu > li > a:focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n :root .open > .dropdown-toggle,\n :root .dropdown-toggle:hover {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n :root .divider {\n background-color: #494d64 !important;\n }\n :root li.hidden-xs:hover,\n :root .navbar-link:hover,\n :root .navbar-link:focus {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n :root .dropdown-menu > .active > a {\n color: #24273a !important;\n background-color: #b7bdf8 !important;\n }\n :root .panel {\n background-color: #24273a !important;\n }\n :root .panel-default {\n border-color: #363a4f !important;\n }\n :root .panel-default > .panel-heading {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n :root .panel-footer {\n background-color: #24273a !important;\n }\n :root .table-striped > tbody > tr {\n border-top-color: #363a4f !important;\n }\n :root .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #24273a !important;\n }\n :root .panel-group .panel-heading + .panel-collapse > .panel-body,\n :root .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: #24273a !important;\n }\n :root .identicon > rect {\n fill: #cad3f5 !important;\n }\n :root .btn-default {\n color: #cad3f5 !important;\n background-color: transparent !important;\n border-color: #363a4f !important;\n }\n :root .btn-default:hover,\n :root .btn-default:focus,\n :root .btn-default.focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n :root .btn-primary {\n background-color: #b7bdf8 !important;\n color: #24273a;\n }\n :root .btn-primary:hover,\n :root .btn-primary:focus,\n :root .btn-primary.focus {\n background-color: rgba(183, 189, 248, 0.9) !important;\n }\n :root .btn-warning {\n background-color: #eed49f !important;\n color: #24273a;\n }\n :root .btn-warning:hover,\n :root .btn-warning:focus,\n :root .btn-warning.focus {\n background-color: rgba(238, 212, 159, 0.9) !important;\n }\n :root .btn-danger {\n background-color: #ed8796 !important;\n color: #24273a;\n }\n :root .btn-danger:hover,\n :root .btn-danger:focus,\n :root .btn-danger.focus {\n background-color: rgba(237, 135, 150, 0.9) !important;\n }\n :root .modal-header {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n :root .modal-content {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root .modal-footer {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root .alert-warning {\n background-color: #eed49f !important;\n color: #24273a !important;\n }\n :root .alert-danger {\n background-color: #ed8796 !important;\n color: #24273a !important;\n }\n :root .help-block {\n color: #cad3f5 !important;\n }\n :root .form-control {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n :root code.ng-binding {\n color: #c6a0f6 !important;\n background-color: #1e2030 !important;\n }\n :root .well,\n :root .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: #a5adcb !important;\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n :root .pagination > li > a,\n :root .pagination > li > span {\n background-color: #24273a !important;\n border-color: #363a4f !important;\n }\n :root .pagination > li > a:hover,\n :root .pagination > li > a:focus,\n :root .pagination > li > a.focus {\n background-color: #363a4f !important;\n }\n :root .progress-bar {\n background-color: #b7bdf8 !important;\n }\n :root .progress-bar-success {\n background-color: #a6da95 !important;\n }\n :root .progress-bar-info {\n background-color: #f0c6c6 !important;\n }\n :root .progress-bar-warning {\n background-color: #eed49f !important;\n }\n :root .progress-bar-danger {\n background-color: #ed8796 !important;\n }\n :root .text-primary {\n color: #b7bdf8 !important;\n }\n :root .text-success {\n color: #a6da95 !important;\n }\n :root .text-info {\n color: #f0c6c6 !important;\n }\n :root .text-warning {\n color: #eed49f !important;\n }\n :root .text-danger {\n color: #ed8796 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n /* navbar */\n /* main panel */\n /* buttons */\n /* modal dialogs */\n /* buttons for pagination */\n /* progress bars */\n /* text */\n }\n :root body {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root a {\n color: #b7bdf8;\n }\n :root .nav-tabs > li.active > a:hover,\n :root .nav-tabs > li.active > a {\n color: #b7bdf8 !important;\n }\n :root .navbar {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n :root .navbar-text,\n :root .dropdown > a,\n :root .dropdown-menu > li > a,\n :root .hidden-xs > a,\n :root .navbar-link {\n color: #cad3f5 !important;\n }\n :root .dropdown-menu {\n border-color: #494d64 !important;\n background-color: #1e2030 !important;\n }\n :root .dropdown-menu > li > a:hover,\n :root .dropdown-menu > li > a:focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n :root .open > .dropdown-toggle,\n :root .dropdown-toggle:hover {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n :root .divider {\n background-color: #494d64 !important;\n }\n :root li.hidden-xs:hover,\n :root .navbar-link:hover,\n :root .navbar-link:focus {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n :root .dropdown-menu > .active > a {\n color: #24273a !important;\n background-color: #b7bdf8 !important;\n }\n :root .panel {\n background-color: #24273a !important;\n }\n :root .panel-default {\n border-color: #363a4f !important;\n }\n :root .panel-default > .panel-heading {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n :root .panel-footer {\n background-color: #24273a !important;\n }\n :root .table-striped > tbody > tr {\n border-top-color: #363a4f !important;\n }\n :root .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #24273a !important;\n }\n :root .panel-group .panel-heading + .panel-collapse > .panel-body,\n :root .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: #24273a !important;\n }\n :root .identicon > rect {\n fill: #cad3f5 !important;\n }\n :root .btn-default {\n color: #cad3f5 !important;\n background-color: transparent !important;\n border-color: #363a4f !important;\n }\n :root .btn-default:hover,\n :root .btn-default:focus,\n :root .btn-default.focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n :root .btn-primary {\n background-color: #b7bdf8 !important;\n color: #24273a;\n }\n :root .btn-primary:hover,\n :root .btn-primary:focus,\n :root .btn-primary.focus {\n background-color: rgba(183, 189, 248, 0.9) !important;\n }\n :root .btn-warning {\n background-color: #eed49f !important;\n color: #24273a;\n }\n :root .btn-warning:hover,\n :root .btn-warning:focus,\n :root .btn-warning.focus {\n background-color: rgba(238, 212, 159, 0.9) !important;\n }\n :root .btn-danger {\n background-color: #ed8796 !important;\n color: #24273a;\n }\n :root .btn-danger:hover,\n :root .btn-danger:focus,\n :root .btn-danger.focus {\n background-color: rgba(237, 135, 150, 0.9) !important;\n }\n :root .modal-header {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n :root .modal-content {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root .modal-footer {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root .alert-warning {\n background-color: #eed49f !important;\n color: #24273a !important;\n }\n :root .alert-danger {\n background-color: #ed8796 !important;\n color: #24273a !important;\n }\n :root .help-block {\n color: #cad3f5 !important;\n }\n :root .form-control {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n :root code.ng-binding {\n color: #c6a0f6 !important;\n background-color: #1e2030 !important;\n }\n :root .well,\n :root .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: #a5adcb !important;\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n :root .pagination > li > a,\n :root .pagination > li > span {\n background-color: #24273a !important;\n border-color: #363a4f !important;\n }\n :root .pagination > li > a:hover,\n :root .pagination > li > a:focus,\n :root .pagination > li > a.focus {\n background-color: #363a4f !important;\n }\n :root .progress-bar {\n background-color: #b7bdf8 !important;\n }\n :root .progress-bar-success {\n background-color: #a6da95 !important;\n }\n :root .progress-bar-info {\n background-color: #f0c6c6 !important;\n }\n :root .progress-bar-warning {\n background-color: #eed49f !important;\n }\n :root .progress-bar-danger {\n background-color: #ed8796 !important;\n }\n :root .text-primary {\n color: #b7bdf8 !important;\n }\n :root .text-success {\n color: #a6da95 !important;\n }\n :root .text-info {\n color: #f0c6c6 !important;\n }\n :root .text-warning {\n color: #eed49f !important;\n }\n :root .text-danger {\n color: #ed8796 !important;\n }\n }\n .light-theme {\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n /* navbar */\n /* main panel */\n /* buttons */\n /* modal dialogs */\n /* buttons for pagination */\n /* progress bars */\n /* text */\n }\n .light-theme body {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n .light-theme a {\n color: #b7bdf8;\n }\n .light-theme .nav-tabs > li.active > a:hover,\n .light-theme .nav-tabs > li.active > a {\n color: #b7bdf8 !important;\n }\n .light-theme .navbar {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n .light-theme .navbar-text,\n .light-theme .dropdown > a,\n .light-theme .dropdown-menu > li > a,\n .light-theme .hidden-xs > a,\n .light-theme .navbar-link {\n color: #cad3f5 !important;\n }\n .light-theme .dropdown-menu {\n border-color: #494d64 !important;\n background-color: #1e2030 !important;\n }\n .light-theme .dropdown-menu > li > a:hover,\n .light-theme .dropdown-menu > li > a:focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n .light-theme .open > .dropdown-toggle,\n .light-theme .dropdown-toggle:hover {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n .light-theme .divider {\n background-color: #494d64 !important;\n }\n .light-theme li.hidden-xs:hover,\n .light-theme .navbar-link:hover,\n .light-theme .navbar-link:focus {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n .light-theme .dropdown-menu > .active > a {\n color: #24273a !important;\n background-color: #b7bdf8 !important;\n }\n .light-theme .panel {\n background-color: #24273a !important;\n }\n .light-theme .panel-default {\n border-color: #363a4f !important;\n }\n .light-theme .panel-default > .panel-heading {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n .light-theme .panel-footer {\n background-color: #24273a !important;\n }\n .light-theme .table-striped > tbody > tr {\n border-top-color: #363a4f !important;\n }\n .light-theme .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #24273a !important;\n }\n .light-theme .panel-group .panel-heading + .panel-collapse > .panel-body,\n .light-theme .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: #24273a !important;\n }\n .light-theme .identicon > rect {\n fill: #cad3f5 !important;\n }\n .light-theme .btn-default {\n color: #cad3f5 !important;\n background-color: transparent !important;\n border-color: #363a4f !important;\n }\n .light-theme .btn-default:hover,\n .light-theme .btn-default:focus,\n .light-theme .btn-default.focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n .light-theme .btn-primary {\n background-color: #b7bdf8 !important;\n color: #24273a;\n }\n .light-theme .btn-primary:hover,\n .light-theme .btn-primary:focus,\n .light-theme .btn-primary.focus {\n background-color: rgba(183, 189, 248, 0.9) !important;\n }\n .light-theme .btn-warning {\n background-color: #eed49f !important;\n color: #24273a;\n }\n .light-theme .btn-warning:hover,\n .light-theme .btn-warning:focus,\n .light-theme .btn-warning.focus {\n background-color: rgba(238, 212, 159, 0.9) !important;\n }\n .light-theme .btn-danger {\n background-color: #ed8796 !important;\n color: #24273a;\n }\n .light-theme .btn-danger:hover,\n .light-theme .btn-danger:focus,\n .light-theme .btn-danger.focus {\n background-color: rgba(237, 135, 150, 0.9) !important;\n }\n .light-theme .modal-header {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n .light-theme .modal-content {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n .light-theme .modal-footer {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n .light-theme .alert-warning {\n background-color: #eed49f !important;\n color: #24273a !important;\n }\n .light-theme .alert-danger {\n background-color: #ed8796 !important;\n color: #24273a !important;\n }\n .light-theme .help-block {\n color: #cad3f5 !important;\n }\n .light-theme .form-control {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n .light-theme code.ng-binding {\n color: #c6a0f6 !important;\n background-color: #1e2030 !important;\n }\n .light-theme .well,\n .light-theme .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: #a5adcb !important;\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n .light-theme .pagination > li > a,\n .light-theme .pagination > li > span {\n background-color: #24273a !important;\n border-color: #363a4f !important;\n }\n .light-theme .pagination > li > a:hover,\n .light-theme .pagination > li > a:focus,\n .light-theme .pagination > li > a.focus {\n background-color: #363a4f !important;\n }\n .light-theme .progress-bar {\n background-color: #b7bdf8 !important;\n }\n .light-theme .progress-bar-success {\n background-color: #a6da95 !important;\n }\n .light-theme .progress-bar-info {\n background-color: #f0c6c6 !important;\n }\n .light-theme .progress-bar-warning {\n background-color: #eed49f !important;\n }\n .light-theme .progress-bar-danger {\n background-color: #ed8796 !important;\n }\n .light-theme .text-primary {\n color: #b7bdf8 !important;\n }\n .light-theme .text-success {\n color: #a6da95 !important;\n }\n .light-theme .text-info {\n color: #f0c6c6 !important;\n }\n .light-theme .text-warning {\n color: #eed49f !important;\n }\n .light-theme .text-danger {\n color: #ed8796 !important;\n }\n .dark-theme {\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n /* navbar */\n /* main panel */\n /* buttons */\n /* modal dialogs */\n /* buttons for pagination */\n /* progress bars */\n /* text */\n }\n .dark-theme body {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n .dark-theme a {\n color: #b7bdf8;\n }\n .dark-theme .nav-tabs > li.active > a:hover,\n .dark-theme .nav-tabs > li.active > a {\n color: #b7bdf8 !important;\n }\n .dark-theme .navbar {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n .dark-theme .navbar-text,\n .dark-theme .dropdown > a,\n .dark-theme .dropdown-menu > li > a,\n .dark-theme .hidden-xs > a,\n .dark-theme .navbar-link {\n color: #cad3f5 !important;\n }\n .dark-theme .dropdown-menu {\n border-color: #494d64 !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .dropdown-menu > li > a:hover,\n .dark-theme .dropdown-menu > li > a:focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n .dark-theme .open > .dropdown-toggle,\n .dark-theme .dropdown-toggle:hover {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n .dark-theme .divider {\n background-color: #494d64 !important;\n }\n .dark-theme li.hidden-xs:hover,\n .dark-theme .navbar-link:hover,\n .dark-theme .navbar-link:focus {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n .dark-theme .dropdown-menu > .active > a {\n color: #24273a !important;\n background-color: #b7bdf8 !important;\n }\n .dark-theme .panel {\n background-color: #24273a !important;\n }\n .dark-theme .panel-default {\n border-color: #363a4f !important;\n }\n .dark-theme .panel-default > .panel-heading {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n .dark-theme .panel-footer {\n background-color: #24273a !important;\n }\n .dark-theme .table-striped > tbody > tr {\n border-top-color: #363a4f !important;\n }\n .dark-theme .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #24273a !important;\n }\n .dark-theme .panel-group .panel-heading + .panel-collapse > .panel-body,\n .dark-theme .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: #24273a !important;\n }\n .dark-theme .identicon > rect {\n fill: #cad3f5 !important;\n }\n .dark-theme .btn-default {\n color: #cad3f5 !important;\n background-color: transparent !important;\n border-color: #363a4f !important;\n }\n .dark-theme .btn-default:hover,\n .dark-theme .btn-default:focus,\n .dark-theme .btn-default.focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n .dark-theme .btn-primary {\n background-color: #b7bdf8 !important;\n color: #24273a;\n }\n .dark-theme .btn-primary:hover,\n .dark-theme .btn-primary:focus,\n .dark-theme .btn-primary.focus {\n background-color: rgba(183, 189, 248, 0.9) !important;\n }\n .dark-theme .btn-warning {\n background-color: #eed49f !important;\n color: #24273a;\n }\n .dark-theme .btn-warning:hover,\n .dark-theme .btn-warning:focus,\n .dark-theme .btn-warning.focus {\n background-color: rgba(238, 212, 159, 0.9) !important;\n }\n .dark-theme .btn-danger {\n background-color: #ed8796 !important;\n color: #24273a;\n }\n .dark-theme .btn-danger:hover,\n .dark-theme .btn-danger:focus,\n .dark-theme .btn-danger.focus {\n background-color: rgba(237, 135, 150, 0.9) !important;\n }\n .dark-theme .modal-header {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n .dark-theme .modal-content {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .modal-footer {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .alert-warning {\n background-color: #eed49f !important;\n color: #24273a !important;\n }\n .dark-theme .alert-danger {\n background-color: #ed8796 !important;\n color: #24273a !important;\n }\n .dark-theme .help-block {\n color: #cad3f5 !important;\n }\n .dark-theme .form-control {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n .dark-theme code.ng-binding {\n color: #c6a0f6 !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .well,\n .dark-theme .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: #a5adcb !important;\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .pagination > li > a,\n .dark-theme .pagination > li > span {\n background-color: #24273a !important;\n border-color: #363a4f !important;\n }\n .dark-theme .pagination > li > a:hover,\n .dark-theme .pagination > li > a:focus,\n .dark-theme .pagination > li > a.focus {\n background-color: #363a4f !important;\n }\n .dark-theme .progress-bar {\n background-color: #b7bdf8 !important;\n }\n .dark-theme .progress-bar-success {\n background-color: #a6da95 !important;\n }\n .dark-theme .progress-bar-info {\n background-color: #f0c6c6 !important;\n }\n .dark-theme .progress-bar-warning {\n background-color: #eed49f !important;\n }\n .dark-theme .progress-bar-danger {\n background-color: #ed8796 !important;\n }\n .dark-theme .text-primary {\n color: #b7bdf8 !important;\n }\n .dark-theme .text-success {\n color: #a6da95 !important;\n }\n .dark-theme .text-info {\n color: #f0c6c6 !important;\n }\n .dark-theme .text-warning {\n color: #eed49f !important;\n }\n .dark-theme .text-danger {\n color: #ed8796 !important;\n }",
+ "start": 1148,
+ "regexps": [
+ "https?://(127\\.0\\.0\\.1\\:8384|localhost\\:8384)/.*"
+ ]
+ }
+ ],
+ "sourceCode": "/* ==UserStyle==\n@name Syncthing Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/syncthing\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/syncthing\n@version 0.1.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css\n@description Soothing pastel theme for Syncthing\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var text urls \"URL(s) for Syncthing\" \"127\\.0\\.0\\.1\\:8384,localhost\\:8384\"\n\n==/UserStyle== */\n\n/*\n `replace( ,\" \", \"\", \"g\")` is here to remove extra spaces (if any)\n*/\n\n@-moz-document regexp(replace(replace(%(\"https?://(%s)/.*\", @urls), \",\", \"|\"), \" \", \"\", \"g\"))\n{\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n\n body {\n color: @text !important;\n background-color: @base !important;\n }\n\n a {\n color: @accent-color;\n }\n\n .nav-tabs > li.active > a:hover,\n .nav-tabs > li.active > a {\n color: @accent-color !important;\n }\n\n /* navbar */\n .navbar {\n background-color: @mantle !important;\n border-color: @mantle !important;\n }\n\n .navbar-text,\n .dropdown > a,\n .dropdown-menu > li > a,\n .hidden-xs > a,\n .navbar-link {\n color: @text !important;\n }\n\n .dropdown-menu {\n border-color: @surface1 !important;\n background-color: @mantle !important;\n }\n\n .dropdown-menu > li > a:hover,\n .dropdown-menu > li > a:focus {\n color: @text !important;\n background-color: @surface0 !important;\n }\n\n .open > .dropdown-toggle,\n .dropdown-toggle:hover {\n border-color: @surface1 !important;\n background-color: @surface0 !important;\n }\n\n .divider {\n background-color: @surface1 !important;\n }\n\n li.hidden-xs:hover,\n .navbar-link:hover,\n .navbar-link:focus {\n border-color: @surface1 !important;\n background-color: @surface0 !important;\n }\n\n .dropdown-menu > .active > a {\n color: @base !important;\n background-color: @accent-color !important;\n }\n\n /* main panel */\n .panel {\n background-color: @base !important;\n }\n\n .panel-default {\n border-color: @surface0 !important;\n }\n\n .panel-default > .panel-heading {\n color: @text !important;\n border-color: @surface0 !important;\n background-color: @base !important;\n }\n\n .panel-footer {\n background-color: @base !important;\n }\n\n .table-striped > tbody > tr {\n border-top-color: @surface0 !important;\n }\n\n .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: @base !important;\n }\n\n .panel-group .panel-heading + .panel-collapse > .panel-body,\n .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: @base !important;\n }\n\n .identicon > rect {\n fill: @text !important;\n }\n\n /* buttons */\n .btn-default {\n color: @text !important;\n background-color: transparent !important;\n border-color: @surface0 !important;\n }\n\n .btn-default:hover,\n .btn-default:focus,\n .btn-default.focus {\n color: @text !important;\n background-color: @surface0 !important;\n }\n\n .btn-primary {\n background-color: @accent-color !important;\n color: @base;\n }\n\n .btn-primary:hover,\n .btn-primary:focus,\n .btn-primary.focus {\n background-color: fade(@accent-color, 90%) !important;\n }\n\n .btn-warning {\n background-color: @yellow !important;\n color: @base;\n }\n\n .btn-warning:hover,\n .btn-warning:focus,\n .btn-warning.focus {\n background-color: fade(@yellow, 90%) !important;\n }\n\n .btn-danger {\n background-color: @red !important;\n color: @base;\n }\n\n .btn-danger:hover,\n .btn-danger:focus,\n .btn-danger.focus {\n background-color: fade(@red, 90%) !important;\n }\n\n /* modal dialogs */\n .modal-header {\n border-color: @surface0 !important;\n background-color: @mantle;\n }\n\n .modal-content {\n border-color: @surface0 !important;\n background-color: @mantle !important;\n }\n\n .modal-footer {\n border-color: @surface0 !important;\n background-color: @mantle !important;\n }\n\n .alert-warning {\n background-color: @yellow !important;\n color: @base !important;\n }\n\n .alert-danger {\n background-color: @red !important;\n color: @base !important;\n }\n\n .help-block {\n color: @text !important;\n }\n\n .form-control {\n color: @text !important;\n border-color: @surface0 !important;\n background-color: @base !important;\n }\n\n code.ng-binding {\n color: @mauve !important;\n background-color: @mantle !important;\n }\n\n .well,\n .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: @subtext0 !important;\n border-color: @subtext0 !important;\n background-color: @mantle !important;\n }\n\n /* buttons for pagination */\n .pagination > li > a,\n .pagination > li > span {\n background-color: @base !important;\n border-color: @surface0 !important;\n }\n\n .pagination > li > a:hover,\n .pagination > li > a:focus,\n .pagination > li > a.focus {\n background-color: @surface0 !important;\n }\n\n /* progress bars */\n .progress-bar {\n background-color: @accent-color !important;\n }\n\n .progress-bar-success {\n background-color: @green !important;\n }\n\n .progress-bar-info {\n background-color: @flamingo !important;\n }\n\n .progress-bar-warning {\n background-color: @yellow !important;\n }\n\n .progress-bar-danger {\n background-color: @red !important;\n }\n\n /* text */\n .text-primary {\n color: @accent-color !important;\n }\n\n .text-success {\n color: @green !important;\n }\n\n .text-info {\n color: @flamingo !important;\n }\n\n .text-warning {\n color: @yellow !important;\n }\n\n .text-danger {\n color: @red !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n .light-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-theme {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n",
+ "usercssData": {
+ "name": "Syncthing Catppuccin",
+ "namespace": "github.com/catppuccin/userstyles/styles/syncthing",
+ "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/syncthing",
+ "version": "0.1.1",
+ "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css",
+ "description": "Soothing pastel theme for Syncthing",
+ "author": "Catppuccin",
+ "license": "MIT",
+ "preprocessor": "less",
+ "vars": {
+ "lightFlavor": {
+ "type": "select",
+ "label": "Light Flavor",
+ "name": "lightFlavor",
+ "value": "macchiato",
+ "default": "latte",
+ "options": [
+ {
+ "name": "latte",
+ "label": "Latte",
+ "value": "latte"
+ },
+ {
+ "name": "frappe",
+ "label": "Frappé",
+ "value": "frappe"
+ },
+ {
+ "name": "macchiato",
+ "label": "Macchiato",
+ "value": "macchiato"
+ },
+ {
+ "name": "mocha",
+ "label": "Mocha",
+ "value": "mocha"
+ }
+ ]
+ },
+ "darkFlavor": {
+ "type": "select",
+ "label": "Dark Flavor",
+ "name": "darkFlavor",
+ "value": "macchiato",
+ "default": "mocha",
+ "options": [
+ {
+ "name": "latte",
+ "label": "Latte",
+ "value": "latte"
+ },
+ {
+ "name": "frappe",
+ "label": "Frappé",
+ "value": "frappe"
+ },
+ {
+ "name": "macchiato",
+ "label": "Macchiato",
+ "value": "macchiato"
+ },
+ {
+ "name": "mocha",
+ "label": "Mocha",
+ "value": "mocha"
+ }
+ ]
+ },
+ "accentColor": {
+ "type": "select",
+ "label": "Accent",
+ "name": "accentColor",
+ "value": "lavender",
+ "default": "sapphire",
+ "options": [
+ {
+ "name": "rosewater",
+ "label": "Rosewater",
+ "value": "rosewater"
+ },
+ {
+ "name": "flamingo",
+ "label": "Flamingo",
+ "value": "flamingo"
+ },
+ {
+ "name": "pink",
+ "label": "Pink",
+ "value": "pink"
+ },
+ {
+ "name": "mauve",
+ "label": "Mauve",
+ "value": "mauve"
+ },
+ {
+ "name": "red",
+ "label": "Red",
+ "value": "red"
+ },
+ {
+ "name": "maroon",
+ "label": "Maroon",
+ "value": "maroon"
+ },
+ {
+ "name": "peach",
+ "label": "Peach",
+ "value": "peach"
+ },
+ {
+ "name": "yellow",
+ "label": "Yellow",
+ "value": "yellow"
+ },
+ {
+ "name": "green",
+ "label": "Green",
+ "value": "green"
+ },
+ {
+ "name": "teal",
+ "label": "Teal",
+ "value": "teal"
+ },
+ {
+ "name": "blue",
+ "label": "Blue",
+ "value": "blue"
+ },
+ {
+ "name": "sapphire",
+ "label": "Sapphire",
+ "value": "sapphire"
+ },
+ {
+ "name": "sky",
+ "label": "Sky",
+ "value": "sky"
+ },
+ {
+ "name": "lavender",
+ "label": "Lavender",
+ "value": "lavender"
+ },
+ {
+ "name": "subtext0",
+ "label": "Gray",
+ "value": "subtext0"
+ }
+ ]
+ },
+ "urls": {
+ "type": "text",
+ "label": "URL(s) for Syncthing",
+ "name": "urls",
+ "value": null,
+ "default": "127\\.0\\.0\\.1\\:8384,localhost\\:8384",
+ "options": null
+ }
+ }
+ },
+ "author": "Catppuccin",
+ "description": "Soothing pastel theme for Syncthing",
+ "name": "Syncthing Catppuccin",
+ "originalDigest": "5d0ac73671c101da32e0a3c7b444ef51385b5c97",
+ "_id": "98ee3487-dfae-4980-9296-b165f8e386bc",
+ "_rev": 1699437783957,
+ "id": 67,
+ "etag": "W/\"c25f522ad3b43aea243d0c216ddfeee4681c8e736e85c0294e56fd48458e1f62\""
}
]
\ No newline at end of file