From 69376e75bdc11f5300eb41bee5a6895f4fcbf876 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sergio=20La=C3=ADn?= Date: Fri, 3 May 2024 15:08:46 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore(browser):=20update=20stylu?= =?UTF-8?q?s=20and=20violentmonkey=20backups?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .config/browser/stylus/stylus-themes.json | 2250 +++++++++++++++++++-- .config/browser/violentmonkey/backup.zip | Bin 47091 -> 47882 bytes 2 files changed, 2125 insertions(+), 125 deletions(-) diff --git a/.config/browser/stylus/stylus-themes.json b/.config/browser/stylus/stylus-themes.json index 3dbf5675..131141ad 100644 --- a/.config/browser/stylus/stylus-themes.json +++ b/.config/browser/stylus/stylus-themes.json @@ -93,9 +93,7 @@ "popupWidth": 246, "popupWidthMax": 280, "updateInterval": 24, - "updateOnlyEnabled": false, - "popup.breadcrumbs": true, - "popup.breadcrumbs.usePath": false + "updateOnlyEnabled": false }, "order": { "main": [], @@ -108,6 +106,10 @@ "url": "https://github.com/OlaoluwaM/notion-catppuccin", "installDate": 1671615207235, "sections": [ + { + "code": "/* ==UserStyle==\n@name Notion Catppuccin\n@namespace https://github.com/OlaoluwaM\n@version 1.0.2\n@description Soothing pastel theme for Notion\n@author OlaoluwaM\n@homepageURL https://github.com/OlaoluwaM/notion-catppuccin\n@updateURL https://userstyles.world/api/style/3838.user.css\n\n==/UserStyle== */", + "start": 0 + }, { "code": ":root {\n --rosewater: 10, 56%, 91%;\n --flamingo: 0, 59%, 88%;\n --mauve: 279, 70%, 83%;\n --pink_theme: 316, 72%, 86%;\n --maroon: 349, 60%, 77%;\n --red_theme: 342, 79%, 75%;\n --peach: 024, 88%, 78%;\n --yellow_theme: 041, 88%, 84%;\n --green_theme: 128, 58%, 79%;\n --green_darken: 128, 58%, 76%;\n --green_darkest: 128, 58%, 72%;\n --teal: 171, 53%, 81%;\n --blue_theme: 207, 93%, 79%;\n --blue_darken: 213, 84%, 78%;\n --sky: 189, 71%, 73%;\n --lavender: 238, 100%, 89%;\n\n --black0: 254, 25%, 10%;\n --black1: 249, 23%, 12%;\n --black2: 240, 21%, 15%;\n --black3: 249, 18%, 22%;\n --black4: 254, 12%, 36%;\n --gray0: 247, 8%, 46%;\n --gray1: 274, 11%, 59%;\n --gray2: 285, 10%, 75%;\n --white: 220, 38%, 89%;\n\n --bg: hsl(var(--black1));\n --bg-light: hsl(var(--black1));\n --bg-lighter: hsla(var(--black1));\n --fg: hsla(var(--white), 1);\n --fg-light: hsl(var(--white));\n --fg-lighter: hsl(var(--fg-light));\n --main: hsl(var(--blue_darken), 0.8);\n --hover: hsl(var(--black3), 0.8);\n --border: hsl(var(--black3));\n --selection: hsla(var(--gray0), 0.5);\n --gray: hsl(var(--gray2));\n --brown: hsl(var(--flamingo));\n --orange: hsl(var(--peach));\n --yellow: hsl(var(--yellow_theme));\n --green: hsl(var(--green_theme));\n --blue: hsl(var(--blue_theme));\n --purple: hsl(var(--mauve));\n --pink: hsl(var(--pink_theme));\n --red: hsl(var(--red_theme));\n --bg-gray: hsl(var(--black3));\n --bg-brown: hsla(var(--flamingo), 0.9);\n --bg-orange: hsl(var(--peach), 0.9);\n --bg-yellow: hsla(var(--yellow_theme), 0.9);\n --bg-green: hsla(var(--green_darken), 0.9);\n --bg-blue: hsla(var(--blue_darken), 0.9);\n --bg-purple: hsla(var(--mauve), 0.9);\n --bg-pink: hsla(var(--pink_theme), 0.9);\n --bg-red: hsl(var(--red_theme), 0.9);\n\n --text-gray: hsla(var(--white), 0.5);\n }\n\n /* For Notion Enhancer*/\n\n :root.dark.dark {\n --theme--bg_secondary: hsl(var(--black2));\n --theme_text: hsl(var(--white));\n --theme--ui_interactive-hover: hsl(var(--black3));\n --theme--ui_interactive-active: hsl(var(--black4));\n --indentation_lines--color: var(--text-gray);\n --theme--ui_corner_action: hsla(var(--black4), 0.5);\n --theme--ui_corner_action-hover: hsla(var(--black4), 0.9);\n }\n\n /* Inline Code block */\n div.notion-selectable.notion-callout-block > div > div {\n background: hsla(var(--black3), 0.5) !important;\n }\n\n /* prettier-ignore */\n div.notion-dark-theme :where(\n *[style*='background: rgb(137, 99, 42)'],\n *[style*='background: rgb(73, 47, 100)'],\n *[style*='background: rgb(43, 89, 63)'],\n *[style*='background: rgb(133, 76, 29)'],\n *[style*='background: rgb(133, 76, 29)'],\n *[style*='background: rgb(40, 69, 108)'],\n *[style*='background: rgb(105, 49, 76)'],\n *[style*='background: rgb(110, 54, 48)'],\n *[style*='background: rgb(96, 59, 44)']\n ) {\n/* prettier-ignore */\n color: hsl(var(--black1)) !important;\n}\n\n div.notion-dark-theme div[style*=\"background: rgb(46, 170, 220)\"] {\n background: hsla(var(--blue_darken), 1) !important;\n color: hsl(var(--black1)) !important;\n border-right: 0.5px solid hsl(var(--black3), 0.5) !important;\n }\n\n div.notion-dark-theme div[style*=\"background: rgb(46, 170, 220)\"] svg {\n background: hsla(var(--blue_darken), 1) !important;\n fill: hsl(var(--black1)) !important;\n }\n\n div.notion-dark-theme *[style*=\"background: rgb(32, 32, 32)\"] {\n background: hsl(var(--black2)) !important;\n }\n\n div.notion-dark-theme *[style*=\"background: rgb(37, 37, 37)\"] {\n background: hsl(var(--black3)) !important;\n }\n\n div.notion-dark-theme\n *[style*=\"color: rgba(255, 255, 255, 0.87)\"]:not([style*=\"color: rgba(255, 255, 255, 0.565)\"]) {\n color: hsl(var(--white)) !important;\n -webkit-text-fill-color: currentColor;\n }\n\n div.notion-dark-theme *[style*=\"color:rgba(155, 155, 155, 1)\"] {\n color: var(--text-gray) !important;\n fill: currentColor !important;\n -webkit-text-fill-color: currentColor !important;\n }\n\n div.notion-dark-theme\n *[style*=\"color:rgba(155, 155, 155, 1)\"]\n .notion-focusable:hover {\n color: var(--white) !important;\n -webkit-text-fill-color: currentColor !important;\n }\n\n div.notion-dark-theme\n div[style*=\"color: rgba(255, 255, 255, 0.87)\"]\n > div:after {\n color: hsla(var(--white), 0.3) !important;\n -webkit-text-fill-color: currentColor !important;\n }\n\n div.notion-dark-theme div.notion-help-button {\n background: hsla(var(--black4), 0.5) !important;\n }\n\n div.notion-dark-theme div.notion-help-button:hover {\n background: hsla(var(--black4), 0.9);\n }\n\n .notion-dark-theme\n *[style*=\"background: rgb(25, 25, 25)\"]\n > div[style*=\"color: rgba(255, 255, 255, 0.565)\"] {\n color: var(--text-gray) !important;\n -webkit-text-fill-color: currentColor !important;\n }\n\n /* For the Heading placeholder when a heading is created with no text */\n div.notion-dark-theme\n div[style*=\"-webkit-text-fill-color: rgb(55, 55, 55)\"]:after {\n color: hsla(var(--gray0), 0.4) !important;\n -webkit-text-fill-color: currentColor !important;\n }\n\n /* For the command prompt. The 'Type / for command' thing*/\n div.notion-dark-theme\n div[style*=\"-webkit-text-fill-color: rgba(255, 255, 255, 0.443)\"]:after {\n color: hsla(var(--gray1), 0.6) !important;\n -webkit-text-fill-color: currentColor !important;\n }\n\n /* For Settings dropdown */\n div.notion-dark-theme div[style*=\"background-color: rgb(37, 37, 37)\"] {\n background-color: hsl(var(--black3)) !important;\n }\n\n /* Edit Template Overlay */\n div.notion-dark-theme div[style*=\"background: rgb(55, 60, 63)\"] {\n background: var(--bg-gray) !important;\n }\n\n /* Quote Block */\n .notion-dark-theme .notion-quote-block {\n font-style: italic;\n }\n\n /* For the Grays */\n /* rgb(55, 55, 55) is Light Gray*/\n div.notion-dark-theme div[style*=\"background: rgb(55, 55, 55)\"] {\n background-color: hsl(var(--gray0)) !important;\n }\n\n /* rgb(90, 90, 90) is Regular Gray*/\n div.notion-dark-theme div[style*=\"background: rgb(90, 90, 90)\"] {\n background-color: hsl(var(--black4)) !important;\n }\n\n /* For layout blocks */\n .notion-dark-theme a[style*=\"background: rgba(255, 255, 255, 0.055)\"] {\n background-color: hsl(var(--black3)) !important;\n }\n\n /* For nested quotes */\n /* .notion-dark-theme .notion-quote-block .notion-quote-block div div[placeholder] {\n color: var(--text-gray) !important\n} */\n\n /*\nFor links\n.notion-dark-theme a.notion-link-token {\n background: hsl(var(--rosewater)) !important;\n color: hsl(var(--black0)) !important;\n padding: 4px !important;\n padding-top: 6px !important;\n border-radius: 5px;\n caret-color: currentColor !important\n}\n*/\n\n /* From https://github.com/notionblog/themes/ */\n\n /*\nbackground: rgb(63, 68, 71) => rgb(32, 32, 32)\nbackground: rgb(47, 52, 55) => rgb(25, 25, 25)\nrgb(37, 37, 37) => rgb(55, 60, 63)\nbackground: rgb(47, 47, 47) => rgb(88, 91, 93)\nrgba(255, 255, 255, 0.055) => rgba(255, 255, 255, 0.1)\nborder:rgb(32,32,32) => rgb(37, 37, 37)\nboder-right: rgb(32, 32, 32) => rgb(63, 66, 69)\nborder-bottom: rgb(60, 63, 67) => rgb(37, 37, 37)\nrgb(150, 150, 150) => rgb(159, 164, 169)\n => rgba(255, 255, 255, 0.03)\n rgba(255, 255, 255, 0.73) => rgba(202, 204, 206, 0.6)\nrgba(255, 255, 255, 0.73) => rgba(255, 255, 255, 0.9)\nrgba(255, 255, 255, 0.39) => rgba(25, 23, 17, 0.6)\n*/\n\n /* Elements: [SideBar, popup]*/\n .notion-dark-theme *[style*=\"background: rgb(32, 32, 32)\"],\n .notion-dark-theme *[style*=\"background-color: rgb(32, 32, 32)\"] {\n background: var(--bg-lighter) !important;\n }\n\n /* Elements: [Background, CollectionViewSwitcherHeader ] */\n .notion-dark-theme *[style*=\"background: rgb(25, 25, 25)\"],\n .notion-dark-theme *[style*=\"background-color: rgb(25, 25, 25)\"],\n .notion-dark-theme\n div[style*=\"background: linear-gradient(rgba(25, 25, 25, 0) 0px, rgb(25, 25, 25) 10px, rgb(25, 25, 25) 100%)\"] {\n background: var(--bg) !important;\n }\n\n /* Collection blocks light background */\n .notion-dark-theme *[style*=\"background: rgb(37, 37, 37)\"],\n .notion-dark-theme *[style*=\"background: rgba(255, 255, 255, 0.6)\"] {\n background: var(--bg-lighter) !important;\n }\n\n /* Firefox collection white background fix */\n\n .notion-dark-theme\n div[style*=\"rgba(0, 0, 0, 0) linear-gradient(rgba(47, 52, 55, 0) 0px, rgb(47, 52, 55) 10px, rgb(47, 52, 55) 100%) repeat scroll 0% 0%\"] {\n background: none !important;\n }\n\n /* Collection block at click background */\n\n .notion-dark-theme *[style*=\"background: rgb(47, 47, 47)\"],\n .notion-dark-theme *[style*=\"background: rgb(61, 66, 69)\"] {\n background: var(--bg-light) !important;\n }\n\n /* Elements: [SVG fill gray] */\n\n .notion-dark-theme *[style*=\"fill: rgba(255, 255, 255, 0.73)\"] {\n fill: var(--fg-lighter) !important;\n }\n\n /* Elements: [SVG fill blue] */\n .notion-dark-theme *[style*=\"fill:#2EAADC\"],\n .notion-dark-theme *[style*=\"fill: rgb(46, 170, 220)\"] {\n fill: var(--main) !important;\n }\n\n /* Elements: [Text, Table of content] */\n .notion-dark-theme *[style*=\"color: rgba(255, 255, 255, 0.73)\"] {\n color: var(--fg) !important;\n }\n\n .notion-dark-theme *[style*=\"color: rgb(150, 150, 150)\"] {\n color: var(--fg-light) !important;\n }\n\n /* ligther text */\n .notion-dark-theme *[style*=\"color: rgba(255, 255, 255, 0.39)\"] {\n color: var(--fg-lighter) !important;\n }\n\n /* Untitled text*/\n .notion-dark-theme *[style*=\"-webkit-text-fill-color: rgb(53, 53, 53)\"] {\n -webkit-text-fill-color: var(--fg-lighter) !important;\n }\n\n /* blue color */\n .notion-dark-theme *[style*=\"color: rgb(46, 170, 220)\"],\n .notion-dark-theme *[style*=\"color:#2EAADC\"] {\n color: var(--main) !important;\n }\n\n /* Elements: [Main Button,Main button at hover] */\n .notion-dark-theme div[style*=\"background: rgb(0, 141, 190)\"],\n .notion-dark-theme div[style*=\"background: rgb(46, 170, 220)\"],\n .notion-dark-theme div[style*=\"background: rgb(6, 156, 205)\"] {\n background: var(--main) !important;\n }\n .notion-dark-theme div[style*=\"background: rgb(6, 156, 205)\"]:hover {\n /* background: var(--bg-lighter) !important;*/\n opacity: 0.8 !important;\n }\n\n /* hover background */\n\n .notion-dark-theme\n .notion-focusable\n div[style*=\"background: rgba(255, 255, 255, 0.055)\"] {\n background: var(--hover) !important;\n }\n\n /* collection view border*/\n .notion-dark-theme *[style*=\"border: 1px solid rgb(37, 37, 37)\"] {\n border: 1px solid var(--border) !important;\n }\n .notion-dark-theme *[style*=\"border-right: 1px solid rgb(37, 37, 37)\"],\n .notion-dark-theme *[style*=\"border-right: 1px solid rgb(32, 32, 32)\"] {\n border-right: 1px solid var(--border) !important;\n }\n .notion-dark-theme *[style*=\"border-bottom: 1px solid rgb(37, 37, 37)\"] {\n border-bottom: 1px solid var(--border) !important;\n }\n .notion-dark-theme *[style*=\"border-top: 1px solid rgb(37, 37, 37)\"] {\n border-top: 1px solid var(--border) !important;\n }\n\n /* Collection View box shadow */\n .notion-dark-theme\n *[style*=\"box-shadow: rgb(25, 25, 25) -3px 0px 0px, rgb(37, 37, 37) 0px 1px 0px\"] {\n box-shadow: var(--border) -3px 0px 0px, var(--border) 0px 1px 0px !important;\n }\n /* simple table box shadow*/\n .notion-dark-theme\n *[style*=\"background: linear-gradient(270deg, rgb(25, 25, 25) 0%, rgba(25, 25, 25, 0) 100%)\"] {\n background: linear-gradient(\n 270deg,\n rgb(25 27 28 / 45%) 0%,\n rgb(195 154 154 / 0%) 100%\n ) !important;\n }\n\n /* scrollbar */\n .notion-dark-theme .notion-scroller::-webkit-scrollbar {\n width: 0.4rem;\n height: 0.4rem;\n background: var(--bg);\n }\n .notion-dark-theme .notion-scroller::-webkit-scrollbar * {\n background: transparent;\n }\n .notion-dark-theme .notion-scroller::-webkit-scrollbar-thumb {\n background: var(--bg-lighter) !important;\n cursor: pointer;\n border-radius: 1.6rem;\n }\n .notion-dark-theme .notion-scroller::-webkit-scrollbar-track {\n background: var(--bg) !important;\n }\n\n /* Selection */\n .notion-dark-theme *::selection,\n .notion-selectable-halo {\n background: var(--selection) !important;\n }\n\n /* Text background, blocks background, tags background */\n /*\ngray rgba(47, 47, 47, 1) => rgba(60, 65, 68, 1)\nbrown rgba(54, 40, 34, 1) => rgba(76, 61, 53, 1)\norange rgba(66, 47, 34, 1) => rgba(85, 59, 41, 1)\nyellow rgba(64, 51, 36, 1) => rgba(79, 64, 41, 1)\ngreen rgba(35, 49, 42, 1) => rgba(46, 68, 58, 1)\nblue rgba(27, 45, 56, 1) => rgba(45, 66, 86, 1)\npurple rgba(48, 39, 57, 1) => rgba(69, 58, 91, 1)\npink rgba(59, 39, 48, 1) => rgba(81, 56, 77, 1)\nred rgba(62, 40, 37, 1) => rgba(94, 52, 54, 1)\n*/\n .notion-dark-theme *[style*=\"background:rgba(47, 47, 47, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(47, 47, 47)\"],\n .notion-dark-theme *[style*=\"background: rgb(77, 77, 77)\"] {\n background: var(--bg-gray) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(54, 40, 34, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(47, 39, 35)\"],\n .notion-dark-theme *[style*=\"background: rgb(96, 59, 44)\"] {\n background: var(--bg-brown) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(66, 47, 34, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(56, 40, 30)\"],\n .notion-dark-theme *[style*=\"background: rgb(133, 76, 29)\"] {\n background: var(--bg-orange) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(64, 51, 36, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(57, 46, 30)\"],\n .notion-dark-theme *[style*=\"background: rgb(137, 99, 42)\"] {\n background: var(--bg-yellow) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(35, 49, 42, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(34, 43, 38)\"],\n .notion-dark-theme *[style*=\"background: rgb(43, 89, 63)\"] {\n background: var(--bg-green) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(27, 45, 56, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(29, 40, 46)\"],\n .notion-dark-theme *[style*=\"background: rgb(40, 69, 108)\"] {\n background: var(--bg-blue) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(48, 39, 57, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(43, 36, 49)\"],\n .notion-dark-theme *[style*=\"background: rgb(73, 47, 100)\"] {\n background: var(--bg-purple) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(59, 39, 48, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(48, 34, 40)\"],\n .notion-dark-theme *[style*=\"background: rgb(105, 49, 76)\"] {\n background: var(--bg-pink) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(62, 40, 37, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(54, 36, 34)\"],\n .notion-dark-theme *[style*=\"background: rgb(110, 54, 48)\"] {\n background: var(--bg-red) !important;\n }\n /*Text colors && Quotes*/\n\n /*\nrgba(159, 164, 169, 1) => rgba(115, 115, 115, 1) gray\nrgba(186, 133, 111, 1) => rgba(212, 150, 117, 1) brown\nrgba(199, 125, 72, 1) => rgba(217, 133, 56, 1) orange\nrgba(202, 152, 73, 1) => rgba(201, 145, 38, 1) yellow\nrgba(82, 158, 114, 1) => rgba(113, 178, 131, 1) green\nrgba(94, 135, 201, 1) => color:rgba(102, 170, 218, 1) blue\nrgba(157, 104, 211, 1) => rgba(176, 152, 217, 1) purple\nrgba(209, 87, 150, 1) => pink rgba(223, 132, 209, 1)\nrgba(223, 84, 82, 1) => rgba(234, 135, 140, 1) red\n*/\n .notion-dark-theme *[style*=\"color:rgba(115, 115, 115, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(115, 115, 115)\"] {\n color: var(--gray) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(186, 133, 111, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(186, 133, 111)\"] {\n color: var(--brown) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(199, 125, 72, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(199, 125, 72)\"] {\n color: var(--orange) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(202, 152, 73, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(202, 152, 73)\"] {\n color: var(--yellow) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(82, 158, 114, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(82, 158, 114)\"] {\n color: var(--green) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(94, 135, 201, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(94, 135, 201)\"] {\n color: var(--blue) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(157, 104, 211, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(157, 104, 211)\"] {\n color: var(--purple) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(209, 87, 150, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(209, 87, 150)\"] {\n color: var(--pink) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(223, 84, 82, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(223, 84, 82)\"] {\n color: var(--red) !important;\n }", "start": 392, @@ -131,7 +133,7 @@ "name": "Notion Catppuccin", "originalDigest": "ca8a2d90f774cf612aac8593bb5da49bc5ce45d4", "_id": "afe70576-7881-4f6f-a953-203ade9d1968", - "_rev": 1671615207235, + "_rev": 1714073410019, "installationUrl": "https://userstyles.world/style/3838", "id": 12 }, @@ -739,44 +741,11 @@ "name": "NexusMods Overhaul", "originalDigest": "c54218c70de20feb6a903e1873a250cecc88ab19", "_id": "9f667c49-c102-4566-8eee-9db901b54f0a", - "_rev": 1709815904054, + "_rev": 1714073410032, "installationUrl": "https://userstyles.world/style/925", "id": 25, "updateDate": 1709815904040 }, - { - "enabled": false, - "installDate": 1684682185389, - "sections": [ - { - "code": "/* ==UserStyle==\n@name twitter.com - 5/21/2023, 5:15:08 PM\n@namespace github.com/openstyles/stylus\n@version 1.0.0\n@description A new userstyle\n@author Me\n==/UserStyle== */", - "start": 0 - }, - { - "code": "/* Twitter Catppuccin Mocha Blue */\n /* Page Main Background */\n :root {\n --base: #24273a;\n --mantle: #1e2030;\n --accent: #b7bdf8;\n }\n \n main,\n header {\n background-color: var(--base);\n }\n /* I don't want twitter blue, thank you very much */\n [aria-label=\"Twitter Blue\"] {\n display: none;\n }\n /* Tweets Style */\n .r-kemksi {\n background-color: var(--mantle);\n }\n .r-5zmot {\n background-color: rgba(36, 39, 58, 0.5);\n }\n \n \n \n /* Buttons */\n .r-l5o3uw,\n .r-1vtznih {\n background-color: var(--accent);\n }\n /* Links or/and clickable */\n .r-1cvl2hr {\n color: var(--accent);\n }\n /* idk the boxes on the left */\n .r-g2wdr4 {\n background-color: var(--mantle);\n }\n /* Search Box */\n .r-42olwf {\n border-color: var(--mantle);\n }\n /* Epic border colors */\n .r-vhj8yc {\n border-color: var(--accent)\n }\n /* Let's restore THE BIRD, shall we? */\n\n a[href=\"/home\"] > div > svg,\n div[data-testid=\"cellInnerDiv\"] svg.r-13v1u17, \n #placeholder > svg,\n div[data-testid=\"TopNavBar\"] svg\n { /* Restore it in the menu */\n fill: transparent !important;\n background-color: var(--accent) !important;\n /* Let the bird be reformed from the ashes */\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");\n -webkit-mask-repeat: no-repeat;\n }\n /* Center the bird in the menu */\n a[href=\"/home\"] > div > svg\n {\n -webkit-mask-position: 9px 0;\n }\n /* Change the color of the bird */\n #placeholder > svg\n {\n background: var(--accent) !important;\n }", - "start": 256, - "urlPrefixes": [ - "https://twitter.com" - ] - } - ], - "customName": "Twitter Catppuccin", - "sourceCode": "/* ==UserStyle==\n@name twitter.com - 5/21/2023, 5:15:08 PM\n@namespace github.com/openstyles/stylus\n@version 1.0.0\n@description A new userstyle\n@author Me\n==/UserStyle== */\n\n@-moz-document url-prefix(\"https://twitter.com\") {\n /* Twitter Catppuccin Mocha Blue */\n /* Page Main Background */\n :root {\n --base: #24273a;\n --mantle: #1e2030;\n --accent: #b7bdf8;\n }\n \n main,\n header {\n background-color: var(--base);\n }\n /* I don't want twitter blue, thank you very much */\n [aria-label=\"Twitter Blue\"] {\n display: none;\n }\n /* Tweets Style */\n .r-kemksi {\n background-color: var(--mantle);\n }\n .r-5zmot {\n background-color: rgba(36, 39, 58, 0.5);\n }\n \n \n \n /* Buttons */\n .r-l5o3uw,\n .r-1vtznih {\n background-color: var(--accent);\n }\n /* Links or/and clickable */\n .r-1cvl2hr {\n color: var(--accent);\n }\n /* idk the boxes on the left */\n .r-g2wdr4 {\n background-color: var(--mantle);\n }\n /* Search Box */\n .r-42olwf {\n border-color: var(--mantle);\n }\n /* Epic border colors */\n .r-vhj8yc {\n border-color: var(--accent)\n }\n /* Let's restore THE BIRD, shall we? */\n\n a[href=\"/home\"] > div > svg,\n div[data-testid=\"cellInnerDiv\"] svg.r-13v1u17, \n #placeholder > svg,\n div[data-testid=\"TopNavBar\"] svg\n { /* Restore it in the menu */\n fill: transparent !important;\n background-color: var(--accent) !important;\n /* Let the bird be reformed from the ashes */\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");\n -webkit-mask-repeat: no-repeat;\n }\n /* Center the bird in the menu */\n a[href=\"/home\"] > div > svg\n {\n -webkit-mask-position: 9px 0;\n }\n /* Change the color of the bird */\n #placeholder > svg\n {\n background: var(--accent) !important;\n }\n \n }", - "usercssData": { - "name": "twitter.com - 5/21/2023, 5:15:08 PM", - "namespace": "github.com/openstyles/stylus", - "version": "1.0.0", - "description": "A new userstyle", - "author": "Me" - }, - "author": "Me", - "description": "A new userstyle", - "name": "twitter.com - 5/21/2023, 5:15:08 PM", - "updateDate": 1694012975572, - "_id": "6e371880-1d6c-407c-8fef-c2e67bb2a67f", - "_rev": 1701123721927, - "id": 33 - }, { "enabled": true, "updateUrl": "https://raw.githubusercontent.com/catppuccin/youtubemusic/main/src/youtubemusic.user.css", @@ -953,7 +922,7 @@ "name": "Youtube Music Catppuccin", "originalDigest": "48bd1649cc6a0dc765c0f15e44ec534ea065bb65", "_id": "f31395a6-5945-40e7-8263-583009812a5e", - "_rev": 1711300039544, + "_rev": 1714073410038, "id": 34, "etag": "W/\"b4a61b41906b652adb70fc2730f66eae7fd6bbebb75b926d258ec66330d28850\"", "updateDate": 1711300039540 @@ -1142,7 +1111,7 @@ "name": "NixOS Search Catppuccin", "originalDigest": "5b3f8cfb9d921712bfb25476246ef660c90c5b70", "_id": "eeb65f49-e097-4314-abec-019fee34aac9", - "_rev": 1712856189489, + "_rev": 1714073410051, "id": 35, "etag": "W/\"d21f7614f83678aada2315d1def12ddcaa738265822d88d70b9b1a28a4ac968c\"", "updateDate": 1712856189376 @@ -1331,7 +1300,7 @@ "name": "Vercel Catppuccin", "originalDigest": "d5dc175b772101635bc671a7cf07793c4aed6fbe", "_id": "ba326868-a3fe-430c-97fb-82968a9de57d", - "_rev": 1712856189389, + "_rev": 1714073410068, "id": 36, "etag": "W/\"3eb385e3062e667bce3533643ce46dcce3e79b0e9f6cdbf24a19a40cb9ec41a4\"", "updateDate": 1712856189375 @@ -1343,11 +1312,11 @@ "installDate": 1690105741590, "sections": [ { - "code": "/* ==UserStyle==\n@name WhatsApp Web Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/whatsapp-web\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web\n@version 0.0.7\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awhatsapp-web\n@description Soothing pastel theme for WhatsApp Web\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\n@var checkbox lighterMessages \"Lighter incoming messages\" 0\n==/UserStyle== */", + "code": "/* ==UserStyle==\n@name WhatsApp Web Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/whatsapp-web\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web\n@version 0.0.8\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awhatsapp-web\n@description Soothing pastel theme for WhatsApp Web\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\n@var checkbox lighterMessages \"Lighter incoming messages\" 0\n==/UserStyle== */", "start": 0 }, { - "code": "body {\n color-scheme: light;\n /* STATUS PAGE */\n --status-background: #eff1f5 !important;\n --modal-backdrop-solid: #eff1f5 !important;\n /* join group pop up */\n --modal-background: #eff1f5 !important;\n /* startup progress */\n --progress-primary: #7287fd !important;\n --progress-background: #bcc0cc !important;\n --startup-background: #eff1f5 !important;\n --startup-background-rgb: 239 241 245;\n /* home page, no chat selected */\n --intro-background: #eff1f5 !important;\n --intro-border: #7287fd !important;\n /* general background */\n --app-background: #eff1f5 !important;\n /* CHAT LIST */\n /* chat list background */\n --background-default: #eff1f5 !important;\n /* chat list header */\n --panel-header-background: #e6e9ef !important;\n /* icons */\n --panel-header-icon: #4c4f69 !important;\n /* other warnings (notifications) */\n --butterbar-default-background: #e6e9ef !important;\n --butterbar-notification-icon: #04a5e5 !important;\n /* loading messages warning */\n --butterbar-green-nux-background: #e6e9ef !important;\n /* update available warning */\n --butterbar-update-background: #e6e9ef !important;\n --butterbar-update-icon: #7287fd !important;\n /* chat list search bar */\n --search-container-background: #eff1f5 !important;\n --search-input-container-background: #eff1f5 !important;\n --search-input-background: #ccd0da !important;\n --search-input-container-background-active: #e6e9ef !important;\n --icon-search-back: #7287fd !important;\n /* archive icon */\n --icon-bright-highlight: #7287fd !important;\n /* archived unread marker */\n --unread-marker-background: #7287fd !important;\n --unread-timestamp: #7287fd !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: #dce0e8 !important;\n /* unread voice message */\n --ptt-green: #40a02b !important;\n /* read voice message */\n --ptt-blue: #1e66f5 !important;\n /* pinned chat icon */\n --icon-pinned: #7287fd !important;\n /* last message in selected chat */\n --secondary-stronger: #5c5f77 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: #bcc0cc !important;\n --background-default-hover: #ccd0da !important;\n /* unread chats filter */\n --icon-high-emphasis: #40a02b !important;\n /* voice message playing */\n --ptt-ooc-background: #e6e9ef !important;\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: #e6e9ef !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n --incoming-background: #eff1f5 !important;\n --incoming-background-deeper: #ccd0da !important;\n /* arrow icon in messages */\n --incoming-background-rgb: 239 241 245;\n --outgoing-background: #ccd0da !important;\n /* read double tick */\n --icon-ack: #1e66f5 !important;\n /* received double tick */\n --bubble-meta-icon: #6c6f85 !important;\n /* message timestamp */\n --bubble-meta: #4c4f69 !important;\n --message-primary: #4c4f69 !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: #eff1f5 !important;\n --poll-modal-footer-background-color: #ccd0da !important;\n /* votes */\n --poll-bar-fill-receiver: #40a02b !important;\n --poll-bar-fill-sender: #40a02b !important;\n --checkbox-mark: #dce0e8 !important;\n /* audio duration */\n --audio-progress-metadata: #6c6f85 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: #4c4f69 !important;\n --system-message-background: #dce0e8 !important;\n /* unread system message background */\n --unread-background: #dce0e8 !important;\n --unread-bar-background: #bcc0cc !important;\n /* meta data for documents */\n --document-meta: #5c5f77 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: #209fb5 !important;\n --link: #209fb5 !important;\n --link-preview: #4c4f69 !important;\n --link-preview-lighter: #5c5f77 !important;\n --link-preview-light: #6c6f85 !important;\n --outgoing-background-rgb: 204 208 218;\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: #4c4f69 !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: #bcc0cc !important;\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: #179299 !important;\n /* quote colors */\n /* general text */\n --primary: #4c4f69 !important;\n --primary-strong: #4c4f69 !important;\n --primary-stronger: #4c4f69 !important;\n --primary-strongest: #4c4f69 !important;\n --secondary: #6c6f85 !important;\n --secondary-strongest-rgb: 76 79 105;\n --inline-code-text: #1e66f5 !important;\n /* chat list typing message */\n --typing: #40a02b !important;\n /* background for video player and image viewer */\n --media-viewer-background: #e6e9ef !important;\n /* not loaded media */\n --media-gallery-thumb-background: #dce0e8 !important;\n /* Group info/Contact info */\n --photopicker-overlay-background: rgba(230, 233, 239, 0.992) !important;\n --photopicker-overlay-background-rgb: 239 241 245;\n --media-viewer-background-rgb: 239 241 245;\n --drawer-background-deep: #dce0e8 !important;\n /* group info read more */\n --input-button-more: #209fb5 !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: #acb0be !important;\n /* Group admin badge background */\n --chat-marker-background: #e6e9ef !important;\n --chat-marker-border: #e6e9ef !important;\n /* Group admin badge foreground */\n --chat-marker: #6c6f85 !important;\n /* Media gallery */\n --drawer-gallery-background: #dce0e8 !important;\n /* mute toggle */\n --switch-button-checked-color: #7287fd !important;\n --switch-track-checked-color: #acb0be !important;\n --switch-track-color: #acb0be !important;\n --switch-button-color: #8c8fa1 !important;\n /* danger, block, exit and report buttons */\n --danger: #d20f39!important;\n /* group added by someone not in contacts */\n --button-plain-background: #ccd0da !important;\n --button-plain-background-hover: #bcc0cc !important;\n /* EMOJI AND STICKERS */\n --panel-input-background: #ccd0da !important;\n --sticker-button-background: #bcc0cc !important;\n --active-tab-marker: #7287fd !important;\n /* REACTIONS */\n --reactions-panel-background-color: #ccd0da !important;\n --reactions-tray-background: #ccd0da !important;\n --reactions-details-background: #ccd0da !important;\n --svg-gray-button: #ccd0da !important;\n /* Forward message popup */\n --panel-background-colored-deeper: #dce0e8 !important;\n --modal-backdrop: rgba(230, 233, 239, 0.992) !important;\n /* Forward media caption */\n --forward-caption-preview-background: #e6e9ef !important;\n --forward-caption-preview-content: #dce0e8 !important;\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: #e6e9ef !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: #ccd0da !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: #7287fd !important;\n /* send button in media editor */\n --button-round-background: #7287fd !important;\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: #ccd0da !important;\n --compose-input-border: #bcc0cc !important;\n --compose-panel-background: #e6e9ef !important;\n --rich-text-panel-background: #e6e9ef !important;\n /* select messages fixes */\n --panel-background: #e6e9ef !important;\n --panel-background-rgb: 230 233 239;\n --checkbox-background: #7287fd !important;\n /* quoted message in compose */\n --popup-panel-background: #ccd0da !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: #bcc0cc !important;\n /* compose bar icons */\n --icon: #7287fd !important;\n /* ATTACH ICONS */\n /* poll icon */\n /* image icon */\n /* sticker icon */\n /* camera icon */\n /* document icon */\n /* contact icon */\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: #7287fd !important;\n --ptt-draft-waveform-background: #eff1f5 !important;\n --ptt-draft-button-stop: #d20f39 !important;\n --ptt-draft-button-stop-hover: #e64553 !important;\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: #ccd0da !important;\n --dropdown-background-hover: #bcc0cc !important;\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: #eff1f5 !important;\n /* communities, new chat, other panes */\n --panel-background-colored: #e6e9ef !important;\n --drawer-section-background: #eff1f5 !important;\n /* new chat icons */\n --round-icon-background: #40a02b !important;\n --inverse: #4c4f69 !important;\n /* title and icon for drawers */\n --drawer-header-title: #4c4f69 !important;\n /* buttons such as create community */\n --button-primary-background: #7287fd !important;\n --button-primary-background-hover: rgba(114, 135, 253, 0.992) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: #e6e9ef !important;\n /* active input in modals and drawers */\n --input-border-active: #7287fd !important;\n /* Start page drawing */\n /* Status unread dot */\n }\n body ::selection {\n background-color: rgba(114, 135, 253, 0.3);\n }\n body input::placeholder,\n body textarea::placeholder {\n color: #6c6f85 !important;\n }\n body .landing-wrapper-before {\n background-color: #7287fd !important;\n }\n body .bfsx6evv {\n background-color: #e6e9ef !important;\n }\n body .p7idzaix {\n color: #dce0e8 !important;\n }\n body .bg-color-1 {\n background-color: #40a02b !important;\n }\n body .color-1 {\n color: #40a02b !important;\n }\n body .bg-color-2 {\n background-color: #1e66f5 !important;\n }\n body .color-2 {\n color: #1e66f5 !important;\n }\n body .bg-color-3 {\n background-color: #ea76cb !important;\n }\n body .color-3 {\n color: #ea76cb !important;\n }\n body .bg-color-4 {\n background-color: #209fb5 !important;\n }\n body .color-4 {\n color: #209fb5 !important;\n }\n body .bg-color-5 {\n background-color: #fe640b !important;\n }\n body .color-5 {\n color: #fe640b !important;\n }\n body .bg-color-6 {\n background-color: #04a5e5 !important;\n }\n body .color-6 {\n color: #04a5e5 !important;\n }\n body .bg-color-7 {\n background-color: #df8e1d !important;\n }\n body .color-7 {\n color: #df8e1d !important;\n }\n body .bg-color-8 {\n background-color: #179299 !important;\n }\n body .color-8 {\n color: #179299 !important;\n }\n body .bg-color-9 {\n background-color: #7287fd !important;\n }\n body .color-9 {\n color: #7287fd !important;\n }\n body .bg-color-10 {\n background-color: #d20f39 !important;\n }\n body .color-10 {\n color: #d20f39 !important;\n }\n body .bg-color-11 {\n background-color: #8839ef !important;\n }\n body .color-11 {\n color: #8839ef !important;\n }\n body .bg-color-12 {\n background-color: #dd7878 !important;\n }\n body .color-12 {\n color: #dd7878 !important;\n }\n body .bg-color-13 {\n background-color: #dc8a78 !important;\n }\n body .color-13 {\n color: #dc8a78 !important;\n }\n body .bg-color-14 {\n background-color: #ea76cb !important;\n }\n body .color-14 {\n color: #ea76cb !important;\n }\n body .bg-color-15 {\n background-color: #e64553 !important;\n }\n body .color-15 {\n color: #e64553 !important;\n }\n body .bg-color-16 {\n background-color: #179299 !important;\n }\n body .color-16 {\n color: #179299 !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(6) > button > span > svg > circle {\n fill: #40a02b !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #ea76cb !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #ea76cb !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #ea76cb !important;\n filter: brightness(70%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > circle {\n fill: #1e66f5 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > path:nth-child(2) {\n fill: #1e66f5 !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #d20f39 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #d20f39 !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #d20f39 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #8839ef !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #8839ef !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(1) {\n fill: #04a5e5 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(2) {\n fill: #04a5e5 !important;\n }\n body #app > div > div > div._2Ts6i._2xAQV > div > div > div.WM0_u > span > svg > path:nth-child(1) {\n fill: #acb0be !important;\n }\n body #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: #7287fd !important;\n }\n body #side > div._3gYev > div > div > button > div._3xdht._1ZD3q > span > svg > path {\n fill: #7287fd !important;\n }\n body.dark {\n color-scheme: dark;\n /* STATUS PAGE */\n --status-background: #1e1e2e !important;\n --modal-backdrop-solid: #1e1e2e !important;\n /* join group pop up */\n --modal-background: #1e1e2e !important;\n /* startup progress */\n --progress-primary: #b4befe !important;\n --progress-background: #45475a !important;\n --startup-background: #1e1e2e !important;\n --startup-background-rgb: 30 30 46;\n /* home page, no chat selected */\n --intro-background: #1e1e2e !important;\n --intro-border: #b4befe !important;\n /* general background */\n --app-background: #1e1e2e !important;\n /* CHAT LIST */\n /* chat list background */\n --background-default: #1e1e2e !important;\n /* chat list header */\n --panel-header-background: #181825 !important;\n /* icons */\n --panel-header-icon: #cdd6f4 !important;\n /* other warnings (notifications) */\n --butterbar-default-background: #181825 !important;\n --butterbar-notification-icon: #89dceb !important;\n /* loading messages warning */\n --butterbar-green-nux-background: #181825 !important;\n /* update available warning */\n --butterbar-update-background: #181825 !important;\n --butterbar-update-icon: #b4befe !important;\n /* chat list search bar */\n --search-container-background: #1e1e2e !important;\n --search-input-container-background: #1e1e2e !important;\n --search-input-background: #313244 !important;\n --search-input-container-background-active: #181825 !important;\n --icon-search-back: #b4befe !important;\n /* archive icon */\n --icon-bright-highlight: #b4befe !important;\n /* archived unread marker */\n --unread-marker-background: #b4befe !important;\n --unread-timestamp: #b4befe !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: #11111b !important;\n /* unread voice message */\n --ptt-green: #a6e3a1 !important;\n /* read voice message */\n --ptt-blue: #89b4fa !important;\n /* pinned chat icon */\n --icon-pinned: #b4befe !important;\n /* last message in selected chat */\n --secondary-stronger: #bac2de !important;\n /* background for active and hover chats in chat list */\n --background-default-active: #45475a !important;\n --background-default-hover: #313244 !important;\n /* unread chats filter */\n --icon-high-emphasis: #a6e3a1 !important;\n /* voice message playing */\n --ptt-ooc-background: #181825 !important;\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: #181825 !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n --incoming-background: #1e1e2e !important;\n --incoming-background-deeper: #313244 !important;\n /* arrow icon in messages */\n --incoming-background-rgb: 30 30 46;\n --outgoing-background: #313244 !important;\n /* read double tick */\n --icon-ack: #89b4fa !important;\n /* received double tick */\n --bubble-meta-icon: #a6adc8 !important;\n /* message timestamp */\n --bubble-meta: #cdd6f4 !important;\n --message-primary: #cdd6f4 !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: #1e1e2e !important;\n --poll-modal-footer-background-color: #313244 !important;\n /* votes */\n --poll-bar-fill-receiver: #a6e3a1 !important;\n --poll-bar-fill-sender: #a6e3a1 !important;\n --checkbox-mark: #11111b !important;\n /* audio duration */\n --audio-progress-metadata: #a6adc8 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: #cdd6f4 !important;\n --system-message-background: #11111b !important;\n /* unread system message background */\n --unread-background: #11111b !important;\n --unread-bar-background: #45475a !important;\n /* meta data for documents */\n --document-meta: #bac2de !important;\n /* mentions, links and link previews */\n --mention-at-symbol: #74c7ec !important;\n --link: #74c7ec !important;\n --link-preview: #cdd6f4 !important;\n --link-preview-lighter: #bac2de !important;\n --link-preview-light: #a6adc8 !important;\n --outgoing-background-rgb: 49 50 68;\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: #cdd6f4 !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: #45475a !important;\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: #94e2d5 !important;\n /* quote colors */\n /* general text */\n --primary: #cdd6f4 !important;\n --primary-strong: #cdd6f4 !important;\n --primary-stronger: #cdd6f4 !important;\n --primary-strongest: #cdd6f4 !important;\n --secondary: #a6adc8 !important;\n --secondary-strongest-rgb: 205 214 244;\n --inline-code-text: #89b4fa !important;\n /* chat list typing message */\n --typing: #a6e3a1 !important;\n /* background for video player and image viewer */\n --media-viewer-background: #181825 !important;\n /* not loaded media */\n --media-gallery-thumb-background: #11111b !important;\n /* Group info/Contact info */\n --photopicker-overlay-background: rgba(24, 24, 37, 0.992) !important;\n --photopicker-overlay-background-rgb: 30 30 46;\n --media-viewer-background-rgb: 30 30 46;\n --drawer-background-deep: #11111b !important;\n /* group info read more */\n --input-button-more: #74c7ec !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: #585b70 !important;\n /* Group admin badge background */\n --chat-marker-background: #181825 !important;\n --chat-marker-border: #181825 !important;\n /* Group admin badge foreground */\n --chat-marker: #a6adc8 !important;\n /* Media gallery */\n --drawer-gallery-background: #11111b !important;\n /* mute toggle */\n --switch-button-checked-color: #b4befe !important;\n --switch-track-checked-color: #585b70 !important;\n --switch-track-color: #585b70 !important;\n --switch-button-color: #7f849c !important;\n /* danger, block, exit and report buttons */\n --danger: #f38ba8!important;\n /* group added by someone not in contacts */\n --button-plain-background: #313244 !important;\n --button-plain-background-hover: #45475a !important;\n /* EMOJI AND STICKERS */\n --panel-input-background: #313244 !important;\n --sticker-button-background: #45475a !important;\n --active-tab-marker: #b4befe !important;\n /* REACTIONS */\n --reactions-panel-background-color: #313244 !important;\n --reactions-tray-background: #313244 !important;\n --reactions-details-background: #313244 !important;\n --svg-gray-button: #313244 !important;\n /* Forward message popup */\n --panel-background-colored-deeper: #11111b !important;\n --modal-backdrop: rgba(24, 24, 37, 0.992) !important;\n /* Forward media caption */\n --forward-caption-preview-background: #181825 !important;\n --forward-caption-preview-content: #11111b !important;\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: #181825 !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: #313244 !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: #b4befe !important;\n /* send button in media editor */\n --button-round-background: #b4befe !important;\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: #313244 !important;\n --compose-input-border: #45475a !important;\n --compose-panel-background: #181825 !important;\n --rich-text-panel-background: #181825 !important;\n /* select messages fixes */\n --panel-background: #181825 !important;\n --panel-background-rgb: 24 24 37;\n --checkbox-background: #b4befe !important;\n /* quoted message in compose */\n --popup-panel-background: #313244 !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: #45475a !important;\n /* compose bar icons */\n --icon: #b4befe !important;\n /* ATTACH ICONS */\n /* poll icon */\n /* image icon */\n /* sticker icon */\n /* camera icon */\n /* document icon */\n /* contact icon */\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: #b4befe !important;\n --ptt-draft-waveform-background: #1e1e2e !important;\n --ptt-draft-button-stop: #f38ba8 !important;\n --ptt-draft-button-stop-hover: #eba0ac !important;\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: #313244 !important;\n --dropdown-background-hover: #45475a !important;\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: #1e1e2e !important;\n /* communities, new chat, other panes */\n --panel-background-colored: #181825 !important;\n --drawer-section-background: #1e1e2e !important;\n /* new chat icons */\n --round-icon-background: #a6e3a1 !important;\n --inverse: #cdd6f4 !important;\n /* title and icon for drawers */\n --drawer-header-title: #cdd6f4 !important;\n /* buttons such as create community */\n --button-primary-background: #b4befe !important;\n --button-primary-background-hover: rgba(180, 190, 254, 0.992) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: #181825 !important;\n /* active input in modals and drawers */\n --input-border-active: #b4befe !important;\n /* Start page drawing */\n /* Status unread dot */\n }\n body.dark ::selection {\n background-color: rgba(180, 190, 254, 0.3);\n }\n body.dark input::placeholder,\n body.dark textarea::placeholder {\n color: #a6adc8 !important;\n }\n body.dark .landing-wrapper-before {\n background-color: #b4befe !important;\n }\n body.dark .bfsx6evv {\n background-color: #181825 !important;\n }\n body.dark .p7idzaix {\n color: #11111b !important;\n }\n body.dark .bg-color-1 {\n background-color: #a6e3a1 !important;\n }\n body.dark .color-1 {\n color: #a6e3a1 !important;\n }\n body.dark .bg-color-2 {\n background-color: #89b4fa !important;\n }\n body.dark .color-2 {\n color: #89b4fa !important;\n }\n body.dark .bg-color-3 {\n background-color: #f5c2e7 !important;\n }\n body.dark .color-3 {\n color: #f5c2e7 !important;\n }\n body.dark .bg-color-4 {\n background-color: #74c7ec !important;\n }\n body.dark .color-4 {\n color: #74c7ec !important;\n }\n body.dark .bg-color-5 {\n background-color: #fab387 !important;\n }\n body.dark .color-5 {\n color: #fab387 !important;\n }\n body.dark .bg-color-6 {\n background-color: #89dceb !important;\n }\n body.dark .color-6 {\n color: #89dceb !important;\n }\n body.dark .bg-color-7 {\n background-color: #f9e2af !important;\n }\n body.dark .color-7 {\n color: #f9e2af !important;\n }\n body.dark .bg-color-8 {\n background-color: #94e2d5 !important;\n }\n body.dark .color-8 {\n color: #94e2d5 !important;\n }\n body.dark .bg-color-9 {\n background-color: #b4befe !important;\n }\n body.dark .color-9 {\n color: #b4befe !important;\n }\n body.dark .bg-color-10 {\n background-color: #f38ba8 !important;\n }\n body.dark .color-10 {\n color: #f38ba8 !important;\n }\n body.dark .bg-color-11 {\n background-color: #cba6f7 !important;\n }\n body.dark .color-11 {\n color: #cba6f7 !important;\n }\n body.dark .bg-color-12 {\n background-color: #f2cdcd !important;\n }\n body.dark .color-12 {\n color: #f2cdcd !important;\n }\n body.dark .bg-color-13 {\n background-color: #f5e0dc !important;\n }\n body.dark .color-13 {\n color: #f5e0dc !important;\n }\n body.dark .bg-color-14 {\n background-color: #f5c2e7 !important;\n }\n body.dark .color-14 {\n color: #f5c2e7 !important;\n }\n body.dark .bg-color-15 {\n background-color: #eba0ac !important;\n }\n body.dark .color-15 {\n color: #eba0ac !important;\n }\n body.dark .bg-color-16 {\n background-color: #94e2d5 !important;\n }\n body.dark .color-16 {\n color: #94e2d5 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(6) > button > span > svg > circle {\n fill: #a6e3a1 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #f5c2e7 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #f5c2e7 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #f5c2e7 !important;\n filter: brightness(70%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > circle {\n fill: #89b4fa !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > path:nth-child(2) {\n fill: #89b4fa !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #f38ba8 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #f38ba8 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #f38ba8 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #cba6f7 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #cba6f7 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(1) {\n fill: #89dceb !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(2) {\n fill: #89dceb !important;\n }\n body.dark #app > div > div > div._2Ts6i._2xAQV > div > div > div.WM0_u > span > svg > path:nth-child(1) {\n fill: #585b70 !important;\n }\n body.dark #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: #b4befe !important;\n }\n body.dark #side > div._3gYev > div > div > button > div._3xdht._1ZD3q > span > svg > path {\n fill: #b4befe !important;\n }", + "code": "body {\n color-scheme: light;\n /* STATUS PAGE */\n --status-background: #eff1f5 !important;\n --modal-backdrop-solid: #eff1f5 !important;\n /* join group pop up */\n --modal-background: #eff1f5 !important;\n /* startup progress */\n --progress-primary: #7287fd !important;\n --progress-background: #bcc0cc !important;\n --startup-background: #eff1f5 !important;\n --startup-background-rgb: 239 241 245;\n /* home page, no chat selected */\n --intro-background: #eff1f5 !important;\n --intro-border: #7287fd !important;\n /* general background */\n --app-background: #eff1f5 !important;\n /* CHAT LIST */\n /* nav bar */\n --navbar-background: #e6e9ef !important;\n /* chat list background */\n --background-default: #eff1f5 !important;\n /* chat list header */\n --panel-header-background: #e6e9ef !important;\n /* icons */\n --panel-header-icon: #4c4f69 !important;\n /* other warnings (notifications) */\n --butterbar-default-background: #e6e9ef !important;\n --butterbar-notification-icon: #04a5e5 !important;\n /* loading messages warning */\n --butterbar-green-nux-background: #e6e9ef !important;\n /* update available warning */\n --butterbar-update-background: #e6e9ef !important;\n --butterbar-update-icon: #7287fd !important;\n /* chat list search bar */\n --search-container-background: #eff1f5 !important;\n --search-input-container-background: #eff1f5 !important;\n --search-input-background: #ccd0da !important;\n --search-input-container-background-active: #e6e9ef !important;\n --icon-search-back: #7287fd !important;\n /* archive icon */\n --icon-bright-highlight: #7287fd !important;\n /* archived unread marker */\n --unread-marker-background: #7287fd !important;\n --unread-timestamp: #7287fd !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: #dce0e8 !important;\n /* unread voice message */\n --ptt-green: #40a02b !important;\n /* read voice message */\n --ptt-blue: #1e66f5 !important;\n /* pinned chat icon */\n --icon-pinned: #7287fd !important;\n /* last message in selected chat */\n --secondary-stronger: #5c5f77 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: #bcc0cc !important;\n --background-default-hover: #ccd0da !important;\n /* unread chats filter */\n --icon-high-emphasis: #40a02b !important;\n /* voice message playing */\n --ptt-ooc-background: #e6e9ef !important;\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: #e6e9ef !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n --incoming-background: #eff1f5 !important;\n --incoming-background-deeper: #ccd0da !important;\n /* arrow icon in messages */\n --incoming-background-rgb: 239 241 245;\n --outgoing-background: #ccd0da !important;\n /* read double tick */\n --icon-ack: #1e66f5 !important;\n /* received double tick */\n --bubble-meta-icon: #6c6f85 !important;\n /* message timestamp */\n --bubble-meta: #4c4f69 !important;\n --message-primary: #4c4f69 !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: #eff1f5 !important;\n --poll-modal-footer-background-color: #ccd0da !important;\n /* votes */\n --poll-bar-fill-receiver: #40a02b !important;\n --poll-bar-fill-sender: #40a02b !important;\n --checkbox-mark: #dce0e8 !important;\n /* audio duration */\n --audio-progress-metadata: #6c6f85 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: #4c4f69 !important;\n --system-message-background: #dce0e8 !important;\n /* unread system message background */\n --unread-background: #dce0e8 !important;\n --unread-bar-background: #bcc0cc !important;\n /* meta data for documents */\n --document-meta: #5c5f77 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: #209fb5 !important;\n --link: #209fb5 !important;\n --link-preview: #4c4f69 !important;\n --link-preview-lighter: #5c5f77 !important;\n --link-preview-light: #6c6f85 !important;\n --outgoing-background-rgb: 204 208 218;\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: #4c4f69 !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: #bcc0cc !important;\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: #179299 !important;\n /* quote colors */\n /* general text */\n --primary: #4c4f69 !important;\n --primary-strong: #4c4f69 !important;\n --primary-stronger: #4c4f69 !important;\n --primary-strongest: #4c4f69 !important;\n --secondary: #6c6f85 !important;\n --secondary-strongest-rgb: 76 79 105;\n --inline-code-text: #1e66f5 !important;\n /* chat list typing message */\n --typing: #40a02b !important;\n /* background for video player and image viewer */\n --media-viewer-background: #e6e9ef !important;\n /* not loaded media */\n --media-gallery-thumb-background: #dce0e8 !important;\n /* Group info/Contact info */\n --photopicker-overlay-background: rgba(230, 233, 239, 0.992) !important;\n --photopicker-overlay-background-rgb: 239 241 245;\n --media-viewer-background-rgb: 239 241 245;\n --drawer-background-deep: #dce0e8 !important;\n /* group info read more */\n --input-button-more: #209fb5 !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: #acb0be !important;\n /* Group admin badge background */\n --chat-marker-background: #e6e9ef !important;\n --chat-marker-border: #e6e9ef !important;\n /* Group admin badge foreground */\n --chat-marker: #6c6f85 !important;\n /* Media gallery */\n --drawer-gallery-background: #dce0e8 !important;\n /* mute toggle */\n --switch-button-checked-color: #7287fd !important;\n --switch-track-checked-color: #acb0be !important;\n --switch-track-color: #acb0be !important;\n --switch-button-color: #8c8fa1 !important;\n /* danger, block, exit and report buttons */\n --danger: #d20f39!important;\n /* group added by someone not in contacts */\n --button-plain-background: #ccd0da !important;\n --button-plain-background-hover: #bcc0cc !important;\n /* EMOJI AND STICKERS */\n --panel-input-background: #ccd0da !important;\n --sticker-button-background: #bcc0cc !important;\n --active-tab-marker: #7287fd !important;\n /* REACTIONS */\n --reactions-panel-background-color: #ccd0da !important;\n --reactions-tray-background: #ccd0da !important;\n --reactions-details-background: #ccd0da !important;\n --svg-gray-button: #ccd0da !important;\n /* Forward message popup */\n --panel-background-colored-deeper: #dce0e8 !important;\n --modal-backdrop: rgba(230, 233, 239, 0.992) !important;\n /* Forward media caption */\n --forward-caption-preview-background: #e6e9ef !important;\n --forward-caption-preview-content: #dce0e8 !important;\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: #e6e9ef !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: #ccd0da !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: #7287fd !important;\n /* send button in media editor */\n --button-round-background: #7287fd !important;\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: #ccd0da !important;\n --compose-input-border: #bcc0cc !important;\n --compose-panel-background: #e6e9ef !important;\n --rich-text-panel-background: #e6e9ef !important;\n /* select messages fixes */\n --panel-background: #e6e9ef !important;\n --panel-background-rgb: 230 233 239;\n --checkbox-background: #7287fd !important;\n /* quoted message in compose */\n --popup-panel-background: #ccd0da !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: #bcc0cc !important;\n /* compose bar icons */\n --icon: #7287fd !important;\n /* ATTACH ICONS */\n /* poll icon */\n /* image icon */\n /* sticker icon */\n /* camera icon */\n /* document icon */\n /* contact icon */\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: #7287fd !important;\n --ptt-draft-waveform-background: #eff1f5 !important;\n --ptt-draft-button-stop: #d20f39 !important;\n --ptt-draft-button-stop-hover: #e64553 !important;\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: #ccd0da !important;\n --dropdown-background-hover: #bcc0cc !important;\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: #eff1f5 !important;\n /* communities, new chat, other panes */\n --panel-background-colored: #e6e9ef !important;\n --drawer-section-background: #eff1f5 !important;\n /* new chat icons */\n --round-icon-background: #40a02b !important;\n --inverse: #4c4f69 !important;\n /* title and icon for drawers */\n --drawer-header-title: #4c4f69 !important;\n /* buttons such as create community */\n --button-primary-background: #7287fd !important;\n --button-primary-background-hover: rgba(114, 135, 253, 0.992) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: #e6e9ef !important;\n /* active input in modals and drawers */\n --input-border-active: #7287fd !important;\n /* Start page drawing */\n /* Status unread dot */\n }\n body ::selection {\n background-color: rgba(114, 135, 253, 0.3);\n }\n body input::placeholder,\n body textarea::placeholder {\n color: #6c6f85 !important;\n }\n body .landing-wrapper-before {\n background-color: #7287fd !important;\n }\n body .bfsx6evv {\n background-color: #e6e9ef !important;\n }\n body .p7idzaix {\n color: #dce0e8 !important;\n }\n body .bg-color-1 {\n background-color: #40a02b !important;\n }\n body .color-1 {\n color: #40a02b !important;\n }\n body .bg-color-2 {\n background-color: #1e66f5 !important;\n }\n body .color-2 {\n color: #1e66f5 !important;\n }\n body .bg-color-3 {\n background-color: #ea76cb !important;\n }\n body .color-3 {\n color: #ea76cb !important;\n }\n body .bg-color-4 {\n background-color: #209fb5 !important;\n }\n body .color-4 {\n color: #209fb5 !important;\n }\n body .bg-color-5 {\n background-color: #fe640b !important;\n }\n body .color-5 {\n color: #fe640b !important;\n }\n body .bg-color-6 {\n background-color: #04a5e5 !important;\n }\n body .color-6 {\n color: #04a5e5 !important;\n }\n body .bg-color-7 {\n background-color: #df8e1d !important;\n }\n body .color-7 {\n color: #df8e1d !important;\n }\n body .bg-color-8 {\n background-color: #179299 !important;\n }\n body .color-8 {\n color: #179299 !important;\n }\n body .bg-color-9 {\n background-color: #7287fd !important;\n }\n body .color-9 {\n color: #7287fd !important;\n }\n body .bg-color-10 {\n background-color: #d20f39 !important;\n }\n body .color-10 {\n color: #d20f39 !important;\n }\n body .bg-color-11 {\n background-color: #8839ef !important;\n }\n body .color-11 {\n color: #8839ef !important;\n }\n body .bg-color-12 {\n background-color: #dd7878 !important;\n }\n body .color-12 {\n color: #dd7878 !important;\n }\n body .bg-color-13 {\n background-color: #dc8a78 !important;\n }\n body .color-13 {\n color: #dc8a78 !important;\n }\n body .bg-color-14 {\n background-color: #ea76cb !important;\n }\n body .color-14 {\n color: #ea76cb !important;\n }\n body .bg-color-15 {\n background-color: #e64553 !important;\n }\n body .color-15 {\n color: #e64553 !important;\n }\n body .bg-color-16 {\n background-color: #179299 !important;\n }\n body .color-16 {\n color: #179299 !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(6) > button > span > svg > circle {\n fill: #40a02b !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #ea76cb !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #ea76cb !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #ea76cb !important;\n filter: brightness(70%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > circle {\n fill: #1e66f5 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > path:nth-child(2) {\n fill: #1e66f5 !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #d20f39 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #d20f39 !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #d20f39 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #8839ef !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #8839ef !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(1) {\n fill: #04a5e5 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(2) {\n fill: #04a5e5 !important;\n }\n body #app > div > div > div._2Ts6i._2xAQV > div > div > div.WM0_u > span > svg > path:nth-child(1) {\n fill: #acb0be !important;\n }\n body #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: #7287fd !important;\n }\n body #side > div._3gYev > div > div > button > div._3xdht._1ZD3q > span > svg > path {\n fill: #7287fd !important;\n }\n body.dark {\n color-scheme: dark;\n /* STATUS PAGE */\n --status-background: #1e1e2e !important;\n --modal-backdrop-solid: #1e1e2e !important;\n /* join group pop up */\n --modal-background: #1e1e2e !important;\n /* startup progress */\n --progress-primary: #b4befe !important;\n --progress-background: #45475a !important;\n --startup-background: #1e1e2e !important;\n --startup-background-rgb: 30 30 46;\n /* home page, no chat selected */\n --intro-background: #1e1e2e !important;\n --intro-border: #b4befe !important;\n /* general background */\n --app-background: #1e1e2e !important;\n /* CHAT LIST */\n /* nav bar */\n --navbar-background: #181825 !important;\n /* chat list background */\n --background-default: #1e1e2e !important;\n /* chat list header */\n --panel-header-background: #181825 !important;\n /* icons */\n --panel-header-icon: #cdd6f4 !important;\n /* other warnings (notifications) */\n --butterbar-default-background: #181825 !important;\n --butterbar-notification-icon: #89dceb !important;\n /* loading messages warning */\n --butterbar-green-nux-background: #181825 !important;\n /* update available warning */\n --butterbar-update-background: #181825 !important;\n --butterbar-update-icon: #b4befe !important;\n /* chat list search bar */\n --search-container-background: #1e1e2e !important;\n --search-input-container-background: #1e1e2e !important;\n --search-input-background: #313244 !important;\n --search-input-container-background-active: #181825 !important;\n --icon-search-back: #b4befe !important;\n /* archive icon */\n --icon-bright-highlight: #b4befe !important;\n /* archived unread marker */\n --unread-marker-background: #b4befe !important;\n --unread-timestamp: #b4befe !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: #11111b !important;\n /* unread voice message */\n --ptt-green: #a6e3a1 !important;\n /* read voice message */\n --ptt-blue: #89b4fa !important;\n /* pinned chat icon */\n --icon-pinned: #b4befe !important;\n /* last message in selected chat */\n --secondary-stronger: #bac2de !important;\n /* background for active and hover chats in chat list */\n --background-default-active: #45475a !important;\n --background-default-hover: #313244 !important;\n /* unread chats filter */\n --icon-high-emphasis: #a6e3a1 !important;\n /* voice message playing */\n --ptt-ooc-background: #181825 !important;\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: #181825 !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n --incoming-background: #1e1e2e !important;\n --incoming-background-deeper: #313244 !important;\n /* arrow icon in messages */\n --incoming-background-rgb: 30 30 46;\n --outgoing-background: #313244 !important;\n /* read double tick */\n --icon-ack: #89b4fa !important;\n /* received double tick */\n --bubble-meta-icon: #a6adc8 !important;\n /* message timestamp */\n --bubble-meta: #cdd6f4 !important;\n --message-primary: #cdd6f4 !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: #1e1e2e !important;\n --poll-modal-footer-background-color: #313244 !important;\n /* votes */\n --poll-bar-fill-receiver: #a6e3a1 !important;\n --poll-bar-fill-sender: #a6e3a1 !important;\n --checkbox-mark: #11111b !important;\n /* audio duration */\n --audio-progress-metadata: #a6adc8 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: #cdd6f4 !important;\n --system-message-background: #11111b !important;\n /* unread system message background */\n --unread-background: #11111b !important;\n --unread-bar-background: #45475a !important;\n /* meta data for documents */\n --document-meta: #bac2de !important;\n /* mentions, links and link previews */\n --mention-at-symbol: #74c7ec !important;\n --link: #74c7ec !important;\n --link-preview: #cdd6f4 !important;\n --link-preview-lighter: #bac2de !important;\n --link-preview-light: #a6adc8 !important;\n --outgoing-background-rgb: 49 50 68;\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: #cdd6f4 !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: #45475a !important;\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: #94e2d5 !important;\n /* quote colors */\n /* general text */\n --primary: #cdd6f4 !important;\n --primary-strong: #cdd6f4 !important;\n --primary-stronger: #cdd6f4 !important;\n --primary-strongest: #cdd6f4 !important;\n --secondary: #a6adc8 !important;\n --secondary-strongest-rgb: 205 214 244;\n --inline-code-text: #89b4fa !important;\n /* chat list typing message */\n --typing: #a6e3a1 !important;\n /* background for video player and image viewer */\n --media-viewer-background: #181825 !important;\n /* not loaded media */\n --media-gallery-thumb-background: #11111b !important;\n /* Group info/Contact info */\n --photopicker-overlay-background: rgba(24, 24, 37, 0.992) !important;\n --photopicker-overlay-background-rgb: 30 30 46;\n --media-viewer-background-rgb: 30 30 46;\n --drawer-background-deep: #11111b !important;\n /* group info read more */\n --input-button-more: #74c7ec !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: #585b70 !important;\n /* Group admin badge background */\n --chat-marker-background: #181825 !important;\n --chat-marker-border: #181825 !important;\n /* Group admin badge foreground */\n --chat-marker: #a6adc8 !important;\n /* Media gallery */\n --drawer-gallery-background: #11111b !important;\n /* mute toggle */\n --switch-button-checked-color: #b4befe !important;\n --switch-track-checked-color: #585b70 !important;\n --switch-track-color: #585b70 !important;\n --switch-button-color: #7f849c !important;\n /* danger, block, exit and report buttons */\n --danger: #f38ba8!important;\n /* group added by someone not in contacts */\n --button-plain-background: #313244 !important;\n --button-plain-background-hover: #45475a !important;\n /* EMOJI AND STICKERS */\n --panel-input-background: #313244 !important;\n --sticker-button-background: #45475a !important;\n --active-tab-marker: #b4befe !important;\n /* REACTIONS */\n --reactions-panel-background-color: #313244 !important;\n --reactions-tray-background: #313244 !important;\n --reactions-details-background: #313244 !important;\n --svg-gray-button: #313244 !important;\n /* Forward message popup */\n --panel-background-colored-deeper: #11111b !important;\n --modal-backdrop: rgba(24, 24, 37, 0.992) !important;\n /* Forward media caption */\n --forward-caption-preview-background: #181825 !important;\n --forward-caption-preview-content: #11111b !important;\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: #181825 !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: #313244 !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: #b4befe !important;\n /* send button in media editor */\n --button-round-background: #b4befe !important;\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: #313244 !important;\n --compose-input-border: #45475a !important;\n --compose-panel-background: #181825 !important;\n --rich-text-panel-background: #181825 !important;\n /* select messages fixes */\n --panel-background: #181825 !important;\n --panel-background-rgb: 24 24 37;\n --checkbox-background: #b4befe !important;\n /* quoted message in compose */\n --popup-panel-background: #313244 !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: #45475a !important;\n /* compose bar icons */\n --icon: #b4befe !important;\n /* ATTACH ICONS */\n /* poll icon */\n /* image icon */\n /* sticker icon */\n /* camera icon */\n /* document icon */\n /* contact icon */\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: #b4befe !important;\n --ptt-draft-waveform-background: #1e1e2e !important;\n --ptt-draft-button-stop: #f38ba8 !important;\n --ptt-draft-button-stop-hover: #eba0ac !important;\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: #313244 !important;\n --dropdown-background-hover: #45475a !important;\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: #1e1e2e !important;\n /* communities, new chat, other panes */\n --panel-background-colored: #181825 !important;\n --drawer-section-background: #1e1e2e !important;\n /* new chat icons */\n --round-icon-background: #a6e3a1 !important;\n --inverse: #cdd6f4 !important;\n /* title and icon for drawers */\n --drawer-header-title: #cdd6f4 !important;\n /* buttons such as create community */\n --button-primary-background: #b4befe !important;\n --button-primary-background-hover: rgba(180, 190, 254, 0.992) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: #181825 !important;\n /* active input in modals and drawers */\n --input-border-active: #b4befe !important;\n /* Start page drawing */\n /* Status unread dot */\n }\n body.dark ::selection {\n background-color: rgba(180, 190, 254, 0.3);\n }\n body.dark input::placeholder,\n body.dark textarea::placeholder {\n color: #a6adc8 !important;\n }\n body.dark .landing-wrapper-before {\n background-color: #b4befe !important;\n }\n body.dark .bfsx6evv {\n background-color: #181825 !important;\n }\n body.dark .p7idzaix {\n color: #11111b !important;\n }\n body.dark .bg-color-1 {\n background-color: #a6e3a1 !important;\n }\n body.dark .color-1 {\n color: #a6e3a1 !important;\n }\n body.dark .bg-color-2 {\n background-color: #89b4fa !important;\n }\n body.dark .color-2 {\n color: #89b4fa !important;\n }\n body.dark .bg-color-3 {\n background-color: #f5c2e7 !important;\n }\n body.dark .color-3 {\n color: #f5c2e7 !important;\n }\n body.dark .bg-color-4 {\n background-color: #74c7ec !important;\n }\n body.dark .color-4 {\n color: #74c7ec !important;\n }\n body.dark .bg-color-5 {\n background-color: #fab387 !important;\n }\n body.dark .color-5 {\n color: #fab387 !important;\n }\n body.dark .bg-color-6 {\n background-color: #89dceb !important;\n }\n body.dark .color-6 {\n color: #89dceb !important;\n }\n body.dark .bg-color-7 {\n background-color: #f9e2af !important;\n }\n body.dark .color-7 {\n color: #f9e2af !important;\n }\n body.dark .bg-color-8 {\n background-color: #94e2d5 !important;\n }\n body.dark .color-8 {\n color: #94e2d5 !important;\n }\n body.dark .bg-color-9 {\n background-color: #b4befe !important;\n }\n body.dark .color-9 {\n color: #b4befe !important;\n }\n body.dark .bg-color-10 {\n background-color: #f38ba8 !important;\n }\n body.dark .color-10 {\n color: #f38ba8 !important;\n }\n body.dark .bg-color-11 {\n background-color: #cba6f7 !important;\n }\n body.dark .color-11 {\n color: #cba6f7 !important;\n }\n body.dark .bg-color-12 {\n background-color: #f2cdcd !important;\n }\n body.dark .color-12 {\n color: #f2cdcd !important;\n }\n body.dark .bg-color-13 {\n background-color: #f5e0dc !important;\n }\n body.dark .color-13 {\n color: #f5e0dc !important;\n }\n body.dark .bg-color-14 {\n background-color: #f5c2e7 !important;\n }\n body.dark .color-14 {\n color: #f5c2e7 !important;\n }\n body.dark .bg-color-15 {\n background-color: #eba0ac !important;\n }\n body.dark .color-15 {\n color: #eba0ac !important;\n }\n body.dark .bg-color-16 {\n background-color: #94e2d5 !important;\n }\n body.dark .color-16 {\n color: #94e2d5 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(6) > button > span > svg > circle {\n fill: #a6e3a1 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #f5c2e7 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #f5c2e7 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #f5c2e7 !important;\n filter: brightness(70%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > circle {\n fill: #89b4fa !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > path:nth-child(2) {\n fill: #89b4fa !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #f38ba8 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #f38ba8 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #f38ba8 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #cba6f7 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #cba6f7 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(1) {\n fill: #89dceb !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(2) {\n fill: #89dceb !important;\n }\n body.dark #app > div > div > div._2Ts6i._2xAQV > div > div > div.WM0_u > span > svg > path:nth-child(1) {\n fill: #585b70 !important;\n }\n body.dark #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: #b4befe !important;\n }\n body.dark #side > div._3gYev > div > div > button > div._3xdht._1ZD3q > span > svg > path {\n fill: #b4befe !important;\n }", "start": 1139, "domains": [ "web.whatsapp.com" @@ -1355,15 +1324,15 @@ }, { "code": "/* prettier-ignore */", - "start": 30421 + "start": 30547 } ], - "sourceCode": "/* ==UserStyle==\n@name WhatsApp Web Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/whatsapp-web\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web\n@version 0.0.7\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awhatsapp-web\n@description Soothing pastel theme for WhatsApp Web\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\n@var checkbox lighterMessages \"Lighter incoming messages\" 0\n==/UserStyle== */\n\n@-moz-document domain(\"web.whatsapp.com\") {\n body {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n body.dark {\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 color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n .landing-wrapper-before {\n background-color: @accent-color !important;\n }\n\n /* STATUS PAGE */\n --status-background: @base !important;\n .bfsx6evv {\n background-color: @mantle !important;\n }\n\n --modal-backdrop-solid: @base !important;\n\n /* join group pop up */\n --modal-background: @base !important;\n\n /* startup progress */\n --progress-primary: @accent-color !important;\n --progress-background: @surface1 !important;\n --startup-background: @base !important;\n --startup-background-rgb: #rgbify(@base) [];\n /* home page, no chat selected */\n --intro-background: @base !important;\n --intro-border: @accent-color !important;\n /* general background */\n --app-background: @base !important;\n\n /* CHAT LIST */\n /* chat list background */\n --background-default: @base !important;\n /* chat list header */\n --panel-header-background: @mantle !important;\n /* icons */\n --panel-header-icon: @text !important;\n /* other warnings (notifications) */\n --butterbar-default-background: @mantle !important;\n --butterbar-notification-icon: @sky !important;\n /* loading messages warning */\n --butterbar-green-nux-background: @mantle !important;\n /* update available warning */\n --butterbar-update-background: @mantle !important;\n --butterbar-update-icon: @accent-color !important;\n /* chat list search bar */\n --search-container-background: @base !important;\n --search-input-container-background: @base !important;\n --search-input-background: @surface0 !important;\n --search-input-container-background-active: @mantle !important;\n --icon-search-back: @accent-color !important;\n /* archive icon */\n --icon-bright-highlight: @accent-color !important;\n /* archived unread marker */\n --unread-marker-background: @accent-color !important;\n --unread-timestamp: @accent-color !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: @crust !important;\n /* unread voice message */\n --ptt-green: @green !important;\n /* read voice message */\n --ptt-blue: @blue !important;\n /* pinned chat icon */\n --icon-pinned: @accent-color !important;\n /* last message in selected chat */\n --secondary-stronger: @subtext1 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: @surface1 !important;\n --background-default-hover: @surface0 !important;\n /* unread chats filter */\n --icon-high-emphasis: @green !important;\n .p7idzaix {\n color: @crust !important;\n }\n /* voice message playing */\n --ptt-ooc-background: @mantle !important;\n\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: @mantle !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n & when (@lighterMessages=1) {\n --incoming-background: @surface1 !important;\n --incoming-background-deeper: @surface2 !important;\n /* arrow icon in messages */\n --incoming-background-rgb: #rgbify(@surface1) [];\n }\n & when (@lighterMessages=0) {\n --incoming-background: @base !important;\n --incoming-background-deeper: @surface0 !important;\n /* arrow icon in messages */\n --incoming-background-rgb: #rgbify(@base) [];\n }\n --outgoing-background: @surface0 !important;\n /* read double tick */\n --icon-ack: @blue !important;\n /* received double tick */\n --bubble-meta-icon: @subtext0 !important;\n /* message timestamp */\n --bubble-meta: @text !important;\n --message-primary: @text !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: @base !important;\n --poll-modal-footer-background-color: @surface0 !important;\n /* votes */\n --poll-bar-fill-receiver: @green !important;\n --poll-bar-fill-sender: @green !important;\n --checkbox-mark: @crust !important;\n\n /* audio duration */\n --audio-progress-metadata: @subtext0 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: @text !important;\n --system-message-background: @crust !important;\n /* unread system message background */\n --unread-background: @crust !important;\n --unread-bar-background: @surface1 !important;\n /* meta data for documents */\n --document-meta: @subtext1 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: @sapphire !important;\n --link: @sapphire !important;\n --link-preview: @text !important;\n --link-preview-lighter: @subtext1 !important;\n --link-preview-light: @subtext0 !important;\n --outgoing-background-rgb: #rgbify(@surface0) [];\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: @text !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: @surface1 !important;\n\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: @teal !important;\n\n /* quote colors */\n .bg-color-1 {\n background-color: @green !important;\n }\n .color-1 {\n color: @green !important;\n }\n .bg-color-2 {\n background-color: @blue !important;\n }\n .color-2 {\n color: @blue !important;\n }\n .bg-color-3 {\n background-color: @pink !important;\n }\n .color-3 {\n color: @pink !important;\n }\n .bg-color-4 {\n background-color: @sapphire !important;\n }\n .color-4 {\n color: @sapphire !important;\n }\n .bg-color-5 {\n background-color: @peach !important;\n }\n .color-5 {\n color: @peach !important;\n }\n .bg-color-6 {\n background-color: @sky !important;\n }\n .color-6 {\n color: @sky !important;\n }\n .bg-color-7 {\n background-color: @yellow !important;\n }\n .color-7 {\n color: @yellow !important;\n }\n .bg-color-8 {\n background-color: @teal !important;\n }\n .color-8 {\n color: @teal !important;\n }\n .bg-color-9 {\n background-color: @lavender !important;\n }\n .color-9 {\n color: @lavender !important;\n }\n .bg-color-10 {\n background-color: @red!important;\n }\n .color-10 {\n color: @red!important;\n }\n .bg-color-11 {\n background-color: @mauve !important;\n }\n .color-11 {\n color: @mauve !important;\n }\n .bg-color-12 {\n background-color: @flamingo !important;\n }\n .color-12 {\n color: @flamingo !important;\n }\n .bg-color-13 {\n background-color: @rosewater !important;\n }\n .color-13 {\n color: @rosewater !important;\n }\n .bg-color-14 {\n background-color: @pink !important;\n }\n .color-14 {\n color: @pink !important;\n }\n .bg-color-15 {\n background-color: @maroon !important;\n }\n .color-15 {\n color: @maroon !important;\n }\n .bg-color-16 {\n background-color: @teal !important;\n }\n .color-16 {\n color: @teal !important;\n }\n /* general text */\n --primary: @text !important;\n --primary-strong: @text !important;\n --primary-stronger: @text !important;\n --primary-strongest: @text !important;\n --secondary: @subtext0 !important;\n --secondary-strongest-rgb: #rgbify(@text) [];\n --inline-code-text: @blue !important;\n /* chat list typing message */\n --typing: @green !important;\n /* background for video player and image viewer */\n --media-viewer-background: @mantle !important;\n /* not loaded media */\n --media-gallery-thumb-background: @crust !important;\n\n /* Group info/Contact info */\n --photopicker-overlay-background: fadeout(@mantle, 0.8) !important;\n --photopicker-overlay-background-rgb: #rgbify(@base) [];\n --media-viewer-background-rgb: #rgbify(@base) [];\n --drawer-background-deep: @crust !important;\n /* group info read more */\n --input-button-more: @sapphire !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: @surface2 !important;\n /* Group admin badge background */\n --chat-marker-background: @mantle !important;\n --chat-marker-border: @mantle !important;\n /* Group admin badge foreground */\n --chat-marker: @subtext0 !important;\n /* Media gallery */\n --drawer-gallery-background: @crust !important;\n /* mute toggle */\n --switch-button-checked-color: @accent-color !important;\n --switch-track-checked-color: @surface2 !important;\n --switch-track-color: @surface2 !important;\n --switch-button-color: @overlay1 !important;\n\n /* danger, block, exit and report buttons */\n --danger: @red!important;\n\n /* group added by someone not in contacts */\n --button-plain-background: @surface0 !important;\n --button-plain-background-hover: @surface1 !important;\n\n /* EMOJI AND STICKERS */\n --panel-input-background: @surface0 !important;\n --sticker-button-background: @surface1 !important;\n --active-tab-marker: @accent-color !important;\n\n /* REACTIONS */\n --reactions-panel-background-color: @surface0 !important;\n --reactions-tray-background: @surface0 !important;\n --reactions-details-background: @surface0 !important;\n --svg-gray-button: @surface0 !important;\n\n /* Forward message popup */\n --panel-background-colored-deeper: @crust !important;\n --modal-backdrop: fadeout(@mantle, 0.8) !important;\n\n /* Forward media caption */\n --forward-caption-preview-background: @mantle !important;\n --forward-caption-preview-content: @crust !important;\n\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: @mantle !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: @surface0 !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: @accent-color !important;\n /* send button in media editor */\n --button-round-background: @accent-color !important;\n\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: @surface0 !important;\n --compose-input-border: @surface1 !important;\n --compose-panel-background: @mantle !important;\n --rich-text-panel-background: @mantle !important;\n /* select messages fixes */\n --panel-background: @mantle !important;\n --panel-background-rgb: #rgbify(@mantle) [];\n --checkbox-background: @accent-color !important;\n /* quoted message in compose */\n --popup-panel-background: @surface0 !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: @surface1 !important;\n /* compose bar icons */\n --icon: @accent-color !important;\n /* ATTACH ICONS */\n /* poll icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(6)\n > button\n > span\n > svg\n > circle {\n fill: @green !important;\n }\n /* image icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @pink !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @pink !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @pink !important;\n filter: brightness(70%) !important;\n }\n /* sticker icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > circle {\n fill: @blue !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > path:nth-child(2) {\n fill: @blue !important;\n }\n /* camera icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @red!important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n /* document icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @mauve !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @mauve !important;\n }\n /* contact icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(1) {\n fill: @sky !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(2) {\n fill: @sky !important;\n }\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: @accent-color !important;\n --ptt-draft-waveform-background: @base !important;\n --ptt-draft-button-stop: @red !important;\n --ptt-draft-button-stop-hover: @maroon !important;\n\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: @surface0 !important;\n --dropdown-background-hover: @surface1 !important;\n\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: @base !important;\n /* communities, new chat, other panes */\n --panel-background-colored: @mantle !important;\n --drawer-section-background: @base !important;\n /* new chat icons */\n --round-icon-background: @green !important;\n --inverse: @text !important;\n /* title and icon for drawers */\n --drawer-header-title: @text !important;\n /* buttons such as create community */\n --button-primary-background: @accent-color !important;\n --button-primary-background-hover: fadeout(@accent-color, 0.8) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: @mantle !important;\n /* active input in modals and drawers */\n --input-border-active: @accent-color !important;\n\n /* Start page drawing */\n #app\n > div\n > div\n > div._2Ts6i._2xAQV\n > div\n > div\n > div.WM0_u\n > span\n > svg\n > path:nth-child(1) {\n fill: @surface2 !important;\n }\n\n /* Status unread dot */\n #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: @accent-color !important;\n }\n\n #side\n > div._3gYev\n > div\n > div\n > button\n > div._3xdht._1ZD3q\n > span\n > svg\n > path {\n fill: @accent-color !important;\n }\n }\n}\n\n#rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\n}\n\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// vim:ft=less\n", + "sourceCode": "/* ==UserStyle==\n@name WhatsApp Web Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/whatsapp-web\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web\n@version 0.0.8\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awhatsapp-web\n@description Soothing pastel theme for WhatsApp Web\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\n@var checkbox lighterMessages \"Lighter incoming messages\" 0\n==/UserStyle== */\n\n@-moz-document domain(\"web.whatsapp.com\") {\n body {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n body.dark {\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 color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n .landing-wrapper-before {\n background-color: @accent-color !important;\n }\n\n /* STATUS PAGE */\n --status-background: @base !important;\n .bfsx6evv {\n background-color: @mantle !important;\n }\n\n --modal-backdrop-solid: @base !important;\n\n /* join group pop up */\n --modal-background: @base !important;\n\n /* startup progress */\n --progress-primary: @accent-color !important;\n --progress-background: @surface1 !important;\n --startup-background: @base !important;\n --startup-background-rgb: #rgbify(@base) [];\n /* home page, no chat selected */\n --intro-background: @base !important;\n --intro-border: @accent-color !important;\n /* general background */\n --app-background: @base !important;\n\n /* CHAT LIST */\n /* nav bar */\n --navbar-background: @mantle !important;\n /* chat list background */\n --background-default: @base !important;\n /* chat list header */\n --panel-header-background: @mantle !important;\n /* icons */\n --panel-header-icon: @text !important;\n /* other warnings (notifications) */\n --butterbar-default-background: @mantle !important;\n --butterbar-notification-icon: @sky !important;\n /* loading messages warning */\n --butterbar-green-nux-background: @mantle !important;\n /* update available warning */\n --butterbar-update-background: @mantle !important;\n --butterbar-update-icon: @accent-color !important;\n /* chat list search bar */\n --search-container-background: @base !important;\n --search-input-container-background: @base !important;\n --search-input-background: @surface0 !important;\n --search-input-container-background-active: @mantle !important;\n --icon-search-back: @accent-color !important;\n /* archive icon */\n --icon-bright-highlight: @accent-color !important;\n /* archived unread marker */\n --unread-marker-background: @accent-color !important;\n --unread-timestamp: @accent-color !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: @crust !important;\n /* unread voice message */\n --ptt-green: @green !important;\n /* read voice message */\n --ptt-blue: @blue !important;\n /* pinned chat icon */\n --icon-pinned: @accent-color !important;\n /* last message in selected chat */\n --secondary-stronger: @subtext1 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: @surface1 !important;\n --background-default-hover: @surface0 !important;\n /* unread chats filter */\n --icon-high-emphasis: @green !important;\n .p7idzaix {\n color: @crust !important;\n }\n /* voice message playing */\n --ptt-ooc-background: @mantle !important;\n\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: @mantle !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n & when (@lighterMessages=1) {\n --incoming-background: @surface1 !important;\n --incoming-background-deeper: @surface2 !important;\n /* arrow icon in messages */\n --incoming-background-rgb: #rgbify(@surface1) [];\n }\n & when (@lighterMessages=0) {\n --incoming-background: @base !important;\n --incoming-background-deeper: @surface0 !important;\n /* arrow icon in messages */\n --incoming-background-rgb: #rgbify(@base) [];\n }\n --outgoing-background: @surface0 !important;\n /* read double tick */\n --icon-ack: @blue !important;\n /* received double tick */\n --bubble-meta-icon: @subtext0 !important;\n /* message timestamp */\n --bubble-meta: @text !important;\n --message-primary: @text !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: @base !important;\n --poll-modal-footer-background-color: @surface0 !important;\n /* votes */\n --poll-bar-fill-receiver: @green !important;\n --poll-bar-fill-sender: @green !important;\n --checkbox-mark: @crust !important;\n\n /* audio duration */\n --audio-progress-metadata: @subtext0 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: @text !important;\n --system-message-background: @crust !important;\n /* unread system message background */\n --unread-background: @crust !important;\n --unread-bar-background: @surface1 !important;\n /* meta data for documents */\n --document-meta: @subtext1 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: @sapphire !important;\n --link: @sapphire !important;\n --link-preview: @text !important;\n --link-preview-lighter: @subtext1 !important;\n --link-preview-light: @subtext0 !important;\n --outgoing-background-rgb: #rgbify(@surface0) [];\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: @text !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: @surface1 !important;\n\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: @teal !important;\n\n /* quote colors */\n .bg-color-1 {\n background-color: @green !important;\n }\n .color-1 {\n color: @green !important;\n }\n .bg-color-2 {\n background-color: @blue !important;\n }\n .color-2 {\n color: @blue !important;\n }\n .bg-color-3 {\n background-color: @pink !important;\n }\n .color-3 {\n color: @pink !important;\n }\n .bg-color-4 {\n background-color: @sapphire !important;\n }\n .color-4 {\n color: @sapphire !important;\n }\n .bg-color-5 {\n background-color: @peach !important;\n }\n .color-5 {\n color: @peach !important;\n }\n .bg-color-6 {\n background-color: @sky !important;\n }\n .color-6 {\n color: @sky !important;\n }\n .bg-color-7 {\n background-color: @yellow !important;\n }\n .color-7 {\n color: @yellow !important;\n }\n .bg-color-8 {\n background-color: @teal !important;\n }\n .color-8 {\n color: @teal !important;\n }\n .bg-color-9 {\n background-color: @lavender !important;\n }\n .color-9 {\n color: @lavender !important;\n }\n .bg-color-10 {\n background-color: @red!important;\n }\n .color-10 {\n color: @red!important;\n }\n .bg-color-11 {\n background-color: @mauve !important;\n }\n .color-11 {\n color: @mauve !important;\n }\n .bg-color-12 {\n background-color: @flamingo !important;\n }\n .color-12 {\n color: @flamingo !important;\n }\n .bg-color-13 {\n background-color: @rosewater !important;\n }\n .color-13 {\n color: @rosewater !important;\n }\n .bg-color-14 {\n background-color: @pink !important;\n }\n .color-14 {\n color: @pink !important;\n }\n .bg-color-15 {\n background-color: @maroon !important;\n }\n .color-15 {\n color: @maroon !important;\n }\n .bg-color-16 {\n background-color: @teal !important;\n }\n .color-16 {\n color: @teal !important;\n }\n /* general text */\n --primary: @text !important;\n --primary-strong: @text !important;\n --primary-stronger: @text !important;\n --primary-strongest: @text !important;\n --secondary: @subtext0 !important;\n --secondary-strongest-rgb: #rgbify(@text) [];\n --inline-code-text: @blue !important;\n /* chat list typing message */\n --typing: @green !important;\n /* background for video player and image viewer */\n --media-viewer-background: @mantle !important;\n /* not loaded media */\n --media-gallery-thumb-background: @crust !important;\n\n /* Group info/Contact info */\n --photopicker-overlay-background: fadeout(@mantle, 0.8) !important;\n --photopicker-overlay-background-rgb: #rgbify(@base) [];\n --media-viewer-background-rgb: #rgbify(@base) [];\n --drawer-background-deep: @crust !important;\n /* group info read more */\n --input-button-more: @sapphire !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: @surface2 !important;\n /* Group admin badge background */\n --chat-marker-background: @mantle !important;\n --chat-marker-border: @mantle !important;\n /* Group admin badge foreground */\n --chat-marker: @subtext0 !important;\n /* Media gallery */\n --drawer-gallery-background: @crust !important;\n /* mute toggle */\n --switch-button-checked-color: @accent-color !important;\n --switch-track-checked-color: @surface2 !important;\n --switch-track-color: @surface2 !important;\n --switch-button-color: @overlay1 !important;\n\n /* danger, block, exit and report buttons */\n --danger: @red!important;\n\n /* group added by someone not in contacts */\n --button-plain-background: @surface0 !important;\n --button-plain-background-hover: @surface1 !important;\n\n /* EMOJI AND STICKERS */\n --panel-input-background: @surface0 !important;\n --sticker-button-background: @surface1 !important;\n --active-tab-marker: @accent-color !important;\n\n /* REACTIONS */\n --reactions-panel-background-color: @surface0 !important;\n --reactions-tray-background: @surface0 !important;\n --reactions-details-background: @surface0 !important;\n --svg-gray-button: @surface0 !important;\n\n /* Forward message popup */\n --panel-background-colored-deeper: @crust !important;\n --modal-backdrop: fadeout(@mantle, 0.8) !important;\n\n /* Forward media caption */\n --forward-caption-preview-background: @mantle !important;\n --forward-caption-preview-content: @crust !important;\n\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: @mantle !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: @surface0 !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: @accent-color !important;\n /* send button in media editor */\n --button-round-background: @accent-color !important;\n\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: @surface0 !important;\n --compose-input-border: @surface1 !important;\n --compose-panel-background: @mantle !important;\n --rich-text-panel-background: @mantle !important;\n /* select messages fixes */\n --panel-background: @mantle !important;\n --panel-background-rgb: #rgbify(@mantle) [];\n --checkbox-background: @accent-color !important;\n /* quoted message in compose */\n --popup-panel-background: @surface0 !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: @surface1 !important;\n /* compose bar icons */\n --icon: @accent-color !important;\n /* ATTACH ICONS */\n /* poll icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(6)\n > button\n > span\n > svg\n > circle {\n fill: @green !important;\n }\n /* image icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @pink !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @pink !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @pink !important;\n filter: brightness(70%) !important;\n }\n /* sticker icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > circle {\n fill: @blue !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > path:nth-child(2) {\n fill: @blue !important;\n }\n /* camera icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @red!important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n /* document icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @mauve !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @mauve !important;\n }\n /* contact icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(1) {\n fill: @sky !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(2) {\n fill: @sky !important;\n }\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: @accent-color !important;\n --ptt-draft-waveform-background: @base !important;\n --ptt-draft-button-stop: @red !important;\n --ptt-draft-button-stop-hover: @maroon !important;\n\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: @surface0 !important;\n --dropdown-background-hover: @surface1 !important;\n\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: @base !important;\n /* communities, new chat, other panes */\n --panel-background-colored: @mantle !important;\n --drawer-section-background: @base !important;\n /* new chat icons */\n --round-icon-background: @green !important;\n --inverse: @text !important;\n /* title and icon for drawers */\n --drawer-header-title: @text !important;\n /* buttons such as create community */\n --button-primary-background: @accent-color !important;\n --button-primary-background-hover: fadeout(@accent-color, 0.8) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: @mantle !important;\n /* active input in modals and drawers */\n --input-border-active: @accent-color !important;\n\n /* Start page drawing */\n #app\n > div\n > div\n > div._2Ts6i._2xAQV\n > div\n > div\n > div.WM0_u\n > span\n > svg\n > path:nth-child(1) {\n fill: @surface2 !important;\n }\n\n /* Status unread dot */\n #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: @accent-color !important;\n }\n\n #side\n > div._3gYev\n > div\n > div\n > button\n > div._3xdht._1ZD3q\n > span\n > svg\n > path {\n fill: @accent-color !important;\n }\n }\n}\n\n#rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\n}\n\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// vim:ft=less\n", "usercssData": { "name": "WhatsApp Web Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/whatsapp-web", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web", - "version": "0.0.7", + "version": "0.0.8", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css", "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awhatsapp-web", "description": "Soothing pastel theme for WhatsApp Web", @@ -1434,7 +1403,7 @@ "label": "Accent", "name": "accentColor", "value": "lavender", - "default": "sapphire", + "default": "mauve", "options": [ { "name": "rosewater", @@ -1526,12 +1495,12 @@ "author": "Catppuccin", "description": "Soothing pastel theme for WhatsApp Web", "name": "WhatsApp Web Catppuccin", - "originalDigest": "bdc149adf6c88c8129855eeb5fe2e0f0ea9ce41b", + "originalDigest": "315aec37f1bed31acf99c62127e2345f44af30c8", "_id": "f583e674-dc66-4e55-8f01-4fd979d1ecce", - "_rev": 1712856189803, + "_rev": 1714741609571, "id": 37, - "etag": "W/\"73d413f602f3b39ba869d90cfd58bca0c1e5cc79a221c4b379ffa8152c372baf\"", - "updateDate": 1712856189538 + "etag": "W/\"88e4b704d846b6bd4c46c96855c4c682206ad61bafd94986176cd2dc0951495a\"", + "updateDate": 1714741605678 }, { "enabled": true, @@ -1540,41 +1509,41 @@ "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.2.8\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt\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: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 ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.2.10\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt\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: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": "@import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n :root.light {\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: 36, 39, 58;\n --ctp-mantle: 30, 32, 48;\n --ctp-crust: 24, 25, 38;\n color-scheme: dark;\n color: #cad3f5;\n --white: #dfe5f9;\n --black: #1a1c2a;\n --gray-50: #c9d0e8;\n --gray-100: #cad3f5;\n --gray-200: #a5adcb;\n --gray-300: #b8c0e0;\n --gray-400: #6e738d;\n --gray-500: #5b6078;\n --gray-600: #494d64;\n --gray-700: #363a4f;\n --gray-800: #24273a;\n --gray-900: #1e2030;\n --gray-950: #181926;\n --brand-purple: #b7bdf8;\n --text-primary: var(--gray-100);\n --text-secondary: var(--gray-300);\n --text-tertiary: var(--gray-400);\n --text-quaternary: var(--gray-700);\n --main-surface-primary: var(--gray-800);\n --main-surface-secondary: var(--gray-700);\n --main-surface-tertiary: var(--gray-600);\n --sidebar-surface-primary: var(--gray-900);\n --sidebar-surface-secondary: var(--gray-800);\n --sidebar-surface-tertiary: var(--gray-700);\n --border-light: rgba(202, 211, 245, 0.1);\n --border-medium: rgba(202, 211, 245, 0.15);\n --border-heavy: rgba(202, 211, 245, 0.2);\n --border-xheavy: rgba(202, 211, 245, 0.25);\n --link: #b7bdf8;\n --link-hover: #8992f3;\n /* ChatGPT logo */\n /* Input */\n /* Buttons */\n /* Borders */\n /* Backgrounds */\n /* Gradients */\n /* Fill/stroke */\n /* Text */\n /* Dark mode overrides */\n /* stylelint-disable-next-line no-duplicate-selectors */\n /* \"Was this response better or worse\" dialog button hover */\n /* Other */\n }\n :root.light ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root.light input::placeholder,\n :root.light textarea::placeholder {\n color: #a5adcb !important;\n }\n :root.light code.hljs {\n background: none;\n }\n :root.light pre .bg-token-main-surface-secondary {\n background-color: #363a4f;\n }\n :root.light pre .bg-gray-950 {\n background-color: #181926;\n }\n :root.light pre .text-token-text-secondary {\n color: #a5adcb;\n }\n :root.light .popover,\n :root.light .dark .popover,\n :root.light .dark.popover,\n :root.light .popover .dark {\n --main-surface-primary: var(--gray-700) !important;\n --main-surface-secondary: var(--gray-600) !important;\n --main-surface-tertiary: var(--gray-500) !important;\n --text-primary: var(--white) !important;\n --text-secondary: var(--gray-200) !important;\n --text-tertiary: var(--gray-300) !important;\n }\n :root.light *:focus {\n --tw-ring-offset-color: #24273a;\n --tw-ring-color: #b7bdf8;\n }\n :root.light [style*=\"background-color: rgb(25, 195, 125);\"] {\n background-color: #a6da95 !important;\n color: #24273a !important;\n }\n :root.light select {\n background-image: url(\"data:image/svg+xml;%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%23939ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m6%208%204%204%204-4%22/%3E%3C/svg%3E\");\n }\n :root.light [multiple],\n :root.light [type=\"date\"],\n :root.light [type=\"datetime-local\"],\n :root.light [type=\"email\"],\n :root.light [type=\"month\"],\n :root.light [type=\"number\"],\n :root.light [type=\"password\"],\n :root.light [type=\"search\"],\n :root.light [type=\"tel\"],\n :root.light [type=\"text\"],\n :root.light [type=\"time\"],\n :root.light [type=\"url\"],\n :root.light [type=\"week\"],\n :root.light select,\n :root.light textarea {\n background-color: #24273a;\n border-color: #939ab7;\n }\n :root.light [type=\"checkbox\"],\n :root.light [type=\"radio\"] {\n background-color: #24273a;\n border-color: #939ab7;\n color: #b7bdf8;\n }\n :root.light .form-input,\n :root.light .form-multiselect,\n :root.light .form-select,\n :root.light .form-textarea {\n background-color: #24273a;\n border-color: #939ab7;\n }\n :root.light .form-input:focus,\n :root.light .form-multiselect:focus,\n :root.light .form-select:focus,\n :root.light .form-textarea:focus {\n border-color: #b7bdf8;\n }\n :root.light .form-input::placeholder,\n :root.light .form-textarea::placeholder {\n color: #939ab7;\n }\n :root.light .btn-primary {\n background-color: #a6da95;\n color: #24273a;\n }\n :root.light .btn-primary:hover {\n background-color: #86cd6f;\n }\n :root.light .btn-primary.focus-visible {\n --tw-ring-color: #c6e7bb !important;\n }\n :root.light .btn-primary:focus-visible {\n --tw-ring-color: #c6e7bb !important;\n }\n :root.light .btn-danger {\n background-color: #ed8796;\n color: #24273a;\n }\n :root.light .btn-danger:hover {\n background-color: #e65b6f;\n }\n :root.light .btn-danger.focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.light .btn-danger:focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.light .btn-danger:disabled:hover {\n background-color: #ed8796;\n }\n :root.light .btn-danger-outline {\n border-color: #ed8796;\n color: #ed8796;\n }\n :root.light .btn-danger-outline.focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.light .btn-danger-outline:focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.light .btn-neutral.focus-visible {\n --tw-ring-color: #6e738d !important;\n }\n :root.light .btn-neutral:focus-visible {\n --tw-ring-color: #6e738d !important;\n }\n :root.light .btn-dark {\n background-color: #363a4f;\n border-color: #6e738d;\n color: #cad3f5;\n }\n :root.light .btn-dark:hover {\n background-color: #494d64;\n }\n :root.light .btn-light {\n background-color: #cad3f5;\n color: #1a1c2a;\n }\n :root.light .btn-light:hover {\n background-color: #24273a;\n }\n :root.light .btn-disabled,\n :root.light .btn-disabled:hover {\n background-color: #cad3f5;\n }\n :root.light .border-black,\n :root.light .border-black\\/10,\n :root.light .border-black\\/20,\n :root.light .border-black\\/30,\n :root.light .border-black\\/5 {\n border-color: var(--border-light);\n }\n :root.light .border-gray-100 {\n border-color: var(--gray-100);\n }\n :root.light .border-gray-200 {\n border-color: var(--gray-200);\n }\n :root.light .border-gray-300 {\n border-color: var(--gray-300);\n }\n :root.light .border-gray-400 {\n border-color: var(--gray-400);\n }\n :root.light .border-gray-500 {\n border-color: var(--gray-500);\n }\n :root.light .border-gray-700 {\n border-color: var(--gray-700);\n }\n :root.light .border-gray-950 {\n border-color: var(--gray-950);\n }\n :root.light .border-green-500 {\n border-color: #c6e7bb;\n }\n :root.light .border-green-600 {\n border-color: #a6da95;\n }\n :root.light .border-orange-400 {\n border-color: #f5d1c6;\n }\n :root.light .border-orange-500 {\n border-color: #eeae9b;\n }\n :root.light .border-red-500 {\n border-color: #e65b6f;\n }\n :root.light .border-white {\n border-color: #dfe5f9;\n }\n :root.light .border-white\\/20 {\n border-color: rgba(223, 229, 249, 0.2);\n }\n :root.light .border-t-[\\#0077FF] {\n border-top-color: #8aadf4;\n }\n :root.light .bg-token-main-surface-primary {\n background-color: var(--main-surface-primary);\n }\n :root.light .\\!bg-brand-purple {\n background-color: #b7bdf8 !important;\n }\n :root.light .\\!bg-gray-200 {\n background-color: var(--gray-200) !important;\n }\n :root.light .bg-[\\#0077FF],\n :root.light .bg-\\[\\#3C46FF\\] {\n background-color: #8aadf4;\n }\n :root.light .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: #5b8cf0;\n }\n :root.light .bg-[\\#10A37F] {\n background-color: #a6da95;\n }\n :root.light .bg-[\\#3C46FF] {\n background-color: #8aadf4;\n }\n :root.light .bg-[\\#4046EC] {\n background-color: #8aadf4;\n }\n :root.light .bg-[\\#B161FD] {\n background-color: #b7bdf8;\n }\n :root.light .bg-[\\#F8CA27] {\n background-color: #eed49f;\n }\n :root.light .bg-[\\#FF5588] {\n background-color: #f1a2be;\n }\n :root.light .bg-[\\#FF6E3C] {\n background-color: #f3aa95;\n }\n :root.light .dark\\:radix-highlighted\\:bg-\\[\\#2E2F33\\][data-highlighted] {\n background-color: #363a4f;\n }\n :root.light .bg-black {\n background-color: #1a1c2a;\n }\n :root.light .bg-black\\/20 {\n background-color: rgba(26, 28, 42, 0.2);\n }\n :root.light .bg-black\\/5 {\n background-color: rgba(26, 28, 42, 0.05);\n }\n :root.light .bg-black\\/50 {\n background-color: rgba(26, 28, 42, 0.5);\n }\n :root.light .bg-black\\/90 {\n background-color: rgba(26, 28, 42, 0.9);\n }\n :root.light .bg-black\\/\\[\\.04\\] {\n background-color: rgba(26, 28, 42, 0.04);\n }\n :root.light .bg-black\\/\\[\\.08\\] {\n background-color: rgba(26, 28, 42, 0.08);\n }\n :root.light .bg-black\\/\\[\\.12\\] {\n background-color: rgba(26, 28, 42, 0.12);\n }\n :root.light .bg-blue-100 {\n background-color: #ffffff;\n }\n :root.light .bg-blue-200 {\n background-color: #e7eefd;\n }\n :root.light .bg-blue-300 {\n background-color: #b9cef8;\n }\n :root.light .bg-blue-400 {\n background-color: #8aadf4;\n }\n :root.light .bg-blue-500 {\n background-color: #739df2;\n }\n :root.light .bg-blue-700 {\n background-color: #5b8cf0;\n }\n :root.light .bg-brand-blue-800 {\n background-color: #2d6ceb;\n }\n :root.light .bg-blue-950 {\n background-color: #1452d1;\n }\n :root.light .checked\\:bg-blue-600:checked {\n background-color: #b7bdf8;\n }\n :root.light .bg-brand-green {\n background-color: #c6e7bb;\n }\n :root.light .bg-brand-green\\/20 {\n background-color: rgba(198, 231, 187, 0.2);\n }\n :root.light .bg-brand-green\\/40 {\n background-color: rgba(198, 231, 187, 0.4);\n }\n :root.light .bg-brand-purple {\n background-color: #b7bdf8;\n }\n :root.light .bg-gray-100 {\n background-color: var(--gray-100);\n }\n :root.light .bg-gray-200 {\n background-color: var(--gray-200);\n }\n :root.light .bg-gray-300 {\n background-color: var(--gray-300);\n }\n :root.light .bg-gray-400 {\n background-color: var(--gray-400);\n }\n :root.light .bg-gray-50 {\n background-color: var(--gray-50);\n }\n :root.light .bg-gray-500 {\n background-color: var(--gray-500);\n }\n :root.light .bg-gray-600 {\n background-color: var(--gray-600);\n }\n :root.light .bg-gray-700 {\n background-color: var(--gray-700);\n }\n :root.light .bg-gray-900 {\n background-color: var(--gray-900);\n }\n :root.light .bg-gray-950 {\n background-color: var(--gray-950);\n }\n :root.light .bg-green-100 {\n background-color: #ffffff;\n }\n :root.light .bg-green-200 {\n background-color: #e5f4e1;\n }\n :root.light .bg-green-500 {\n background-color: #c6e7bb;\n }\n :root.light .bg-green-500\\/10 {\n background-color: rgba(198, 231, 187, 0.1);\n }\n :root.light .bg-green-600 {\n background-color: #a6da95;\n }\n :root.light .bg-orange-500 {\n background-color: #eeae9b;\n }\n :root.light .bg-orange-500\\/10 {\n background-color: rgba(238, 173, 154, 0.1);\n }\n :root.light .bg-red-100 {\n background-color: rgba(244, 179, 189, 0.3);\n }\n :root.light .bg-red-200 {\n background-color: #fae0e4;\n }\n :root.light .bg-red-500 {\n background-color: #ed8796;\n }\n :root.light .bg-red-500\\/10 {\n background-color: rgba(237, 135, 150, 0.1);\n }\n :root.light .bg-red-600 {\n background-color: #f4b3bd;\n }\n :root.light .bg-white {\n background-color: #dfe5f9;\n }\n :root.light .bg-white\\/20 {\n background-color: rgba(223, 229, 249, 0.2);\n }\n :root.light .bg-white\\/25 {\n background-color: rgba(223, 229, 249, 0.25);\n }\n :root.light .bg-yellow-100 {\n background-color: #fdfbf6;\n }\n :root.light .bg-yellow-200 {\n background-color: #f6e7ca;\n }\n :root.light .bg-yellow-400 {\n background-color: #eed49f;\n }\n :root.light .bg-yellow-500 {\n background-color: #e6c174;\n }\n :root.light .radix-state-checked\\:bg-green-600[data-state=\"checked\"] {\n background-color: #86cd6f;\n }\n :root.light .hover\\:bg-blue-700:hover {\n background-color: #165be9;\n }\n :root.light [class*=\"bg-transparent\"] {\n background-color: transparent;\n }\n :root.light .from-white {\n --tw-gradient-from: #dfe5f9 var(--tw-gradient-from-position);\n }\n :root.light .fill-yellow-500 {\n fill: #eed49f;\n }\n :root.light .stroke-black {\n stroke: #1a1c2a;\n }\n :root.light .stroke-brand-purple\\/25 {\n stroke: rgba(183, 189, 248, 0.25);\n }\n :root.light .stroke-gray-400 {\n stroke: #a5adcb;\n }\n :root.light .\\!text-black {\n color: #1a1c2a !important;\n }\n :root.light .text-\\[\\#FE7600\\] {\n color: #eeae9b;\n }\n :root.light .text-\\[\\#fff\\] {\n color: #24273a;\n }\n :root.light .text-black {\n color: #1a1c2a;\n }\n :root.light .text-black\\/60 {\n color: rgba(26, 28, 42, 0.6);\n }\n :root.light .text-black\\/70 {\n color: rgba(26, 28, 42, 0.7);\n }\n :root.light .text-blue-500 {\n color: #b9cef8;\n }\n :root.light .text-blue-600 {\n color: #8aadf4;\n }\n :root.light .text-brand-blue-800 {\n color: #8aadf4;\n }\n :root.light .text-brand-purple {\n color: #b7bdf8;\n }\n :root.light .text-gray-100 {\n color: var(--gray-100);\n }\n :root.light .text-gray-300 {\n color: var(--gray-300);\n }\n :root.light .text-gray-400 {\n color: var(--gray-400);\n }\n :root.light .text-gray-500 {\n color: var(--gray-500);\n }\n :root.light .text-gray-600 {\n color: var(--gray-600);\n }\n :root.light .text-gray-700 {\n color: var(--gray-700);\n }\n :root.light .text-gray-800 {\n color: var(--gray-800);\n }\n :root.light .text-gray-900 {\n color: var(--gray-900);\n }\n :root.light .text-green-500 {\n color: #c6e7bb;\n }\n :root.light .text-green-600 {\n color: #a6da95;\n }\n :root.light .text-green-700 {\n color: #86cd6f;\n }\n :root.light .text-green-800 {\n color: #67c049;\n }\n :root.light .text-green-900 {\n color: #519f37;\n }\n :root.light .text-orange-300 {\n color: #f9e2dc;\n }\n :root.light .text-orange-400 {\n color: #f5d1c6;\n }\n :root.light .text-orange-500 {\n color: #eeae9b;\n }\n :root.light .text-red-500 {\n color: #ed8796;\n }\n :root.light .text-red-600 {\n color: #f4b3bd;\n }\n :root.light .text-red-700 {\n color: #ed8796;\n }\n :root.light .text-red-800 {\n color: #e65b6f;\n }\n :root.light .text-white {\n color: #dfe5f9;\n }\n :root.light .text-white\\/25 {\n color: rgba(223, 229, 249, 0.25);\n }\n :root.light .text-white\\/50 {\n color: rgba(223, 229, 249, 0.5);\n }\n :root.light .text-white\\/80 {\n color: rgba(223, 229, 249, 0.8);\n }\n :root.light .text-yellow-500 {\n color: #eed49f;\n }\n :root.light .text-yellow-700 {\n color: #e6c174;\n }\n :root.light .text-yellow-800 {\n color: #dfad48;\n }\n :root.light .text-yellow-900 {\n color: #cf9725;\n }\n :root.light .dark\\:bg-black {\n background-color: #1a1c2a;\n }\n :root.light .dark\\:bg-white {\n background-color: #dfe5f9;\n }\n :root.light .dark\\:hover\\:bg-gray-800:hover {\n background-color: transparent;\n }\n :root.light .dark\\:text-white {\n color: #dfe5f9;\n }\n :root.light .dark\\:text-black {\n color: #1a1c2a;\n }\n :root.light .dark\\:text-\\[\\#D292FF\\] {\n color: #c6a0f6;\n }\n :root.light .dark\\:focus\\:border-white:focus {\n border-color: #cad3f5;\n }\n :root.light .dark\\:border-gray-700 {\n border-color: var(--gray-700);\n }\n :root.light .ring-black {\n --tw-ring-color: #1a1c2a;\n }\n :root.light .ring-black\\/10 {\n --tw-ring-color: rgba(26, 28, 42, 0.1);\n }\n :root.light .ring-white {\n --tw-ring-color: #24273a;\n }\n :root.light .ring-offset-black {\n --tw-ring-offset-color: #24273a;\n }\n :root.light .katex-error {\n color: #ed8796 !important;\n }\n :root.light [style=\"background-color: rgb(0, 0, 46);\"],\n :root.light [style=\"background-color: rgb(255, 255, 219);\"] {\n background-color: #181926 !important;\n }\n :root.dark {\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: 36, 39, 58;\n --ctp-mantle: 30, 32, 48;\n --ctp-crust: 24, 25, 38;\n color-scheme: dark;\n color: #cad3f5;\n --white: #dfe5f9;\n --black: #1a1c2a;\n --gray-50: #c9d0e8;\n --gray-100: #cad3f5;\n --gray-200: #a5adcb;\n --gray-300: #b8c0e0;\n --gray-400: #6e738d;\n --gray-500: #5b6078;\n --gray-600: #494d64;\n --gray-700: #363a4f;\n --gray-800: #24273a;\n --gray-900: #1e2030;\n --gray-950: #181926;\n --brand-purple: #b7bdf8;\n --text-primary: var(--gray-100);\n --text-secondary: var(--gray-300);\n --text-tertiary: var(--gray-400);\n --text-quaternary: var(--gray-700);\n --main-surface-primary: var(--gray-800);\n --main-surface-secondary: var(--gray-700);\n --main-surface-tertiary: var(--gray-600);\n --sidebar-surface-primary: var(--gray-900);\n --sidebar-surface-secondary: var(--gray-800);\n --sidebar-surface-tertiary: var(--gray-700);\n --border-light: rgba(202, 211, 245, 0.1);\n --border-medium: rgba(202, 211, 245, 0.15);\n --border-heavy: rgba(202, 211, 245, 0.2);\n --border-xheavy: rgba(202, 211, 245, 0.25);\n --link: #b7bdf8;\n --link-hover: #8992f3;\n /* ChatGPT logo */\n /* Input */\n /* Buttons */\n /* Borders */\n /* Backgrounds */\n /* Gradients */\n /* Fill/stroke */\n /* Text */\n /* Dark mode overrides */\n /* stylelint-disable-next-line no-duplicate-selectors */\n /* \"Was this response better or worse\" dialog button hover */\n /* Other */\n }\n :root.dark ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root.dark input::placeholder,\n :root.dark textarea::placeholder {\n color: #a5adcb !important;\n }\n :root.dark code.hljs {\n background: none;\n }\n :root.dark pre .bg-token-main-surface-secondary {\n background-color: #363a4f;\n }\n :root.dark pre .bg-gray-950 {\n background-color: #181926;\n }\n :root.dark pre .text-token-text-secondary {\n color: #a5adcb;\n }\n :root.dark .popover,\n :root.dark .dark .popover,\n :root.dark .dark.popover,\n :root.dark .popover .dark {\n --main-surface-primary: var(--gray-700) !important;\n --main-surface-secondary: var(--gray-600) !important;\n --main-surface-tertiary: var(--gray-500) !important;\n --text-primary: var(--white) !important;\n --text-secondary: var(--gray-200) !important;\n --text-tertiary: var(--gray-300) !important;\n }\n :root.dark *:focus {\n --tw-ring-offset-color: #24273a;\n --tw-ring-color: #b7bdf8;\n }\n :root.dark [style*=\"background-color: rgb(25, 195, 125);\"] {\n background-color: #a6da95 !important;\n color: #24273a !important;\n }\n :root.dark select {\n background-image: url(\"data:image/svg+xml;%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%23939ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m6%208%204%204%204-4%22/%3E%3C/svg%3E\");\n }\n :root.dark [multiple],\n :root.dark [type=\"date\"],\n :root.dark [type=\"datetime-local\"],\n :root.dark [type=\"email\"],\n :root.dark [type=\"month\"],\n :root.dark [type=\"number\"],\n :root.dark [type=\"password\"],\n :root.dark [type=\"search\"],\n :root.dark [type=\"tel\"],\n :root.dark [type=\"text\"],\n :root.dark [type=\"time\"],\n :root.dark [type=\"url\"],\n :root.dark [type=\"week\"],\n :root.dark select,\n :root.dark textarea {\n background-color: #24273a;\n border-color: #939ab7;\n }\n :root.dark [type=\"checkbox\"],\n :root.dark [type=\"radio\"] {\n background-color: #24273a;\n border-color: #939ab7;\n color: #b7bdf8;\n }\n :root.dark .form-input,\n :root.dark .form-multiselect,\n :root.dark .form-select,\n :root.dark .form-textarea {\n background-color: #24273a;\n border-color: #939ab7;\n }\n :root.dark .form-input:focus,\n :root.dark .form-multiselect:focus,\n :root.dark .form-select:focus,\n :root.dark .form-textarea:focus {\n border-color: #b7bdf8;\n }\n :root.dark .form-input::placeholder,\n :root.dark .form-textarea::placeholder {\n color: #939ab7;\n }\n :root.dark .btn-primary {\n background-color: #a6da95;\n color: #24273a;\n }\n :root.dark .btn-primary:hover {\n background-color: #86cd6f;\n }\n :root.dark .btn-primary.focus-visible {\n --tw-ring-color: #c6e7bb !important;\n }\n :root.dark .btn-primary:focus-visible {\n --tw-ring-color: #c6e7bb !important;\n }\n :root.dark .btn-danger {\n background-color: #ed8796;\n color: #24273a;\n }\n :root.dark .btn-danger:hover {\n background-color: #e65b6f;\n }\n :root.dark .btn-danger.focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.dark .btn-danger:focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.dark .btn-danger:disabled:hover {\n background-color: #ed8796;\n }\n :root.dark .btn-danger-outline {\n border-color: #ed8796;\n color: #ed8796;\n }\n :root.dark .btn-danger-outline.focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.dark .btn-danger-outline:focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.dark .btn-neutral.focus-visible {\n --tw-ring-color: #6e738d !important;\n }\n :root.dark .btn-neutral:focus-visible {\n --tw-ring-color: #6e738d !important;\n }\n :root.dark .btn-dark {\n background-color: #363a4f;\n border-color: #6e738d;\n color: #cad3f5;\n }\n :root.dark .btn-dark:hover {\n background-color: #494d64;\n }\n :root.dark .btn-light {\n background-color: #cad3f5;\n color: #1a1c2a;\n }\n :root.dark .btn-light:hover {\n background-color: #24273a;\n }\n :root.dark .btn-disabled,\n :root.dark .btn-disabled:hover {\n background-color: #cad3f5;\n }\n :root.dark .border-black,\n :root.dark .border-black\\/10,\n :root.dark .border-black\\/20,\n :root.dark .border-black\\/30,\n :root.dark .border-black\\/5 {\n border-color: var(--border-light);\n }\n :root.dark .border-gray-100 {\n border-color: var(--gray-100);\n }\n :root.dark .border-gray-200 {\n border-color: var(--gray-200);\n }\n :root.dark .border-gray-300 {\n border-color: var(--gray-300);\n }\n :root.dark .border-gray-400 {\n border-color: var(--gray-400);\n }\n :root.dark .border-gray-500 {\n border-color: var(--gray-500);\n }\n :root.dark .border-gray-700 {\n border-color: var(--gray-700);\n }\n :root.dark .border-gray-950 {\n border-color: var(--gray-950);\n }\n :root.dark .border-green-500 {\n border-color: #c6e7bb;\n }\n :root.dark .border-green-600 {\n border-color: #a6da95;\n }\n :root.dark .border-orange-400 {\n border-color: #f5d1c6;\n }\n :root.dark .border-orange-500 {\n border-color: #eeae9b;\n }\n :root.dark .border-red-500 {\n border-color: #e65b6f;\n }\n :root.dark .border-white {\n border-color: #dfe5f9;\n }\n :root.dark .border-white\\/20 {\n border-color: rgba(223, 229, 249, 0.2);\n }\n :root.dark .border-t-[\\#0077FF] {\n border-top-color: #8aadf4;\n }\n :root.dark .bg-token-main-surface-primary {\n background-color: var(--main-surface-primary);\n }\n :root.dark .\\!bg-brand-purple {\n background-color: #b7bdf8 !important;\n }\n :root.dark .\\!bg-gray-200 {\n background-color: var(--gray-200) !important;\n }\n :root.dark .bg-[\\#0077FF],\n :root.dark .bg-\\[\\#3C46FF\\] {\n background-color: #8aadf4;\n }\n :root.dark .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: #5b8cf0;\n }\n :root.dark .bg-[\\#10A37F] {\n background-color: #a6da95;\n }\n :root.dark .bg-[\\#3C46FF] {\n background-color: #8aadf4;\n }\n :root.dark .bg-[\\#4046EC] {\n background-color: #8aadf4;\n }\n :root.dark .bg-[\\#B161FD] {\n background-color: #b7bdf8;\n }\n :root.dark .bg-[\\#F8CA27] {\n background-color: #eed49f;\n }\n :root.dark .bg-[\\#FF5588] {\n background-color: #f1a2be;\n }\n :root.dark .bg-[\\#FF6E3C] {\n background-color: #f3aa95;\n }\n :root.dark .dark\\:radix-highlighted\\:bg-\\[\\#2E2F33\\][data-highlighted] {\n background-color: #363a4f;\n }\n :root.dark .bg-black {\n background-color: #1a1c2a;\n }\n :root.dark .bg-black\\/20 {\n background-color: rgba(26, 28, 42, 0.2);\n }\n :root.dark .bg-black\\/5 {\n background-color: rgba(26, 28, 42, 0.05);\n }\n :root.dark .bg-black\\/50 {\n background-color: rgba(26, 28, 42, 0.5);\n }\n :root.dark .bg-black\\/90 {\n background-color: rgba(26, 28, 42, 0.9);\n }\n :root.dark .bg-black\\/\\[\\.04\\] {\n background-color: rgba(26, 28, 42, 0.04);\n }\n :root.dark .bg-black\\/\\[\\.08\\] {\n background-color: rgba(26, 28, 42, 0.08);\n }\n :root.dark .bg-black\\/\\[\\.12\\] {\n background-color: rgba(26, 28, 42, 0.12);\n }\n :root.dark .bg-blue-100 {\n background-color: #ffffff;\n }\n :root.dark .bg-blue-200 {\n background-color: #e7eefd;\n }\n :root.dark .bg-blue-300 {\n background-color: #b9cef8;\n }\n :root.dark .bg-blue-400 {\n background-color: #8aadf4;\n }\n :root.dark .bg-blue-500 {\n background-color: #739df2;\n }\n :root.dark .bg-blue-700 {\n background-color: #5b8cf0;\n }\n :root.dark .bg-brand-blue-800 {\n background-color: #2d6ceb;\n }\n :root.dark .bg-blue-950 {\n background-color: #1452d1;\n }\n :root.dark .checked\\:bg-blue-600:checked {\n background-color: #b7bdf8;\n }\n :root.dark .bg-brand-green {\n background-color: #c6e7bb;\n }\n :root.dark .bg-brand-green\\/20 {\n background-color: rgba(198, 231, 187, 0.2);\n }\n :root.dark .bg-brand-green\\/40 {\n background-color: rgba(198, 231, 187, 0.4);\n }\n :root.dark .bg-brand-purple {\n background-color: #b7bdf8;\n }\n :root.dark .bg-gray-100 {\n background-color: var(--gray-100);\n }\n :root.dark .bg-gray-200 {\n background-color: var(--gray-200);\n }\n :root.dark .bg-gray-300 {\n background-color: var(--gray-300);\n }\n :root.dark .bg-gray-400 {\n background-color: var(--gray-400);\n }\n :root.dark .bg-gray-50 {\n background-color: var(--gray-50);\n }\n :root.dark .bg-gray-500 {\n background-color: var(--gray-500);\n }\n :root.dark .bg-gray-600 {\n background-color: var(--gray-600);\n }\n :root.dark .bg-gray-700 {\n background-color: var(--gray-700);\n }\n :root.dark .bg-gray-900 {\n background-color: var(--gray-900);\n }\n :root.dark .bg-gray-950 {\n background-color: var(--gray-950);\n }\n :root.dark .bg-green-100 {\n background-color: #ffffff;\n }\n :root.dark .bg-green-200 {\n background-color: #e5f4e1;\n }\n :root.dark .bg-green-500 {\n background-color: #c6e7bb;\n }\n :root.dark .bg-green-500\\/10 {\n background-color: rgba(198, 231, 187, 0.1);\n }\n :root.dark .bg-green-600 {\n background-color: #a6da95;\n }\n :root.dark .bg-orange-500 {\n background-color: #eeae9b;\n }\n :root.dark .bg-orange-500\\/10 {\n background-color: rgba(238, 173, 154, 0.1);\n }\n :root.dark .bg-red-100 {\n background-color: rgba(244, 179, 189, 0.3);\n }\n :root.dark .bg-red-200 {\n background-color: #fae0e4;\n }\n :root.dark .bg-red-500 {\n background-color: #ed8796;\n }\n :root.dark .bg-red-500\\/10 {\n background-color: rgba(237, 135, 150, 0.1);\n }\n :root.dark .bg-red-600 {\n background-color: #f4b3bd;\n }\n :root.dark .bg-white {\n background-color: #dfe5f9;\n }\n :root.dark .bg-white\\/20 {\n background-color: rgba(223, 229, 249, 0.2);\n }\n :root.dark .bg-white\\/25 {\n background-color: rgba(223, 229, 249, 0.25);\n }\n :root.dark .bg-yellow-100 {\n background-color: #fdfbf6;\n }\n :root.dark .bg-yellow-200 {\n background-color: #f6e7ca;\n }\n :root.dark .bg-yellow-400 {\n background-color: #eed49f;\n }\n :root.dark .bg-yellow-500 {\n background-color: #e6c174;\n }\n :root.dark .radix-state-checked\\:bg-green-600[data-state=\"checked\"] {\n background-color: #86cd6f;\n }\n :root.dark .hover\\:bg-blue-700:hover {\n background-color: #165be9;\n }\n :root.dark [class*=\"bg-transparent\"] {\n background-color: transparent;\n }\n :root.dark .from-white {\n --tw-gradient-from: #dfe5f9 var(--tw-gradient-from-position);\n }\n :root.dark .fill-yellow-500 {\n fill: #eed49f;\n }\n :root.dark .stroke-black {\n stroke: #1a1c2a;\n }\n :root.dark .stroke-brand-purple\\/25 {\n stroke: rgba(183, 189, 248, 0.25);\n }\n :root.dark .stroke-gray-400 {\n stroke: #a5adcb;\n }\n :root.dark .\\!text-black {\n color: #1a1c2a !important;\n }\n :root.dark .text-\\[\\#FE7600\\] {\n color: #eeae9b;\n }\n :root.dark .text-\\[\\#fff\\] {\n color: #24273a;\n }\n :root.dark .text-black {\n color: #1a1c2a;\n }\n :root.dark .text-black\\/60 {\n color: rgba(26, 28, 42, 0.6);\n }\n :root.dark .text-black\\/70 {\n color: rgba(26, 28, 42, 0.7);\n }\n :root.dark .text-blue-500 {\n color: #b9cef8;\n }\n :root.dark .text-blue-600 {\n color: #8aadf4;\n }\n :root.dark .text-brand-blue-800 {\n color: #8aadf4;\n }\n :root.dark .text-brand-purple {\n color: #b7bdf8;\n }\n :root.dark .text-gray-100 {\n color: var(--gray-100);\n }\n :root.dark .text-gray-300 {\n color: var(--gray-300);\n }\n :root.dark .text-gray-400 {\n color: var(--gray-400);\n }\n :root.dark .text-gray-500 {\n color: var(--gray-500);\n }\n :root.dark .text-gray-600 {\n color: var(--gray-600);\n }\n :root.dark .text-gray-700 {\n color: var(--gray-700);\n }\n :root.dark .text-gray-800 {\n color: var(--gray-800);\n }\n :root.dark .text-gray-900 {\n color: var(--gray-900);\n }\n :root.dark .text-green-500 {\n color: #c6e7bb;\n }\n :root.dark .text-green-600 {\n color: #a6da95;\n }\n :root.dark .text-green-700 {\n color: #86cd6f;\n }\n :root.dark .text-green-800 {\n color: #67c049;\n }\n :root.dark .text-green-900 {\n color: #519f37;\n }\n :root.dark .text-orange-300 {\n color: #f9e2dc;\n }\n :root.dark .text-orange-400 {\n color: #f5d1c6;\n }\n :root.dark .text-orange-500 {\n color: #eeae9b;\n }\n :root.dark .text-red-500 {\n color: #ed8796;\n }\n :root.dark .text-red-600 {\n color: #f4b3bd;\n }\n :root.dark .text-red-700 {\n color: #ed8796;\n }\n :root.dark .text-red-800 {\n color: #e65b6f;\n }\n :root.dark .text-white {\n color: #dfe5f9;\n }\n :root.dark .text-white\\/25 {\n color: rgba(223, 229, 249, 0.25);\n }\n :root.dark .text-white\\/50 {\n color: rgba(223, 229, 249, 0.5);\n }\n :root.dark .text-white\\/80 {\n color: rgba(223, 229, 249, 0.8);\n }\n :root.dark .text-yellow-500 {\n color: #eed49f;\n }\n :root.dark .text-yellow-700 {\n color: #e6c174;\n }\n :root.dark .text-yellow-800 {\n color: #dfad48;\n }\n :root.dark .text-yellow-900 {\n color: #cf9725;\n }\n :root.dark .dark\\:bg-black {\n background-color: #1a1c2a;\n }\n :root.dark .dark\\:bg-white {\n background-color: #dfe5f9;\n }\n :root.dark .dark\\:hover\\:bg-gray-800:hover {\n background-color: transparent;\n }\n :root.dark .dark\\:text-white {\n color: #dfe5f9;\n }\n :root.dark .dark\\:text-black {\n color: #1a1c2a;\n }\n :root.dark .dark\\:text-\\[\\#D292FF\\] {\n color: #c6a0f6;\n }\n :root.dark .dark\\:focus\\:border-white:focus {\n border-color: #cad3f5;\n }\n :root.dark .dark\\:border-gray-700 {\n border-color: var(--gray-700);\n }\n :root.dark .ring-black {\n --tw-ring-color: #1a1c2a;\n }\n :root.dark .ring-black\\/10 {\n --tw-ring-color: rgba(26, 28, 42, 0.1);\n }\n :root.dark .ring-white {\n --tw-ring-color: #24273a;\n }\n :root.dark .ring-offset-black {\n --tw-ring-offset-color: #24273a;\n }\n :root.dark .katex-error {\n color: #ed8796 !important;\n }\n :root.dark [style=\"background-color: rgb(0, 0, 46);\"],\n :root.dark [style=\"background-color: rgb(255, 255, 219);\"] {\n background-color: #181926 !important;\n }", - "start": 1048, + "code": "@import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n :root.light {\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: 36, 39, 58;\n --ctp-mantle: 30, 32, 48;\n --ctp-crust: 24, 25, 38;\n color-scheme: dark;\n color: #cad3f5;\n --white: #dfe5f9;\n --black: #1a1c2a;\n --gray-50: #c9d0e8;\n --gray-100: #cad3f5;\n --gray-200: #a5adcb;\n --gray-300: #b8c0e0;\n --gray-400: #6e738d;\n --gray-500: #5b6078;\n --gray-600: #494d64;\n --gray-700: #363a4f;\n --gray-800: #24273a;\n --gray-900: #1e2030;\n --gray-950: #181926;\n --brand-purple: #b7bdf8;\n --text-primary: var(--gray-100);\n --text-secondary: var(--gray-300);\n --text-tertiary: var(--gray-400);\n --text-quaternary: var(--gray-700);\n --main-surface-primary: var(--gray-800);\n --main-surface-secondary: var(--gray-700);\n --main-surface-tertiary: var(--gray-600);\n --sidebar-surface-primary: var(--gray-900);\n --sidebar-surface-secondary: var(--gray-800);\n --sidebar-surface-tertiary: var(--gray-700);\n --border-light: rgba(202, 211, 245, 0.1);\n --border-medium: rgba(202, 211, 245, 0.15);\n --border-heavy: rgba(202, 211, 245, 0.2);\n --border-xheavy: rgba(202, 211, 245, 0.25);\n --link: #b7bdf8;\n --link-hover: #8992f3;\n /* ChatGPT logo */\n /* Input */\n /* Buttons */\n /* Borders */\n /* Backgrounds */\n /* Gradients */\n /* Fill/stroke */\n /* Text */\n /* Dark mode overrides */\n /* stylelint-disable-next-line no-duplicate-selectors */\n /* \"Was this response better or worse\" dialog button hover */\n /* Other */\n /* Circle around OpenAI logo in center of chat */\n }\n :root.light ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root.light input::placeholder,\n :root.light textarea::placeholder {\n color: #a5adcb !important;\n }\n :root.light code.hljs {\n background: none;\n }\n :root.light pre .bg-token-main-surface-secondary {\n background-color: #363a4f;\n }\n :root.light pre .bg-gray-950 {\n background-color: #181926;\n }\n :root.light pre .text-token-text-secondary {\n color: #a5adcb;\n }\n :root.light .popover,\n :root.light .dark .popover,\n :root.light .dark.popover,\n :root.light .popover .dark {\n --main-surface-primary: var(--gray-700) !important;\n --main-surface-secondary: var(--gray-600) !important;\n --main-surface-tertiary: var(--gray-500) !important;\n --text-primary: var(--white) !important;\n --text-secondary: var(--gray-200) !important;\n --text-tertiary: var(--gray-300) !important;\n }\n :root.light *:focus {\n --tw-ring-offset-color: #24273a;\n --tw-ring-color: #b7bdf8;\n }\n :root.light [style*=\"background-color: rgb(25, 195, 125);\"] {\n background-color: #a6da95 !important;\n color: #24273a !important;\n }\n :root.light select {\n background-image: url(\"data:image/svg+xml;%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%23939ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m6%208%204%204%204-4%22/%3E%3C/svg%3E\");\n }\n :root.light [multiple],\n :root.light [type=\"date\"],\n :root.light [type=\"datetime-local\"],\n :root.light [type=\"email\"],\n :root.light [type=\"month\"],\n :root.light [type=\"number\"],\n :root.light [type=\"password\"],\n :root.light [type=\"search\"],\n :root.light [type=\"tel\"],\n :root.light [type=\"text\"],\n :root.light [type=\"time\"],\n :root.light [type=\"url\"],\n :root.light [type=\"week\"],\n :root.light select,\n :root.light textarea {\n background-color: #24273a;\n border-color: #939ab7;\n }\n :root.light [type=\"checkbox\"],\n :root.light [type=\"radio\"] {\n background-color: #24273a;\n border-color: #939ab7;\n color: #b7bdf8;\n }\n :root.light .form-input,\n :root.light .form-multiselect,\n :root.light .form-select,\n :root.light .form-textarea {\n background-color: #24273a;\n border-color: #939ab7;\n }\n :root.light .form-input:focus,\n :root.light .form-multiselect:focus,\n :root.light .form-select:focus,\n :root.light .form-textarea:focus {\n border-color: #b7bdf8;\n }\n :root.light .form-input::placeholder,\n :root.light .form-textarea::placeholder {\n color: #939ab7;\n }\n :root.light .btn-primary {\n background-color: #a6da95;\n color: #24273a;\n }\n :root.light .btn-primary:hover {\n background-color: #86cd6f;\n }\n :root.light .btn-primary.focus-visible {\n --tw-ring-color: #c6e7bb !important;\n }\n :root.light .btn-primary:focus-visible {\n --tw-ring-color: #c6e7bb !important;\n }\n :root.light .btn-danger {\n background-color: #ed8796;\n color: #24273a;\n }\n :root.light .btn-danger:hover {\n background-color: #e65b6f;\n }\n :root.light .btn-danger.focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.light .btn-danger:focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.light .btn-danger:disabled:hover {\n background-color: #ed8796;\n }\n :root.light .btn-danger-outline {\n border-color: #ed8796;\n color: #ed8796;\n }\n :root.light .btn-danger-outline.focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.light .btn-danger-outline:focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.light .btn-neutral.focus-visible {\n --tw-ring-color: #6e738d !important;\n }\n :root.light .btn-neutral:focus-visible {\n --tw-ring-color: #6e738d !important;\n }\n :root.light .btn-dark {\n background-color: #363a4f;\n border-color: #6e738d;\n color: #cad3f5;\n }\n :root.light .btn-dark:hover {\n background-color: #494d64;\n }\n :root.light .btn-light {\n background-color: #cad3f5;\n color: #1a1c2a;\n }\n :root.light .btn-light:hover {\n background-color: #24273a;\n }\n :root.light .btn-disabled,\n :root.light .btn-disabled:hover {\n background-color: #cad3f5;\n }\n :root.light .border-black,\n :root.light .border-black\\/10,\n :root.light .border-black\\/20,\n :root.light .border-black\\/30,\n :root.light .border-black\\/5 {\n border-color: var(--border-light);\n }\n :root.light .border-gray-100 {\n border-color: var(--gray-100);\n }\n :root.light .border-gray-200 {\n border-color: var(--gray-200);\n }\n :root.light .border-gray-300 {\n border-color: var(--gray-300);\n }\n :root.light .border-gray-400 {\n border-color: var(--gray-400);\n }\n :root.light .border-gray-500 {\n border-color: var(--gray-500);\n }\n :root.light .border-gray-700 {\n border-color: var(--gray-700);\n }\n :root.light .border-gray-950 {\n border-color: var(--gray-950);\n }\n :root.light .border-green-500 {\n border-color: #c6e7bb;\n }\n :root.light .border-green-600 {\n border-color: #a6da95;\n }\n :root.light .border-orange-400 {\n border-color: #f5d1c6;\n }\n :root.light .border-orange-500 {\n border-color: #eeae9b;\n }\n :root.light .border-red-500 {\n border-color: #e65b6f;\n }\n :root.light .border-white {\n border-color: #dfe5f9;\n }\n :root.light .border-white\\/20 {\n border-color: rgba(223, 229, 249, 0.2);\n }\n :root.light .border-t-[\\#0077FF] {\n border-top-color: #8aadf4;\n }\n :root.light .bg-token-main-surface-primary {\n background-color: var(--main-surface-primary);\n }\n :root.light .\\!bg-brand-purple {\n background-color: #b7bdf8 !important;\n }\n :root.light .\\!bg-gray-200 {\n background-color: var(--gray-200) !important;\n }\n :root.light .bg-[\\#0077FF],\n :root.light .bg-\\[\\#3C46FF\\] {\n background-color: #8aadf4;\n }\n :root.light .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: #5b8cf0;\n }\n :root.light .bg-[\\#10A37F] {\n background-color: #a6da95;\n }\n :root.light .bg-[\\#3C46FF] {\n background-color: #8aadf4;\n }\n :root.light .bg-[\\#4046EC] {\n background-color: #8aadf4;\n }\n :root.light .bg-[\\#B161FD] {\n background-color: #b7bdf8;\n }\n :root.light .bg-[\\#F8CA27] {\n background-color: #eed49f;\n }\n :root.light .bg-[\\#FF5588] {\n background-color: #f1a2be;\n }\n :root.light .bg-[\\#FF6E3C] {\n background-color: #f3aa95;\n }\n :root.light .dark\\:radix-highlighted\\:bg-\\[\\#2E2F33\\][data-highlighted] {\n background-color: #363a4f;\n }\n :root.light .bg-black {\n background-color: #1a1c2a;\n }\n :root.light .bg-black\\/20 {\n background-color: rgba(26, 28, 42, 0.2);\n }\n :root.light .bg-black\\/5 {\n background-color: rgba(26, 28, 42, 0.05);\n }\n :root.light .bg-black\\/50 {\n background-color: rgba(26, 28, 42, 0.5);\n }\n :root.light .bg-black\\/90 {\n background-color: rgba(26, 28, 42, 0.9);\n }\n :root.light .bg-black\\/\\[\\.04\\] {\n background-color: rgba(26, 28, 42, 0.04);\n }\n :root.light .bg-black\\/\\[\\.08\\] {\n background-color: rgba(26, 28, 42, 0.08);\n }\n :root.light .bg-black\\/\\[\\.12\\] {\n background-color: rgba(26, 28, 42, 0.12);\n }\n :root.light .bg-blue-100 {\n background-color: #ffffff;\n }\n :root.light .bg-blue-200 {\n background-color: #e7eefd;\n }\n :root.light .bg-blue-300 {\n background-color: #b9cef8;\n }\n :root.light .bg-blue-400 {\n background-color: #8aadf4;\n }\n :root.light .bg-blue-500 {\n background-color: #739df2;\n }\n :root.light .bg-blue-700 {\n background-color: #5b8cf0;\n }\n :root.light .bg-brand-blue-800 {\n background-color: #2d6ceb;\n }\n :root.light .bg-blue-950 {\n background-color: #1452d1;\n }\n :root.light .checked\\:bg-blue-600:checked {\n background-color: #b7bdf8;\n }\n :root.light .bg-brand-green {\n background-color: #c6e7bb;\n }\n :root.light .bg-brand-green\\/20 {\n background-color: rgba(198, 231, 187, 0.2);\n }\n :root.light .bg-brand-green\\/40 {\n background-color: rgba(198, 231, 187, 0.4);\n }\n :root.light .bg-brand-purple {\n background-color: #b7bdf8;\n }\n :root.light .bg-gray-100 {\n background-color: var(--gray-100);\n }\n :root.light .bg-gray-200 {\n background-color: var(--gray-200);\n }\n :root.light .bg-gray-300 {\n background-color: var(--gray-300);\n }\n :root.light .bg-gray-400 {\n background-color: var(--gray-400);\n }\n :root.light .bg-gray-50 {\n background-color: var(--gray-50);\n }\n :root.light .bg-gray-500 {\n background-color: var(--gray-500);\n }\n :root.light .bg-gray-600 {\n background-color: var(--gray-600);\n }\n :root.light .bg-gray-700 {\n background-color: var(--gray-700);\n }\n :root.light .bg-gray-900 {\n background-color: var(--gray-900);\n }\n :root.light .bg-gray-950 {\n background-color: var(--gray-950);\n }\n :root.light .bg-green-100 {\n background-color: #ffffff;\n }\n :root.light .bg-green-200 {\n background-color: #e5f4e1;\n }\n :root.light .bg-green-500 {\n background-color: #c6e7bb;\n }\n :root.light .bg-green-500\\/10 {\n background-color: rgba(198, 231, 187, 0.1);\n }\n :root.light .bg-green-600 {\n background-color: #a6da95;\n }\n :root.light .bg-orange-500 {\n background-color: #eeae9b;\n }\n :root.light .bg-orange-500\\/10 {\n background-color: rgba(238, 173, 154, 0.1);\n }\n :root.light .bg-red-100 {\n background-color: rgba(244, 179, 189, 0.3);\n }\n :root.light .bg-red-200 {\n background-color: #fae0e4;\n }\n :root.light .bg-red-500 {\n background-color: #ed8796;\n }\n :root.light .bg-red-500\\/10 {\n background-color: rgba(237, 135, 150, 0.1);\n }\n :root.light .bg-red-600 {\n background-color: #f4b3bd;\n }\n :root.light .bg-white {\n background-color: #dfe5f9;\n }\n :root.light .bg-white\\/20 {\n background-color: rgba(223, 229, 249, 0.2);\n }\n :root.light .bg-white\\/25 {\n background-color: rgba(223, 229, 249, 0.25);\n }\n :root.light .bg-yellow-100 {\n background-color: #fdfbf6;\n }\n :root.light .bg-yellow-200 {\n background-color: #f6e7ca;\n }\n :root.light .bg-yellow-400 {\n background-color: #eed49f;\n }\n :root.light .bg-yellow-500 {\n background-color: #e6c174;\n }\n :root.light .radix-state-checked\\:bg-green-600[data-state=\"checked\"] {\n background-color: #86cd6f;\n }\n :root.light .hover\\:bg-blue-700:hover {\n background-color: #165be9;\n }\n :root.light [class*=\"bg-transparent\"] {\n background-color: transparent;\n }\n :root.light .from-white {\n --tw-gradient-from: #dfe5f9 var(--tw-gradient-from-position);\n }\n :root.light .fill-yellow-500 {\n fill: #eed49f;\n }\n :root.light .stroke-black {\n stroke: #1a1c2a;\n }\n :root.light .stroke-brand-purple\\/25 {\n stroke: rgba(183, 189, 248, 0.25);\n }\n :root.light .stroke-gray-400 {\n stroke: #a5adcb;\n }\n :root.light .\\!text-black {\n color: #1a1c2a !important;\n }\n :root.light .text-\\[\\#FE7600\\] {\n color: #eeae9b;\n }\n :root.light .text-\\[\\#fff\\] {\n color: #24273a;\n }\n :root.light .text-black {\n color: #1a1c2a;\n }\n :root.light .text-black\\/60 {\n color: rgba(26, 28, 42, 0.6);\n }\n :root.light .text-black\\/70 {\n color: rgba(26, 28, 42, 0.7);\n }\n :root.light .text-blue-500 {\n color: #b9cef8;\n }\n :root.light .text-blue-600 {\n color: #8aadf4;\n }\n :root.light .text-brand-blue-800 {\n color: #8aadf4;\n }\n :root.light .text-brand-purple {\n color: #b7bdf8;\n }\n :root.light .text-gray-100 {\n color: var(--gray-100);\n }\n :root.light .text-gray-300 {\n color: var(--gray-300);\n }\n :root.light .text-gray-400 {\n color: var(--gray-400);\n }\n :root.light .text-gray-500 {\n color: var(--gray-500);\n }\n :root.light .text-gray-600 {\n color: var(--gray-600);\n }\n :root.light .text-gray-700 {\n color: var(--gray-700);\n }\n :root.light .text-gray-800 {\n color: var(--gray-800);\n }\n :root.light .text-gray-900 {\n color: var(--gray-900);\n }\n :root.light .text-green-500 {\n color: #c6e7bb;\n }\n :root.light .text-green-600 {\n color: #a6da95;\n }\n :root.light .text-green-700 {\n color: #86cd6f;\n }\n :root.light .text-green-800 {\n color: #67c049;\n }\n :root.light .text-green-900 {\n color: #519f37;\n }\n :root.light .text-orange-300 {\n color: #f9e2dc;\n }\n :root.light .text-orange-400 {\n color: #f5d1c6;\n }\n :root.light .text-orange-500 {\n color: #eeae9b;\n }\n :root.light .text-red-500 {\n color: #ed8796;\n }\n :root.light .text-red-600 {\n color: #f4b3bd;\n }\n :root.light .text-red-700 {\n color: #ed8796;\n }\n :root.light .text-red-800 {\n color: #e65b6f;\n }\n :root.light .text-white {\n color: #dfe5f9;\n }\n :root.light .text-white\\/25 {\n color: rgba(223, 229, 249, 0.25);\n }\n :root.light .text-white\\/50 {\n color: rgba(223, 229, 249, 0.5);\n }\n :root.light .text-white\\/80 {\n color: rgba(223, 229, 249, 0.8);\n }\n :root.light .text-yellow-500 {\n color: #eed49f;\n }\n :root.light .text-yellow-700 {\n color: #e6c174;\n }\n :root.light .text-yellow-800 {\n color: #dfad48;\n }\n :root.light .text-yellow-900 {\n color: #cf9725;\n }\n :root.light .dark\\:bg-black {\n background-color: #1a1c2a;\n }\n :root.light .dark\\:bg-white {\n background-color: #dfe5f9;\n }\n :root.light .dark\\:hover\\:bg-gray-800:hover {\n background-color: transparent;\n }\n :root.light .dark\\:text-white {\n color: #dfe5f9;\n }\n :root.light .dark\\:text-black {\n color: #1a1c2a;\n }\n :root.light .dark\\:text-\\[\\#D292FF\\] {\n color: #c6a0f6;\n }\n :root.light .dark\\:focus\\:border-white:focus {\n border-color: #cad3f5;\n }\n :root.light .dark\\:border-gray-700 {\n border-color: var(--gray-700);\n }\n :root.light .ring-black {\n --tw-ring-color: #1a1c2a;\n }\n :root.light .ring-black\\/10 {\n --tw-ring-color: rgba(26, 28, 42, 0.1);\n }\n :root.light .ring-white {\n --tw-ring-color: #24273a;\n }\n :root.light .ring-offset-black {\n --tw-ring-offset-color: #24273a;\n }\n :root.light .gizmo-shadow-stroke::after {\n --tw-shadow: inset 0 0 0 1px #363a4f;\n }\n :root.light .katex-error {\n color: #ed8796 !important;\n }\n :root.light [style=\"background-color: rgb(0, 0, 46);\"],\n :root.light [style=\"background-color: rgb(255, 255, 219);\"] {\n background-color: #181926 !important;\n }\n :root.dark {\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: 36, 39, 58;\n --ctp-mantle: 30, 32, 48;\n --ctp-crust: 24, 25, 38;\n color-scheme: dark;\n color: #cad3f5;\n --white: #dfe5f9;\n --black: #1a1c2a;\n --gray-50: #c9d0e8;\n --gray-100: #cad3f5;\n --gray-200: #a5adcb;\n --gray-300: #b8c0e0;\n --gray-400: #6e738d;\n --gray-500: #5b6078;\n --gray-600: #494d64;\n --gray-700: #363a4f;\n --gray-800: #24273a;\n --gray-900: #1e2030;\n --gray-950: #181926;\n --brand-purple: #b7bdf8;\n --text-primary: var(--gray-100);\n --text-secondary: var(--gray-300);\n --text-tertiary: var(--gray-400);\n --text-quaternary: var(--gray-700);\n --main-surface-primary: var(--gray-800);\n --main-surface-secondary: var(--gray-700);\n --main-surface-tertiary: var(--gray-600);\n --sidebar-surface-primary: var(--gray-900);\n --sidebar-surface-secondary: var(--gray-800);\n --sidebar-surface-tertiary: var(--gray-700);\n --border-light: rgba(202, 211, 245, 0.1);\n --border-medium: rgba(202, 211, 245, 0.15);\n --border-heavy: rgba(202, 211, 245, 0.2);\n --border-xheavy: rgba(202, 211, 245, 0.25);\n --link: #b7bdf8;\n --link-hover: #8992f3;\n /* ChatGPT logo */\n /* Input */\n /* Buttons */\n /* Borders */\n /* Backgrounds */\n /* Gradients */\n /* Fill/stroke */\n /* Text */\n /* Dark mode overrides */\n /* stylelint-disable-next-line no-duplicate-selectors */\n /* \"Was this response better or worse\" dialog button hover */\n /* Other */\n /* Circle around OpenAI logo in center of chat */\n }\n :root.dark ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root.dark input::placeholder,\n :root.dark textarea::placeholder {\n color: #a5adcb !important;\n }\n :root.dark code.hljs {\n background: none;\n }\n :root.dark pre .bg-token-main-surface-secondary {\n background-color: #363a4f;\n }\n :root.dark pre .bg-gray-950 {\n background-color: #181926;\n }\n :root.dark pre .text-token-text-secondary {\n color: #a5adcb;\n }\n :root.dark .popover,\n :root.dark .dark .popover,\n :root.dark .dark.popover,\n :root.dark .popover .dark {\n --main-surface-primary: var(--gray-700) !important;\n --main-surface-secondary: var(--gray-600) !important;\n --main-surface-tertiary: var(--gray-500) !important;\n --text-primary: var(--white) !important;\n --text-secondary: var(--gray-200) !important;\n --text-tertiary: var(--gray-300) !important;\n }\n :root.dark *:focus {\n --tw-ring-offset-color: #24273a;\n --tw-ring-color: #b7bdf8;\n }\n :root.dark [style*=\"background-color: rgb(25, 195, 125);\"] {\n background-color: #a6da95 !important;\n color: #24273a !important;\n }\n :root.dark select {\n background-image: url(\"data:image/svg+xml;%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%23939ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m6%208%204%204%204-4%22/%3E%3C/svg%3E\");\n }\n :root.dark [multiple],\n :root.dark [type=\"date\"],\n :root.dark [type=\"datetime-local\"],\n :root.dark [type=\"email\"],\n :root.dark [type=\"month\"],\n :root.dark [type=\"number\"],\n :root.dark [type=\"password\"],\n :root.dark [type=\"search\"],\n :root.dark [type=\"tel\"],\n :root.dark [type=\"text\"],\n :root.dark [type=\"time\"],\n :root.dark [type=\"url\"],\n :root.dark [type=\"week\"],\n :root.dark select,\n :root.dark textarea {\n background-color: #24273a;\n border-color: #939ab7;\n }\n :root.dark [type=\"checkbox\"],\n :root.dark [type=\"radio\"] {\n background-color: #24273a;\n border-color: #939ab7;\n color: #b7bdf8;\n }\n :root.dark .form-input,\n :root.dark .form-multiselect,\n :root.dark .form-select,\n :root.dark .form-textarea {\n background-color: #24273a;\n border-color: #939ab7;\n }\n :root.dark .form-input:focus,\n :root.dark .form-multiselect:focus,\n :root.dark .form-select:focus,\n :root.dark .form-textarea:focus {\n border-color: #b7bdf8;\n }\n :root.dark .form-input::placeholder,\n :root.dark .form-textarea::placeholder {\n color: #939ab7;\n }\n :root.dark .btn-primary {\n background-color: #a6da95;\n color: #24273a;\n }\n :root.dark .btn-primary:hover {\n background-color: #86cd6f;\n }\n :root.dark .btn-primary.focus-visible {\n --tw-ring-color: #c6e7bb !important;\n }\n :root.dark .btn-primary:focus-visible {\n --tw-ring-color: #c6e7bb !important;\n }\n :root.dark .btn-danger {\n background-color: #ed8796;\n color: #24273a;\n }\n :root.dark .btn-danger:hover {\n background-color: #e65b6f;\n }\n :root.dark .btn-danger.focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.dark .btn-danger:focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.dark .btn-danger:disabled:hover {\n background-color: #ed8796;\n }\n :root.dark .btn-danger-outline {\n border-color: #ed8796;\n color: #ed8796;\n }\n :root.dark .btn-danger-outline.focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.dark .btn-danger-outline:focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.dark .btn-neutral.focus-visible {\n --tw-ring-color: #6e738d !important;\n }\n :root.dark .btn-neutral:focus-visible {\n --tw-ring-color: #6e738d !important;\n }\n :root.dark .btn-dark {\n background-color: #363a4f;\n border-color: #6e738d;\n color: #cad3f5;\n }\n :root.dark .btn-dark:hover {\n background-color: #494d64;\n }\n :root.dark .btn-light {\n background-color: #cad3f5;\n color: #1a1c2a;\n }\n :root.dark .btn-light:hover {\n background-color: #24273a;\n }\n :root.dark .btn-disabled,\n :root.dark .btn-disabled:hover {\n background-color: #cad3f5;\n }\n :root.dark .border-black,\n :root.dark .border-black\\/10,\n :root.dark .border-black\\/20,\n :root.dark .border-black\\/30,\n :root.dark .border-black\\/5 {\n border-color: var(--border-light);\n }\n :root.dark .border-gray-100 {\n border-color: var(--gray-100);\n }\n :root.dark .border-gray-200 {\n border-color: var(--gray-200);\n }\n :root.dark .border-gray-300 {\n border-color: var(--gray-300);\n }\n :root.dark .border-gray-400 {\n border-color: var(--gray-400);\n }\n :root.dark .border-gray-500 {\n border-color: var(--gray-500);\n }\n :root.dark .border-gray-700 {\n border-color: var(--gray-700);\n }\n :root.dark .border-gray-950 {\n border-color: var(--gray-950);\n }\n :root.dark .border-green-500 {\n border-color: #c6e7bb;\n }\n :root.dark .border-green-600 {\n border-color: #a6da95;\n }\n :root.dark .border-orange-400 {\n border-color: #f5d1c6;\n }\n :root.dark .border-orange-500 {\n border-color: #eeae9b;\n }\n :root.dark .border-red-500 {\n border-color: #e65b6f;\n }\n :root.dark .border-white {\n border-color: #dfe5f9;\n }\n :root.dark .border-white\\/20 {\n border-color: rgba(223, 229, 249, 0.2);\n }\n :root.dark .border-t-[\\#0077FF] {\n border-top-color: #8aadf4;\n }\n :root.dark .bg-token-main-surface-primary {\n background-color: var(--main-surface-primary);\n }\n :root.dark .\\!bg-brand-purple {\n background-color: #b7bdf8 !important;\n }\n :root.dark .\\!bg-gray-200 {\n background-color: var(--gray-200) !important;\n }\n :root.dark .bg-[\\#0077FF],\n :root.dark .bg-\\[\\#3C46FF\\] {\n background-color: #8aadf4;\n }\n :root.dark .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: #5b8cf0;\n }\n :root.dark .bg-[\\#10A37F] {\n background-color: #a6da95;\n }\n :root.dark .bg-[\\#3C46FF] {\n background-color: #8aadf4;\n }\n :root.dark .bg-[\\#4046EC] {\n background-color: #8aadf4;\n }\n :root.dark .bg-[\\#B161FD] {\n background-color: #b7bdf8;\n }\n :root.dark .bg-[\\#F8CA27] {\n background-color: #eed49f;\n }\n :root.dark .bg-[\\#FF5588] {\n background-color: #f1a2be;\n }\n :root.dark .bg-[\\#FF6E3C] {\n background-color: #f3aa95;\n }\n :root.dark .dark\\:radix-highlighted\\:bg-\\[\\#2E2F33\\][data-highlighted] {\n background-color: #363a4f;\n }\n :root.dark .bg-black {\n background-color: #1a1c2a;\n }\n :root.dark .bg-black\\/20 {\n background-color: rgba(26, 28, 42, 0.2);\n }\n :root.dark .bg-black\\/5 {\n background-color: rgba(26, 28, 42, 0.05);\n }\n :root.dark .bg-black\\/50 {\n background-color: rgba(26, 28, 42, 0.5);\n }\n :root.dark .bg-black\\/90 {\n background-color: rgba(26, 28, 42, 0.9);\n }\n :root.dark .bg-black\\/\\[\\.04\\] {\n background-color: rgba(26, 28, 42, 0.04);\n }\n :root.dark .bg-black\\/\\[\\.08\\] {\n background-color: rgba(26, 28, 42, 0.08);\n }\n :root.dark .bg-black\\/\\[\\.12\\] {\n background-color: rgba(26, 28, 42, 0.12);\n }\n :root.dark .bg-blue-100 {\n background-color: #ffffff;\n }\n :root.dark .bg-blue-200 {\n background-color: #e7eefd;\n }\n :root.dark .bg-blue-300 {\n background-color: #b9cef8;\n }\n :root.dark .bg-blue-400 {\n background-color: #8aadf4;\n }\n :root.dark .bg-blue-500 {\n background-color: #739df2;\n }\n :root.dark .bg-blue-700 {\n background-color: #5b8cf0;\n }\n :root.dark .bg-brand-blue-800 {\n background-color: #2d6ceb;\n }\n :root.dark .bg-blue-950 {\n background-color: #1452d1;\n }\n :root.dark .checked\\:bg-blue-600:checked {\n background-color: #b7bdf8;\n }\n :root.dark .bg-brand-green {\n background-color: #c6e7bb;\n }\n :root.dark .bg-brand-green\\/20 {\n background-color: rgba(198, 231, 187, 0.2);\n }\n :root.dark .bg-brand-green\\/40 {\n background-color: rgba(198, 231, 187, 0.4);\n }\n :root.dark .bg-brand-purple {\n background-color: #b7bdf8;\n }\n :root.dark .bg-gray-100 {\n background-color: var(--gray-100);\n }\n :root.dark .bg-gray-200 {\n background-color: var(--gray-200);\n }\n :root.dark .bg-gray-300 {\n background-color: var(--gray-300);\n }\n :root.dark .bg-gray-400 {\n background-color: var(--gray-400);\n }\n :root.dark .bg-gray-50 {\n background-color: var(--gray-50);\n }\n :root.dark .bg-gray-500 {\n background-color: var(--gray-500);\n }\n :root.dark .bg-gray-600 {\n background-color: var(--gray-600);\n }\n :root.dark .bg-gray-700 {\n background-color: var(--gray-700);\n }\n :root.dark .bg-gray-900 {\n background-color: var(--gray-900);\n }\n :root.dark .bg-gray-950 {\n background-color: var(--gray-950);\n }\n :root.dark .bg-green-100 {\n background-color: #ffffff;\n }\n :root.dark .bg-green-200 {\n background-color: #e5f4e1;\n }\n :root.dark .bg-green-500 {\n background-color: #c6e7bb;\n }\n :root.dark .bg-green-500\\/10 {\n background-color: rgba(198, 231, 187, 0.1);\n }\n :root.dark .bg-green-600 {\n background-color: #a6da95;\n }\n :root.dark .bg-orange-500 {\n background-color: #eeae9b;\n }\n :root.dark .bg-orange-500\\/10 {\n background-color: rgba(238, 173, 154, 0.1);\n }\n :root.dark .bg-red-100 {\n background-color: rgba(244, 179, 189, 0.3);\n }\n :root.dark .bg-red-200 {\n background-color: #fae0e4;\n }\n :root.dark .bg-red-500 {\n background-color: #ed8796;\n }\n :root.dark .bg-red-500\\/10 {\n background-color: rgba(237, 135, 150, 0.1);\n }\n :root.dark .bg-red-600 {\n background-color: #f4b3bd;\n }\n :root.dark .bg-white {\n background-color: #dfe5f9;\n }\n :root.dark .bg-white\\/20 {\n background-color: rgba(223, 229, 249, 0.2);\n }\n :root.dark .bg-white\\/25 {\n background-color: rgba(223, 229, 249, 0.25);\n }\n :root.dark .bg-yellow-100 {\n background-color: #fdfbf6;\n }\n :root.dark .bg-yellow-200 {\n background-color: #f6e7ca;\n }\n :root.dark .bg-yellow-400 {\n background-color: #eed49f;\n }\n :root.dark .bg-yellow-500 {\n background-color: #e6c174;\n }\n :root.dark .radix-state-checked\\:bg-green-600[data-state=\"checked\"] {\n background-color: #86cd6f;\n }\n :root.dark .hover\\:bg-blue-700:hover {\n background-color: #165be9;\n }\n :root.dark [class*=\"bg-transparent\"] {\n background-color: transparent;\n }\n :root.dark .from-white {\n --tw-gradient-from: #dfe5f9 var(--tw-gradient-from-position);\n }\n :root.dark .fill-yellow-500 {\n fill: #eed49f;\n }\n :root.dark .stroke-black {\n stroke: #1a1c2a;\n }\n :root.dark .stroke-brand-purple\\/25 {\n stroke: rgba(183, 189, 248, 0.25);\n }\n :root.dark .stroke-gray-400 {\n stroke: #a5adcb;\n }\n :root.dark .\\!text-black {\n color: #1a1c2a !important;\n }\n :root.dark .text-\\[\\#FE7600\\] {\n color: #eeae9b;\n }\n :root.dark .text-\\[\\#fff\\] {\n color: #24273a;\n }\n :root.dark .text-black {\n color: #1a1c2a;\n }\n :root.dark .text-black\\/60 {\n color: rgba(26, 28, 42, 0.6);\n }\n :root.dark .text-black\\/70 {\n color: rgba(26, 28, 42, 0.7);\n }\n :root.dark .text-blue-500 {\n color: #b9cef8;\n }\n :root.dark .text-blue-600 {\n color: #8aadf4;\n }\n :root.dark .text-brand-blue-800 {\n color: #8aadf4;\n }\n :root.dark .text-brand-purple {\n color: #b7bdf8;\n }\n :root.dark .text-gray-100 {\n color: var(--gray-100);\n }\n :root.dark .text-gray-300 {\n color: var(--gray-300);\n }\n :root.dark .text-gray-400 {\n color: var(--gray-400);\n }\n :root.dark .text-gray-500 {\n color: var(--gray-500);\n }\n :root.dark .text-gray-600 {\n color: var(--gray-600);\n }\n :root.dark .text-gray-700 {\n color: var(--gray-700);\n }\n :root.dark .text-gray-800 {\n color: var(--gray-800);\n }\n :root.dark .text-gray-900 {\n color: var(--gray-900);\n }\n :root.dark .text-green-500 {\n color: #c6e7bb;\n }\n :root.dark .text-green-600 {\n color: #a6da95;\n }\n :root.dark .text-green-700 {\n color: #86cd6f;\n }\n :root.dark .text-green-800 {\n color: #67c049;\n }\n :root.dark .text-green-900 {\n color: #519f37;\n }\n :root.dark .text-orange-300 {\n color: #f9e2dc;\n }\n :root.dark .text-orange-400 {\n color: #f5d1c6;\n }\n :root.dark .text-orange-500 {\n color: #eeae9b;\n }\n :root.dark .text-red-500 {\n color: #ed8796;\n }\n :root.dark .text-red-600 {\n color: #f4b3bd;\n }\n :root.dark .text-red-700 {\n color: #ed8796;\n }\n :root.dark .text-red-800 {\n color: #e65b6f;\n }\n :root.dark .text-white {\n color: #dfe5f9;\n }\n :root.dark .text-white\\/25 {\n color: rgba(223, 229, 249, 0.25);\n }\n :root.dark .text-white\\/50 {\n color: rgba(223, 229, 249, 0.5);\n }\n :root.dark .text-white\\/80 {\n color: rgba(223, 229, 249, 0.8);\n }\n :root.dark .text-yellow-500 {\n color: #eed49f;\n }\n :root.dark .text-yellow-700 {\n color: #e6c174;\n }\n :root.dark .text-yellow-800 {\n color: #dfad48;\n }\n :root.dark .text-yellow-900 {\n color: #cf9725;\n }\n :root.dark .dark\\:bg-black {\n background-color: #1a1c2a;\n }\n :root.dark .dark\\:bg-white {\n background-color: #dfe5f9;\n }\n :root.dark .dark\\:hover\\:bg-gray-800:hover {\n background-color: transparent;\n }\n :root.dark .dark\\:text-white {\n color: #dfe5f9;\n }\n :root.dark .dark\\:text-black {\n color: #1a1c2a;\n }\n :root.dark .dark\\:text-\\[\\#D292FF\\] {\n color: #c6a0f6;\n }\n :root.dark .dark\\:focus\\:border-white:focus {\n border-color: #cad3f5;\n }\n :root.dark .dark\\:border-gray-700 {\n border-color: var(--gray-700);\n }\n :root.dark .ring-black {\n --tw-ring-color: #1a1c2a;\n }\n :root.dark .ring-black\\/10 {\n --tw-ring-color: rgba(26, 28, 42, 0.1);\n }\n :root.dark .ring-white {\n --tw-ring-color: #24273a;\n }\n :root.dark .ring-offset-black {\n --tw-ring-offset-color: #24273a;\n }\n :root.dark .gizmo-shadow-stroke::after {\n --tw-shadow: inset 0 0 0 1px #363a4f;\n }\n :root.dark .katex-error {\n color: #ed8796 !important;\n }\n :root.dark [style=\"background-color: rgb(0, 0, 46);\"],\n :root.dark [style=\"background-color: rgb(255, 255, 219);\"] {\n background-color: #181926 !important;\n }", + "start": 1045, "domains": [ - "chat.openai.com" + "chatgpt.com" ] }, { - "code": "@media (prefers-color-scheme: light) {\n :root {\n color-scheme: dark;\n color: #cad3f5;\n caret-color: #cad3f5;\n }\n :root ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root input::placeholder,\n :root textarea::placeholder {\n color: #a5adcb !important;\n }\n :root a {\n color: #b7bdf8;\n }\n :root body,\n :root .oai-header,\n :root .login-container {\n background-color: #24273a;\n }\n :root img[alt=\"OpenAI's Logo\"] {\n height: 0 !important;\n width: 0 !important;\n padding-left: 32px !important;\n padding-top: 32px !important;\n margin-top: 32px;\n background: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22%23cad3f5%22%3E%3Cpath%20d%3D%22M29.293%2013.167a7.77%207.77%200%200%200-.668-6.388%207.87%207.87%200%200%200-8.472-3.774A7.77%207.77%200%200%200%2014.288.39a7.87%207.87%200%200%200-7.504%205.446%207.78%207.78%200%200%200-5.201%203.773%207.87%207.87%200%200%200%20.968%209.223%207.78%207.78%200%200%200%20.668%206.388%207.87%207.87%200%200%200%208.473%203.774%207.78%207.78%200%200%200%205.866%202.615%207.87%207.87%200%200%200%207.506-5.449%207.78%207.78%200%200%200%205.2-3.773%207.87%207.87%200%200%200-.97-9.22M17.559%2029.57a5.83%205.83%200%200%201-3.746-1.354c.048-.026.131-.071.185-.105l6.216-3.59a1.01%201.01%200%200%200%20.511-.885v-8.765l2.627%201.517a.1.1%200%200%201%20.052.072v7.258a5.86%205.86%200%200%201-5.846%205.85M4.989%2024.2a5.83%205.83%200%200%201-.698-3.92c.047.028.126.077.185.11l6.216%203.59a1.01%201.01%200%200%200%201.021%200l7.59-4.382v3.034a.1.1%200%200%201-.038.08l-6.284%203.628a5.857%205.857%200%200%201-7.992-2.142M3.354%2010.63A5.83%205.83%200%200%201%206.4%208.065l-.003.214v7.181a1.01%201.01%200%200%200%20.51.884l7.589%204.382-2.627%201.517a.1.1%200%200%201-.089.008L5.495%2018.62a5.857%205.857%200%200%201-2.141-7.99m21.587%205.024-7.59-4.382%202.628-1.516a.1.1%200%200%201%20.088-.008l6.284%203.628a5.852%205.852%200%200%201-.904%2010.558v-7.396a1.01%201.01%200%200%200-.507-.884m2.615-3.936-.184-.11-6.217-3.59a1.01%201.01%200%200%200-1.021%200L12.544%2012.4V9.366a.1.1%200%200%201%20.038-.08l6.283-3.625a5.851%205.851%200%200%201%208.691%206.059m-16.439%205.408-2.628-1.517a.1.1%200%200%201-.051-.072V8.281a5.851%205.851%200%200%201%209.594-4.492l-.184.105-6.217%203.59a1.01%201.01%200%200%200-.51.884zm1.428-3.078%203.38-1.952%203.381%201.951v3.902l-3.38%201.951-3.38-1.951z%22/%3E%3C/svg%3E\") no-repeat !important;\n }\n :root .title {\n color: #cad3f5;\n }\n :root .email-input {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n :root .email-input:focus,\n :root .email-input:valid {\n border-color: #b7bdf8;\n }\n :root .email-input:focus + .email-label,\n :root .email-input:valid + .email-label {\n color: #b7bdf8;\n background-color: #24273a;\n }\n :root .email-label {\n background-color: #24273a;\n color: #a5adcb;\n }\n :root .continue-btn {\n background-color: #b7bdf8;\n color: #24273a;\n }\n :root .divider-wrapper::before,\n :root .divider-wrapper::after {\n border-bottom-color: #5b6078;\n }\n :root .social-btn {\n background-color: #1e2030;\n border-color: #363a4f;\n color: #cad3f5;\n }\n :root .social-logo {\n height: 0 !important;\n width: 0 !important;\n padding-left: 20px !important;\n padding-top: 20px !important;\n }\n :root img[alt=\"Google logo\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M18.542%208.333H10v3.542h4.917c-.459%202.25-2.375%203.542-4.917%203.542C7%2015.417%204.583%2013%204.583%2010S7%204.583%2010%204.583c1.292%200%202.458.458%203.375%201.208l2.667-2.667C14.417%201.708%2012.333.833%2010%20.833%204.917.833.833%204.917.833%2010S4.916%2019.167%2010%2019.167c4.583%200%208.75-3.333%208.75-9.167%200-.542-.083-1.125-.208-1.667%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23eeae9b%22%20d%3D%22M0%2015.417V4.583L7.083%2010z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23ed8796%22%20d%3D%22M0%204.583%207.083%2010%2010%207.458l10-1.625V0H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23a6da95%22%20d%3D%22m0%2015.417%2012.5-9.583%203.292.417L20%200v20H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%238aadf4%22%20d%3D%22M20%2020%207.083%2010%205.416%208.75l14.583-4.167z%22/%3E%3C/svg%3E\");\n }\n :root img[alt=\"Microsoft logo\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23eeae9b%22%20d%3D%22M.952.952h8.571v8.571H.952z%22/%3E%3Cpath%20fill%3D%22%237dc4e4%22%20d%3D%22M.952%2010.476h8.571v8.571H.952z%22/%3E%3Cpath%20fill%3D%22%23a6da95%22%20d%3D%22M10.476.952h8.571v8.571h-8.571z%22/%3E%3Cpath%20fill%3D%22%23eed49f%22%20d%3D%22M10.476%2010.476h8.571v8.571h-8.571z%22/%3E%3C/svg%3E\");\n }\n :root img[alt=\"Apple logo\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22M17.691%2015.324a10.3%2010.3%200%200%201-1.025%201.842q-.81%201.152-1.32%201.595-.79.727-1.696.747-.652%200-1.567-.374-.916-.373-1.687-.373-.808%200-1.735.373-.928.376-1.499.394-.87.037-1.735-.767-.553-.482-1.381-1.652-.888-1.249-1.46-2.9-.613-1.783-.613-3.456%200-1.916.829-3.302.65-1.112%201.736-1.756c1.086-.644%201.505-.648%202.347-.662q.69.001%201.815.422%201.123.422%201.44.423.238%200%201.596-.499%201.283-.462%202.17-.385%202.407.193%203.609%201.9-2.151%201.305-2.129%203.647.02%201.825%201.321%203.032a4.4%204.4%200%200%200%201.32.866%2015%2015%200%200%201-.336.884M14.013.852q0%201.43-1.042%202.667c-.838.979-1.851%201.545-2.95%201.456a3%203%200%200%201-.022-.361c0-.915.398-1.894%201.106-2.695q.53-.608%201.347-1.011.816-.398%201.541-.436.02.191.02.381z%22/%3E%3C/svg%3E\");\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n color-scheme: dark;\n color: #cad3f5;\n caret-color: #cad3f5;\n }\n :root ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root input::placeholder,\n :root textarea::placeholder {\n color: #a5adcb !important;\n }\n :root a {\n color: #b7bdf8;\n }\n :root body,\n :root .oai-header,\n :root .login-container {\n background-color: #24273a;\n }\n :root img[alt=\"OpenAI's Logo\"] {\n height: 0 !important;\n width: 0 !important;\n padding-left: 32px !important;\n padding-top: 32px !important;\n margin-top: 32px;\n background: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22%23cad3f5%22%3E%3Cpath%20d%3D%22M29.293%2013.167a7.77%207.77%200%200%200-.668-6.388%207.87%207.87%200%200%200-8.472-3.774A7.77%207.77%200%200%200%2014.288.39a7.87%207.87%200%200%200-7.504%205.446%207.78%207.78%200%200%200-5.201%203.773%207.87%207.87%200%200%200%20.968%209.223%207.78%207.78%200%200%200%20.668%206.388%207.87%207.87%200%200%200%208.473%203.774%207.78%207.78%200%200%200%205.866%202.615%207.87%207.87%200%200%200%207.506-5.449%207.78%207.78%200%200%200%205.2-3.773%207.87%207.87%200%200%200-.97-9.22M17.559%2029.57a5.83%205.83%200%200%201-3.746-1.354c.048-.026.131-.071.185-.105l6.216-3.59a1.01%201.01%200%200%200%20.511-.885v-8.765l2.627%201.517a.1.1%200%200%201%20.052.072v7.258a5.86%205.86%200%200%201-5.846%205.85M4.989%2024.2a5.83%205.83%200%200%201-.698-3.92c.047.028.126.077.185.11l6.216%203.59a1.01%201.01%200%200%200%201.021%200l7.59-4.382v3.034a.1.1%200%200%201-.038.08l-6.284%203.628a5.857%205.857%200%200%201-7.992-2.142M3.354%2010.63A5.83%205.83%200%200%201%206.4%208.065l-.003.214v7.181a1.01%201.01%200%200%200%20.51.884l7.589%204.382-2.627%201.517a.1.1%200%200%201-.089.008L5.495%2018.62a5.857%205.857%200%200%201-2.141-7.99m21.587%205.024-7.59-4.382%202.628-1.516a.1.1%200%200%201%20.088-.008l6.284%203.628a5.852%205.852%200%200%201-.904%2010.558v-7.396a1.01%201.01%200%200%200-.507-.884m2.615-3.936-.184-.11-6.217-3.59a1.01%201.01%200%200%200-1.021%200L12.544%2012.4V9.366a.1.1%200%200%201%20.038-.08l6.283-3.625a5.851%205.851%200%200%201%208.691%206.059m-16.439%205.408-2.628-1.517a.1.1%200%200%201-.051-.072V8.281a5.851%205.851%200%200%201%209.594-4.492l-.184.105-6.217%203.59a1.01%201.01%200%200%200-.51.884zm1.428-3.078%203.38-1.952%203.381%201.951v3.902l-3.38%201.951-3.38-1.951z%22/%3E%3C/svg%3E\") no-repeat !important;\n }\n :root .title {\n color: #cad3f5;\n }\n :root .email-input {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n :root .email-input:focus,\n :root .email-input:valid {\n border-color: #b7bdf8;\n }\n :root .email-input:focus + .email-label,\n :root .email-input:valid + .email-label {\n color: #b7bdf8;\n background-color: #24273a;\n }\n :root .email-label {\n background-color: #24273a;\n color: #a5adcb;\n }\n :root .continue-btn {\n background-color: #b7bdf8;\n color: #24273a;\n }\n :root .divider-wrapper::before,\n :root .divider-wrapper::after {\n border-bottom-color: #5b6078;\n }\n :root .social-btn {\n background-color: #1e2030;\n border-color: #363a4f;\n color: #cad3f5;\n }\n :root .social-logo {\n height: 0 !important;\n width: 0 !important;\n padding-left: 20px !important;\n padding-top: 20px !important;\n }\n :root img[alt=\"Google logo\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M18.542%208.333H10v3.542h4.917c-.459%202.25-2.375%203.542-4.917%203.542C7%2015.417%204.583%2013%204.583%2010S7%204.583%2010%204.583c1.292%200%202.458.458%203.375%201.208l2.667-2.667C14.417%201.708%2012.333.833%2010%20.833%204.917.833.833%204.917.833%2010S4.916%2019.167%2010%2019.167c4.583%200%208.75-3.333%208.75-9.167%200-.542-.083-1.125-.208-1.667%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23eeae9b%22%20d%3D%22M0%2015.417V4.583L7.083%2010z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23ed8796%22%20d%3D%22M0%204.583%207.083%2010%2010%207.458l10-1.625V0H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23a6da95%22%20d%3D%22m0%2015.417%2012.5-9.583%203.292.417L20%200v20H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%238aadf4%22%20d%3D%22M20%2020%207.083%2010%205.416%208.75l14.583-4.167z%22/%3E%3C/svg%3E\");\n }\n :root img[alt=\"Microsoft logo\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23eeae9b%22%20d%3D%22M.952.952h8.571v8.571H.952z%22/%3E%3Cpath%20fill%3D%22%237dc4e4%22%20d%3D%22M.952%2010.476h8.571v8.571H.952z%22/%3E%3Cpath%20fill%3D%22%23a6da95%22%20d%3D%22M10.476.952h8.571v8.571h-8.571z%22/%3E%3Cpath%20fill%3D%22%23eed49f%22%20d%3D%22M10.476%2010.476h8.571v8.571h-8.571z%22/%3E%3C/svg%3E\");\n }\n :root img[alt=\"Apple logo\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22M17.691%2015.324a10.3%2010.3%200%200%201-1.025%201.842q-.81%201.152-1.32%201.595-.79.727-1.696.747-.652%200-1.567-.374-.916-.373-1.687-.373-.808%200-1.735.373-.928.376-1.499.394-.87.037-1.735-.767-.553-.482-1.381-1.652-.888-1.249-1.46-2.9-.613-1.783-.613-3.456%200-1.916.829-3.302.65-1.112%201.736-1.756c1.086-.644%201.505-.648%202.347-.662q.69.001%201.815.422%201.123.422%201.44.423.238%200%201.596-.499%201.283-.462%202.17-.385%202.407.193%203.609%201.9-2.151%201.305-2.129%203.647.02%201.825%201.321%203.032a4.4%204.4%200%200%200%201.32.866%2015%2015%200%200%201-.336.884M14.013.852q0%201.43-1.042%202.667c-.838.979-1.851%201.545-2.95%201.456a3%203%200%200%201-.022-.361c0-.915.398-1.894%201.106-2.695q.53-.608%201.347-1.011.816-.398%201.541-.436.02.191.02.381z%22/%3E%3C/svg%3E\");\n }\n }", - "start": 33597, + "code": "@media (prefers-color-scheme: light) {\n :root {\n color-scheme: dark;\n color: #cad3f5;\n caret-color: #cad3f5;\n }\n :root ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root input::placeholder,\n :root textarea::placeholder {\n color: #a5adcb !important;\n }\n :root a {\n color: #b7bdf8;\n }\n :root body,\n :root .oai-header,\n :root .login-container {\n background-color: #24273a;\n }\n :root img[alt=\"OpenAI's Logo\"] {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22%23cad3f5%22%3E%3Cpath%20d%3D%22M29.293%2013.167a7.77%207.77%200%200%200-.668-6.388%207.87%207.87%200%200%200-8.472-3.774A7.77%207.77%200%200%200%2014.288.39a7.87%207.87%200%200%200-7.504%205.446%207.78%207.78%200%200%200-5.201%203.773%207.87%207.87%200%200%200%20.968%209.223%207.78%207.78%200%200%200%20.668%206.388%207.87%207.87%200%200%200%208.473%203.774%207.78%207.78%200%200%200%205.866%202.615%207.87%207.87%200%200%200%207.506-5.449%207.78%207.78%200%200%200%205.2-3.773%207.87%207.87%200%200%200-.97-9.22M17.559%2029.57a5.83%205.83%200%200%201-3.746-1.354c.048-.026.131-.071.185-.105l6.216-3.59a1.01%201.01%200%200%200%20.511-.885v-8.765l2.627%201.517a.1.1%200%200%201%20.052.072v7.258a5.86%205.86%200%200%201-5.846%205.85M4.989%2024.2a5.83%205.83%200%200%201-.698-3.92c.047.028.126.077.185.11l6.216%203.59a1.01%201.01%200%200%200%201.021%200l7.59-4.382v3.034a.1.1%200%200%201-.038.08l-6.284%203.628a5.857%205.857%200%200%201-7.992-2.142M3.354%2010.63A5.83%205.83%200%200%201%206.4%208.065l-.003.214v7.181a1.01%201.01%200%200%200%20.51.884l7.589%204.382-2.627%201.517a.1.1%200%200%201-.089.008L5.495%2018.62a5.857%205.857%200%200%201-2.141-7.99m21.587%205.024-7.59-4.382%202.628-1.516a.1.1%200%200%201%20.088-.008l6.284%203.628a5.852%205.852%200%200%201-.904%2010.558v-7.396a1.01%201.01%200%200%200-.507-.884m2.615-3.936-.184-.11-6.217-3.59a1.01%201.01%200%200%200-1.021%200L12.544%2012.4V9.366a.1.1%200%200%201%20.038-.08l6.283-3.625a5.851%205.851%200%200%201%208.691%206.059m-16.439%205.408-2.628-1.517a.1.1%200%200%201-.051-.072V8.281a5.851%205.851%200%200%201%209.594-4.492l-.184.105-6.217%203.59a1.01%201.01%200%200%200-.51.884zm1.428-3.078%203.38-1.952%203.381%201.951v3.902l-3.38%201.951-3.38-1.951z%22/%3E%3C/svg%3E\");\n background-color: transparent;\n }\n :root .title {\n color: #cad3f5;\n }\n :root .email-input {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n :root .email-input:focus,\n :root .email-input:valid {\n border-color: #b7bdf8;\n }\n :root .email-input:focus + .email-label,\n :root .email-input:valid + .email-label {\n color: #b7bdf8;\n background-color: #24273a;\n }\n :root .email-label {\n background-color: #24273a;\n color: #a5adcb;\n }\n :root .continue-btn {\n background-color: #b7bdf8;\n color: #24273a;\n }\n :root .divider-wrapper::before,\n :root .divider-wrapper::after {\n border-bottom-color: #5b6078;\n }\n :root .social-btn {\n background-color: #1e2030;\n border-color: #363a4f;\n color: #cad3f5;\n }\n :root img[alt=\"Google logo\"] {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M18.542%208.333H10v3.542h4.917c-.459%202.25-2.375%203.542-4.917%203.542C7%2015.417%204.583%2013%204.583%2010S7%204.583%2010%204.583c1.292%200%202.458.458%203.375%201.208l2.667-2.667C14.417%201.708%2012.333.833%2010%20.833%204.917.833.833%204.917.833%2010S4.916%2019.167%2010%2019.167c4.583%200%208.75-3.333%208.75-9.167%200-.542-.083-1.125-.208-1.667%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23eeae9b%22%20d%3D%22M0%2015.417V4.583L7.083%2010z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23ed8796%22%20d%3D%22M0%204.583%207.083%2010%2010%207.458l10-1.625V0H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23a6da95%22%20d%3D%22m0%2015.417%2012.5-9.583%203.292.417L20%200v20H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%238aadf4%22%20d%3D%22M20%2020%207.083%2010%205.416%208.75l14.583-4.167z%22/%3E%3C/svg%3E\");\n }\n :root img[alt=\"Microsoft logo\"] {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23eeae9b%22%20d%3D%22M.952.952h8.571v8.571H.952z%22/%3E%3Cpath%20fill%3D%22%237dc4e4%22%20d%3D%22M.952%2010.476h8.571v8.571H.952z%22/%3E%3Cpath%20fill%3D%22%23a6da95%22%20d%3D%22M10.476.952h8.571v8.571h-8.571z%22/%3E%3Cpath%20fill%3D%22%23eed49f%22%20d%3D%22M10.476%2010.476h8.571v8.571h-8.571z%22/%3E%3C/svg%3E\");\n }\n :root img[alt=\"Apple logo\"] {\n content: url(\"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22M17.691%2015.324a10.3%2010.3%200%200%201-1.025%201.842q-.81%201.152-1.32%201.595-.79.727-1.696.747-.652%200-1.567-.374-.916-.373-1.687-.373-.808%200-1.735.373-.928.376-1.499.394-.87.037-1.735-.767-.553-.482-1.381-1.652-.888-1.249-1.46-2.9-.613-1.783-.613-3.456%200-1.916.829-3.302.65-1.112%201.736-1.756c1.086-.644%201.505-.648%202.347-.662q.69.001%201.815.422%201.123.422%201.44.423.238%200%201.596-.499%201.283-.462%202.17-.385%202.407.193%203.609%201.9-2.151%201.305-2.129%203.647.02%201.825%201.321%203.032a4.4%204.4%200%200%200%201.32.866%2015%2015%200%200%201-.336.884M14.013.852q0%201.43-1.042%202.667c-.838.979-1.851%201.545-2.95%201.456a3%203%200%200%201-.022-.361c0-.915.398-1.894%201.106-2.695q.53-.608%201.347-1.011.816-.398%201.541-.436.02.191.02.381z%22/%3E%3C/svg%3E\");\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n color-scheme: dark;\n color: #cad3f5;\n caret-color: #cad3f5;\n }\n :root ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root input::placeholder,\n :root textarea::placeholder {\n color: #a5adcb !important;\n }\n :root a {\n color: #b7bdf8;\n }\n :root body,\n :root .oai-header,\n :root .login-container {\n background-color: #24273a;\n }\n :root img[alt=\"OpenAI's Logo\"] {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22%23cad3f5%22%3E%3Cpath%20d%3D%22M29.293%2013.167a7.77%207.77%200%200%200-.668-6.388%207.87%207.87%200%200%200-8.472-3.774A7.77%207.77%200%200%200%2014.288.39a7.87%207.87%200%200%200-7.504%205.446%207.78%207.78%200%200%200-5.201%203.773%207.87%207.87%200%200%200%20.968%209.223%207.78%207.78%200%200%200%20.668%206.388%207.87%207.87%200%200%200%208.473%203.774%207.78%207.78%200%200%200%205.866%202.615%207.87%207.87%200%200%200%207.506-5.449%207.78%207.78%200%200%200%205.2-3.773%207.87%207.87%200%200%200-.97-9.22M17.559%2029.57a5.83%205.83%200%200%201-3.746-1.354c.048-.026.131-.071.185-.105l6.216-3.59a1.01%201.01%200%200%200%20.511-.885v-8.765l2.627%201.517a.1.1%200%200%201%20.052.072v7.258a5.86%205.86%200%200%201-5.846%205.85M4.989%2024.2a5.83%205.83%200%200%201-.698-3.92c.047.028.126.077.185.11l6.216%203.59a1.01%201.01%200%200%200%201.021%200l7.59-4.382v3.034a.1.1%200%200%201-.038.08l-6.284%203.628a5.857%205.857%200%200%201-7.992-2.142M3.354%2010.63A5.83%205.83%200%200%201%206.4%208.065l-.003.214v7.181a1.01%201.01%200%200%200%20.51.884l7.589%204.382-2.627%201.517a.1.1%200%200%201-.089.008L5.495%2018.62a5.857%205.857%200%200%201-2.141-7.99m21.587%205.024-7.59-4.382%202.628-1.516a.1.1%200%200%201%20.088-.008l6.284%203.628a5.852%205.852%200%200%201-.904%2010.558v-7.396a1.01%201.01%200%200%200-.507-.884m2.615-3.936-.184-.11-6.217-3.59a1.01%201.01%200%200%200-1.021%200L12.544%2012.4V9.366a.1.1%200%200%201%20.038-.08l6.283-3.625a5.851%205.851%200%200%201%208.691%206.059m-16.439%205.408-2.628-1.517a.1.1%200%200%201-.051-.072V8.281a5.851%205.851%200%200%201%209.594-4.492l-.184.105-6.217%203.59a1.01%201.01%200%200%200-.51.884zm1.428-3.078%203.38-1.952%203.381%201.951v3.902l-3.38%201.951-3.38-1.951z%22/%3E%3C/svg%3E\");\n background-color: transparent;\n }\n :root .title {\n color: #cad3f5;\n }\n :root .email-input {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n :root .email-input:focus,\n :root .email-input:valid {\n border-color: #b7bdf8;\n }\n :root .email-input:focus + .email-label,\n :root .email-input:valid + .email-label {\n color: #b7bdf8;\n background-color: #24273a;\n }\n :root .email-label {\n background-color: #24273a;\n color: #a5adcb;\n }\n :root .continue-btn {\n background-color: #b7bdf8;\n color: #24273a;\n }\n :root .divider-wrapper::before,\n :root .divider-wrapper::after {\n border-bottom-color: #5b6078;\n }\n :root .social-btn {\n background-color: #1e2030;\n border-color: #363a4f;\n color: #cad3f5;\n }\n :root img[alt=\"Google logo\"] {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M18.542%208.333H10v3.542h4.917c-.459%202.25-2.375%203.542-4.917%203.542C7%2015.417%204.583%2013%204.583%2010S7%204.583%2010%204.583c1.292%200%202.458.458%203.375%201.208l2.667-2.667C14.417%201.708%2012.333.833%2010%20.833%204.917.833.833%204.917.833%2010S4.916%2019.167%2010%2019.167c4.583%200%208.75-3.333%208.75-9.167%200-.542-.083-1.125-.208-1.667%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23eeae9b%22%20d%3D%22M0%2015.417V4.583L7.083%2010z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23ed8796%22%20d%3D%22M0%204.583%207.083%2010%2010%207.458l10-1.625V0H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23a6da95%22%20d%3D%22m0%2015.417%2012.5-9.583%203.292.417L20%200v20H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%238aadf4%22%20d%3D%22M20%2020%207.083%2010%205.416%208.75l14.583-4.167z%22/%3E%3C/svg%3E\");\n }\n :root img[alt=\"Microsoft logo\"] {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23eeae9b%22%20d%3D%22M.952.952h8.571v8.571H.952z%22/%3E%3Cpath%20fill%3D%22%237dc4e4%22%20d%3D%22M.952%2010.476h8.571v8.571H.952z%22/%3E%3Cpath%20fill%3D%22%23a6da95%22%20d%3D%22M10.476.952h8.571v8.571h-8.571z%22/%3E%3Cpath%20fill%3D%22%23eed49f%22%20d%3D%22M10.476%2010.476h8.571v8.571h-8.571z%22/%3E%3C/svg%3E\");\n }\n :root img[alt=\"Apple logo\"] {\n content: url(\"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22M17.691%2015.324a10.3%2010.3%200%200%201-1.025%201.842q-.81%201.152-1.32%201.595-.79.727-1.696.747-.652%200-1.567-.374-.916-.373-1.687-.373-.808%200-1.735.373-.928.376-1.499.394-.87.037-1.735-.767-.553-.482-1.381-1.652-.888-1.249-1.46-2.9-.613-1.783-.613-3.456%200-1.916.829-3.302.65-1.112%201.736-1.756c1.086-.644%201.505-.648%202.347-.662q.69.001%201.815.422%201.123.422%201.44.423.238%200%201.596-.499%201.283-.462%202.17-.385%202.407.193%203.609%201.9-2.151%201.305-2.129%203.647.02%201.825%201.321%203.032a4.4%204.4%200%200%200%201.32.866%2015%2015%200%200%201-.336.884M14.013.852q0%201.43-1.042%202.667c-.838.979-1.851%201.545-2.95%201.456a3%203%200%200%201-.022-.361c0-.915.398-1.894%201.106-2.695q.53-.608%201.347-1.011.816-.398%201.541-.436.02.191.02.381z%22/%3E%3C/svg%3E\");\n }\n }", + "start": 33881, "domains": [ "auth.openai.com" ] }, { - "code": "@media (prefers-color-scheme: light) {\n :root {\n --primary-color: #b7bdf8;\n --primary-color-no-override: #b7bdf8;\n --action-primary-color: #b7bdf8;\n --link-color: #b7bdf8;\n --page-background-color: #24273a;\n --info-color: #8aadf4;\n --success-color: #a6da95;\n --error-color: #ed8796;\n --error-text-color: #cad3f5;\n --warning-color: #eed49f;\n --button-font-color: #cad3f5;\n --widget-background-color: #24273a;\n --presentational-content-color: #939ab7;\n --gray-lightest: #24273a;\n --gray-light: #181926;\n --gray-mid: #363a4f;\n --gray-dark: #939ab7;\n --gray-darkest: #cad3f5;\n }\n :root .cb2dfcee4 {\n background-color: #b7bdf8;\n color: #24273a;\n }\n :root .password-icon-tooltip {\n background-color: #cad3f5;\n }\n :root .password-icon-tooltip::before {\n border-top-color: #cad3f5;\n }\n :root .oai-header svg {\n fill: #cad3f5;\n }\n :root button > span[data-provider^=\"google\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M44.5%2020H24v8.5h11.8C34.7%2033.9%2030.1%2037%2024%2037c-7.2%200-13-5.8-13-13s5.8-13%2013-13c3.1%200%205.9%201.1%208.1%202.9l6.4-6.4C34.6%204.1%2029.6%202%2024%202%2011.8%202%202%2011.8%202%2024s9.8%2022%2022%2022c11%200%2021-8%2021-22%200-1.3-.2-2.7-.5-4%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23eeae9b%22%20d%3D%22M0%2037V11l17%2013z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23ed8796%22%20d%3D%22m0%2011%2017%2013%207-6.1L48%2014V0H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23a6da95%22%20d%3D%22m0%2037%2030-23%207.9%201L48%200v48H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%238aadf4%22%20d%3D%22M48%2048%2017%2024l-4-3%2035-10z%22/%3E%3C/svg%3E\");\n }\n :root button > span[data-provider^=\"windowslive\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2221%22%20height%3D%2221%22%3E%3Cpath%20fill%3D%22%23eeae9b%22%20d%3D%22M1%201h9v9H1z%22/%3E%3Cpath%20fill%3D%22%237dc4e4%22%20d%3D%22M1%2011h9v9H1z%22/%3E%3Cpath%20fill%3D%22%23a6da95%22%20d%3D%22M11%201h9v9h-9z%22/%3E%3Cpath%20fill%3D%22%23eed49f%22%20d%3D%22M11%2011h9v9h-9z%22/%3E%3C/svg%3E\");\n }\n :root button > span[data-provider^=\"apple\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22170%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%22170%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22M150.37%20130.25c-2.45%205.66-5.35%2010.87-8.71%2015.66-4.58%206.53-8.33%2011.05-11.22%2013.56-4.48%204.12-9.28%206.23-14.42%206.35-3.69%200-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58%200-9.492%201.05-14.746%203.17-5.262%202.13-9.501%203.24-12.742%203.35-4.929.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378%200-10.857%202.346-20.221%207.045-28.068%203.693-6.303%208.606-11.275%2014.755-14.925s12.793-5.51%2019.948-5.629c3.915%200%209.049%201.211%2015.429%203.591%206.362%202.388%2010.447%203.599%2012.238%203.599%201.339%200%205.877-1.416%2013.57-4.239%207.275-2.618%2013.415-3.702%2018.445-3.275%2013.63%201.1%2023.87%206.473%2030.68%2016.153-12.19%207.386-18.22%2017.731-18.1%2031.002.11%2010.337%203.86%2018.939%2011.23%2025.769%203.34%203.17%207.07%205.62%2011.22%207.36-.9%202.61-1.85%205.11-2.86%207.51M119.11%207.24c0%208.102-2.96%2015.667-8.86%2022.669-7.12%208.324-15.732%2013.134-25.071%2012.375a25%2025%200%200%201-.188-3.07c0-7.778%203.386-16.102%209.399-22.908q4.504-5.168%2011.45-8.597c4.62-2.252%208.99-3.497%2013.1-3.71.12%201.083.17%202.166.17%203.24z%22/%3E%3C/svg%3E\");\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n --primary-color: #b7bdf8;\n --primary-color-no-override: #b7bdf8;\n --action-primary-color: #b7bdf8;\n --link-color: #b7bdf8;\n --page-background-color: #24273a;\n --info-color: #8aadf4;\n --success-color: #a6da95;\n --error-color: #ed8796;\n --error-text-color: #cad3f5;\n --warning-color: #eed49f;\n --button-font-color: #cad3f5;\n --widget-background-color: #24273a;\n --presentational-content-color: #939ab7;\n --gray-lightest: #24273a;\n --gray-light: #181926;\n --gray-mid: #363a4f;\n --gray-dark: #939ab7;\n --gray-darkest: #cad3f5;\n }\n :root .cb2dfcee4 {\n background-color: #b7bdf8;\n color: #24273a;\n }\n :root .password-icon-tooltip {\n background-color: #cad3f5;\n }\n :root .password-icon-tooltip::before {\n border-top-color: #cad3f5;\n }\n :root .oai-header svg {\n fill: #cad3f5;\n }\n :root button > span[data-provider^=\"google\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M44.5%2020H24v8.5h11.8C34.7%2033.9%2030.1%2037%2024%2037c-7.2%200-13-5.8-13-13s5.8-13%2013-13c3.1%200%205.9%201.1%208.1%202.9l6.4-6.4C34.6%204.1%2029.6%202%2024%202%2011.8%202%202%2011.8%202%2024s9.8%2022%2022%2022c11%200%2021-8%2021-22%200-1.3-.2-2.7-.5-4%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23eeae9b%22%20d%3D%22M0%2037V11l17%2013z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23ed8796%22%20d%3D%22m0%2011%2017%2013%207-6.1L48%2014V0H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23a6da95%22%20d%3D%22m0%2037%2030-23%207.9%201L48%200v48H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%238aadf4%22%20d%3D%22M48%2048%2017%2024l-4-3%2035-10z%22/%3E%3C/svg%3E\");\n }\n :root button > span[data-provider^=\"windowslive\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2221%22%20height%3D%2221%22%3E%3Cpath%20fill%3D%22%23eeae9b%22%20d%3D%22M1%201h9v9H1z%22/%3E%3Cpath%20fill%3D%22%237dc4e4%22%20d%3D%22M1%2011h9v9H1z%22/%3E%3Cpath%20fill%3D%22%23a6da95%22%20d%3D%22M11%201h9v9h-9z%22/%3E%3Cpath%20fill%3D%22%23eed49f%22%20d%3D%22M11%2011h9v9h-9z%22/%3E%3C/svg%3E\");\n }\n :root button > span[data-provider^=\"apple\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22170%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%22170%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22M150.37%20130.25c-2.45%205.66-5.35%2010.87-8.71%2015.66-4.58%206.53-8.33%2011.05-11.22%2013.56-4.48%204.12-9.28%206.23-14.42%206.35-3.69%200-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58%200-9.492%201.05-14.746%203.17-5.262%202.13-9.501%203.24-12.742%203.35-4.929.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378%200-10.857%202.346-20.221%207.045-28.068%203.693-6.303%208.606-11.275%2014.755-14.925s12.793-5.51%2019.948-5.629c3.915%200%209.049%201.211%2015.429%203.591%206.362%202.388%2010.447%203.599%2012.238%203.599%201.339%200%205.877-1.416%2013.57-4.239%207.275-2.618%2013.415-3.702%2018.445-3.275%2013.63%201.1%2023.87%206.473%2030.68%2016.153-12.19%207.386-18.22%2017.731-18.1%2031.002.11%2010.337%203.86%2018.939%2011.23%2025.769%203.34%203.17%207.07%205.62%2011.22%207.36-.9%202.61-1.85%205.11-2.86%207.51M119.11%207.24c0%208.102-2.96%2015.667-8.86%2022.669-7.12%208.324-15.732%2013.134-25.071%2012.375a25%2025%200%200%201-.188-3.07c0-7.778%203.386-16.102%209.399-22.908q4.504-5.168%2011.45-8.597c4.62-2.252%208.99-3.497%2013.1-3.71.12%201.083.17%202.166.17%203.24z%22/%3E%3C/svg%3E\");\n }\n }", - "start": 46694, + "code": "@media (prefers-color-scheme: light) {\n :root {\n --primary-color: #b7bdf8;\n --primary-color-no-override: #b7bdf8;\n --action-primary-color: #b7bdf8;\n --link-color: #b7bdf8;\n --page-background-color: #24273a;\n --info-color: #8aadf4;\n --success-color: #a6da95;\n --error-color: #ed8796;\n --error-text-color: #cad3f5;\n --warning-color: #eed49f;\n --button-font-color: #cad3f5;\n --widget-background-color: #24273a;\n --presentational-content-color: #939ab7;\n --gray-lightest: #24273a;\n --gray-light: #181926;\n --gray-mid: #363a4f;\n --gray-mid-dark: #494d64;\n --gray-dark: #939ab7;\n --gray-darkest: #cad3f5;\n --gray-social-border: #363a4f;\n }\n :root ._button-login-password {\n background-color: #b7bdf8;\n color: #24273a;\n }\n :root .password-icon-tooltip {\n background-color: #cad3f5;\n }\n :root .password-icon-tooltip::before {\n border-top-color: #cad3f5;\n }\n :root .oai-header svg {\n fill: #cad3f5;\n }\n :root button > span[data-provider^=\"google\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M44.5%2020H24v8.5h11.8C34.7%2033.9%2030.1%2037%2024%2037c-7.2%200-13-5.8-13-13s5.8-13%2013-13c3.1%200%205.9%201.1%208.1%202.9l6.4-6.4C34.6%204.1%2029.6%202%2024%202%2011.8%202%202%2011.8%202%2024s9.8%2022%2022%2022c11%200%2021-8%2021-22%200-1.3-.2-2.7-.5-4%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23eeae9b%22%20d%3D%22M0%2037V11l17%2013z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23ed8796%22%20d%3D%22m0%2011%2017%2013%207-6.1L48%2014V0H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23a6da95%22%20d%3D%22m0%2037%2030-23%207.9%201L48%200v48H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%238aadf4%22%20d%3D%22M48%2048%2017%2024l-4-3%2035-10z%22/%3E%3C/svg%3E\");\n }\n :root button > span[data-provider^=\"windowslive\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2221%22%20height%3D%2221%22%3E%3Cpath%20fill%3D%22%23eeae9b%22%20d%3D%22M1%201h9v9H1z%22/%3E%3Cpath%20fill%3D%22%237dc4e4%22%20d%3D%22M1%2011h9v9H1z%22/%3E%3Cpath%20fill%3D%22%23a6da95%22%20d%3D%22M11%201h9v9h-9z%22/%3E%3Cpath%20fill%3D%22%23eed49f%22%20d%3D%22M11%2011h9v9h-9z%22/%3E%3C/svg%3E\");\n }\n :root button > span[data-provider^=\"apple\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22170%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%22170%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22M150.37%20130.25c-2.45%205.66-5.35%2010.87-8.71%2015.66-4.58%206.53-8.33%2011.05-11.22%2013.56-4.48%204.12-9.28%206.23-14.42%206.35-3.69%200-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58%200-9.492%201.05-14.746%203.17-5.262%202.13-9.501%203.24-12.742%203.35-4.929.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378%200-10.857%202.346-20.221%207.045-28.068%203.693-6.303%208.606-11.275%2014.755-14.925s12.793-5.51%2019.948-5.629c3.915%200%209.049%201.211%2015.429%203.591%206.362%202.388%2010.447%203.599%2012.238%203.599%201.339%200%205.877-1.416%2013.57-4.239%207.275-2.618%2013.415-3.702%2018.445-3.275%2013.63%201.1%2023.87%206.473%2030.68%2016.153-12.19%207.386-18.22%2017.731-18.1%2031.002.11%2010.337%203.86%2018.939%2011.23%2025.769%203.34%203.17%207.07%205.62%2011.22%207.36-.9%202.61-1.85%205.11-2.86%207.51M119.11%207.24c0%208.102-2.96%2015.667-8.86%2022.669-7.12%208.324-15.732%2013.134-25.071%2012.375a25%2025%200%200%201-.188-3.07c0-7.778%203.386-16.102%209.399-22.908q4.504-5.168%2011.45-8.597c4.62-2.252%208.99-3.497%2013.1-3.71.12%201.083.17%202.166.17%203.24z%22/%3E%3C/svg%3E\");\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n --primary-color: #b7bdf8;\n --primary-color-no-override: #b7bdf8;\n --action-primary-color: #b7bdf8;\n --link-color: #b7bdf8;\n --page-background-color: #24273a;\n --info-color: #8aadf4;\n --success-color: #a6da95;\n --error-color: #ed8796;\n --error-text-color: #cad3f5;\n --warning-color: #eed49f;\n --button-font-color: #cad3f5;\n --widget-background-color: #24273a;\n --presentational-content-color: #939ab7;\n --gray-lightest: #24273a;\n --gray-light: #181926;\n --gray-mid: #363a4f;\n --gray-mid-dark: #494d64;\n --gray-dark: #939ab7;\n --gray-darkest: #cad3f5;\n --gray-social-border: #363a4f;\n }\n :root ._button-login-password {\n background-color: #b7bdf8;\n color: #24273a;\n }\n :root .password-icon-tooltip {\n background-color: #cad3f5;\n }\n :root .password-icon-tooltip::before {\n border-top-color: #cad3f5;\n }\n :root .oai-header svg {\n fill: #cad3f5;\n }\n :root button > span[data-provider^=\"google\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M44.5%2020H24v8.5h11.8C34.7%2033.9%2030.1%2037%2024%2037c-7.2%200-13-5.8-13-13s5.8-13%2013-13c3.1%200%205.9%201.1%208.1%202.9l6.4-6.4C34.6%204.1%2029.6%202%2024%202%2011.8%202%202%2011.8%202%2024s9.8%2022%2022%2022c11%200%2021-8%2021-22%200-1.3-.2-2.7-.5-4%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23eeae9b%22%20d%3D%22M0%2037V11l17%2013z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23ed8796%22%20d%3D%22m0%2011%2017%2013%207-6.1L48%2014V0H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%23a6da95%22%20d%3D%22m0%2037%2030-23%207.9%201L48%200v48H0z%22/%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22%238aadf4%22%20d%3D%22M48%2048%2017%2024l-4-3%2035-10z%22/%3E%3C/svg%3E\");\n }\n :root button > span[data-provider^=\"windowslive\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2221%22%20height%3D%2221%22%3E%3Cpath%20fill%3D%22%23eeae9b%22%20d%3D%22M1%201h9v9H1z%22/%3E%3Cpath%20fill%3D%22%237dc4e4%22%20d%3D%22M1%2011h9v9H1z%22/%3E%3Cpath%20fill%3D%22%23a6da95%22%20d%3D%22M11%201h9v9h-9z%22/%3E%3Cpath%20fill%3D%22%23eed49f%22%20d%3D%22M11%2011h9v9h-9z%22/%3E%3C/svg%3E\");\n }\n :root button > span[data-provider^=\"apple\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22170%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%22170%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22M150.37%20130.25c-2.45%205.66-5.35%2010.87-8.71%2015.66-4.58%206.53-8.33%2011.05-11.22%2013.56-4.48%204.12-9.28%206.23-14.42%206.35-3.69%200-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58%200-9.492%201.05-14.746%203.17-5.262%202.13-9.501%203.24-12.742%203.35-4.929.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378%200-10.857%202.346-20.221%207.045-28.068%203.693-6.303%208.606-11.275%2014.755-14.925s12.793-5.51%2019.948-5.629c3.915%200%209.049%201.211%2015.429%203.591%206.362%202.388%2010.447%203.599%2012.238%203.599%201.339%200%205.877-1.416%2013.57-4.239%207.275-2.618%2013.415-3.702%2018.445-3.275%2013.63%201.1%2023.87%206.473%2030.68%2016.153-12.19%207.386-18.22%2017.731-18.1%2031.002.11%2010.337%203.86%2018.939%2011.23%2025.769%203.34%203.17%207.07%205.62%2011.22%207.36-.9%202.61-1.85%205.11-2.86%207.51M119.11%207.24c0%208.102-2.96%2015.667-8.86%2022.669-7.12%208.324-15.732%2013.134-25.071%2012.375a25%2025%200%200%201-.188-3.07c0-7.778%203.386-16.102%209.399-22.908q4.504-5.168%2011.45-8.597c4.62-2.252%208.99-3.497%2013.1-3.71.12%201.083.17%202.166.17%203.24z%22/%3E%3C/svg%3E\");\n }\n }", + "start": 46244, "domains": [ "auth0.openai.com" ] }, { "code": "/* prettier-ignore */", - "start": 54819 + "start": 54533 } ], - "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.2.8\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt\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: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 domain(\"chat.openai.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n\n :root.light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n :root.dark {\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 --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(@base) [];\n --ctp-mantle: #rgbify(@mantle) [];\n --ctp-crust: #rgbify(@crust) [];\n\n color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n code.hljs {\n background: none;\n }\n pre {\n .bg-token-main-surface-secondary {\n background-color: @surface0;\n }\n .bg-gray-950 {\n background-color: @crust;\n }\n .text-token-text-secondary {\n color: @subtext0;\n }\n }\n\n color: @text;\n\n @white: lighten(if(@lookup=latte, @base, @text), 5%);\n @black: darken(if(@lookup=latte, @text, @base), 5%);\n --white: @white;\n --black: @black;\n\n & when not (@lookup = latte) {\n --gray-50: lighten(mix(@text, @subtext0), 5%);\n --gray-100: @text;\n --gray-200: @subtext0;\n --gray-300: @subtext1;\n --gray-400: @overlay0;\n --gray-500: @surface2;\n --gray-600: @surface1;\n --gray-700: @surface0;\n --gray-800: @base;\n --gray-900: @mantle;\n --gray-950: @crust;\n --brand-purple: @accent-color;\n --text-primary: var(--gray-100);\n --text-secondary: var(--gray-300);\n --text-tertiary: var(--gray-400);\n --text-quaternary: var(--gray-700);\n --main-surface-primary: var(--gray-800);\n --main-surface-secondary: var(--gray-700);\n --main-surface-tertiary: var(--gray-600);\n --sidebar-surface-primary: var(--gray-900);\n --sidebar-surface-secondary: var(--gray-800);\n --sidebar-surface-tertiary: var(--gray-700);\n .popover,\n .dark .popover,\n .dark.popover,\n .popover .dark {\n --main-surface-primary: var(--gray-700) !important;\n --main-surface-secondary: var(--gray-600) !important;\n --main-surface-tertiary: var(--gray-500) !important;\n --text-primary: var(--white) !important;\n --text-secondary: var(--gray-200) !important;\n --text-tertiary: var(--gray-300) !important;\n }\n }\n & when (@lookup = latte) {\n --gray-50: @crust;\n --gray-100: @mantle;\n --gray-200: @base;\n --gray-300: @surface0;\n --gray-400: @surface1;\n --gray-500: @surface2;\n --gray-600: @overlay0;\n --gray-700: @overlay1;\n --gray-800: @subtext0;\n --gray-900: @subtext1;\n --gray-950: @text;\n --brand-purple: @accent-color;\n --text-primary: var(--gray-950);\n --text-secondary: var(--gray-600);\n --text-tertiary: var(--gray-400);\n --text-quaternary: var(--gray-300);\n --main-surface-primary: var(--gray-200);\n --main-surface-secondary: var(--gray-100);\n --main-surface-tertiary: var(--gray-50);\n --sidebar-surface-primary: var(--gray-100);\n --sidebar-surface-secondary: var(--gray-200);\n --sidebar-surface-tertiary: var(--gray-300);\n .popover,\n .dark .popover,\n .dark.popover,\n .popover .dark {\n --main-surface-primary: var(--gray-200) !important;\n --main-surface-secondary: var(--gray-100) !important;\n --main-surface-tertiary: var(--gray-50) !important;\n --text-primary: var(--gray-950) !important;\n --text-secondary: var(--gray-600) !important;\n --text-tertiary: var(--gray-500) !important;\n }\n }\n\n --border-light: fade(@text, 10%);\n --border-medium: fade(@text, 15%);\n --border-heavy: fade(@text, 20%);\n --border-xheavy: fade(@text, 25%);\n --link: @accent-color;\n --link-hover: if(\n @lookup = latte,\n lighten(@accent-color, 10%),\n darken(@accent-color, 10%)\n );\n\n *:focus {\n --tw-ring-offset-color: @base;\n --tw-ring-color: @accent-color;\n }\n\n /* ChatGPT logo */\n [style*=\"background-color: rgb(25, 195, 125);\"] {\n background-color: @green !important;\n color: @base !important;\n }\n\n /* Input */\n\n select {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;@{svg}\");\n }\n\n [multiple],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"email\"],\n [type=\"month\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"search\"],\n [type=\"tel\"],\n [type=\"text\"],\n [type=\"time\"],\n [type=\"url\"],\n [type=\"week\"],\n select,\n textarea {\n background-color: @base;\n border-color: @overlay2;\n }\n\n [type=\"checkbox\"],\n [type=\"radio\"] {\n background-color: @base;\n border-color: @overlay2;\n color: @accent-color;\n }\n\n .form-input,\n .form-multiselect,\n .form-select,\n .form-textarea {\n background-color: @base;\n border-color: @overlay2;\n }\n\n .form-input:focus,\n .form-multiselect:focus,\n .form-select:focus,\n .form-textarea:focus {\n border-color: @accent-color;\n }\n\n .form-input::placeholder,\n .form-textarea::placeholder {\n color: @overlay2;\n }\n\n /* Buttons */\n\n .btn-primary {\n background-color: @green;\n color: @base;\n }\n\n .btn-primary:hover {\n background-color: darken(@green, 10%);\n }\n\n .btn-primary.focus-visible {\n --tw-ring-color: lighten(@green, 10%) !important;\n }\n\n .btn-primary:focus-visible {\n --tw-ring-color: lighten(@green, 10%) !important;\n }\n\n .btn-danger {\n background-color: @red;\n color: @base;\n }\n\n .btn-danger:hover {\n background-color: darken(@red, 10%);\n }\n\n .btn-danger.focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-danger:focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-danger:disabled:hover {\n background-color: @red;\n }\n\n .btn-danger-outline {\n border-color: @red;\n color: @red;\n }\n\n .btn-danger-outline.focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-danger-outline:focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-neutral.focus-visible {\n --tw-ring-color: @overlay0 !important;\n }\n\n .btn-neutral:focus-visible {\n --tw-ring-color: @overlay0 !important;\n }\n\n .btn-dark {\n background-color: @surface0;\n border-color: @overlay0;\n color: @text;\n }\n\n .btn-dark:hover {\n background-color: @surface1;\n }\n\n .btn-light {\n background-color: @text;\n color: @black;\n }\n\n .btn-light:hover {\n background-color: @base;\n }\n\n .btn-disabled,\n .btn-disabled:hover {\n background-color: @text;\n }\n\n /* Borders */\n\n .border-black,\n .border-black\\/10,\n .border-black\\/20,\n .border-black\\/30,\n .border-black\\/5 {\n border-color: var(--border-light);\n }\n\n .border-gray-100 {\n border-color: var(--gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--gray-500);\n }\n\n .border-gray-700 {\n border-color: var(--gray-700);\n }\n\n .border-gray-950 {\n border-color: var(--gray-950);\n }\n\n .border-green-500 {\n border-color: lighten(@green, 10%);\n }\n\n .border-green-600 {\n border-color: @green;\n }\n\n .border-orange-400 {\n border-color: lighten(mix(@red, @yellow), 10%);\n }\n\n .border-orange-500 {\n border-color: mix(@red, @yellow);\n }\n\n .border-red-500 {\n border-color: darken(@red, 10%);\n }\n\n .border-white {\n border-color: @white;\n }\n\n .border-white\\/20 {\n border-color: fade(@white, 20%);\n }\n\n .border-t-[\\#0077FF] {\n border-top-color: @blue;\n }\n\n /* Backgrounds */\n .bg-token-main-surface-primary {\n background-color: var(--main-surface-primary);\n }\n\n .\\!bg-brand-purple {\n background-color: @accent-color !important;\n }\n\n .\\!bg-gray-200 {\n background-color: var(--gray-200) !important;\n }\n\n .bg-[\\#0077FF],\n .bg-\\[\\#3C46FF\\] {\n background-color: @blue;\n }\n\n .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: darken(@blue, 10%);\n }\n\n .bg-[\\#10A37F] {\n background-color: @green;\n }\n\n .bg-[\\#3C46FF] {\n background-color: @blue;\n }\n\n .bg-[\\#4046EC] {\n background-color: @blue;\n }\n\n .bg-[\\#B161FD] {\n background-color: @accent-color;\n }\n\n .bg-[\\#F8CA27] {\n background-color: @yellow;\n }\n\n .bg-[\\#FF5588] {\n background-color: mix(@red, @pink);\n }\n\n .bg-[\\#FF6E3C] {\n background-color: saturate(mix(@red, @yellow), 10%);\n }\n .dark\\:radix-highlighted\\:bg-\\[\\#2E2F33\\][data-highlighted] {\n background-color: @surface0;\n }\n\n .bg-black {\n background-color: @black;\n }\n\n .bg-black\\/20 {\n background-color: fade(@black, 20%);\n }\n\n .bg-black\\/5 {\n background-color: fade(@black, 5%);\n }\n\n .bg-black\\/50 {\n background-color: fade(@black, 50%);\n }\n\n .bg-black\\/90 {\n background-color: fade(@black, 90%);\n }\n\n .bg-black\\/\\[\\.04\\] {\n background-color: fade(@black, 4%);\n }\n\n .bg-black\\/\\[\\.08\\] {\n background-color: fade(@black, 8%);\n }\n\n .bg-black\\/\\[\\.12\\] {\n background-color: fade(@black, 12%);\n }\n\n .bg-blue-100 {\n background-color: lighten(@blue, 30%);\n }\n\n .bg-blue-200 {\n background-color: lighten(@blue, 20%);\n }\n\n .bg-blue-300 {\n background-color: lighten(@blue, 10%);\n }\n\n .bg-blue-400 {\n background-color: @blue;\n }\n\n .bg-blue-500 {\n background-color: darken(@blue, 5%);\n }\n\n .bg-blue-700 {\n background-color: darken(@blue, 10%);\n }\n\n .bg-brand-blue-800 {\n background-color: darken(@blue, 20%);\n }\n\n .bg-blue-950 {\n background-color: darken(@blue, 30%);\n }\n\n .checked\\:bg-blue-600:checked {\n background-color: @accent-color;\n }\n\n .bg-brand-green {\n background-color: lighten(@green, 10%);\n }\n\n .bg-brand-green\\/20 {\n background-color: fade(lighten(@green, 10%), 20%);\n }\n\n .bg-brand-green\\/40 {\n background-color: fade(lighten(@green, 10%), 40%);\n }\n\n .bg-brand-purple {\n background-color: @accent-color;\n }\n\n .bg-gray-100 {\n background-color: var(--gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--gray-300);\n }\n\n .bg-gray-400 {\n background-color: var(--gray-400);\n }\n\n .bg-gray-50 {\n background-color: var(--gray-50);\n }\n\n .bg-gray-500 {\n background-color: var(--gray-500);\n }\n\n .bg-gray-600 {\n background-color: var(--gray-600);\n }\n\n .bg-gray-700 {\n background-color: var(--gray-700);\n }\n\n .bg-gray-900 {\n background-color: var(--gray-900);\n }\n\n .bg-gray-950 {\n background-color: var(--gray-950);\n }\n\n .bg-green-100 {\n background-color: lighten(@green, 30%);\n }\n\n .bg-green-200 {\n background-color: lighten(@green, 20%);\n }\n\n .bg-green-500 {\n background-color: lighten(@green, 10%);\n }\n\n .bg-green-500\\/10 {\n background-color: fade(lighten(@green, 10%), 10%);\n }\n\n .bg-green-600 {\n background-color: @green;\n }\n\n .bg-orange-500 {\n background-color: mix(@yellow, @red);\n }\n\n .bg-orange-500\\/10 {\n background-color: fade(mix(@yellow, @red), 10%);\n }\n\n .bg-red-100 {\n background-color: fade(lighten(@red, 10%), 30%);\n }\n\n .bg-red-200 {\n background-color: lighten(@red, 20%);\n }\n\n .bg-red-500 {\n background-color: @red;\n }\n\n .bg-red-500\\/10 {\n background-color: fade(@red, 10%);\n }\n\n .bg-red-600 {\n background-color: lighten(@red, 10%);\n }\n\n .bg-white {\n background-color: @white;\n }\n\n .bg-white\\/20 {\n background-color: fade(@white, 20%);\n }\n\n .bg-white\\/25 {\n background-color: fade(@white, 25%);\n }\n\n .bg-yellow-100 {\n background-color: lighten(@yellow, 20%);\n }\n\n .bg-yellow-200 {\n background-color: lighten(@yellow, 10%);\n }\n\n .bg-yellow-400 {\n background-color: @yellow;\n }\n\n .bg-yellow-500 {\n background-color: darken(@yellow, 10%);\n }\n\n .radix-state-checked\\:bg-green-600[data-state=\"checked\"] {\n background-color: darken(@green, 10%);\n }\n\n .hover\\:bg-blue-700:hover {\n background-color: darken(@blue, 25%);\n }\n\n [class*=\"bg-transparent\"] {\n background-color: transparent;\n }\n\n /* Gradients */\n\n .from-white {\n --tw-gradient-from: @white var(--tw-gradient-from-position);\n }\n\n /* Fill/stroke */\n\n .fill-yellow-500 {\n fill: @yellow;\n }\n\n .stroke-black {\n stroke: @black;\n }\n\n .stroke-brand-purple\\/25 {\n stroke: fade(@accent-color, 25%);\n }\n\n .stroke-gray-400 {\n stroke: @subtext0;\n }\n\n /* Text */\n\n .\\!text-black {\n color: @black !important;\n }\n\n .text-\\[\\#FE7600\\] {\n color: mix(@yellow, @red);\n }\n\n .text-\\[\\#fff\\] {\n color: @base;\n }\n\n .text-black {\n color: @black;\n }\n\n .text-black\\/60 {\n color: fade(@black, 60%);\n }\n\n .text-black\\/70 {\n color: fade(@black, 70%);\n }\n\n .text-blue-500 {\n color: lighten(@blue, 10%);\n }\n\n .text-blue-600 {\n color: @blue;\n }\n\n .text-brand-blue-800 {\n color: @blue;\n }\n\n .text-brand-purple {\n color: @accent-color;\n }\n\n .text-gray-100 {\n color: var(--gray-100);\n }\n\n .text-gray-300 {\n color: var(--gray-300);\n }\n\n .text-gray-400 {\n color: var(--gray-400);\n }\n\n .text-gray-500 {\n color: var(--gray-500);\n }\n\n .text-gray-600 {\n color: var(--gray-600);\n }\n\n .text-gray-700 {\n color: var(--gray-700);\n }\n\n .text-gray-800 {\n color: var(--gray-800);\n }\n\n .text-gray-900 {\n color: var(--gray-900);\n }\n\n .text-green-500 {\n color: lighten(@green, 10%);\n }\n\n .text-green-600 {\n color: @green;\n }\n\n .text-green-700 {\n color: darken(@green, 10%);\n }\n\n .text-green-800 {\n color: darken(@green, 20%);\n }\n\n .text-green-900 {\n color: darken(@green, 30%);\n }\n\n .text-orange-300 {\n color: lighten(mix(@yellow, @red), 15%);\n }\n\n .text-orange-400 {\n color: lighten(mix(@yellow, @red), 10%);\n }\n\n .text-orange-500 {\n color: mix(@yellow, @red);\n }\n\n .text-red-500 {\n color: @red;\n }\n\n .text-red-600 {\n color: lighten(@red, 10%);\n }\n\n .text-red-700 {\n color: @red;\n }\n\n .text-red-800 {\n color: darken(@red, 10%);\n }\n\n .text-white {\n color: @white;\n }\n\n .text-white\\/25 {\n color: fade(@white, 25%);\n }\n\n .text-white\\/50 {\n color: fade(@white, 50%);\n }\n\n .text-white\\/80 {\n color: fade(@white, 80%);\n }\n\n .text-yellow-500 {\n color: @yellow;\n }\n\n .text-yellow-700 {\n color: darken(@yellow, 10%);\n }\n\n .text-yellow-800 {\n color: darken(@yellow, 20%);\n }\n\n .text-yellow-900 {\n color: darken(@yellow, 30%);\n }\n\n /* Dark mode overrides */\n /* stylelint-disable-next-line no-duplicate-selectors */\n & when not (@lookup = latte) {\n .dark\\:bg-black {\n background-color: @black;\n }\n\n .dark\\:bg-white {\n background-color: @white;\n }\n\n /* \"Was this response better or worse\" dialog button hover */\n .dark\\:hover\\:bg-gray-800:hover {\n background-color: transparent;\n }\n\n .dark\\:text-white {\n color: @white;\n }\n\n .dark\\:text-black {\n color: @black;\n }\n\n .dark\\:text-\\[\\#D292FF\\] {\n color: @mauve;\n }\n\n .dark\\:focus\\:border-white:focus {\n border-color: @text;\n }\n\n .dark\\:border-gray-700 {\n border-color: var(--gray-700);\n }\n }\n\n /* Other */\n\n .ring-black {\n --tw-ring-color: @black;\n }\n\n .ring-black\\/10 {\n --tw-ring-color: fade(@black, 10%);\n }\n\n .ring-white {\n --tw-ring-color: @base;\n }\n\n .ring-offset-black {\n --tw-ring-offset-color: @base;\n }\n\n .katex-error {\n color: @red !important;\n }\n\n [style=\"background-color: rgb(0, 0, 46);\"],\n [style=\"background-color: rgb(255, 255, 219);\"] {\n background-color: @crust !important;\n }\n }\n}\n\n@-moz-document domain(\"auth.openai.com\") {\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 #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 color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n color: @text;\n caret-color: @text;\n\n a {\n color: @accent-color;\n }\n\n body,\n .oai-header,\n .login-container {\n background-color: @base;\n }\n\n img[alt=\"OpenAI's Logo\"] {\n @svg: escape(\n ''\n );\n height: 0 !important;\n width: 0 !important;\n padding-left: 32px !important;\n padding-top: 32px !important;\n margin-top: 32px;\n background: url(\"data:image/svg+xml,@{svg}\") no-repeat !important;\n }\n\n .title {\n color: @text;\n }\n\n .email-input {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n\n &:focus,\n &:valid {\n border-color: @accent-color;\n\n & + .email-label {\n color: @accent-color;\n background-color: @base;\n }\n }\n }\n .email-label {\n background-color: @base;\n color: @subtext0;\n }\n\n .continue-btn {\n background-color: @accent-color;\n color: @base;\n }\n\n .divider-wrapper {\n &::before,\n &::after {\n border-bottom-color: @surface2;\n }\n }\n\n .social-btn {\n background-color: @mantle;\n border-color: @surface0;\n color: @text;\n }\n\n @orange: mix(@red, @yellow);\n\n .social-logo {\n height: 0 !important;\n width: 0 !important;\n padding-left: 20px !important;\n padding-top: 20px !important;\n }\n\n img[alt=\"Google logo\"] {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n img[alt=\"Microsoft logo\"] {\n @svg: escape(\n ''\n );\n\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n img[alt=\"Apple logo\"] {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n }\n}\n\n@-moz-document domain(\"auth0.openai.com\") {\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 #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 --primary-color: @accent-color;\n --primary-color-no-override: @accent-color;\n --action-primary-color: @accent-color;\n --link-color: @accent-color;\n --page-background-color: @base;\n --info-color: @blue;\n --success-color: @green;\n --error-color: @red;\n --error-text-color: @text;\n --warning-color: @yellow;\n --button-font-color: @text;\n --widget-background-color: @base;\n --presentational-content-color: @overlay2;\n --gray-lightest: @base;\n --gray-light: @crust;\n --gray-mid: @surface0;\n --gray-dark: @overlay2;\n --gray-darkest: @text;\n\n .cb2dfcee4 {\n background-color: @accent-color;\n color: @base;\n }\n\n .password-icon-tooltip {\n background-color: @text;\n\n &::before {\n border-top-color: @text;\n }\n }\n\n .oai-header svg {\n fill: @text;\n }\n\n @orange: mix(@red, @yellow);\n\n button > span {\n &[data-provider^=\"google\"] {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n &[data-provider^=\"windowslive\"] {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n &[data-provider^=\"apple\"] {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n }\n }\n}\n\n#rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n}\n\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// vim:ft=less\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.2.10\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt\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: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 domain(\"chatgpt.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n\n :root.light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n :root.dark {\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 --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(@base) [];\n --ctp-mantle: #rgbify(@mantle) [];\n --ctp-crust: #rgbify(@crust) [];\n\n color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n code.hljs {\n background: none;\n }\n pre {\n .bg-token-main-surface-secondary {\n background-color: @surface0;\n }\n .bg-gray-950 {\n background-color: @crust;\n }\n .text-token-text-secondary {\n color: @subtext0;\n }\n }\n\n color: @text;\n\n @white: lighten(if(@lookup=latte, @base, @text), 5%);\n @black: darken(if(@lookup=latte, @text, @base), 5%);\n --white: @white;\n --black: @black;\n\n & when not (@lookup = latte) {\n --gray-50: lighten(mix(@text, @subtext0), 5%);\n --gray-100: @text;\n --gray-200: @subtext0;\n --gray-300: @subtext1;\n --gray-400: @overlay0;\n --gray-500: @surface2;\n --gray-600: @surface1;\n --gray-700: @surface0;\n --gray-800: @base;\n --gray-900: @mantle;\n --gray-950: @crust;\n --brand-purple: @accent-color;\n --text-primary: var(--gray-100);\n --text-secondary: var(--gray-300);\n --text-tertiary: var(--gray-400);\n --text-quaternary: var(--gray-700);\n --main-surface-primary: var(--gray-800);\n --main-surface-secondary: var(--gray-700);\n --main-surface-tertiary: var(--gray-600);\n --sidebar-surface-primary: var(--gray-900);\n --sidebar-surface-secondary: var(--gray-800);\n --sidebar-surface-tertiary: var(--gray-700);\n .popover,\n .dark .popover,\n .dark.popover,\n .popover .dark {\n --main-surface-primary: var(--gray-700) !important;\n --main-surface-secondary: var(--gray-600) !important;\n --main-surface-tertiary: var(--gray-500) !important;\n --text-primary: var(--white) !important;\n --text-secondary: var(--gray-200) !important;\n --text-tertiary: var(--gray-300) !important;\n }\n }\n & when (@lookup = latte) {\n --gray-50: @crust;\n --gray-100: @mantle;\n --gray-200: @base;\n --gray-300: @surface0;\n --gray-400: @surface1;\n --gray-500: @surface2;\n --gray-600: @overlay0;\n --gray-700: @overlay1;\n --gray-800: @subtext0;\n --gray-900: @subtext1;\n --gray-950: @text;\n --brand-purple: @accent-color;\n --text-primary: var(--gray-950);\n --text-secondary: var(--gray-600);\n --text-tertiary: var(--gray-400);\n --text-quaternary: var(--gray-300);\n --main-surface-primary: var(--gray-200);\n --main-surface-secondary: var(--gray-100);\n --main-surface-tertiary: var(--gray-50);\n --sidebar-surface-primary: var(--gray-100);\n --sidebar-surface-secondary: var(--gray-200);\n --sidebar-surface-tertiary: var(--gray-300);\n .popover,\n .dark .popover,\n .dark.popover,\n .popover .dark {\n --main-surface-primary: var(--gray-200) !important;\n --main-surface-secondary: var(--gray-100) !important;\n --main-surface-tertiary: var(--gray-50) !important;\n --text-primary: var(--gray-950) !important;\n --text-secondary: var(--gray-600) !important;\n --text-tertiary: var(--gray-500) !important;\n }\n }\n\n --border-light: fade(@text, 10%);\n --border-medium: fade(@text, 15%);\n --border-heavy: fade(@text, 20%);\n --border-xheavy: fade(@text, 25%);\n --link: @accent-color;\n --link-hover: if(\n @lookup = latte,\n lighten(@accent-color, 10%),\n darken(@accent-color, 10%)\n );\n\n *:focus {\n --tw-ring-offset-color: @base;\n --tw-ring-color: @accent-color;\n }\n\n /* ChatGPT logo */\n [style*=\"background-color: rgb(25, 195, 125);\"] {\n background-color: @green !important;\n color: @base !important;\n }\n\n /* Input */\n\n select {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;@{svg}\");\n }\n\n [multiple],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"email\"],\n [type=\"month\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"search\"],\n [type=\"tel\"],\n [type=\"text\"],\n [type=\"time\"],\n [type=\"url\"],\n [type=\"week\"],\n select,\n textarea {\n background-color: @base;\n border-color: @overlay2;\n }\n\n [type=\"checkbox\"],\n [type=\"radio\"] {\n background-color: @base;\n border-color: @overlay2;\n color: @accent-color;\n }\n\n .form-input,\n .form-multiselect,\n .form-select,\n .form-textarea {\n background-color: @base;\n border-color: @overlay2;\n }\n\n .form-input:focus,\n .form-multiselect:focus,\n .form-select:focus,\n .form-textarea:focus {\n border-color: @accent-color;\n }\n\n .form-input::placeholder,\n .form-textarea::placeholder {\n color: @overlay2;\n }\n\n /* Buttons */\n\n .btn-primary {\n background-color: @green;\n color: @base;\n }\n\n .btn-primary:hover {\n background-color: darken(@green, 10%);\n }\n\n .btn-primary.focus-visible {\n --tw-ring-color: lighten(@green, 10%) !important;\n }\n\n .btn-primary:focus-visible {\n --tw-ring-color: lighten(@green, 10%) !important;\n }\n\n .btn-danger {\n background-color: @red;\n color: @base;\n }\n\n .btn-danger:hover {\n background-color: darken(@red, 10%);\n }\n\n .btn-danger.focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-danger:focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-danger:disabled:hover {\n background-color: @red;\n }\n\n .btn-danger-outline {\n border-color: @red;\n color: @red;\n }\n\n .btn-danger-outline.focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-danger-outline:focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-neutral.focus-visible {\n --tw-ring-color: @overlay0 !important;\n }\n\n .btn-neutral:focus-visible {\n --tw-ring-color: @overlay0 !important;\n }\n\n .btn-dark {\n background-color: @surface0;\n border-color: @overlay0;\n color: @text;\n }\n\n .btn-dark:hover {\n background-color: @surface1;\n }\n\n .btn-light {\n background-color: @text;\n color: @black;\n }\n\n .btn-light:hover {\n background-color: @base;\n }\n\n .btn-disabled,\n .btn-disabled:hover {\n background-color: @text;\n }\n\n /* Borders */\n\n .border-black,\n .border-black\\/10,\n .border-black\\/20,\n .border-black\\/30,\n .border-black\\/5 {\n border-color: var(--border-light);\n }\n\n .border-gray-100 {\n border-color: var(--gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--gray-500);\n }\n\n .border-gray-700 {\n border-color: var(--gray-700);\n }\n\n .border-gray-950 {\n border-color: var(--gray-950);\n }\n\n .border-green-500 {\n border-color: lighten(@green, 10%);\n }\n\n .border-green-600 {\n border-color: @green;\n }\n\n .border-orange-400 {\n border-color: lighten(mix(@red, @yellow), 10%);\n }\n\n .border-orange-500 {\n border-color: mix(@red, @yellow);\n }\n\n .border-red-500 {\n border-color: darken(@red, 10%);\n }\n\n .border-white {\n border-color: @white;\n }\n\n .border-white\\/20 {\n border-color: fade(@white, 20%);\n }\n\n .border-t-[\\#0077FF] {\n border-top-color: @blue;\n }\n\n /* Backgrounds */\n .bg-token-main-surface-primary {\n background-color: var(--main-surface-primary);\n }\n\n .\\!bg-brand-purple {\n background-color: @accent-color !important;\n }\n\n .\\!bg-gray-200 {\n background-color: var(--gray-200) !important;\n }\n\n .bg-[\\#0077FF],\n .bg-\\[\\#3C46FF\\] {\n background-color: @blue;\n }\n\n .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: darken(@blue, 10%);\n }\n\n .bg-[\\#10A37F] {\n background-color: @green;\n }\n\n .bg-[\\#3C46FF] {\n background-color: @blue;\n }\n\n .bg-[\\#4046EC] {\n background-color: @blue;\n }\n\n .bg-[\\#B161FD] {\n background-color: @accent-color;\n }\n\n .bg-[\\#F8CA27] {\n background-color: @yellow;\n }\n\n .bg-[\\#FF5588] {\n background-color: mix(@red, @pink);\n }\n\n .bg-[\\#FF6E3C] {\n background-color: saturate(mix(@red, @yellow), 10%);\n }\n .dark\\:radix-highlighted\\:bg-\\[\\#2E2F33\\][data-highlighted] {\n background-color: @surface0;\n }\n\n .bg-black {\n background-color: @black;\n }\n\n .bg-black\\/20 {\n background-color: fade(@black, 20%);\n }\n\n .bg-black\\/5 {\n background-color: fade(@black, 5%);\n }\n\n .bg-black\\/50 {\n background-color: fade(@black, 50%);\n }\n\n .bg-black\\/90 {\n background-color: fade(@black, 90%);\n }\n\n .bg-black\\/\\[\\.04\\] {\n background-color: fade(@black, 4%);\n }\n\n .bg-black\\/\\[\\.08\\] {\n background-color: fade(@black, 8%);\n }\n\n .bg-black\\/\\[\\.12\\] {\n background-color: fade(@black, 12%);\n }\n\n .bg-blue-100 {\n background-color: lighten(@blue, 30%);\n }\n\n .bg-blue-200 {\n background-color: lighten(@blue, 20%);\n }\n\n .bg-blue-300 {\n background-color: lighten(@blue, 10%);\n }\n\n .bg-blue-400 {\n background-color: @blue;\n }\n\n .bg-blue-500 {\n background-color: darken(@blue, 5%);\n }\n\n .bg-blue-700 {\n background-color: darken(@blue, 10%);\n }\n\n .bg-brand-blue-800 {\n background-color: darken(@blue, 20%);\n }\n\n .bg-blue-950 {\n background-color: darken(@blue, 30%);\n }\n\n .checked\\:bg-blue-600:checked {\n background-color: @accent-color;\n }\n\n .bg-brand-green {\n background-color: lighten(@green, 10%);\n }\n\n .bg-brand-green\\/20 {\n background-color: fade(lighten(@green, 10%), 20%);\n }\n\n .bg-brand-green\\/40 {\n background-color: fade(lighten(@green, 10%), 40%);\n }\n\n .bg-brand-purple {\n background-color: @accent-color;\n }\n\n .bg-gray-100 {\n background-color: var(--gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--gray-300);\n }\n\n .bg-gray-400 {\n background-color: var(--gray-400);\n }\n\n .bg-gray-50 {\n background-color: var(--gray-50);\n }\n\n .bg-gray-500 {\n background-color: var(--gray-500);\n }\n\n .bg-gray-600 {\n background-color: var(--gray-600);\n }\n\n .bg-gray-700 {\n background-color: var(--gray-700);\n }\n\n .bg-gray-900 {\n background-color: var(--gray-900);\n }\n\n .bg-gray-950 {\n background-color: var(--gray-950);\n }\n\n .bg-green-100 {\n background-color: lighten(@green, 30%);\n }\n\n .bg-green-200 {\n background-color: lighten(@green, 20%);\n }\n\n .bg-green-500 {\n background-color: lighten(@green, 10%);\n }\n\n .bg-green-500\\/10 {\n background-color: fade(lighten(@green, 10%), 10%);\n }\n\n .bg-green-600 {\n background-color: @green;\n }\n\n .bg-orange-500 {\n background-color: mix(@yellow, @red);\n }\n\n .bg-orange-500\\/10 {\n background-color: fade(mix(@yellow, @red), 10%);\n }\n\n .bg-red-100 {\n background-color: fade(lighten(@red, 10%), 30%);\n }\n\n .bg-red-200 {\n background-color: lighten(@red, 20%);\n }\n\n .bg-red-500 {\n background-color: @red;\n }\n\n .bg-red-500\\/10 {\n background-color: fade(@red, 10%);\n }\n\n .bg-red-600 {\n background-color: lighten(@red, 10%);\n }\n\n .bg-white {\n background-color: @white;\n }\n\n .bg-white\\/20 {\n background-color: fade(@white, 20%);\n }\n\n .bg-white\\/25 {\n background-color: fade(@white, 25%);\n }\n\n .bg-yellow-100 {\n background-color: lighten(@yellow, 20%);\n }\n\n .bg-yellow-200 {\n background-color: lighten(@yellow, 10%);\n }\n\n .bg-yellow-400 {\n background-color: @yellow;\n }\n\n .bg-yellow-500 {\n background-color: darken(@yellow, 10%);\n }\n\n .radix-state-checked\\:bg-green-600[data-state=\"checked\"] {\n background-color: darken(@green, 10%);\n }\n\n .hover\\:bg-blue-700:hover {\n background-color: darken(@blue, 25%);\n }\n\n [class*=\"bg-transparent\"] {\n background-color: transparent;\n }\n\n /* Gradients */\n\n .from-white {\n --tw-gradient-from: @white var(--tw-gradient-from-position);\n }\n\n /* Fill/stroke */\n\n .fill-yellow-500 {\n fill: @yellow;\n }\n\n .stroke-black {\n stroke: @black;\n }\n\n .stroke-brand-purple\\/25 {\n stroke: fade(@accent-color, 25%);\n }\n\n .stroke-gray-400 {\n stroke: @subtext0;\n }\n\n /* Text */\n\n .\\!text-black {\n color: @black !important;\n }\n\n .text-\\[\\#FE7600\\] {\n color: mix(@yellow, @red);\n }\n\n .text-\\[\\#fff\\] {\n color: @base;\n }\n\n .text-black {\n color: @black;\n }\n\n .text-black\\/60 {\n color: fade(@black, 60%);\n }\n\n .text-black\\/70 {\n color: fade(@black, 70%);\n }\n\n .text-blue-500 {\n color: lighten(@blue, 10%);\n }\n\n .text-blue-600 {\n color: @blue;\n }\n\n .text-brand-blue-800 {\n color: @blue;\n }\n\n .text-brand-purple {\n color: @accent-color;\n }\n\n .text-gray-100 {\n color: var(--gray-100);\n }\n\n .text-gray-300 {\n color: var(--gray-300);\n }\n\n .text-gray-400 {\n color: var(--gray-400);\n }\n\n .text-gray-500 {\n color: var(--gray-500);\n }\n\n .text-gray-600 {\n color: var(--gray-600);\n }\n\n .text-gray-700 {\n color: var(--gray-700);\n }\n\n .text-gray-800 {\n color: var(--gray-800);\n }\n\n .text-gray-900 {\n color: var(--gray-900);\n }\n\n .text-green-500 {\n color: lighten(@green, 10%);\n }\n\n .text-green-600 {\n color: @green;\n }\n\n .text-green-700 {\n color: darken(@green, 10%);\n }\n\n .text-green-800 {\n color: darken(@green, 20%);\n }\n\n .text-green-900 {\n color: darken(@green, 30%);\n }\n\n .text-orange-300 {\n color: lighten(mix(@yellow, @red), 15%);\n }\n\n .text-orange-400 {\n color: lighten(mix(@yellow, @red), 10%);\n }\n\n .text-orange-500 {\n color: mix(@yellow, @red);\n }\n\n .text-red-500 {\n color: @red;\n }\n\n .text-red-600 {\n color: lighten(@red, 10%);\n }\n\n .text-red-700 {\n color: @red;\n }\n\n .text-red-800 {\n color: darken(@red, 10%);\n }\n\n .text-white {\n color: @white;\n }\n\n .text-white\\/25 {\n color: fade(@white, 25%);\n }\n\n .text-white\\/50 {\n color: fade(@white, 50%);\n }\n\n .text-white\\/80 {\n color: fade(@white, 80%);\n }\n\n .text-yellow-500 {\n color: @yellow;\n }\n\n .text-yellow-700 {\n color: darken(@yellow, 10%);\n }\n\n .text-yellow-800 {\n color: darken(@yellow, 20%);\n }\n\n .text-yellow-900 {\n color: darken(@yellow, 30%);\n }\n\n /* Dark mode overrides */\n /* stylelint-disable-next-line no-duplicate-selectors */\n & when not (@lookup = latte) {\n .dark\\:bg-black {\n background-color: @black;\n }\n\n .dark\\:bg-white {\n background-color: @white;\n }\n\n /* \"Was this response better or worse\" dialog button hover */\n .dark\\:hover\\:bg-gray-800:hover {\n background-color: transparent;\n }\n\n .dark\\:text-white {\n color: @white;\n }\n\n .dark\\:text-black {\n color: @black;\n }\n\n .dark\\:text-\\[\\#D292FF\\] {\n color: @mauve;\n }\n\n .dark\\:focus\\:border-white:focus {\n border-color: @text;\n }\n\n .dark\\:border-gray-700 {\n border-color: var(--gray-700);\n }\n }\n\n /* Other */\n\n .ring-black {\n --tw-ring-color: @black;\n }\n\n .ring-black\\/10 {\n --tw-ring-color: fade(@black, 10%);\n }\n\n .ring-white {\n --tw-ring-color: @base;\n }\n\n .ring-offset-black {\n --tw-ring-offset-color: @base;\n }\n\n /* Circle around OpenAI logo in center of chat */\n .gizmo-shadow-stroke::after {\n --tw-shadow: inset 0 0 0 1px @surface0;\n }\n\n .katex-error {\n color: @red !important;\n }\n\n [style=\"background-color: rgb(0, 0, 46);\"],\n [style=\"background-color: rgb(255, 255, 219);\"] {\n background-color: @crust !important;\n }\n }\n}\n\n@-moz-document domain(\"auth.openai.com\") {\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 #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 color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n color: @text;\n caret-color: @text;\n\n a {\n color: @accent-color;\n }\n\n body,\n .oai-header,\n .login-container {\n background-color: @base;\n }\n\n img[alt=\"OpenAI's Logo\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n background-color: transparent;\n }\n\n .title {\n color: @text;\n }\n\n .email-input {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n\n &:focus,\n &:valid {\n border-color: @accent-color;\n\n + .email-label {\n color: @accent-color;\n background-color: @base;\n }\n }\n }\n .email-label {\n background-color: @base;\n color: @subtext0;\n }\n\n .continue-btn {\n background-color: @accent-color;\n color: @base;\n }\n\n .divider-wrapper {\n &::before,\n &::after {\n border-bottom-color: @surface2;\n }\n }\n\n .social-btn {\n background-color: @mantle;\n border-color: @surface0;\n color: @text;\n }\n\n @orange: mix(@red, @yellow);\n\n img[alt=\"Google logo\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n img[alt=\"Microsoft logo\"] {\n @svg: escape(\n ''\n );\n\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n img[alt=\"Apple logo\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n\n@-moz-document domain(\"auth0.openai.com\") {\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 #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 --primary-color: @accent-color;\n --primary-color-no-override: @accent-color;\n --action-primary-color: @accent-color;\n --link-color: @accent-color;\n --page-background-color: @base;\n --info-color: @blue;\n --success-color: @green;\n --error-color: @red;\n --error-text-color: @text;\n --warning-color: @yellow;\n --button-font-color: @text;\n --widget-background-color: @base;\n --presentational-content-color: @overlay2;\n --gray-lightest: @base;\n --gray-light: @crust;\n --gray-mid: @surface0;\n --gray-mid-dark: @surface1;\n --gray-dark: @overlay2;\n --gray-darkest: @text;\n --gray-social-border: @surface0;\n\n ._button-login-password {\n background-color: @accent-color;\n color: @base;\n }\n\n .password-icon-tooltip {\n background-color: @text;\n\n &::before {\n border-top-color: @text;\n }\n }\n\n .oai-header svg {\n fill: @text;\n }\n\n @orange: mix(@red, @yellow);\n\n button > span {\n &[data-provider^=\"google\"] {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n &[data-provider^=\"windowslive\"] {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n &[data-provider^=\"apple\"] {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n }\n }\n}\n\n#rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n}\n\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// vim:ft=less\n", "usercssData": { "name": "ChatGPT Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/chatgpt", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt", - "version": "0.2.8", + "version": "0.2.10", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css", "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt", "description": "Soothing pastel theme for ChatGPT", @@ -1645,7 +1614,7 @@ "label": "Accent", "name": "accentColor", "value": "lavender", - "default": "sapphire", + "default": "mauve", "options": [ { "name": "rosewater", @@ -1729,12 +1698,12 @@ "author": "Catppuccin", "description": "Soothing pastel theme for ChatGPT", "name": "ChatGPT Catppuccin", - "originalDigest": "10da0cf8195a82c9545883d944e6dd05423db35e", + "originalDigest": "a1efba6c14dda477f5268564cbdc70354836763d", "_id": "2b610ac1-f4cb-41f2-ac48-40652d932405", - "_rev": 1712856189454, + "_rev": 1714741608893, "id": 38, - "etag": "W/\"1fc83ea05b7c2cd3add98ee52c6712cab0405c78be8bac627a85756c286ed7b0\"", - "updateDate": 1712856189376 + "etag": "W/\"e1cdeb83e266bb1e9417bc0a4bdc52661a09e23d4be9b6ecccbf4ba35582f912\"", + "updateDate": 1714741605837 }, { "enabled": true, @@ -1743,11 +1712,11 @@ "installDate": 1690105783794, "sections": [ { - "code": "/* ==UserStyle==\n@name GitHub Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.6.6\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub\n@description Soothing pastel theme for GitHub\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==/UserStyle== */", + "code": "/* ==UserStyle==\n@name GitHub Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.6.7\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub\n@description Soothing pastel theme for GitHub\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==/UserStyle== */", "start": 0 }, { - "code": "@media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] {\n color-scheme: dark;\n accent-color: #b7bdf8;\n color: #cad3f5;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n --color-notifications-button-hover-bg: rgba(183, 189, 248, 0.6);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-halloween-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-halloween-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-winter-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-winter-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-winter-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-winter-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: rgba(238, 212, 159, 0.3);\n --page-header-bgColor: #181926;\n --diffBlob-addition-fgColor-text: #cad3f5;\n --diffBlob-addition-fgColor-num: #cad3f5;\n --diffBlob-addition-bgColor-num: rgba(166, 218, 149, 0.3);\n --diffBlob-addition-bgColor-line: rgba(166, 218, 149, 0.15);\n --diffBlob-addition-bgColor-word: rgba(166, 218, 149, 0.3);\n --diffBlob-deletion-fgColor-text: #cad3f5;\n --diffBlob-deletion-fgColor-num: #cad3f5;\n --diffBlob-deletion-bgColor-num: rgba(237, 135, 150, 0.3);\n --diffBlob-deletion-bgColor-line: rgba(237, 135, 150, 0.15);\n --diffBlob-deletion-bgColor-word: rgba(237, 135, 150, 0.3);\n --diffBlob-hunk-bgColor-num: rgba(183, 189, 248, 0.4);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: #cad3f5;\n --codeMirror-bgColor: #24273a;\n --codeMirror-gutters-bgColor: #24273a;\n --codeMirror-gutterMarker-fgColor-default: #24273a;\n --codeMirror-gutterMarker-fgColor-muted: #6e738d;\n --codeMirror-lineNumber-fgColor: #b8c0e0;\n --codeMirror-cursor-fgColor: #cad3f5;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: #cad3f5;\n --codeMirror-lines-bgColor: #24273a;\n --codeMirror-syntax-fgColor-comment: #6e738d;\n --codeMirror-syntax-fgColor-constant: #8aadf4;\n --codeMirror-syntax-fgColor-entity: #8aadf4;\n --codeMirror-syntax-fgColor-keyword: #f5bde6;\n --codeMirror-syntax-fgColor-storage: #f5a97f;\n --codeMirror-syntax-fgColor-string: #a6da95;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: #f5a97f;\n --header-fgColor-default: #cad3f5;\n --header-fgColor-logo: #cad3f5;\n --header-bgColor: #181926;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: #1e2030;\n --headerSearch-borderColor: #363a4f;\n --avatar-bgColor: rgba(202, 211, 245, 0.26);\n --avatar-borderColor: #363a4f;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: #494d64;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: #ed8796;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: #494d64;\n --control-bgColor-disabled: rgba(30, 32, 48, 0.6);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: #cad3f5;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: rgba(165, 173, 203, 0.7);\n --control-borderColor-rest: #494d64;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: rgba(73, 77, 100, 0.75);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: rgba(91, 96, 120, 0.2);\n --control-transparent-bgColor-active: rgba(110, 115, 141, 0.5);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: #ed8796;\n --control-danger-fgColor-hover: #181926;\n --control-danger-bgColor-hover: rgba(237, 135, 150, 0.8);\n --control-danger-bgColor-active: #ed8796;\n --control-checked-bgColor-rest: #b7bdf8;\n --control-checked-bgColor-hover: #ced2fa;\n --control-checked-bgColor-active: #ced2fa;\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: #181926;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: #b7bdf8;\n --control-checked-borderColor-hover: #b7bdf8;\n --control-checked-borderColor-active: #b7bdf8;\n --control-checked-borderColor-disabled: #363a4f;\n --controlTrack-bgColor-rest: #363a4f;\n --controlTrack-bgColor-hover: #494d64;\n --controlTrack-bgColor-active: #5b6078;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: #cad3f5;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: #24273a;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: #cad3f5;\n --controlKnob-borderColor-rest: #5b6078;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: #8aadf4;\n --button-default-fgColor-rest: #cad3f5;\n --button-default-bgColor-rest: #363a4f;\n --button-default-bgColor-hover: #494d64;\n --button-default-bgColor-active: #5b6078;\n --button-default-bgColor-selected: #5b6078;\n --button-default-bgColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-borderColor-rest: #494d64;\n --button-default-borderColor-hover: #494d64;\n --button-default-borderColor-active: #494d64;\n --button-default-borderColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: #24273a;\n --button-primary-fgColor-disabled: rgba(36, 39, 58, 0.6);\n --button-primary-iconColor-rest: #24273a;\n --button-primary-bgColor-rest: #a6da95;\n --button-primary-bgColor-hover: #b6e1a8;\n --button-primary-bgColor-active: #a4de91;\n --button-primary-bgColor-disabled: rgba(166, 218, 149, 0.7);\n --button-primary-borderColor-rest: #a6da95;\n --button-primary-borderColor-hover: #a6da95;\n --button-primary-borderColor-active: #a6da95;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: #b7bdf8;\n --button-invisible-fgColor-hover: #e5e8fd;\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: #939ab7;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: rgba(73, 77, 100, 0.7);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: rgba(73, 77, 100, 0.7);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: #cad3f5;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: #494d64;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: #ed8796;\n --button-danger-fgColor-hover: #24273a;\n --button-danger-fgColor-active: #24273a;\n --button-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --button-danger-iconColor-rest: #ed8796;\n --button-danger-iconColor-hover: #181926;\n --button-danger-bgColor-rest: #363a4f;\n --button-danger-bgColor-hover: #ed8796;\n --button-danger-bgColor-active: #ea7183;\n --button-danger-bgColor-disabled: #24273a;\n --button-danger-borderColor-rest: #494d64;\n --button-danger-borderColor-hover: #5b6078;\n --button-danger-borderColor-active: #5b6078;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: #eed49f;\n --buttonCounter-default-bgColor-rest: #494d64;\n --buttonCounter-invisible-bgColor-rest: #494d64;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: rgba(202, 211, 245, 0.2);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: #ed8796;\n --buttonCounter-danger-fgColor-hover: #cad3f5;\n --buttonCounter-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --focus-outlineColor: #b7bdf8;\n --menu-bgColor-active: #1e2030;\n --overlay-bgColor: #24273a;\n --overlay-borderColor: #363a4f;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: #1e2030;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: #b7bdf8;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: rgba(183, 189, 248, 0.3);\n --reactionButton-selected-bgColor-rest: rgba(183, 189, 248, 0.2);\n --reactionButton-selected-bgColor-hover: rgba(183, 189, 248, 0.35);\n --reactionButton-selected-fgColor-rest: #b7bdf8;\n --reactionButton-selected-fgColor-hover: #b7bdf8;\n --fgColor-default: #cad3f5;\n --fgColor-muted: #b8c0e0;\n --fgColor-onEmphasis: #24273a;\n --fgColor-white: #cad3f5;\n --fgColor-disabled: #5b6078;\n --fgColor-link: #b7bdf8;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: #b7bdf8;\n --fgColor-success: #a6da95;\n --fgColor-attention: #eed49f;\n --fgColor-severe: #f5a97f;\n --fgColor-danger: #ed8796;\n --fgColor-open: #a6da95;\n --fgColor-closed: #ed8796;\n --fgColor-done: #c6a0f6;\n --fgColor-sponsors: #f5bde6;\n --bgColor-default: #24273a;\n --bgColor-muted: #1e2030;\n --bgColor-inset: #181926;\n --bgColor-emphasis: #939ab7;\n --bgColor-inverse: #cad3f5;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: #363a4f;\n --bgColor-neutral-emphasis: #a5adcb;\n --bgColor-accent-muted: rgba(183, 189, 248, 0.2);\n --bgColor-accent-emphasis: #b7bdf8;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: #a6da95;\n --bgColor-attention-muted: rgba(238, 212, 159, 0.15);\n --bgColor-attention-emphasis: #eed49f;\n --bgColor-severe-muted: rgba(245, 169, 127, 0.26);\n --bgColor-severe-emphasis: #f5a97f;\n --bgColor-danger-muted: rgba(237, 135, 150, 0.26);\n --bgColor-danger-emphasis: #ed8796;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: #a6da95;\n --bgColor-closed-muted: rgba(237, 135, 150, 0.15);\n --bgColor-closed-emphasis: #ed8796;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: #c6a0f6;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: #f5bde6;\n --borderColor-default: #494d64;\n --borderColor-muted: #363a4f;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: rgba(183, 189, 248, 0.5);\n --borderColor-accent-emphasis: #b7bdf8;\n --borderColor-success-muted: #96d382;\n --borderColor-success-emphasis: #a6da95;\n --borderColor-attention-muted: rgba(240, 198, 198, 0.3);\n --borderColor-attention-emphasis: #f0c6c6;\n --borderColor-severe-muted: #f5a97f;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: #ed8796;\n --borderColor-danger-emphasis: #ed8796;\n --borderColor-open-muted: #96d382;\n --borderColor-open-emphasis: #a6da95;\n --borderColor-closed-muted: #ed8796;\n --borderColor-closed-emphasis: #ed8796;\n --borderColor-done-muted: #b7bdf8;\n --borderColor-done-emphasis: #c6a0f6;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: #f5bde6;\n --color-ansi-black: #494d64;\n --color-ansi-black-bright: #5b6078;\n --color-ansi-gray: #5b6078;\n --color-ansi-white: #b8c0e0;\n --color-ansi-white-bright: #a5adcb;\n --color-ansi-red: #ed8796;\n --color-ansi-red-bright: #ed8796;\n --color-ansi-green: #a6da95;\n --color-ansi-green-bright: #a6da95;\n --color-ansi-yellow: #eed49f;\n --color-ansi-yellow-bright: #eed49f;\n --color-ansi-blue: #8aadf4;\n --color-ansi-blue-bright: #8aadf4;\n --color-ansi-magenta: #f5bde6;\n --color-ansi-magenta-bright: #f5bde6;\n --color-ansi-cyan: #8bd5ca;\n --color-ansi-cyan-bright: #8bd5ca;\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-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\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 --bgColor-white: #24273a;\n --color-scale-white: #24273a;\n --color-scale-gray-3: #939ab7;\n --color-scale-gray-5: #6e738d;\n --color-scale-gray-6: #494d64;\n --color-scale-gray-7: #494d64;\n --color-scale-blue-2: #91d7e3;\n --color-scale-blue-5: #8aadf4;\n --color-scale-green-3: #a6da95;\n --color-scale-green-4: #a6da95;\n --color-scale-yellow-3: #f5a97f;\n --color-scale-orange-4: #f5a97f;\n --color-scale-red-4: #ed8796;\n --shadow-inset: inset 0px 1px 0px 0px #181926;\n --shadow-resting-xsmall: 0px 1px 0px 0px #181926;\n --shadow-resting-small: 0px 1px 0px 0px #181926, 0px 1px 3px 0px #181926;\n --shadow-resting-medium: 0px 3px 6px 0px #181926;\n --shadow-floating-small: 0px 0px 0px 1px #24273a, 0px 6px 12px -3px #181926,\n 0px 6px 18px 0px #181926;\n --shadow-floating-medium: 0px 0px 0px 1px #363a4f,\n 0px 8px 16px -4px #181926, 0px 4px 32px -4px #181926,\n 0px 24px 48px -12px #181926, 0px 48px 96px -24px #181926;\n --shadow-floating-large: 0px 0px 0px 1px #363a4f,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px #363a4f,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px #181926, 0px 6px 18px 0px #181926;\n --outline-focus: #8aadf4 solid 2px;\n /* Header when logged out */\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] input::placeholder,\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] textarea::placeholder {\n color: #a5adcb !important;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .cm-placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .form-select {\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23a5adcb%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.427%209.427%203.396%203.396a.25.25%200%200%200%20.354%200l3.396-3.396A.25.25%200%200%200%2011.396%209H4.604a.25.25%200%200%200-.177.427M4.423%206.47%207.82%203.072a.25.25%200%200%201%20.354%200L11.57%206.47a.25.25%200%200%201-.177.427H4.6a.25.25%200%200%201-.177-.427%22/%3E%3C/svg%3E\");\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .HeaderMenu-link {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .HeaderMenu-link:hover {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .header-search-button.placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .HeaderMenu-toggle-bar {\n background-color: #cad3f5;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .notification-indicator .mail-status {\n background-image: linear-gradient(#b7bdf8, #a0a8f6);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-r {\n color: var(--color-ansi-red);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-g {\n color: var(--color-ansi-green);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-b {\n color: var(--color-ansi-blue);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] {\n color-scheme: dark;\n accent-color: #b7bdf8;\n color: #cad3f5;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n --color-notifications-button-hover-bg: rgba(183, 189, 248, 0.6);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-halloween-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-halloween-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-winter-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-winter-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-winter-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-winter-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: rgba(238, 212, 159, 0.3);\n --page-header-bgColor: #181926;\n --diffBlob-addition-fgColor-text: #cad3f5;\n --diffBlob-addition-fgColor-num: #cad3f5;\n --diffBlob-addition-bgColor-num: rgba(166, 218, 149, 0.3);\n --diffBlob-addition-bgColor-line: rgba(166, 218, 149, 0.15);\n --diffBlob-addition-bgColor-word: rgba(166, 218, 149, 0.3);\n --diffBlob-deletion-fgColor-text: #cad3f5;\n --diffBlob-deletion-fgColor-num: #cad3f5;\n --diffBlob-deletion-bgColor-num: rgba(237, 135, 150, 0.3);\n --diffBlob-deletion-bgColor-line: rgba(237, 135, 150, 0.15);\n --diffBlob-deletion-bgColor-word: rgba(237, 135, 150, 0.3);\n --diffBlob-hunk-bgColor-num: rgba(183, 189, 248, 0.4);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: #cad3f5;\n --codeMirror-bgColor: #24273a;\n --codeMirror-gutters-bgColor: #24273a;\n --codeMirror-gutterMarker-fgColor-default: #24273a;\n --codeMirror-gutterMarker-fgColor-muted: #6e738d;\n --codeMirror-lineNumber-fgColor: #b8c0e0;\n --codeMirror-cursor-fgColor: #cad3f5;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: #cad3f5;\n --codeMirror-lines-bgColor: #24273a;\n --codeMirror-syntax-fgColor-comment: #6e738d;\n --codeMirror-syntax-fgColor-constant: #8aadf4;\n --codeMirror-syntax-fgColor-entity: #8aadf4;\n --codeMirror-syntax-fgColor-keyword: #f5bde6;\n --codeMirror-syntax-fgColor-storage: #f5a97f;\n --codeMirror-syntax-fgColor-string: #a6da95;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: #f5a97f;\n --header-fgColor-default: #cad3f5;\n --header-fgColor-logo: #cad3f5;\n --header-bgColor: #181926;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: #1e2030;\n --headerSearch-borderColor: #363a4f;\n --avatar-bgColor: rgba(202, 211, 245, 0.26);\n --avatar-borderColor: #363a4f;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: #494d64;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: #ed8796;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: #494d64;\n --control-bgColor-disabled: rgba(30, 32, 48, 0.6);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: #cad3f5;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: rgba(165, 173, 203, 0.7);\n --control-borderColor-rest: #494d64;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: rgba(73, 77, 100, 0.75);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: rgba(91, 96, 120, 0.2);\n --control-transparent-bgColor-active: rgba(110, 115, 141, 0.5);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: #ed8796;\n --control-danger-fgColor-hover: #181926;\n --control-danger-bgColor-hover: rgba(237, 135, 150, 0.8);\n --control-danger-bgColor-active: #ed8796;\n --control-checked-bgColor-rest: #b7bdf8;\n --control-checked-bgColor-hover: #ced2fa;\n --control-checked-bgColor-active: #ced2fa;\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: #181926;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: #b7bdf8;\n --control-checked-borderColor-hover: #b7bdf8;\n --control-checked-borderColor-active: #b7bdf8;\n --control-checked-borderColor-disabled: #363a4f;\n --controlTrack-bgColor-rest: #363a4f;\n --controlTrack-bgColor-hover: #494d64;\n --controlTrack-bgColor-active: #5b6078;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: #cad3f5;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: #24273a;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: #cad3f5;\n --controlKnob-borderColor-rest: #5b6078;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: #8aadf4;\n --button-default-fgColor-rest: #cad3f5;\n --button-default-bgColor-rest: #363a4f;\n --button-default-bgColor-hover: #494d64;\n --button-default-bgColor-active: #5b6078;\n --button-default-bgColor-selected: #5b6078;\n --button-default-bgColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-borderColor-rest: #494d64;\n --button-default-borderColor-hover: #494d64;\n --button-default-borderColor-active: #494d64;\n --button-default-borderColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: #24273a;\n --button-primary-fgColor-disabled: rgba(36, 39, 58, 0.6);\n --button-primary-iconColor-rest: #24273a;\n --button-primary-bgColor-rest: #a6da95;\n --button-primary-bgColor-hover: #b6e1a8;\n --button-primary-bgColor-active: #a4de91;\n --button-primary-bgColor-disabled: rgba(166, 218, 149, 0.7);\n --button-primary-borderColor-rest: #a6da95;\n --button-primary-borderColor-hover: #a6da95;\n --button-primary-borderColor-active: #a6da95;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: #b7bdf8;\n --button-invisible-fgColor-hover: #e5e8fd;\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: #939ab7;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: rgba(73, 77, 100, 0.7);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: rgba(73, 77, 100, 0.7);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: #cad3f5;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: #494d64;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: #ed8796;\n --button-danger-fgColor-hover: #24273a;\n --button-danger-fgColor-active: #24273a;\n --button-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --button-danger-iconColor-rest: #ed8796;\n --button-danger-iconColor-hover: #181926;\n --button-danger-bgColor-rest: #363a4f;\n --button-danger-bgColor-hover: #ed8796;\n --button-danger-bgColor-active: #ea7183;\n --button-danger-bgColor-disabled: #24273a;\n --button-danger-borderColor-rest: #494d64;\n --button-danger-borderColor-hover: #5b6078;\n --button-danger-borderColor-active: #5b6078;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: #eed49f;\n --buttonCounter-default-bgColor-rest: #494d64;\n --buttonCounter-invisible-bgColor-rest: #494d64;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: rgba(202, 211, 245, 0.2);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: #ed8796;\n --buttonCounter-danger-fgColor-hover: #cad3f5;\n --buttonCounter-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --focus-outlineColor: #b7bdf8;\n --menu-bgColor-active: #1e2030;\n --overlay-bgColor: #24273a;\n --overlay-borderColor: #363a4f;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: #1e2030;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: #b7bdf8;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: rgba(183, 189, 248, 0.3);\n --reactionButton-selected-bgColor-rest: rgba(183, 189, 248, 0.2);\n --reactionButton-selected-bgColor-hover: rgba(183, 189, 248, 0.35);\n --reactionButton-selected-fgColor-rest: #b7bdf8;\n --reactionButton-selected-fgColor-hover: #b7bdf8;\n --fgColor-default: #cad3f5;\n --fgColor-muted: #b8c0e0;\n --fgColor-onEmphasis: #24273a;\n --fgColor-white: #cad3f5;\n --fgColor-disabled: #5b6078;\n --fgColor-link: #b7bdf8;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: #b7bdf8;\n --fgColor-success: #a6da95;\n --fgColor-attention: #eed49f;\n --fgColor-severe: #f5a97f;\n --fgColor-danger: #ed8796;\n --fgColor-open: #a6da95;\n --fgColor-closed: #ed8796;\n --fgColor-done: #c6a0f6;\n --fgColor-sponsors: #f5bde6;\n --bgColor-default: #24273a;\n --bgColor-muted: #1e2030;\n --bgColor-inset: #181926;\n --bgColor-emphasis: #939ab7;\n --bgColor-inverse: #cad3f5;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: #363a4f;\n --bgColor-neutral-emphasis: #a5adcb;\n --bgColor-accent-muted: rgba(183, 189, 248, 0.2);\n --bgColor-accent-emphasis: #b7bdf8;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: #a6da95;\n --bgColor-attention-muted: rgba(238, 212, 159, 0.15);\n --bgColor-attention-emphasis: #eed49f;\n --bgColor-severe-muted: rgba(245, 169, 127, 0.26);\n --bgColor-severe-emphasis: #f5a97f;\n --bgColor-danger-muted: rgba(237, 135, 150, 0.26);\n --bgColor-danger-emphasis: #ed8796;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: #a6da95;\n --bgColor-closed-muted: rgba(237, 135, 150, 0.15);\n --bgColor-closed-emphasis: #ed8796;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: #c6a0f6;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: #f5bde6;\n --borderColor-default: #494d64;\n --borderColor-muted: #363a4f;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: rgba(183, 189, 248, 0.5);\n --borderColor-accent-emphasis: #b7bdf8;\n --borderColor-success-muted: #96d382;\n --borderColor-success-emphasis: #a6da95;\n --borderColor-attention-muted: rgba(240, 198, 198, 0.3);\n --borderColor-attention-emphasis: #f0c6c6;\n --borderColor-severe-muted: #f5a97f;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: #ed8796;\n --borderColor-danger-emphasis: #ed8796;\n --borderColor-open-muted: #96d382;\n --borderColor-open-emphasis: #a6da95;\n --borderColor-closed-muted: #ed8796;\n --borderColor-closed-emphasis: #ed8796;\n --borderColor-done-muted: #b7bdf8;\n --borderColor-done-emphasis: #c6a0f6;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: #f5bde6;\n --color-ansi-black: #494d64;\n --color-ansi-black-bright: #5b6078;\n --color-ansi-gray: #5b6078;\n --color-ansi-white: #b8c0e0;\n --color-ansi-white-bright: #a5adcb;\n --color-ansi-red: #ed8796;\n --color-ansi-red-bright: #ed8796;\n --color-ansi-green: #a6da95;\n --color-ansi-green-bright: #a6da95;\n --color-ansi-yellow: #eed49f;\n --color-ansi-yellow-bright: #eed49f;\n --color-ansi-blue: #8aadf4;\n --color-ansi-blue-bright: #8aadf4;\n --color-ansi-magenta: #f5bde6;\n --color-ansi-magenta-bright: #f5bde6;\n --color-ansi-cyan: #8bd5ca;\n --color-ansi-cyan-bright: #8bd5ca;\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-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\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 --bgColor-white: #24273a;\n --color-scale-white: #24273a;\n --color-scale-gray-3: #939ab7;\n --color-scale-gray-5: #6e738d;\n --color-scale-gray-6: #494d64;\n --color-scale-gray-7: #494d64;\n --color-scale-blue-2: #91d7e3;\n --color-scale-blue-5: #8aadf4;\n --color-scale-green-3: #a6da95;\n --color-scale-green-4: #a6da95;\n --color-scale-yellow-3: #f5a97f;\n --color-scale-orange-4: #f5a97f;\n --color-scale-red-4: #ed8796;\n --shadow-inset: inset 0px 1px 0px 0px #181926;\n --shadow-resting-xsmall: 0px 1px 0px 0px #181926;\n --shadow-resting-small: 0px 1px 0px 0px #181926, 0px 1px 3px 0px #181926;\n --shadow-resting-medium: 0px 3px 6px 0px #181926;\n --shadow-floating-small: 0px 0px 0px 1px #24273a, 0px 6px 12px -3px #181926,\n 0px 6px 18px 0px #181926;\n --shadow-floating-medium: 0px 0px 0px 1px #363a4f,\n 0px 8px 16px -4px #181926, 0px 4px 32px -4px #181926,\n 0px 24px 48px -12px #181926, 0px 48px 96px -24px #181926;\n --shadow-floating-large: 0px 0px 0px 1px #363a4f,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px #363a4f,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px #181926, 0px 6px 18px 0px #181926;\n --outline-focus: #8aadf4 solid 2px;\n /* Header when logged out */\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] input::placeholder,\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] textarea::placeholder {\n color: #a5adcb !important;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .cm-placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .form-select {\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23a5adcb%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.427%209.427%203.396%203.396a.25.25%200%200%200%20.354%200l3.396-3.396A.25.25%200%200%200%2011.396%209H4.604a.25.25%200%200%200-.177.427M4.423%206.47%207.82%203.072a.25.25%200%200%201%20.354%200L11.57%206.47a.25.25%200%200%201-.177.427H4.6a.25.25%200%200%201-.177-.427%22/%3E%3C/svg%3E\");\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .HeaderMenu-link {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .HeaderMenu-link:hover {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .header-search-button.placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .HeaderMenu-toggle-bar {\n background-color: #cad3f5;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .notification-indicator .mail-status {\n background-image: linear-gradient(#b7bdf8, #a0a8f6);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-r {\n color: var(--color-ansi-red);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-g {\n color: var(--color-ansi-green);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-b {\n color: var(--color-ansi-blue);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] {\n color-scheme: dark;\n accent-color: #b7bdf8;\n color: #cad3f5;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n --color-notifications-button-hover-bg: rgba(183, 189, 248, 0.6);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-halloween-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-halloween-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-winter-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-winter-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-winter-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-winter-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: rgba(238, 212, 159, 0.3);\n --page-header-bgColor: #181926;\n --diffBlob-addition-fgColor-text: #cad3f5;\n --diffBlob-addition-fgColor-num: #cad3f5;\n --diffBlob-addition-bgColor-num: rgba(166, 218, 149, 0.3);\n --diffBlob-addition-bgColor-line: rgba(166, 218, 149, 0.15);\n --diffBlob-addition-bgColor-word: rgba(166, 218, 149, 0.3);\n --diffBlob-deletion-fgColor-text: #cad3f5;\n --diffBlob-deletion-fgColor-num: #cad3f5;\n --diffBlob-deletion-bgColor-num: rgba(237, 135, 150, 0.3);\n --diffBlob-deletion-bgColor-line: rgba(237, 135, 150, 0.15);\n --diffBlob-deletion-bgColor-word: rgba(237, 135, 150, 0.3);\n --diffBlob-hunk-bgColor-num: rgba(183, 189, 248, 0.4);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: #cad3f5;\n --codeMirror-bgColor: #24273a;\n --codeMirror-gutters-bgColor: #24273a;\n --codeMirror-gutterMarker-fgColor-default: #24273a;\n --codeMirror-gutterMarker-fgColor-muted: #6e738d;\n --codeMirror-lineNumber-fgColor: #b8c0e0;\n --codeMirror-cursor-fgColor: #cad3f5;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: #cad3f5;\n --codeMirror-lines-bgColor: #24273a;\n --codeMirror-syntax-fgColor-comment: #6e738d;\n --codeMirror-syntax-fgColor-constant: #8aadf4;\n --codeMirror-syntax-fgColor-entity: #8aadf4;\n --codeMirror-syntax-fgColor-keyword: #f5bde6;\n --codeMirror-syntax-fgColor-storage: #f5a97f;\n --codeMirror-syntax-fgColor-string: #a6da95;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: #f5a97f;\n --header-fgColor-default: #cad3f5;\n --header-fgColor-logo: #cad3f5;\n --header-bgColor: #181926;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: #1e2030;\n --headerSearch-borderColor: #363a4f;\n --avatar-bgColor: rgba(202, 211, 245, 0.26);\n --avatar-borderColor: #363a4f;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: #494d64;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: #ed8796;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: #494d64;\n --control-bgColor-disabled: rgba(30, 32, 48, 0.6);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: #cad3f5;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: rgba(165, 173, 203, 0.7);\n --control-borderColor-rest: #494d64;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: rgba(73, 77, 100, 0.75);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: rgba(91, 96, 120, 0.2);\n --control-transparent-bgColor-active: rgba(110, 115, 141, 0.5);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: #ed8796;\n --control-danger-fgColor-hover: #181926;\n --control-danger-bgColor-hover: rgba(237, 135, 150, 0.8);\n --control-danger-bgColor-active: #ed8796;\n --control-checked-bgColor-rest: #b7bdf8;\n --control-checked-bgColor-hover: #ced2fa;\n --control-checked-bgColor-active: #ced2fa;\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: #181926;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: #b7bdf8;\n --control-checked-borderColor-hover: #b7bdf8;\n --control-checked-borderColor-active: #b7bdf8;\n --control-checked-borderColor-disabled: #363a4f;\n --controlTrack-bgColor-rest: #363a4f;\n --controlTrack-bgColor-hover: #494d64;\n --controlTrack-bgColor-active: #5b6078;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: #cad3f5;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: #24273a;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: #cad3f5;\n --controlKnob-borderColor-rest: #5b6078;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: #8aadf4;\n --button-default-fgColor-rest: #cad3f5;\n --button-default-bgColor-rest: #363a4f;\n --button-default-bgColor-hover: #494d64;\n --button-default-bgColor-active: #5b6078;\n --button-default-bgColor-selected: #5b6078;\n --button-default-bgColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-borderColor-rest: #494d64;\n --button-default-borderColor-hover: #494d64;\n --button-default-borderColor-active: #494d64;\n --button-default-borderColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: #24273a;\n --button-primary-fgColor-disabled: rgba(36, 39, 58, 0.6);\n --button-primary-iconColor-rest: #24273a;\n --button-primary-bgColor-rest: #a6da95;\n --button-primary-bgColor-hover: #b6e1a8;\n --button-primary-bgColor-active: #a4de91;\n --button-primary-bgColor-disabled: rgba(166, 218, 149, 0.7);\n --button-primary-borderColor-rest: #a6da95;\n --button-primary-borderColor-hover: #a6da95;\n --button-primary-borderColor-active: #a6da95;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: #b7bdf8;\n --button-invisible-fgColor-hover: #e5e8fd;\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: #939ab7;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: rgba(73, 77, 100, 0.7);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: rgba(73, 77, 100, 0.7);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: #cad3f5;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: #494d64;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: #ed8796;\n --button-danger-fgColor-hover: #24273a;\n --button-danger-fgColor-active: #24273a;\n --button-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --button-danger-iconColor-rest: #ed8796;\n --button-danger-iconColor-hover: #181926;\n --button-danger-bgColor-rest: #363a4f;\n --button-danger-bgColor-hover: #ed8796;\n --button-danger-bgColor-active: #ea7183;\n --button-danger-bgColor-disabled: #24273a;\n --button-danger-borderColor-rest: #494d64;\n --button-danger-borderColor-hover: #5b6078;\n --button-danger-borderColor-active: #5b6078;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: #eed49f;\n --buttonCounter-default-bgColor-rest: #494d64;\n --buttonCounter-invisible-bgColor-rest: #494d64;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: rgba(202, 211, 245, 0.2);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: #ed8796;\n --buttonCounter-danger-fgColor-hover: #cad3f5;\n --buttonCounter-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --focus-outlineColor: #b7bdf8;\n --menu-bgColor-active: #1e2030;\n --overlay-bgColor: #24273a;\n --overlay-borderColor: #363a4f;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: #1e2030;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: #b7bdf8;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: rgba(183, 189, 248, 0.3);\n --reactionButton-selected-bgColor-rest: rgba(183, 189, 248, 0.2);\n --reactionButton-selected-bgColor-hover: rgba(183, 189, 248, 0.35);\n --reactionButton-selected-fgColor-rest: #b7bdf8;\n --reactionButton-selected-fgColor-hover: #b7bdf8;\n --fgColor-default: #cad3f5;\n --fgColor-muted: #b8c0e0;\n --fgColor-onEmphasis: #24273a;\n --fgColor-white: #cad3f5;\n --fgColor-disabled: #5b6078;\n --fgColor-link: #b7bdf8;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: #b7bdf8;\n --fgColor-success: #a6da95;\n --fgColor-attention: #eed49f;\n --fgColor-severe: #f5a97f;\n --fgColor-danger: #ed8796;\n --fgColor-open: #a6da95;\n --fgColor-closed: #ed8796;\n --fgColor-done: #c6a0f6;\n --fgColor-sponsors: #f5bde6;\n --bgColor-default: #24273a;\n --bgColor-muted: #1e2030;\n --bgColor-inset: #181926;\n --bgColor-emphasis: #939ab7;\n --bgColor-inverse: #cad3f5;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: #363a4f;\n --bgColor-neutral-emphasis: #a5adcb;\n --bgColor-accent-muted: rgba(183, 189, 248, 0.2);\n --bgColor-accent-emphasis: #b7bdf8;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: #a6da95;\n --bgColor-attention-muted: rgba(238, 212, 159, 0.15);\n --bgColor-attention-emphasis: #eed49f;\n --bgColor-severe-muted: rgba(245, 169, 127, 0.26);\n --bgColor-severe-emphasis: #f5a97f;\n --bgColor-danger-muted: rgba(237, 135, 150, 0.26);\n --bgColor-danger-emphasis: #ed8796;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: #a6da95;\n --bgColor-closed-muted: rgba(237, 135, 150, 0.15);\n --bgColor-closed-emphasis: #ed8796;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: #c6a0f6;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: #f5bde6;\n --borderColor-default: #494d64;\n --borderColor-muted: #363a4f;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: rgba(183, 189, 248, 0.5);\n --borderColor-accent-emphasis: #b7bdf8;\n --borderColor-success-muted: #96d382;\n --borderColor-success-emphasis: #a6da95;\n --borderColor-attention-muted: rgba(240, 198, 198, 0.3);\n --borderColor-attention-emphasis: #f0c6c6;\n --borderColor-severe-muted: #f5a97f;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: #ed8796;\n --borderColor-danger-emphasis: #ed8796;\n --borderColor-open-muted: #96d382;\n --borderColor-open-emphasis: #a6da95;\n --borderColor-closed-muted: #ed8796;\n --borderColor-closed-emphasis: #ed8796;\n --borderColor-done-muted: #b7bdf8;\n --borderColor-done-emphasis: #c6a0f6;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: #f5bde6;\n --color-ansi-black: #494d64;\n --color-ansi-black-bright: #5b6078;\n --color-ansi-gray: #5b6078;\n --color-ansi-white: #b8c0e0;\n --color-ansi-white-bright: #a5adcb;\n --color-ansi-red: #ed8796;\n --color-ansi-red-bright: #ed8796;\n --color-ansi-green: #a6da95;\n --color-ansi-green-bright: #a6da95;\n --color-ansi-yellow: #eed49f;\n --color-ansi-yellow-bright: #eed49f;\n --color-ansi-blue: #8aadf4;\n --color-ansi-blue-bright: #8aadf4;\n --color-ansi-magenta: #f5bde6;\n --color-ansi-magenta-bright: #f5bde6;\n --color-ansi-cyan: #8bd5ca;\n --color-ansi-cyan-bright: #8bd5ca;\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-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\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 --bgColor-white: #24273a;\n --color-scale-white: #24273a;\n --color-scale-gray-3: #939ab7;\n --color-scale-gray-5: #6e738d;\n --color-scale-gray-6: #494d64;\n --color-scale-gray-7: #494d64;\n --color-scale-blue-2: #91d7e3;\n --color-scale-blue-5: #8aadf4;\n --color-scale-green-3: #a6da95;\n --color-scale-green-4: #a6da95;\n --color-scale-yellow-3: #f5a97f;\n --color-scale-orange-4: #f5a97f;\n --color-scale-red-4: #ed8796;\n --shadow-inset: inset 0px 1px 0px 0px #181926;\n --shadow-resting-xsmall: 0px 1px 0px 0px #181926;\n --shadow-resting-small: 0px 1px 0px 0px #181926, 0px 1px 3px 0px #181926;\n --shadow-resting-medium: 0px 3px 6px 0px #181926;\n --shadow-floating-small: 0px 0px 0px 1px #24273a, 0px 6px 12px -3px #181926,\n 0px 6px 18px 0px #181926;\n --shadow-floating-medium: 0px 0px 0px 1px #363a4f,\n 0px 8px 16px -4px #181926, 0px 4px 32px -4px #181926,\n 0px 24px 48px -12px #181926, 0px 48px 96px -24px #181926;\n --shadow-floating-large: 0px 0px 0px 1px #363a4f,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px #363a4f,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px #181926, 0px 6px 18px 0px #181926;\n --outline-focus: #8aadf4 solid 2px;\n /* Header when logged out */\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] input::placeholder,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] textarea::placeholder {\n color: #a5adcb !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .cm-placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .form-select {\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23a5adcb%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.427%209.427%203.396%203.396a.25.25%200%200%200%20.354%200l3.396-3.396A.25.25%200%200%200%2011.396%209H4.604a.25.25%200%200%200-.177.427M4.423%206.47%207.82%203.072a.25.25%200%200%201%20.354%200L11.57%206.47a.25.25%200%200%201-.177.427H4.6a.25.25%200%200%201-.177-.427%22/%3E%3C/svg%3E\");\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .HeaderMenu-link {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .HeaderMenu-link:hover {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .header-search-button.placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .HeaderMenu-toggle-bar {\n background-color: #cad3f5;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .notification-indicator .mail-status {\n background-image: linear-gradient(#b7bdf8, #a0a8f6);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-r {\n color: var(--color-ansi-red);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-g {\n color: var(--color-ansi-green);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-b {\n color: var(--color-ansi-blue);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] {\n color-scheme: dark;\n accent-color: #b7bdf8;\n color: #cad3f5;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n --color-notifications-button-hover-bg: rgba(183, 189, 248, 0.6);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-halloween-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-halloween-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-winter-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-winter-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-winter-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-winter-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: rgba(238, 212, 159, 0.3);\n --page-header-bgColor: #181926;\n --diffBlob-addition-fgColor-text: #cad3f5;\n --diffBlob-addition-fgColor-num: #cad3f5;\n --diffBlob-addition-bgColor-num: rgba(166, 218, 149, 0.3);\n --diffBlob-addition-bgColor-line: rgba(166, 218, 149, 0.15);\n --diffBlob-addition-bgColor-word: rgba(166, 218, 149, 0.3);\n --diffBlob-deletion-fgColor-text: #cad3f5;\n --diffBlob-deletion-fgColor-num: #cad3f5;\n --diffBlob-deletion-bgColor-num: rgba(237, 135, 150, 0.3);\n --diffBlob-deletion-bgColor-line: rgba(237, 135, 150, 0.15);\n --diffBlob-deletion-bgColor-word: rgba(237, 135, 150, 0.3);\n --diffBlob-hunk-bgColor-num: rgba(183, 189, 248, 0.4);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: #cad3f5;\n --codeMirror-bgColor: #24273a;\n --codeMirror-gutters-bgColor: #24273a;\n --codeMirror-gutterMarker-fgColor-default: #24273a;\n --codeMirror-gutterMarker-fgColor-muted: #6e738d;\n --codeMirror-lineNumber-fgColor: #b8c0e0;\n --codeMirror-cursor-fgColor: #cad3f5;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: #cad3f5;\n --codeMirror-lines-bgColor: #24273a;\n --codeMirror-syntax-fgColor-comment: #6e738d;\n --codeMirror-syntax-fgColor-constant: #8aadf4;\n --codeMirror-syntax-fgColor-entity: #8aadf4;\n --codeMirror-syntax-fgColor-keyword: #f5bde6;\n --codeMirror-syntax-fgColor-storage: #f5a97f;\n --codeMirror-syntax-fgColor-string: #a6da95;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: #f5a97f;\n --header-fgColor-default: #cad3f5;\n --header-fgColor-logo: #cad3f5;\n --header-bgColor: #181926;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: #1e2030;\n --headerSearch-borderColor: #363a4f;\n --avatar-bgColor: rgba(202, 211, 245, 0.26);\n --avatar-borderColor: #363a4f;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: #494d64;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: #ed8796;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: #494d64;\n --control-bgColor-disabled: rgba(30, 32, 48, 0.6);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: #cad3f5;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: rgba(165, 173, 203, 0.7);\n --control-borderColor-rest: #494d64;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: rgba(73, 77, 100, 0.75);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: rgba(91, 96, 120, 0.2);\n --control-transparent-bgColor-active: rgba(110, 115, 141, 0.5);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: #ed8796;\n --control-danger-fgColor-hover: #181926;\n --control-danger-bgColor-hover: rgba(237, 135, 150, 0.8);\n --control-danger-bgColor-active: #ed8796;\n --control-checked-bgColor-rest: #b7bdf8;\n --control-checked-bgColor-hover: #ced2fa;\n --control-checked-bgColor-active: #ced2fa;\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: #181926;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: #b7bdf8;\n --control-checked-borderColor-hover: #b7bdf8;\n --control-checked-borderColor-active: #b7bdf8;\n --control-checked-borderColor-disabled: #363a4f;\n --controlTrack-bgColor-rest: #363a4f;\n --controlTrack-bgColor-hover: #494d64;\n --controlTrack-bgColor-active: #5b6078;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: #cad3f5;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: #24273a;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: #cad3f5;\n --controlKnob-borderColor-rest: #5b6078;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: #8aadf4;\n --button-default-fgColor-rest: #cad3f5;\n --button-default-bgColor-rest: #363a4f;\n --button-default-bgColor-hover: #494d64;\n --button-default-bgColor-active: #5b6078;\n --button-default-bgColor-selected: #5b6078;\n --button-default-bgColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-borderColor-rest: #494d64;\n --button-default-borderColor-hover: #494d64;\n --button-default-borderColor-active: #494d64;\n --button-default-borderColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: #24273a;\n --button-primary-fgColor-disabled: rgba(36, 39, 58, 0.6);\n --button-primary-iconColor-rest: #24273a;\n --button-primary-bgColor-rest: #a6da95;\n --button-primary-bgColor-hover: #b6e1a8;\n --button-primary-bgColor-active: #a4de91;\n --button-primary-bgColor-disabled: rgba(166, 218, 149, 0.7);\n --button-primary-borderColor-rest: #a6da95;\n --button-primary-borderColor-hover: #a6da95;\n --button-primary-borderColor-active: #a6da95;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: #b7bdf8;\n --button-invisible-fgColor-hover: #e5e8fd;\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: #939ab7;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: rgba(73, 77, 100, 0.7);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: rgba(73, 77, 100, 0.7);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: #cad3f5;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: #494d64;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: #ed8796;\n --button-danger-fgColor-hover: #24273a;\n --button-danger-fgColor-active: #24273a;\n --button-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --button-danger-iconColor-rest: #ed8796;\n --button-danger-iconColor-hover: #181926;\n --button-danger-bgColor-rest: #363a4f;\n --button-danger-bgColor-hover: #ed8796;\n --button-danger-bgColor-active: #ea7183;\n --button-danger-bgColor-disabled: #24273a;\n --button-danger-borderColor-rest: #494d64;\n --button-danger-borderColor-hover: #5b6078;\n --button-danger-borderColor-active: #5b6078;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: #eed49f;\n --buttonCounter-default-bgColor-rest: #494d64;\n --buttonCounter-invisible-bgColor-rest: #494d64;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: rgba(202, 211, 245, 0.2);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: #ed8796;\n --buttonCounter-danger-fgColor-hover: #cad3f5;\n --buttonCounter-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --focus-outlineColor: #b7bdf8;\n --menu-bgColor-active: #1e2030;\n --overlay-bgColor: #24273a;\n --overlay-borderColor: #363a4f;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: #1e2030;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: #b7bdf8;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: rgba(183, 189, 248, 0.3);\n --reactionButton-selected-bgColor-rest: rgba(183, 189, 248, 0.2);\n --reactionButton-selected-bgColor-hover: rgba(183, 189, 248, 0.35);\n --reactionButton-selected-fgColor-rest: #b7bdf8;\n --reactionButton-selected-fgColor-hover: #b7bdf8;\n --fgColor-default: #cad3f5;\n --fgColor-muted: #b8c0e0;\n --fgColor-onEmphasis: #24273a;\n --fgColor-white: #cad3f5;\n --fgColor-disabled: #5b6078;\n --fgColor-link: #b7bdf8;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: #b7bdf8;\n --fgColor-success: #a6da95;\n --fgColor-attention: #eed49f;\n --fgColor-severe: #f5a97f;\n --fgColor-danger: #ed8796;\n --fgColor-open: #a6da95;\n --fgColor-closed: #ed8796;\n --fgColor-done: #c6a0f6;\n --fgColor-sponsors: #f5bde6;\n --bgColor-default: #24273a;\n --bgColor-muted: #1e2030;\n --bgColor-inset: #181926;\n --bgColor-emphasis: #939ab7;\n --bgColor-inverse: #cad3f5;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: #363a4f;\n --bgColor-neutral-emphasis: #a5adcb;\n --bgColor-accent-muted: rgba(183, 189, 248, 0.2);\n --bgColor-accent-emphasis: #b7bdf8;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: #a6da95;\n --bgColor-attention-muted: rgba(238, 212, 159, 0.15);\n --bgColor-attention-emphasis: #eed49f;\n --bgColor-severe-muted: rgba(245, 169, 127, 0.26);\n --bgColor-severe-emphasis: #f5a97f;\n --bgColor-danger-muted: rgba(237, 135, 150, 0.26);\n --bgColor-danger-emphasis: #ed8796;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: #a6da95;\n --bgColor-closed-muted: rgba(237, 135, 150, 0.15);\n --bgColor-closed-emphasis: #ed8796;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: #c6a0f6;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: #f5bde6;\n --borderColor-default: #494d64;\n --borderColor-muted: #363a4f;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: rgba(183, 189, 248, 0.5);\n --borderColor-accent-emphasis: #b7bdf8;\n --borderColor-success-muted: #96d382;\n --borderColor-success-emphasis: #a6da95;\n --borderColor-attention-muted: rgba(240, 198, 198, 0.3);\n --borderColor-attention-emphasis: #f0c6c6;\n --borderColor-severe-muted: #f5a97f;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: #ed8796;\n --borderColor-danger-emphasis: #ed8796;\n --borderColor-open-muted: #96d382;\n --borderColor-open-emphasis: #a6da95;\n --borderColor-closed-muted: #ed8796;\n --borderColor-closed-emphasis: #ed8796;\n --borderColor-done-muted: #b7bdf8;\n --borderColor-done-emphasis: #c6a0f6;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: #f5bde6;\n --color-ansi-black: #494d64;\n --color-ansi-black-bright: #5b6078;\n --color-ansi-gray: #5b6078;\n --color-ansi-white: #b8c0e0;\n --color-ansi-white-bright: #a5adcb;\n --color-ansi-red: #ed8796;\n --color-ansi-red-bright: #ed8796;\n --color-ansi-green: #a6da95;\n --color-ansi-green-bright: #a6da95;\n --color-ansi-yellow: #eed49f;\n --color-ansi-yellow-bright: #eed49f;\n --color-ansi-blue: #8aadf4;\n --color-ansi-blue-bright: #8aadf4;\n --color-ansi-magenta: #f5bde6;\n --color-ansi-magenta-bright: #f5bde6;\n --color-ansi-cyan: #8bd5ca;\n --color-ansi-cyan-bright: #8bd5ca;\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-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\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 --bgColor-white: #24273a;\n --color-scale-white: #24273a;\n --color-scale-gray-3: #939ab7;\n --color-scale-gray-5: #6e738d;\n --color-scale-gray-6: #494d64;\n --color-scale-gray-7: #494d64;\n --color-scale-blue-2: #91d7e3;\n --color-scale-blue-5: #8aadf4;\n --color-scale-green-3: #a6da95;\n --color-scale-green-4: #a6da95;\n --color-scale-yellow-3: #f5a97f;\n --color-scale-orange-4: #f5a97f;\n --color-scale-red-4: #ed8796;\n --shadow-inset: inset 0px 1px 0px 0px #181926;\n --shadow-resting-xsmall: 0px 1px 0px 0px #181926;\n --shadow-resting-small: 0px 1px 0px 0px #181926, 0px 1px 3px 0px #181926;\n --shadow-resting-medium: 0px 3px 6px 0px #181926;\n --shadow-floating-small: 0px 0px 0px 1px #24273a, 0px 6px 12px -3px #181926,\n 0px 6px 18px 0px #181926;\n --shadow-floating-medium: 0px 0px 0px 1px #363a4f,\n 0px 8px 16px -4px #181926, 0px 4px 32px -4px #181926,\n 0px 24px 48px -12px #181926, 0px 48px 96px -24px #181926;\n --shadow-floating-large: 0px 0px 0px 1px #363a4f,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px #363a4f,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px #181926, 0px 6px 18px 0px #181926;\n --outline-focus: #8aadf4 solid 2px;\n /* Header when logged out */\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] input::placeholder,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] textarea::placeholder {\n color: #a5adcb !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .cm-placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .form-select {\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23a5adcb%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.427%209.427%203.396%203.396a.25.25%200%200%200%20.354%200l3.396-3.396A.25.25%200%200%200%2011.396%209H4.604a.25.25%200%200%200-.177.427M4.423%206.47%207.82%203.072a.25.25%200%200%201%20.354%200L11.57%206.47a.25.25%200%200%201-.177.427H4.6a.25.25%200%200%201-.177-.427%22/%3E%3C/svg%3E\");\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .HeaderMenu-link {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .HeaderMenu-link:hover {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .header-search-button.placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .HeaderMenu-toggle-bar {\n background-color: #cad3f5;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .notification-indicator .mail-status {\n background-image: linear-gradient(#b7bdf8, #a0a8f6);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-r {\n color: var(--color-ansi-red);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-g {\n color: var(--color-ansi-green);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-b {\n color: var(--color-ansi-blue);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n color-scheme: dark;\n accent-color: #b7bdf8;\n color: #cad3f5;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n --color-notifications-button-hover-bg: rgba(183, 189, 248, 0.6);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-halloween-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-halloween-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-winter-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-winter-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-winter-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-winter-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: rgba(238, 212, 159, 0.3);\n --page-header-bgColor: #181926;\n --diffBlob-addition-fgColor-text: #cad3f5;\n --diffBlob-addition-fgColor-num: #cad3f5;\n --diffBlob-addition-bgColor-num: rgba(166, 218, 149, 0.3);\n --diffBlob-addition-bgColor-line: rgba(166, 218, 149, 0.15);\n --diffBlob-addition-bgColor-word: rgba(166, 218, 149, 0.3);\n --diffBlob-deletion-fgColor-text: #cad3f5;\n --diffBlob-deletion-fgColor-num: #cad3f5;\n --diffBlob-deletion-bgColor-num: rgba(237, 135, 150, 0.3);\n --diffBlob-deletion-bgColor-line: rgba(237, 135, 150, 0.15);\n --diffBlob-deletion-bgColor-word: rgba(237, 135, 150, 0.3);\n --diffBlob-hunk-bgColor-num: rgba(183, 189, 248, 0.4);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: #cad3f5;\n --codeMirror-bgColor: #24273a;\n --codeMirror-gutters-bgColor: #24273a;\n --codeMirror-gutterMarker-fgColor-default: #24273a;\n --codeMirror-gutterMarker-fgColor-muted: #6e738d;\n --codeMirror-lineNumber-fgColor: #b8c0e0;\n --codeMirror-cursor-fgColor: #cad3f5;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: #cad3f5;\n --codeMirror-lines-bgColor: #24273a;\n --codeMirror-syntax-fgColor-comment: #6e738d;\n --codeMirror-syntax-fgColor-constant: #8aadf4;\n --codeMirror-syntax-fgColor-entity: #8aadf4;\n --codeMirror-syntax-fgColor-keyword: #f5bde6;\n --codeMirror-syntax-fgColor-storage: #f5a97f;\n --codeMirror-syntax-fgColor-string: #a6da95;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: #f5a97f;\n --header-fgColor-default: #cad3f5;\n --header-fgColor-logo: #cad3f5;\n --header-bgColor: #181926;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: #1e2030;\n --headerSearch-borderColor: #363a4f;\n --avatar-bgColor: rgba(202, 211, 245, 0.26);\n --avatar-borderColor: #363a4f;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: #494d64;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: #ed8796;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: #494d64;\n --control-bgColor-disabled: rgba(30, 32, 48, 0.6);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: #cad3f5;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: rgba(165, 173, 203, 0.7);\n --control-borderColor-rest: #494d64;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: rgba(73, 77, 100, 0.75);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: rgba(91, 96, 120, 0.2);\n --control-transparent-bgColor-active: rgba(110, 115, 141, 0.5);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: #ed8796;\n --control-danger-fgColor-hover: #181926;\n --control-danger-bgColor-hover: rgba(237, 135, 150, 0.8);\n --control-danger-bgColor-active: #ed8796;\n --control-checked-bgColor-rest: #b7bdf8;\n --control-checked-bgColor-hover: #ced2fa;\n --control-checked-bgColor-active: #ced2fa;\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: #181926;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: #b7bdf8;\n --control-checked-borderColor-hover: #b7bdf8;\n --control-checked-borderColor-active: #b7bdf8;\n --control-checked-borderColor-disabled: #363a4f;\n --controlTrack-bgColor-rest: #363a4f;\n --controlTrack-bgColor-hover: #494d64;\n --controlTrack-bgColor-active: #5b6078;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: #cad3f5;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: #24273a;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: #cad3f5;\n --controlKnob-borderColor-rest: #5b6078;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: #8aadf4;\n --button-default-fgColor-rest: #cad3f5;\n --button-default-bgColor-rest: #363a4f;\n --button-default-bgColor-hover: #494d64;\n --button-default-bgColor-active: #5b6078;\n --button-default-bgColor-selected: #5b6078;\n --button-default-bgColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-borderColor-rest: #494d64;\n --button-default-borderColor-hover: #494d64;\n --button-default-borderColor-active: #494d64;\n --button-default-borderColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: #24273a;\n --button-primary-fgColor-disabled: rgba(36, 39, 58, 0.6);\n --button-primary-iconColor-rest: #24273a;\n --button-primary-bgColor-rest: #a6da95;\n --button-primary-bgColor-hover: #b6e1a8;\n --button-primary-bgColor-active: #a4de91;\n --button-primary-bgColor-disabled: rgba(166, 218, 149, 0.7);\n --button-primary-borderColor-rest: #a6da95;\n --button-primary-borderColor-hover: #a6da95;\n --button-primary-borderColor-active: #a6da95;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: #b7bdf8;\n --button-invisible-fgColor-hover: #e5e8fd;\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: #939ab7;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: rgba(73, 77, 100, 0.7);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: rgba(73, 77, 100, 0.7);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: #cad3f5;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: #494d64;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: #ed8796;\n --button-danger-fgColor-hover: #24273a;\n --button-danger-fgColor-active: #24273a;\n --button-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --button-danger-iconColor-rest: #ed8796;\n --button-danger-iconColor-hover: #181926;\n --button-danger-bgColor-rest: #363a4f;\n --button-danger-bgColor-hover: #ed8796;\n --button-danger-bgColor-active: #ea7183;\n --button-danger-bgColor-disabled: #24273a;\n --button-danger-borderColor-rest: #494d64;\n --button-danger-borderColor-hover: #5b6078;\n --button-danger-borderColor-active: #5b6078;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: #eed49f;\n --buttonCounter-default-bgColor-rest: #494d64;\n --buttonCounter-invisible-bgColor-rest: #494d64;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: rgba(202, 211, 245, 0.2);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: #ed8796;\n --buttonCounter-danger-fgColor-hover: #cad3f5;\n --buttonCounter-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --focus-outlineColor: #b7bdf8;\n --menu-bgColor-active: #1e2030;\n --overlay-bgColor: #24273a;\n --overlay-borderColor: #363a4f;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: #1e2030;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: #b7bdf8;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: rgba(183, 189, 248, 0.3);\n --reactionButton-selected-bgColor-rest: rgba(183, 189, 248, 0.2);\n --reactionButton-selected-bgColor-hover: rgba(183, 189, 248, 0.35);\n --reactionButton-selected-fgColor-rest: #b7bdf8;\n --reactionButton-selected-fgColor-hover: #b7bdf8;\n --fgColor-default: #cad3f5;\n --fgColor-muted: #b8c0e0;\n --fgColor-onEmphasis: #24273a;\n --fgColor-white: #cad3f5;\n --fgColor-disabled: #5b6078;\n --fgColor-link: #b7bdf8;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: #b7bdf8;\n --fgColor-success: #a6da95;\n --fgColor-attention: #eed49f;\n --fgColor-severe: #f5a97f;\n --fgColor-danger: #ed8796;\n --fgColor-open: #a6da95;\n --fgColor-closed: #ed8796;\n --fgColor-done: #c6a0f6;\n --fgColor-sponsors: #f5bde6;\n --bgColor-default: #24273a;\n --bgColor-muted: #1e2030;\n --bgColor-inset: #181926;\n --bgColor-emphasis: #939ab7;\n --bgColor-inverse: #cad3f5;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: #363a4f;\n --bgColor-neutral-emphasis: #a5adcb;\n --bgColor-accent-muted: rgba(183, 189, 248, 0.2);\n --bgColor-accent-emphasis: #b7bdf8;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: #a6da95;\n --bgColor-attention-muted: rgba(238, 212, 159, 0.15);\n --bgColor-attention-emphasis: #eed49f;\n --bgColor-severe-muted: rgba(245, 169, 127, 0.26);\n --bgColor-severe-emphasis: #f5a97f;\n --bgColor-danger-muted: rgba(237, 135, 150, 0.26);\n --bgColor-danger-emphasis: #ed8796;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: #a6da95;\n --bgColor-closed-muted: rgba(237, 135, 150, 0.15);\n --bgColor-closed-emphasis: #ed8796;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: #c6a0f6;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: #f5bde6;\n --borderColor-default: #494d64;\n --borderColor-muted: #363a4f;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: rgba(183, 189, 248, 0.5);\n --borderColor-accent-emphasis: #b7bdf8;\n --borderColor-success-muted: #96d382;\n --borderColor-success-emphasis: #a6da95;\n --borderColor-attention-muted: rgba(240, 198, 198, 0.3);\n --borderColor-attention-emphasis: #f0c6c6;\n --borderColor-severe-muted: #f5a97f;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: #ed8796;\n --borderColor-danger-emphasis: #ed8796;\n --borderColor-open-muted: #96d382;\n --borderColor-open-emphasis: #a6da95;\n --borderColor-closed-muted: #ed8796;\n --borderColor-closed-emphasis: #ed8796;\n --borderColor-done-muted: #b7bdf8;\n --borderColor-done-emphasis: #c6a0f6;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: #f5bde6;\n --color-ansi-black: #494d64;\n --color-ansi-black-bright: #5b6078;\n --color-ansi-gray: #5b6078;\n --color-ansi-white: #b8c0e0;\n --color-ansi-white-bright: #a5adcb;\n --color-ansi-red: #ed8796;\n --color-ansi-red-bright: #ed8796;\n --color-ansi-green: #a6da95;\n --color-ansi-green-bright: #a6da95;\n --color-ansi-yellow: #eed49f;\n --color-ansi-yellow-bright: #eed49f;\n --color-ansi-blue: #8aadf4;\n --color-ansi-blue-bright: #8aadf4;\n --color-ansi-magenta: #f5bde6;\n --color-ansi-magenta-bright: #f5bde6;\n --color-ansi-cyan: #8bd5ca;\n --color-ansi-cyan-bright: #8bd5ca;\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-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\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 --bgColor-white: #24273a;\n --color-scale-white: #24273a;\n --color-scale-gray-3: #939ab7;\n --color-scale-gray-5: #6e738d;\n --color-scale-gray-6: #494d64;\n --color-scale-gray-7: #494d64;\n --color-scale-blue-2: #91d7e3;\n --color-scale-blue-5: #8aadf4;\n --color-scale-green-3: #a6da95;\n --color-scale-green-4: #a6da95;\n --color-scale-yellow-3: #f5a97f;\n --color-scale-orange-4: #f5a97f;\n --color-scale-red-4: #ed8796;\n --shadow-inset: inset 0px 1px 0px 0px #181926;\n --shadow-resting-xsmall: 0px 1px 0px 0px #181926;\n --shadow-resting-small: 0px 1px 0px 0px #181926, 0px 1px 3px 0px #181926;\n --shadow-resting-medium: 0px 3px 6px 0px #181926;\n --shadow-floating-small: 0px 0px 0px 1px #24273a, 0px 6px 12px -3px #181926,\n 0px 6px 18px 0px #181926;\n --shadow-floating-medium: 0px 0px 0px 1px #363a4f,\n 0px 8px 16px -4px #181926, 0px 4px 32px -4px #181926,\n 0px 24px 48px -12px #181926, 0px 48px 96px -24px #181926;\n --shadow-floating-large: 0px 0px 0px 1px #363a4f,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px #363a4f,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px #181926, 0px 6px 18px 0px #181926;\n --outline-focus: #8aadf4 solid 2px;\n /* Header when logged out */\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] ::selection,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] input::placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] input::placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] textarea::placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] textarea::placeholder {\n color: #a5adcb !important;\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .cm-placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .cm-placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .turbo-progress-bar,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .form-select,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .form-select {\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23a5adcb%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.427%209.427%203.396%203.396a.25.25%200%200%200%20.354%200l3.396-3.396A.25.25%200%200%200%2011.396%209H4.604a.25.25%200%200%200-.177.427M4.423%206.47%207.82%203.072a.25.25%200%200%201%20.354%200L11.57%206.47a.25.25%200%200%201-.177.427H4.6a.25.25%200%200%201-.177-.427%22/%3E%3C/svg%3E\");\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .HeaderMenu-link,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .HeaderMenu-link {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .HeaderMenu-link:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .HeaderMenu-link:hover {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .header-search-button.placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .header-search-button.placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .HeaderMenu-toggle-bar,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .HeaderMenu-toggle-bar {\n background-color: #cad3f5;\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .notification-indicator .mail-status,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .notification-indicator .mail-status {\n background-image: linear-gradient(#b7bdf8, #a0a8f6);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-r,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-r {\n color: var(--color-ansi-red);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-y,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-g,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-g {\n color: var(--color-ansi-green);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-b,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-b {\n color: var(--color-ansi-blue);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-c,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-m,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-gr,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n color-scheme: dark;\n accent-color: #b7bdf8;\n color: #cad3f5;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n --color-notifications-button-hover-bg: rgba(183, 189, 248, 0.6);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-halloween-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-halloween-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-winter-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-winter-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-winter-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-winter-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: rgba(238, 212, 159, 0.3);\n --page-header-bgColor: #181926;\n --diffBlob-addition-fgColor-text: #cad3f5;\n --diffBlob-addition-fgColor-num: #cad3f5;\n --diffBlob-addition-bgColor-num: rgba(166, 218, 149, 0.3);\n --diffBlob-addition-bgColor-line: rgba(166, 218, 149, 0.15);\n --diffBlob-addition-bgColor-word: rgba(166, 218, 149, 0.3);\n --diffBlob-deletion-fgColor-text: #cad3f5;\n --diffBlob-deletion-fgColor-num: #cad3f5;\n --diffBlob-deletion-bgColor-num: rgba(237, 135, 150, 0.3);\n --diffBlob-deletion-bgColor-line: rgba(237, 135, 150, 0.15);\n --diffBlob-deletion-bgColor-word: rgba(237, 135, 150, 0.3);\n --diffBlob-hunk-bgColor-num: rgba(183, 189, 248, 0.4);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: #cad3f5;\n --codeMirror-bgColor: #24273a;\n --codeMirror-gutters-bgColor: #24273a;\n --codeMirror-gutterMarker-fgColor-default: #24273a;\n --codeMirror-gutterMarker-fgColor-muted: #6e738d;\n --codeMirror-lineNumber-fgColor: #b8c0e0;\n --codeMirror-cursor-fgColor: #cad3f5;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: #cad3f5;\n --codeMirror-lines-bgColor: #24273a;\n --codeMirror-syntax-fgColor-comment: #6e738d;\n --codeMirror-syntax-fgColor-constant: #8aadf4;\n --codeMirror-syntax-fgColor-entity: #8aadf4;\n --codeMirror-syntax-fgColor-keyword: #f5bde6;\n --codeMirror-syntax-fgColor-storage: #f5a97f;\n --codeMirror-syntax-fgColor-string: #a6da95;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: #f5a97f;\n --header-fgColor-default: #cad3f5;\n --header-fgColor-logo: #cad3f5;\n --header-bgColor: #181926;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: #1e2030;\n --headerSearch-borderColor: #363a4f;\n --avatar-bgColor: rgba(202, 211, 245, 0.26);\n --avatar-borderColor: #363a4f;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: #494d64;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: #ed8796;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: #494d64;\n --control-bgColor-disabled: rgba(30, 32, 48, 0.6);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: #cad3f5;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: rgba(165, 173, 203, 0.7);\n --control-borderColor-rest: #494d64;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: rgba(73, 77, 100, 0.75);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: rgba(91, 96, 120, 0.2);\n --control-transparent-bgColor-active: rgba(110, 115, 141, 0.5);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: #ed8796;\n --control-danger-fgColor-hover: #181926;\n --control-danger-bgColor-hover: rgba(237, 135, 150, 0.8);\n --control-danger-bgColor-active: #ed8796;\n --control-checked-bgColor-rest: #b7bdf8;\n --control-checked-bgColor-hover: #ced2fa;\n --control-checked-bgColor-active: #ced2fa;\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: #181926;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: #b7bdf8;\n --control-checked-borderColor-hover: #b7bdf8;\n --control-checked-borderColor-active: #b7bdf8;\n --control-checked-borderColor-disabled: #363a4f;\n --controlTrack-bgColor-rest: #363a4f;\n --controlTrack-bgColor-hover: #494d64;\n --controlTrack-bgColor-active: #5b6078;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: #cad3f5;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: #24273a;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: #cad3f5;\n --controlKnob-borderColor-rest: #5b6078;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: #8aadf4;\n --button-default-fgColor-rest: #cad3f5;\n --button-default-bgColor-rest: #363a4f;\n --button-default-bgColor-hover: #494d64;\n --button-default-bgColor-active: #5b6078;\n --button-default-bgColor-selected: #5b6078;\n --button-default-bgColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-borderColor-rest: #494d64;\n --button-default-borderColor-hover: #494d64;\n --button-default-borderColor-active: #494d64;\n --button-default-borderColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: #24273a;\n --button-primary-fgColor-disabled: rgba(36, 39, 58, 0.6);\n --button-primary-iconColor-rest: #24273a;\n --button-primary-bgColor-rest: #a6da95;\n --button-primary-bgColor-hover: #b6e1a8;\n --button-primary-bgColor-active: #a4de91;\n --button-primary-bgColor-disabled: rgba(166, 218, 149, 0.7);\n --button-primary-borderColor-rest: #a6da95;\n --button-primary-borderColor-hover: #a6da95;\n --button-primary-borderColor-active: #a6da95;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: #b7bdf8;\n --button-invisible-fgColor-hover: #e5e8fd;\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: #939ab7;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: rgba(73, 77, 100, 0.7);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: rgba(73, 77, 100, 0.7);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: #cad3f5;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: #494d64;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: #ed8796;\n --button-danger-fgColor-hover: #24273a;\n --button-danger-fgColor-active: #24273a;\n --button-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --button-danger-iconColor-rest: #ed8796;\n --button-danger-iconColor-hover: #181926;\n --button-danger-bgColor-rest: #363a4f;\n --button-danger-bgColor-hover: #ed8796;\n --button-danger-bgColor-active: #ea7183;\n --button-danger-bgColor-disabled: #24273a;\n --button-danger-borderColor-rest: #494d64;\n --button-danger-borderColor-hover: #5b6078;\n --button-danger-borderColor-active: #5b6078;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: #eed49f;\n --buttonCounter-default-bgColor-rest: #494d64;\n --buttonCounter-invisible-bgColor-rest: #494d64;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: rgba(202, 211, 245, 0.2);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: #ed8796;\n --buttonCounter-danger-fgColor-hover: #cad3f5;\n --buttonCounter-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --focus-outlineColor: #b7bdf8;\n --menu-bgColor-active: #1e2030;\n --overlay-bgColor: #24273a;\n --overlay-borderColor: #363a4f;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: #1e2030;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: #b7bdf8;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: rgba(183, 189, 248, 0.3);\n --reactionButton-selected-bgColor-rest: rgba(183, 189, 248, 0.2);\n --reactionButton-selected-bgColor-hover: rgba(183, 189, 248, 0.35);\n --reactionButton-selected-fgColor-rest: #b7bdf8;\n --reactionButton-selected-fgColor-hover: #b7bdf8;\n --fgColor-default: #cad3f5;\n --fgColor-muted: #b8c0e0;\n --fgColor-onEmphasis: #24273a;\n --fgColor-white: #cad3f5;\n --fgColor-disabled: #5b6078;\n --fgColor-link: #b7bdf8;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: #b7bdf8;\n --fgColor-success: #a6da95;\n --fgColor-attention: #eed49f;\n --fgColor-severe: #f5a97f;\n --fgColor-danger: #ed8796;\n --fgColor-open: #a6da95;\n --fgColor-closed: #ed8796;\n --fgColor-done: #c6a0f6;\n --fgColor-sponsors: #f5bde6;\n --bgColor-default: #24273a;\n --bgColor-muted: #1e2030;\n --bgColor-inset: #181926;\n --bgColor-emphasis: #939ab7;\n --bgColor-inverse: #cad3f5;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: #363a4f;\n --bgColor-neutral-emphasis: #a5adcb;\n --bgColor-accent-muted: rgba(183, 189, 248, 0.2);\n --bgColor-accent-emphasis: #b7bdf8;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: #a6da95;\n --bgColor-attention-muted: rgba(238, 212, 159, 0.15);\n --bgColor-attention-emphasis: #eed49f;\n --bgColor-severe-muted: rgba(245, 169, 127, 0.26);\n --bgColor-severe-emphasis: #f5a97f;\n --bgColor-danger-muted: rgba(237, 135, 150, 0.26);\n --bgColor-danger-emphasis: #ed8796;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: #a6da95;\n --bgColor-closed-muted: rgba(237, 135, 150, 0.15);\n --bgColor-closed-emphasis: #ed8796;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: #c6a0f6;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: #f5bde6;\n --borderColor-default: #494d64;\n --borderColor-muted: #363a4f;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: rgba(183, 189, 248, 0.5);\n --borderColor-accent-emphasis: #b7bdf8;\n --borderColor-success-muted: #96d382;\n --borderColor-success-emphasis: #a6da95;\n --borderColor-attention-muted: rgba(240, 198, 198, 0.3);\n --borderColor-attention-emphasis: #f0c6c6;\n --borderColor-severe-muted: #f5a97f;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: #ed8796;\n --borderColor-danger-emphasis: #ed8796;\n --borderColor-open-muted: #96d382;\n --borderColor-open-emphasis: #a6da95;\n --borderColor-closed-muted: #ed8796;\n --borderColor-closed-emphasis: #ed8796;\n --borderColor-done-muted: #b7bdf8;\n --borderColor-done-emphasis: #c6a0f6;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: #f5bde6;\n --color-ansi-black: #494d64;\n --color-ansi-black-bright: #5b6078;\n --color-ansi-gray: #5b6078;\n --color-ansi-white: #b8c0e0;\n --color-ansi-white-bright: #a5adcb;\n --color-ansi-red: #ed8796;\n --color-ansi-red-bright: #ed8796;\n --color-ansi-green: #a6da95;\n --color-ansi-green-bright: #a6da95;\n --color-ansi-yellow: #eed49f;\n --color-ansi-yellow-bright: #eed49f;\n --color-ansi-blue: #8aadf4;\n --color-ansi-blue-bright: #8aadf4;\n --color-ansi-magenta: #f5bde6;\n --color-ansi-magenta-bright: #f5bde6;\n --color-ansi-cyan: #8bd5ca;\n --color-ansi-cyan-bright: #8bd5ca;\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-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\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 --bgColor-white: #24273a;\n --color-scale-white: #24273a;\n --color-scale-gray-3: #939ab7;\n --color-scale-gray-5: #6e738d;\n --color-scale-gray-6: #494d64;\n --color-scale-gray-7: #494d64;\n --color-scale-blue-2: #91d7e3;\n --color-scale-blue-5: #8aadf4;\n --color-scale-green-3: #a6da95;\n --color-scale-green-4: #a6da95;\n --color-scale-yellow-3: #f5a97f;\n --color-scale-orange-4: #f5a97f;\n --color-scale-red-4: #ed8796;\n --shadow-inset: inset 0px 1px 0px 0px #181926;\n --shadow-resting-xsmall: 0px 1px 0px 0px #181926;\n --shadow-resting-small: 0px 1px 0px 0px #181926, 0px 1px 3px 0px #181926;\n --shadow-resting-medium: 0px 3px 6px 0px #181926;\n --shadow-floating-small: 0px 0px 0px 1px #24273a, 0px 6px 12px -3px #181926,\n 0px 6px 18px 0px #181926;\n --shadow-floating-medium: 0px 0px 0px 1px #363a4f,\n 0px 8px 16px -4px #181926, 0px 4px 32px -4px #181926,\n 0px 24px 48px -12px #181926, 0px 48px 96px -24px #181926;\n --shadow-floating-large: 0px 0px 0px 1px #363a4f,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px #363a4f,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px #181926, 0px 6px 18px 0px #181926;\n --outline-focus: #8aadf4 solid 2px;\n /* Header when logged out */\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] ::selection,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] input::placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] input::placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] textarea::placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] textarea::placeholder {\n color: #a5adcb !important;\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .cm-placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .cm-placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .turbo-progress-bar,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .form-select,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .form-select {\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23a5adcb%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.427%209.427%203.396%203.396a.25.25%200%200%200%20.354%200l3.396-3.396A.25.25%200%200%200%2011.396%209H4.604a.25.25%200%200%200-.177.427M4.423%206.47%207.82%203.072a.25.25%200%200%201%20.354%200L11.57%206.47a.25.25%200%200%201-.177.427H4.6a.25.25%200%200%201-.177-.427%22/%3E%3C/svg%3E\");\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .HeaderMenu-link,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .HeaderMenu-link {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .HeaderMenu-link:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .HeaderMenu-link:hover {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .header-search-button.placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .header-search-button.placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .HeaderMenu-toggle-bar,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .HeaderMenu-toggle-bar {\n background-color: #cad3f5;\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .notification-indicator .mail-status,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .notification-indicator .mail-status {\n background-image: linear-gradient(#b7bdf8, #a0a8f6);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-r,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-r {\n color: var(--color-ansi-red);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-y,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-g,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-g {\n color: var(--color-ansi-green);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-b,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-b {\n color: var(--color-ansi-blue);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-c,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-m,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-gr,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n html:not([data-light-theme=\"light\"], [data-light-theme=\"dark\"]) body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"], [data-dark-theme=\"light\"]) body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\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": "@media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] {\n color-scheme: dark;\n accent-color: #b7bdf8;\n color: #cad3f5;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n --color-notifications-button-hover-bg: rgba(183, 189, 248, 0.6);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-halloween-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-halloween-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-winter-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-winter-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-winter-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-winter-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: rgba(238, 212, 159, 0.3);\n --page-header-bgColor: #181926;\n --diffBlob-addition-fgColor-text: #cad3f5;\n --diffBlob-addition-fgColor-num: #cad3f5;\n --diffBlob-addition-bgColor-num: rgba(166, 218, 149, 0.3);\n --diffBlob-addition-bgColor-line: rgba(166, 218, 149, 0.15);\n --diffBlob-addition-bgColor-word: rgba(166, 218, 149, 0.3);\n --diffBlob-deletion-fgColor-text: #cad3f5;\n --diffBlob-deletion-fgColor-num: #cad3f5;\n --diffBlob-deletion-bgColor-num: rgba(237, 135, 150, 0.3);\n --diffBlob-deletion-bgColor-line: rgba(237, 135, 150, 0.15);\n --diffBlob-deletion-bgColor-word: rgba(237, 135, 150, 0.3);\n --diffBlob-hunk-bgColor-num: rgba(183, 189, 248, 0.4);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: #cad3f5;\n --codeMirror-bgColor: #24273a;\n --codeMirror-gutters-bgColor: #24273a;\n --codeMirror-gutterMarker-fgColor-default: #24273a;\n --codeMirror-gutterMarker-fgColor-muted: #6e738d;\n --codeMirror-lineNumber-fgColor: #b8c0e0;\n --codeMirror-cursor-fgColor: #cad3f5;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: #cad3f5;\n --codeMirror-lines-bgColor: #24273a;\n --codeMirror-syntax-fgColor-comment: #6e738d;\n --codeMirror-syntax-fgColor-constant: #8aadf4;\n --codeMirror-syntax-fgColor-entity: #8aadf4;\n --codeMirror-syntax-fgColor-keyword: #f5bde6;\n --codeMirror-syntax-fgColor-storage: #f5a97f;\n --codeMirror-syntax-fgColor-string: #a6da95;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: #f5a97f;\n --header-fgColor-default: #cad3f5;\n --header-fgColor-logo: #cad3f5;\n --header-bgColor: #181926;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: #1e2030;\n --headerSearch-borderColor: #363a4f;\n --avatar-bgColor: rgba(202, 211, 245, 0.26);\n --avatar-borderColor: #363a4f;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: #494d64;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: #ed8796;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: #494d64;\n --control-bgColor-disabled: rgba(30, 32, 48, 0.6);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: #cad3f5;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: rgba(165, 173, 203, 0.7);\n --control-borderColor-rest: #494d64;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: rgba(73, 77, 100, 0.75);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: rgba(91, 96, 120, 0.2);\n --control-transparent-bgColor-active: rgba(110, 115, 141, 0.5);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: #ed8796;\n --control-danger-fgColor-hover: #181926;\n --control-danger-bgColor-hover: rgba(237, 135, 150, 0.8);\n --control-danger-bgColor-active: #ed8796;\n --control-checked-bgColor-rest: #b7bdf8;\n --control-checked-bgColor-hover: #ced2fa;\n --control-checked-bgColor-active: #ced2fa;\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: #181926;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: #b7bdf8;\n --control-checked-borderColor-hover: #b7bdf8;\n --control-checked-borderColor-active: #b7bdf8;\n --control-checked-borderColor-disabled: #363a4f;\n --controlTrack-bgColor-rest: #363a4f;\n --controlTrack-bgColor-hover: #494d64;\n --controlTrack-bgColor-active: #5b6078;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: #cad3f5;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: #24273a;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: #cad3f5;\n --controlKnob-borderColor-rest: #5b6078;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: #8aadf4;\n --button-default-fgColor-rest: #cad3f5;\n --button-default-bgColor-rest: #363a4f;\n --button-default-bgColor-hover: #494d64;\n --button-default-bgColor-active: #5b6078;\n --button-default-bgColor-selected: #5b6078;\n --button-default-bgColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-borderColor-rest: #494d64;\n --button-default-borderColor-hover: #494d64;\n --button-default-borderColor-active: #494d64;\n --button-default-borderColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: #24273a;\n --button-primary-fgColor-disabled: rgba(36, 39, 58, 0.6);\n --button-primary-iconColor-rest: #24273a;\n --button-primary-bgColor-rest: #a6da95;\n --button-primary-bgColor-hover: #b6e1a8;\n --button-primary-bgColor-active: #a4de91;\n --button-primary-bgColor-disabled: rgba(166, 218, 149, 0.7);\n --button-primary-borderColor-rest: #a6da95;\n --button-primary-borderColor-hover: #a6da95;\n --button-primary-borderColor-active: #a6da95;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: #b7bdf8;\n --button-invisible-fgColor-hover: #e5e8fd;\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: #939ab7;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: rgba(73, 77, 100, 0.7);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: rgba(73, 77, 100, 0.7);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: #cad3f5;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: #494d64;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: #ed8796;\n --button-danger-fgColor-hover: #24273a;\n --button-danger-fgColor-active: #24273a;\n --button-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --button-danger-iconColor-rest: #ed8796;\n --button-danger-iconColor-hover: #181926;\n --button-danger-bgColor-rest: #363a4f;\n --button-danger-bgColor-hover: #ed8796;\n --button-danger-bgColor-active: #ea7183;\n --button-danger-bgColor-disabled: #24273a;\n --button-danger-borderColor-rest: #494d64;\n --button-danger-borderColor-hover: #ed8796;\n --button-danger-borderColor-active: #ea7183;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: #eed49f;\n --buttonCounter-default-bgColor-rest: #494d64;\n --buttonCounter-invisible-bgColor-rest: #494d64;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: rgba(202, 211, 245, 0.2);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: #ed8796;\n --buttonCounter-danger-fgColor-hover: #cad3f5;\n --buttonCounter-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --focus-outlineColor: #b7bdf8;\n --menu-bgColor-active: #1e2030;\n --overlay-bgColor: #24273a;\n --overlay-borderColor: #363a4f;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: #1e2030;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: #b7bdf8;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: rgba(183, 189, 248, 0.3);\n --reactionButton-selected-bgColor-rest: rgba(183, 189, 248, 0.2);\n --reactionButton-selected-bgColor-hover: rgba(183, 189, 248, 0.35);\n --reactionButton-selected-fgColor-rest: #b7bdf8;\n --reactionButton-selected-fgColor-hover: #b7bdf8;\n --fgColor-default: #cad3f5;\n --fgColor-muted: #b8c0e0;\n --fgColor-onEmphasis: #24273a;\n --fgColor-white: #cad3f5;\n --fgColor-disabled: #5b6078;\n --fgColor-link: #b7bdf8;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: #b7bdf8;\n --fgColor-success: #a6da95;\n --fgColor-attention: #eed49f;\n --fgColor-severe: #f5a97f;\n --fgColor-danger: #ed8796;\n --fgColor-open: #a6da95;\n --fgColor-closed: #ed8796;\n --fgColor-done: #c6a0f6;\n --fgColor-sponsors: #f5bde6;\n --bgColor-default: #24273a;\n --bgColor-muted: #1e2030;\n --bgColor-inset: #181926;\n --bgColor-emphasis: #939ab7;\n --bgColor-inverse: #cad3f5;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: #363a4f;\n --bgColor-neutral-emphasis: #a5adcb;\n --bgColor-accent-muted: rgba(183, 189, 248, 0.2);\n --bgColor-accent-emphasis: #b7bdf8;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: #a6da95;\n --bgColor-attention-muted: rgba(238, 212, 159, 0.15);\n --bgColor-attention-emphasis: #eed49f;\n --bgColor-severe-muted: rgba(245, 169, 127, 0.26);\n --bgColor-severe-emphasis: #f5a97f;\n --bgColor-danger-muted: rgba(237, 135, 150, 0.26);\n --bgColor-danger-emphasis: #ed8796;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: #a6da95;\n --bgColor-closed-muted: rgba(237, 135, 150, 0.15);\n --bgColor-closed-emphasis: #ed8796;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: #c6a0f6;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: #f5bde6;\n --borderColor-default: #494d64;\n --borderColor-muted: #363a4f;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: rgba(183, 189, 248, 0.5);\n --borderColor-accent-emphasis: #b7bdf8;\n --borderColor-success-muted: #96d382;\n --borderColor-success-emphasis: #a6da95;\n --borderColor-attention-muted: rgba(240, 198, 198, 0.3);\n --borderColor-attention-emphasis: #f0c6c6;\n --borderColor-severe-muted: #f5a97f;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: #ed8796;\n --borderColor-danger-emphasis: #ed8796;\n --borderColor-open-muted: #96d382;\n --borderColor-open-emphasis: #a6da95;\n --borderColor-closed-muted: #ed8796;\n --borderColor-closed-emphasis: #ed8796;\n --borderColor-done-muted: #b7bdf8;\n --borderColor-done-emphasis: #c6a0f6;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: #f5bde6;\n --color-ansi-black: #494d64;\n --color-ansi-black-bright: #5b6078;\n --color-ansi-gray: #5b6078;\n --color-ansi-white: #b8c0e0;\n --color-ansi-white-bright: #a5adcb;\n --color-ansi-red: #ed8796;\n --color-ansi-red-bright: #ed8796;\n --color-ansi-green: #a6da95;\n --color-ansi-green-bright: #a6da95;\n --color-ansi-yellow: #eed49f;\n --color-ansi-yellow-bright: #eed49f;\n --color-ansi-blue: #8aadf4;\n --color-ansi-blue-bright: #8aadf4;\n --color-ansi-magenta: #f5bde6;\n --color-ansi-magenta-bright: #f5bde6;\n --color-ansi-cyan: #8bd5ca;\n --color-ansi-cyan-bright: #8bd5ca;\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-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\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 --bgColor-white: #24273a;\n --color-scale-white: #24273a;\n --color-scale-gray-3: #939ab7;\n --color-scale-gray-5: #6e738d;\n --color-scale-gray-6: #494d64;\n --color-scale-gray-7: #494d64;\n --color-scale-blue-2: #91d7e3;\n --color-scale-blue-5: #8aadf4;\n --color-scale-green-3: #a6da95;\n --color-scale-green-4: #a6da95;\n --color-scale-yellow-3: #f5a97f;\n --color-scale-orange-4: #f5a97f;\n --color-scale-red-4: #ed8796;\n --shadow-inset: inset 0px 1px 0px 0px #181926;\n --shadow-resting-xsmall: 0px 1px 0px 0px #181926;\n --shadow-resting-small: 0px 1px 0px 0px #181926, 0px 1px 3px 0px #181926;\n --shadow-resting-medium: 0px 3px 6px 0px #181926;\n --shadow-floating-small: 0px 0px 0px 1px #24273a, 0px 6px 12px -3px #181926,\n 0px 6px 18px 0px #181926;\n --shadow-floating-medium: 0px 0px 0px 1px #363a4f,\n 0px 8px 16px -4px #181926, 0px 4px 32px -4px #181926,\n 0px 24px 48px -12px #181926, 0px 48px 96px -24px #181926;\n --shadow-floating-large: 0px 0px 0px 1px #363a4f,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px #363a4f,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px #181926, 0px 6px 18px 0px #181926;\n --outline-focus: #8aadf4 solid 2px;\n /* Header when logged out */\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] input::placeholder,\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] textarea::placeholder {\n color: #a5adcb !important;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .cm-placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .form-select {\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23a5adcb%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.427%209.427%203.396%203.396a.25.25%200%200%200%20.354%200l3.396-3.396A.25.25%200%200%200%2011.396%209H4.604a.25.25%200%200%200-.177.427M4.423%206.47%207.82%203.072a.25.25%200%200%201%20.354%200L11.57%206.47a.25.25%200%200%201-.177.427H4.6a.25.25%200%200%201-.177-.427%22/%3E%3C/svg%3E\");\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .HeaderMenu-link {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .HeaderMenu-link:hover {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .header-search-button.placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .HeaderMenu-toggle-bar {\n background-color: #cad3f5;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .notification-indicator .mail-status {\n background-image: linear-gradient(#b7bdf8, #a0a8f6);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-r {\n color: var(--color-ansi-red);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-g {\n color: var(--color-ansi-green);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-b {\n color: var(--color-ansi-blue);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"light\"] .CheckStep .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] {\n color-scheme: dark;\n accent-color: #b7bdf8;\n color: #cad3f5;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n --color-notifications-button-hover-bg: rgba(183, 189, 248, 0.6);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-halloween-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-halloween-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-winter-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-winter-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-winter-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-winter-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: rgba(238, 212, 159, 0.3);\n --page-header-bgColor: #181926;\n --diffBlob-addition-fgColor-text: #cad3f5;\n --diffBlob-addition-fgColor-num: #cad3f5;\n --diffBlob-addition-bgColor-num: rgba(166, 218, 149, 0.3);\n --diffBlob-addition-bgColor-line: rgba(166, 218, 149, 0.15);\n --diffBlob-addition-bgColor-word: rgba(166, 218, 149, 0.3);\n --diffBlob-deletion-fgColor-text: #cad3f5;\n --diffBlob-deletion-fgColor-num: #cad3f5;\n --diffBlob-deletion-bgColor-num: rgba(237, 135, 150, 0.3);\n --diffBlob-deletion-bgColor-line: rgba(237, 135, 150, 0.15);\n --diffBlob-deletion-bgColor-word: rgba(237, 135, 150, 0.3);\n --diffBlob-hunk-bgColor-num: rgba(183, 189, 248, 0.4);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: #cad3f5;\n --codeMirror-bgColor: #24273a;\n --codeMirror-gutters-bgColor: #24273a;\n --codeMirror-gutterMarker-fgColor-default: #24273a;\n --codeMirror-gutterMarker-fgColor-muted: #6e738d;\n --codeMirror-lineNumber-fgColor: #b8c0e0;\n --codeMirror-cursor-fgColor: #cad3f5;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: #cad3f5;\n --codeMirror-lines-bgColor: #24273a;\n --codeMirror-syntax-fgColor-comment: #6e738d;\n --codeMirror-syntax-fgColor-constant: #8aadf4;\n --codeMirror-syntax-fgColor-entity: #8aadf4;\n --codeMirror-syntax-fgColor-keyword: #f5bde6;\n --codeMirror-syntax-fgColor-storage: #f5a97f;\n --codeMirror-syntax-fgColor-string: #a6da95;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: #f5a97f;\n --header-fgColor-default: #cad3f5;\n --header-fgColor-logo: #cad3f5;\n --header-bgColor: #181926;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: #1e2030;\n --headerSearch-borderColor: #363a4f;\n --avatar-bgColor: rgba(202, 211, 245, 0.26);\n --avatar-borderColor: #363a4f;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: #494d64;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: #ed8796;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: #494d64;\n --control-bgColor-disabled: rgba(30, 32, 48, 0.6);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: #cad3f5;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: rgba(165, 173, 203, 0.7);\n --control-borderColor-rest: #494d64;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: rgba(73, 77, 100, 0.75);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: rgba(91, 96, 120, 0.2);\n --control-transparent-bgColor-active: rgba(110, 115, 141, 0.5);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: #ed8796;\n --control-danger-fgColor-hover: #181926;\n --control-danger-bgColor-hover: rgba(237, 135, 150, 0.8);\n --control-danger-bgColor-active: #ed8796;\n --control-checked-bgColor-rest: #b7bdf8;\n --control-checked-bgColor-hover: #ced2fa;\n --control-checked-bgColor-active: #ced2fa;\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: #181926;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: #b7bdf8;\n --control-checked-borderColor-hover: #b7bdf8;\n --control-checked-borderColor-active: #b7bdf8;\n --control-checked-borderColor-disabled: #363a4f;\n --controlTrack-bgColor-rest: #363a4f;\n --controlTrack-bgColor-hover: #494d64;\n --controlTrack-bgColor-active: #5b6078;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: #cad3f5;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: #24273a;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: #cad3f5;\n --controlKnob-borderColor-rest: #5b6078;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: #8aadf4;\n --button-default-fgColor-rest: #cad3f5;\n --button-default-bgColor-rest: #363a4f;\n --button-default-bgColor-hover: #494d64;\n --button-default-bgColor-active: #5b6078;\n --button-default-bgColor-selected: #5b6078;\n --button-default-bgColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-borderColor-rest: #494d64;\n --button-default-borderColor-hover: #494d64;\n --button-default-borderColor-active: #494d64;\n --button-default-borderColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: #24273a;\n --button-primary-fgColor-disabled: rgba(36, 39, 58, 0.6);\n --button-primary-iconColor-rest: #24273a;\n --button-primary-bgColor-rest: #a6da95;\n --button-primary-bgColor-hover: #b6e1a8;\n --button-primary-bgColor-active: #a4de91;\n --button-primary-bgColor-disabled: rgba(166, 218, 149, 0.7);\n --button-primary-borderColor-rest: #a6da95;\n --button-primary-borderColor-hover: #a6da95;\n --button-primary-borderColor-active: #a6da95;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: #b7bdf8;\n --button-invisible-fgColor-hover: #e5e8fd;\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: #939ab7;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: rgba(73, 77, 100, 0.7);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: rgba(73, 77, 100, 0.7);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: #cad3f5;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: #494d64;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: #ed8796;\n --button-danger-fgColor-hover: #24273a;\n --button-danger-fgColor-active: #24273a;\n --button-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --button-danger-iconColor-rest: #ed8796;\n --button-danger-iconColor-hover: #181926;\n --button-danger-bgColor-rest: #363a4f;\n --button-danger-bgColor-hover: #ed8796;\n --button-danger-bgColor-active: #ea7183;\n --button-danger-bgColor-disabled: #24273a;\n --button-danger-borderColor-rest: #494d64;\n --button-danger-borderColor-hover: #ed8796;\n --button-danger-borderColor-active: #ea7183;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: #eed49f;\n --buttonCounter-default-bgColor-rest: #494d64;\n --buttonCounter-invisible-bgColor-rest: #494d64;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: rgba(202, 211, 245, 0.2);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: #ed8796;\n --buttonCounter-danger-fgColor-hover: #cad3f5;\n --buttonCounter-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --focus-outlineColor: #b7bdf8;\n --menu-bgColor-active: #1e2030;\n --overlay-bgColor: #24273a;\n --overlay-borderColor: #363a4f;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: #1e2030;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: #b7bdf8;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: rgba(183, 189, 248, 0.3);\n --reactionButton-selected-bgColor-rest: rgba(183, 189, 248, 0.2);\n --reactionButton-selected-bgColor-hover: rgba(183, 189, 248, 0.35);\n --reactionButton-selected-fgColor-rest: #b7bdf8;\n --reactionButton-selected-fgColor-hover: #b7bdf8;\n --fgColor-default: #cad3f5;\n --fgColor-muted: #b8c0e0;\n --fgColor-onEmphasis: #24273a;\n --fgColor-white: #cad3f5;\n --fgColor-disabled: #5b6078;\n --fgColor-link: #b7bdf8;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: #b7bdf8;\n --fgColor-success: #a6da95;\n --fgColor-attention: #eed49f;\n --fgColor-severe: #f5a97f;\n --fgColor-danger: #ed8796;\n --fgColor-open: #a6da95;\n --fgColor-closed: #ed8796;\n --fgColor-done: #c6a0f6;\n --fgColor-sponsors: #f5bde6;\n --bgColor-default: #24273a;\n --bgColor-muted: #1e2030;\n --bgColor-inset: #181926;\n --bgColor-emphasis: #939ab7;\n --bgColor-inverse: #cad3f5;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: #363a4f;\n --bgColor-neutral-emphasis: #a5adcb;\n --bgColor-accent-muted: rgba(183, 189, 248, 0.2);\n --bgColor-accent-emphasis: #b7bdf8;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: #a6da95;\n --bgColor-attention-muted: rgba(238, 212, 159, 0.15);\n --bgColor-attention-emphasis: #eed49f;\n --bgColor-severe-muted: rgba(245, 169, 127, 0.26);\n --bgColor-severe-emphasis: #f5a97f;\n --bgColor-danger-muted: rgba(237, 135, 150, 0.26);\n --bgColor-danger-emphasis: #ed8796;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: #a6da95;\n --bgColor-closed-muted: rgba(237, 135, 150, 0.15);\n --bgColor-closed-emphasis: #ed8796;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: #c6a0f6;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: #f5bde6;\n --borderColor-default: #494d64;\n --borderColor-muted: #363a4f;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: rgba(183, 189, 248, 0.5);\n --borderColor-accent-emphasis: #b7bdf8;\n --borderColor-success-muted: #96d382;\n --borderColor-success-emphasis: #a6da95;\n --borderColor-attention-muted: rgba(240, 198, 198, 0.3);\n --borderColor-attention-emphasis: #f0c6c6;\n --borderColor-severe-muted: #f5a97f;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: #ed8796;\n --borderColor-danger-emphasis: #ed8796;\n --borderColor-open-muted: #96d382;\n --borderColor-open-emphasis: #a6da95;\n --borderColor-closed-muted: #ed8796;\n --borderColor-closed-emphasis: #ed8796;\n --borderColor-done-muted: #b7bdf8;\n --borderColor-done-emphasis: #c6a0f6;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: #f5bde6;\n --color-ansi-black: #494d64;\n --color-ansi-black-bright: #5b6078;\n --color-ansi-gray: #5b6078;\n --color-ansi-white: #b8c0e0;\n --color-ansi-white-bright: #a5adcb;\n --color-ansi-red: #ed8796;\n --color-ansi-red-bright: #ed8796;\n --color-ansi-green: #a6da95;\n --color-ansi-green-bright: #a6da95;\n --color-ansi-yellow: #eed49f;\n --color-ansi-yellow-bright: #eed49f;\n --color-ansi-blue: #8aadf4;\n --color-ansi-blue-bright: #8aadf4;\n --color-ansi-magenta: #f5bde6;\n --color-ansi-magenta-bright: #f5bde6;\n --color-ansi-cyan: #8bd5ca;\n --color-ansi-cyan-bright: #8bd5ca;\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-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\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 --bgColor-white: #24273a;\n --color-scale-white: #24273a;\n --color-scale-gray-3: #939ab7;\n --color-scale-gray-5: #6e738d;\n --color-scale-gray-6: #494d64;\n --color-scale-gray-7: #494d64;\n --color-scale-blue-2: #91d7e3;\n --color-scale-blue-5: #8aadf4;\n --color-scale-green-3: #a6da95;\n --color-scale-green-4: #a6da95;\n --color-scale-yellow-3: #f5a97f;\n --color-scale-orange-4: #f5a97f;\n --color-scale-red-4: #ed8796;\n --shadow-inset: inset 0px 1px 0px 0px #181926;\n --shadow-resting-xsmall: 0px 1px 0px 0px #181926;\n --shadow-resting-small: 0px 1px 0px 0px #181926, 0px 1px 3px 0px #181926;\n --shadow-resting-medium: 0px 3px 6px 0px #181926;\n --shadow-floating-small: 0px 0px 0px 1px #24273a, 0px 6px 12px -3px #181926,\n 0px 6px 18px 0px #181926;\n --shadow-floating-medium: 0px 0px 0px 1px #363a4f,\n 0px 8px 16px -4px #181926, 0px 4px 32px -4px #181926,\n 0px 24px 48px -12px #181926, 0px 48px 96px -24px #181926;\n --shadow-floating-large: 0px 0px 0px 1px #363a4f,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px #363a4f,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px #181926, 0px 6px 18px 0px #181926;\n --outline-focus: #8aadf4 solid 2px;\n /* Header when logged out */\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] input::placeholder,\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] textarea::placeholder {\n color: #a5adcb !important;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .cm-placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .form-select {\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23a5adcb%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.427%209.427%203.396%203.396a.25.25%200%200%200%20.354%200l3.396-3.396A.25.25%200%200%200%2011.396%209H4.604a.25.25%200%200%200-.177.427M4.423%206.47%207.82%203.072a.25.25%200%200%201%20.354%200L11.57%206.47a.25.25%200%200%201-.177.427H4.6a.25.25%200%200%201-.177-.427%22/%3E%3C/svg%3E\");\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .HeaderMenu-link {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .HeaderMenu-link:hover {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .header-search-button.placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .HeaderMenu-toggle-bar {\n background-color: #cad3f5;\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .notification-indicator .mail-status {\n background-image: linear-gradient(#b7bdf8, #a0a8f6);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-r {\n color: var(--color-ansi-red);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-g {\n color: var(--color-ansi-green);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-b {\n color: var(--color-ansi-blue);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n [data-color-mode=\"auto\"][data-light-theme=\"dark\"] .CheckStep .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] {\n color-scheme: dark;\n accent-color: #b7bdf8;\n color: #cad3f5;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n --color-notifications-button-hover-bg: rgba(183, 189, 248, 0.6);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-halloween-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-halloween-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-winter-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-winter-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-winter-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-winter-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: rgba(238, 212, 159, 0.3);\n --page-header-bgColor: #181926;\n --diffBlob-addition-fgColor-text: #cad3f5;\n --diffBlob-addition-fgColor-num: #cad3f5;\n --diffBlob-addition-bgColor-num: rgba(166, 218, 149, 0.3);\n --diffBlob-addition-bgColor-line: rgba(166, 218, 149, 0.15);\n --diffBlob-addition-bgColor-word: rgba(166, 218, 149, 0.3);\n --diffBlob-deletion-fgColor-text: #cad3f5;\n --diffBlob-deletion-fgColor-num: #cad3f5;\n --diffBlob-deletion-bgColor-num: rgba(237, 135, 150, 0.3);\n --diffBlob-deletion-bgColor-line: rgba(237, 135, 150, 0.15);\n --diffBlob-deletion-bgColor-word: rgba(237, 135, 150, 0.3);\n --diffBlob-hunk-bgColor-num: rgba(183, 189, 248, 0.4);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: #cad3f5;\n --codeMirror-bgColor: #24273a;\n --codeMirror-gutters-bgColor: #24273a;\n --codeMirror-gutterMarker-fgColor-default: #24273a;\n --codeMirror-gutterMarker-fgColor-muted: #6e738d;\n --codeMirror-lineNumber-fgColor: #b8c0e0;\n --codeMirror-cursor-fgColor: #cad3f5;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: #cad3f5;\n --codeMirror-lines-bgColor: #24273a;\n --codeMirror-syntax-fgColor-comment: #6e738d;\n --codeMirror-syntax-fgColor-constant: #8aadf4;\n --codeMirror-syntax-fgColor-entity: #8aadf4;\n --codeMirror-syntax-fgColor-keyword: #f5bde6;\n --codeMirror-syntax-fgColor-storage: #f5a97f;\n --codeMirror-syntax-fgColor-string: #a6da95;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: #f5a97f;\n --header-fgColor-default: #cad3f5;\n --header-fgColor-logo: #cad3f5;\n --header-bgColor: #181926;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: #1e2030;\n --headerSearch-borderColor: #363a4f;\n --avatar-bgColor: rgba(202, 211, 245, 0.26);\n --avatar-borderColor: #363a4f;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: #494d64;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: #ed8796;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: #494d64;\n --control-bgColor-disabled: rgba(30, 32, 48, 0.6);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: #cad3f5;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: rgba(165, 173, 203, 0.7);\n --control-borderColor-rest: #494d64;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: rgba(73, 77, 100, 0.75);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: rgba(91, 96, 120, 0.2);\n --control-transparent-bgColor-active: rgba(110, 115, 141, 0.5);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: #ed8796;\n --control-danger-fgColor-hover: #181926;\n --control-danger-bgColor-hover: rgba(237, 135, 150, 0.8);\n --control-danger-bgColor-active: #ed8796;\n --control-checked-bgColor-rest: #b7bdf8;\n --control-checked-bgColor-hover: #ced2fa;\n --control-checked-bgColor-active: #ced2fa;\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: #181926;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: #b7bdf8;\n --control-checked-borderColor-hover: #b7bdf8;\n --control-checked-borderColor-active: #b7bdf8;\n --control-checked-borderColor-disabled: #363a4f;\n --controlTrack-bgColor-rest: #363a4f;\n --controlTrack-bgColor-hover: #494d64;\n --controlTrack-bgColor-active: #5b6078;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: #cad3f5;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: #24273a;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: #cad3f5;\n --controlKnob-borderColor-rest: #5b6078;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: #8aadf4;\n --button-default-fgColor-rest: #cad3f5;\n --button-default-bgColor-rest: #363a4f;\n --button-default-bgColor-hover: #494d64;\n --button-default-bgColor-active: #5b6078;\n --button-default-bgColor-selected: #5b6078;\n --button-default-bgColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-borderColor-rest: #494d64;\n --button-default-borderColor-hover: #494d64;\n --button-default-borderColor-active: #494d64;\n --button-default-borderColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: #24273a;\n --button-primary-fgColor-disabled: rgba(36, 39, 58, 0.6);\n --button-primary-iconColor-rest: #24273a;\n --button-primary-bgColor-rest: #a6da95;\n --button-primary-bgColor-hover: #b6e1a8;\n --button-primary-bgColor-active: #a4de91;\n --button-primary-bgColor-disabled: rgba(166, 218, 149, 0.7);\n --button-primary-borderColor-rest: #a6da95;\n --button-primary-borderColor-hover: #a6da95;\n --button-primary-borderColor-active: #a6da95;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: #b7bdf8;\n --button-invisible-fgColor-hover: #e5e8fd;\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: #939ab7;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: rgba(73, 77, 100, 0.7);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: rgba(73, 77, 100, 0.7);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: #cad3f5;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: #494d64;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: #ed8796;\n --button-danger-fgColor-hover: #24273a;\n --button-danger-fgColor-active: #24273a;\n --button-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --button-danger-iconColor-rest: #ed8796;\n --button-danger-iconColor-hover: #181926;\n --button-danger-bgColor-rest: #363a4f;\n --button-danger-bgColor-hover: #ed8796;\n --button-danger-bgColor-active: #ea7183;\n --button-danger-bgColor-disabled: #24273a;\n --button-danger-borderColor-rest: #494d64;\n --button-danger-borderColor-hover: #ed8796;\n --button-danger-borderColor-active: #ea7183;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: #eed49f;\n --buttonCounter-default-bgColor-rest: #494d64;\n --buttonCounter-invisible-bgColor-rest: #494d64;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: rgba(202, 211, 245, 0.2);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: #ed8796;\n --buttonCounter-danger-fgColor-hover: #cad3f5;\n --buttonCounter-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --focus-outlineColor: #b7bdf8;\n --menu-bgColor-active: #1e2030;\n --overlay-bgColor: #24273a;\n --overlay-borderColor: #363a4f;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: #1e2030;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: #b7bdf8;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: rgba(183, 189, 248, 0.3);\n --reactionButton-selected-bgColor-rest: rgba(183, 189, 248, 0.2);\n --reactionButton-selected-bgColor-hover: rgba(183, 189, 248, 0.35);\n --reactionButton-selected-fgColor-rest: #b7bdf8;\n --reactionButton-selected-fgColor-hover: #b7bdf8;\n --fgColor-default: #cad3f5;\n --fgColor-muted: #b8c0e0;\n --fgColor-onEmphasis: #24273a;\n --fgColor-white: #cad3f5;\n --fgColor-disabled: #5b6078;\n --fgColor-link: #b7bdf8;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: #b7bdf8;\n --fgColor-success: #a6da95;\n --fgColor-attention: #eed49f;\n --fgColor-severe: #f5a97f;\n --fgColor-danger: #ed8796;\n --fgColor-open: #a6da95;\n --fgColor-closed: #ed8796;\n --fgColor-done: #c6a0f6;\n --fgColor-sponsors: #f5bde6;\n --bgColor-default: #24273a;\n --bgColor-muted: #1e2030;\n --bgColor-inset: #181926;\n --bgColor-emphasis: #939ab7;\n --bgColor-inverse: #cad3f5;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: #363a4f;\n --bgColor-neutral-emphasis: #a5adcb;\n --bgColor-accent-muted: rgba(183, 189, 248, 0.2);\n --bgColor-accent-emphasis: #b7bdf8;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: #a6da95;\n --bgColor-attention-muted: rgba(238, 212, 159, 0.15);\n --bgColor-attention-emphasis: #eed49f;\n --bgColor-severe-muted: rgba(245, 169, 127, 0.26);\n --bgColor-severe-emphasis: #f5a97f;\n --bgColor-danger-muted: rgba(237, 135, 150, 0.26);\n --bgColor-danger-emphasis: #ed8796;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: #a6da95;\n --bgColor-closed-muted: rgba(237, 135, 150, 0.15);\n --bgColor-closed-emphasis: #ed8796;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: #c6a0f6;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: #f5bde6;\n --borderColor-default: #494d64;\n --borderColor-muted: #363a4f;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: rgba(183, 189, 248, 0.5);\n --borderColor-accent-emphasis: #b7bdf8;\n --borderColor-success-muted: #96d382;\n --borderColor-success-emphasis: #a6da95;\n --borderColor-attention-muted: rgba(240, 198, 198, 0.3);\n --borderColor-attention-emphasis: #f0c6c6;\n --borderColor-severe-muted: #f5a97f;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: #ed8796;\n --borderColor-danger-emphasis: #ed8796;\n --borderColor-open-muted: #96d382;\n --borderColor-open-emphasis: #a6da95;\n --borderColor-closed-muted: #ed8796;\n --borderColor-closed-emphasis: #ed8796;\n --borderColor-done-muted: #b7bdf8;\n --borderColor-done-emphasis: #c6a0f6;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: #f5bde6;\n --color-ansi-black: #494d64;\n --color-ansi-black-bright: #5b6078;\n --color-ansi-gray: #5b6078;\n --color-ansi-white: #b8c0e0;\n --color-ansi-white-bright: #a5adcb;\n --color-ansi-red: #ed8796;\n --color-ansi-red-bright: #ed8796;\n --color-ansi-green: #a6da95;\n --color-ansi-green-bright: #a6da95;\n --color-ansi-yellow: #eed49f;\n --color-ansi-yellow-bright: #eed49f;\n --color-ansi-blue: #8aadf4;\n --color-ansi-blue-bright: #8aadf4;\n --color-ansi-magenta: #f5bde6;\n --color-ansi-magenta-bright: #f5bde6;\n --color-ansi-cyan: #8bd5ca;\n --color-ansi-cyan-bright: #8bd5ca;\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-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\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 --bgColor-white: #24273a;\n --color-scale-white: #24273a;\n --color-scale-gray-3: #939ab7;\n --color-scale-gray-5: #6e738d;\n --color-scale-gray-6: #494d64;\n --color-scale-gray-7: #494d64;\n --color-scale-blue-2: #91d7e3;\n --color-scale-blue-5: #8aadf4;\n --color-scale-green-3: #a6da95;\n --color-scale-green-4: #a6da95;\n --color-scale-yellow-3: #f5a97f;\n --color-scale-orange-4: #f5a97f;\n --color-scale-red-4: #ed8796;\n --shadow-inset: inset 0px 1px 0px 0px #181926;\n --shadow-resting-xsmall: 0px 1px 0px 0px #181926;\n --shadow-resting-small: 0px 1px 0px 0px #181926, 0px 1px 3px 0px #181926;\n --shadow-resting-medium: 0px 3px 6px 0px #181926;\n --shadow-floating-small: 0px 0px 0px 1px #24273a, 0px 6px 12px -3px #181926,\n 0px 6px 18px 0px #181926;\n --shadow-floating-medium: 0px 0px 0px 1px #363a4f,\n 0px 8px 16px -4px #181926, 0px 4px 32px -4px #181926,\n 0px 24px 48px -12px #181926, 0px 48px 96px -24px #181926;\n --shadow-floating-large: 0px 0px 0px 1px #363a4f,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px #363a4f,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px #181926, 0px 6px 18px 0px #181926;\n --outline-focus: #8aadf4 solid 2px;\n /* Header when logged out */\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] input::placeholder,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] textarea::placeholder {\n color: #a5adcb !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .cm-placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .form-select {\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23a5adcb%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.427%209.427%203.396%203.396a.25.25%200%200%200%20.354%200l3.396-3.396A.25.25%200%200%200%2011.396%209H4.604a.25.25%200%200%200-.177.427M4.423%206.47%207.82%203.072a.25.25%200%200%201%20.354%200L11.57%206.47a.25.25%200%200%201-.177.427H4.6a.25.25%200%200%201-.177-.427%22/%3E%3C/svg%3E\");\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .HeaderMenu-link {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .HeaderMenu-link:hover {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .header-search-button.placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .HeaderMenu-toggle-bar {\n background-color: #cad3f5;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .notification-indicator .mail-status {\n background-image: linear-gradient(#b7bdf8, #a0a8f6);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-r {\n color: var(--color-ansi-red);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-g {\n color: var(--color-ansi-green);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-b {\n color: var(--color-ansi-blue);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .CheckStep .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] {\n color-scheme: dark;\n accent-color: #b7bdf8;\n color: #cad3f5;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n --color-notifications-button-hover-bg: rgba(183, 189, 248, 0.6);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-halloween-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-halloween-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-winter-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-winter-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-winter-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-winter-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: rgba(238, 212, 159, 0.3);\n --page-header-bgColor: #181926;\n --diffBlob-addition-fgColor-text: #cad3f5;\n --diffBlob-addition-fgColor-num: #cad3f5;\n --diffBlob-addition-bgColor-num: rgba(166, 218, 149, 0.3);\n --diffBlob-addition-bgColor-line: rgba(166, 218, 149, 0.15);\n --diffBlob-addition-bgColor-word: rgba(166, 218, 149, 0.3);\n --diffBlob-deletion-fgColor-text: #cad3f5;\n --diffBlob-deletion-fgColor-num: #cad3f5;\n --diffBlob-deletion-bgColor-num: rgba(237, 135, 150, 0.3);\n --diffBlob-deletion-bgColor-line: rgba(237, 135, 150, 0.15);\n --diffBlob-deletion-bgColor-word: rgba(237, 135, 150, 0.3);\n --diffBlob-hunk-bgColor-num: rgba(183, 189, 248, 0.4);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: #cad3f5;\n --codeMirror-bgColor: #24273a;\n --codeMirror-gutters-bgColor: #24273a;\n --codeMirror-gutterMarker-fgColor-default: #24273a;\n --codeMirror-gutterMarker-fgColor-muted: #6e738d;\n --codeMirror-lineNumber-fgColor: #b8c0e0;\n --codeMirror-cursor-fgColor: #cad3f5;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: #cad3f5;\n --codeMirror-lines-bgColor: #24273a;\n --codeMirror-syntax-fgColor-comment: #6e738d;\n --codeMirror-syntax-fgColor-constant: #8aadf4;\n --codeMirror-syntax-fgColor-entity: #8aadf4;\n --codeMirror-syntax-fgColor-keyword: #f5bde6;\n --codeMirror-syntax-fgColor-storage: #f5a97f;\n --codeMirror-syntax-fgColor-string: #a6da95;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: #f5a97f;\n --header-fgColor-default: #cad3f5;\n --header-fgColor-logo: #cad3f5;\n --header-bgColor: #181926;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: #1e2030;\n --headerSearch-borderColor: #363a4f;\n --avatar-bgColor: rgba(202, 211, 245, 0.26);\n --avatar-borderColor: #363a4f;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: #494d64;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: #ed8796;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: #494d64;\n --control-bgColor-disabled: rgba(30, 32, 48, 0.6);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: #cad3f5;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: rgba(165, 173, 203, 0.7);\n --control-borderColor-rest: #494d64;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: rgba(73, 77, 100, 0.75);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: rgba(91, 96, 120, 0.2);\n --control-transparent-bgColor-active: rgba(110, 115, 141, 0.5);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: #ed8796;\n --control-danger-fgColor-hover: #181926;\n --control-danger-bgColor-hover: rgba(237, 135, 150, 0.8);\n --control-danger-bgColor-active: #ed8796;\n --control-checked-bgColor-rest: #b7bdf8;\n --control-checked-bgColor-hover: #ced2fa;\n --control-checked-bgColor-active: #ced2fa;\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: #181926;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: #b7bdf8;\n --control-checked-borderColor-hover: #b7bdf8;\n --control-checked-borderColor-active: #b7bdf8;\n --control-checked-borderColor-disabled: #363a4f;\n --controlTrack-bgColor-rest: #363a4f;\n --controlTrack-bgColor-hover: #494d64;\n --controlTrack-bgColor-active: #5b6078;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: #cad3f5;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: #24273a;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: #cad3f5;\n --controlKnob-borderColor-rest: #5b6078;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: #8aadf4;\n --button-default-fgColor-rest: #cad3f5;\n --button-default-bgColor-rest: #363a4f;\n --button-default-bgColor-hover: #494d64;\n --button-default-bgColor-active: #5b6078;\n --button-default-bgColor-selected: #5b6078;\n --button-default-bgColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-borderColor-rest: #494d64;\n --button-default-borderColor-hover: #494d64;\n --button-default-borderColor-active: #494d64;\n --button-default-borderColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: #24273a;\n --button-primary-fgColor-disabled: rgba(36, 39, 58, 0.6);\n --button-primary-iconColor-rest: #24273a;\n --button-primary-bgColor-rest: #a6da95;\n --button-primary-bgColor-hover: #b6e1a8;\n --button-primary-bgColor-active: #a4de91;\n --button-primary-bgColor-disabled: rgba(166, 218, 149, 0.7);\n --button-primary-borderColor-rest: #a6da95;\n --button-primary-borderColor-hover: #a6da95;\n --button-primary-borderColor-active: #a6da95;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: #b7bdf8;\n --button-invisible-fgColor-hover: #e5e8fd;\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: #939ab7;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: rgba(73, 77, 100, 0.7);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: rgba(73, 77, 100, 0.7);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: #cad3f5;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: #494d64;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: #ed8796;\n --button-danger-fgColor-hover: #24273a;\n --button-danger-fgColor-active: #24273a;\n --button-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --button-danger-iconColor-rest: #ed8796;\n --button-danger-iconColor-hover: #181926;\n --button-danger-bgColor-rest: #363a4f;\n --button-danger-bgColor-hover: #ed8796;\n --button-danger-bgColor-active: #ea7183;\n --button-danger-bgColor-disabled: #24273a;\n --button-danger-borderColor-rest: #494d64;\n --button-danger-borderColor-hover: #ed8796;\n --button-danger-borderColor-active: #ea7183;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: #eed49f;\n --buttonCounter-default-bgColor-rest: #494d64;\n --buttonCounter-invisible-bgColor-rest: #494d64;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: rgba(202, 211, 245, 0.2);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: #ed8796;\n --buttonCounter-danger-fgColor-hover: #cad3f5;\n --buttonCounter-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --focus-outlineColor: #b7bdf8;\n --menu-bgColor-active: #1e2030;\n --overlay-bgColor: #24273a;\n --overlay-borderColor: #363a4f;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: #1e2030;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: #b7bdf8;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: rgba(183, 189, 248, 0.3);\n --reactionButton-selected-bgColor-rest: rgba(183, 189, 248, 0.2);\n --reactionButton-selected-bgColor-hover: rgba(183, 189, 248, 0.35);\n --reactionButton-selected-fgColor-rest: #b7bdf8;\n --reactionButton-selected-fgColor-hover: #b7bdf8;\n --fgColor-default: #cad3f5;\n --fgColor-muted: #b8c0e0;\n --fgColor-onEmphasis: #24273a;\n --fgColor-white: #cad3f5;\n --fgColor-disabled: #5b6078;\n --fgColor-link: #b7bdf8;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: #b7bdf8;\n --fgColor-success: #a6da95;\n --fgColor-attention: #eed49f;\n --fgColor-severe: #f5a97f;\n --fgColor-danger: #ed8796;\n --fgColor-open: #a6da95;\n --fgColor-closed: #ed8796;\n --fgColor-done: #c6a0f6;\n --fgColor-sponsors: #f5bde6;\n --bgColor-default: #24273a;\n --bgColor-muted: #1e2030;\n --bgColor-inset: #181926;\n --bgColor-emphasis: #939ab7;\n --bgColor-inverse: #cad3f5;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: #363a4f;\n --bgColor-neutral-emphasis: #a5adcb;\n --bgColor-accent-muted: rgba(183, 189, 248, 0.2);\n --bgColor-accent-emphasis: #b7bdf8;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: #a6da95;\n --bgColor-attention-muted: rgba(238, 212, 159, 0.15);\n --bgColor-attention-emphasis: #eed49f;\n --bgColor-severe-muted: rgba(245, 169, 127, 0.26);\n --bgColor-severe-emphasis: #f5a97f;\n --bgColor-danger-muted: rgba(237, 135, 150, 0.26);\n --bgColor-danger-emphasis: #ed8796;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: #a6da95;\n --bgColor-closed-muted: rgba(237, 135, 150, 0.15);\n --bgColor-closed-emphasis: #ed8796;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: #c6a0f6;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: #f5bde6;\n --borderColor-default: #494d64;\n --borderColor-muted: #363a4f;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: rgba(183, 189, 248, 0.5);\n --borderColor-accent-emphasis: #b7bdf8;\n --borderColor-success-muted: #96d382;\n --borderColor-success-emphasis: #a6da95;\n --borderColor-attention-muted: rgba(240, 198, 198, 0.3);\n --borderColor-attention-emphasis: #f0c6c6;\n --borderColor-severe-muted: #f5a97f;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: #ed8796;\n --borderColor-danger-emphasis: #ed8796;\n --borderColor-open-muted: #96d382;\n --borderColor-open-emphasis: #a6da95;\n --borderColor-closed-muted: #ed8796;\n --borderColor-closed-emphasis: #ed8796;\n --borderColor-done-muted: #b7bdf8;\n --borderColor-done-emphasis: #c6a0f6;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: #f5bde6;\n --color-ansi-black: #494d64;\n --color-ansi-black-bright: #5b6078;\n --color-ansi-gray: #5b6078;\n --color-ansi-white: #b8c0e0;\n --color-ansi-white-bright: #a5adcb;\n --color-ansi-red: #ed8796;\n --color-ansi-red-bright: #ed8796;\n --color-ansi-green: #a6da95;\n --color-ansi-green-bright: #a6da95;\n --color-ansi-yellow: #eed49f;\n --color-ansi-yellow-bright: #eed49f;\n --color-ansi-blue: #8aadf4;\n --color-ansi-blue-bright: #8aadf4;\n --color-ansi-magenta: #f5bde6;\n --color-ansi-magenta-bright: #f5bde6;\n --color-ansi-cyan: #8bd5ca;\n --color-ansi-cyan-bright: #8bd5ca;\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-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\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 --bgColor-white: #24273a;\n --color-scale-white: #24273a;\n --color-scale-gray-3: #939ab7;\n --color-scale-gray-5: #6e738d;\n --color-scale-gray-6: #494d64;\n --color-scale-gray-7: #494d64;\n --color-scale-blue-2: #91d7e3;\n --color-scale-blue-5: #8aadf4;\n --color-scale-green-3: #a6da95;\n --color-scale-green-4: #a6da95;\n --color-scale-yellow-3: #f5a97f;\n --color-scale-orange-4: #f5a97f;\n --color-scale-red-4: #ed8796;\n --shadow-inset: inset 0px 1px 0px 0px #181926;\n --shadow-resting-xsmall: 0px 1px 0px 0px #181926;\n --shadow-resting-small: 0px 1px 0px 0px #181926, 0px 1px 3px 0px #181926;\n --shadow-resting-medium: 0px 3px 6px 0px #181926;\n --shadow-floating-small: 0px 0px 0px 1px #24273a, 0px 6px 12px -3px #181926,\n 0px 6px 18px 0px #181926;\n --shadow-floating-medium: 0px 0px 0px 1px #363a4f,\n 0px 8px 16px -4px #181926, 0px 4px 32px -4px #181926,\n 0px 24px 48px -12px #181926, 0px 48px 96px -24px #181926;\n --shadow-floating-large: 0px 0px 0px 1px #363a4f,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px #363a4f,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px #181926, 0px 6px 18px 0px #181926;\n --outline-focus: #8aadf4 solid 2px;\n /* Header when logged out */\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] input::placeholder,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] textarea::placeholder {\n color: #a5adcb !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .cm-placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .form-select {\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23a5adcb%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.427%209.427%203.396%203.396a.25.25%200%200%200%20.354%200l3.396-3.396A.25.25%200%200%200%2011.396%209H4.604a.25.25%200%200%200-.177.427M4.423%206.47%207.82%203.072a.25.25%200%200%201%20.354%200L11.57%206.47a.25.25%200%200%201-.177.427H4.6a.25.25%200%200%201-.177-.427%22/%3E%3C/svg%3E\");\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .HeaderMenu-link {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .HeaderMenu-link:hover {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .header-search-button.placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .HeaderMenu-toggle-bar {\n background-color: #cad3f5;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .notification-indicator .mail-status {\n background-image: linear-gradient(#b7bdf8, #a0a8f6);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-r {\n color: var(--color-ansi-red);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-g {\n color: var(--color-ansi-green);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-b {\n color: var(--color-ansi-blue);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n color-scheme: dark;\n accent-color: #b7bdf8;\n color: #cad3f5;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n --color-notifications-button-hover-bg: rgba(183, 189, 248, 0.6);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-halloween-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-halloween-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-winter-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-winter-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-winter-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-winter-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: rgba(238, 212, 159, 0.3);\n --page-header-bgColor: #181926;\n --diffBlob-addition-fgColor-text: #cad3f5;\n --diffBlob-addition-fgColor-num: #cad3f5;\n --diffBlob-addition-bgColor-num: rgba(166, 218, 149, 0.3);\n --diffBlob-addition-bgColor-line: rgba(166, 218, 149, 0.15);\n --diffBlob-addition-bgColor-word: rgba(166, 218, 149, 0.3);\n --diffBlob-deletion-fgColor-text: #cad3f5;\n --diffBlob-deletion-fgColor-num: #cad3f5;\n --diffBlob-deletion-bgColor-num: rgba(237, 135, 150, 0.3);\n --diffBlob-deletion-bgColor-line: rgba(237, 135, 150, 0.15);\n --diffBlob-deletion-bgColor-word: rgba(237, 135, 150, 0.3);\n --diffBlob-hunk-bgColor-num: rgba(183, 189, 248, 0.4);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: #cad3f5;\n --codeMirror-bgColor: #24273a;\n --codeMirror-gutters-bgColor: #24273a;\n --codeMirror-gutterMarker-fgColor-default: #24273a;\n --codeMirror-gutterMarker-fgColor-muted: #6e738d;\n --codeMirror-lineNumber-fgColor: #b8c0e0;\n --codeMirror-cursor-fgColor: #cad3f5;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: #cad3f5;\n --codeMirror-lines-bgColor: #24273a;\n --codeMirror-syntax-fgColor-comment: #6e738d;\n --codeMirror-syntax-fgColor-constant: #8aadf4;\n --codeMirror-syntax-fgColor-entity: #8aadf4;\n --codeMirror-syntax-fgColor-keyword: #f5bde6;\n --codeMirror-syntax-fgColor-storage: #f5a97f;\n --codeMirror-syntax-fgColor-string: #a6da95;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: #f5a97f;\n --header-fgColor-default: #cad3f5;\n --header-fgColor-logo: #cad3f5;\n --header-bgColor: #181926;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: #1e2030;\n --headerSearch-borderColor: #363a4f;\n --avatar-bgColor: rgba(202, 211, 245, 0.26);\n --avatar-borderColor: #363a4f;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: #494d64;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: #ed8796;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: #494d64;\n --control-bgColor-disabled: rgba(30, 32, 48, 0.6);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: #cad3f5;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: rgba(165, 173, 203, 0.7);\n --control-borderColor-rest: #494d64;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: rgba(73, 77, 100, 0.75);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: rgba(91, 96, 120, 0.2);\n --control-transparent-bgColor-active: rgba(110, 115, 141, 0.5);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: #ed8796;\n --control-danger-fgColor-hover: #181926;\n --control-danger-bgColor-hover: rgba(237, 135, 150, 0.8);\n --control-danger-bgColor-active: #ed8796;\n --control-checked-bgColor-rest: #b7bdf8;\n --control-checked-bgColor-hover: #ced2fa;\n --control-checked-bgColor-active: #ced2fa;\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: #181926;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: #b7bdf8;\n --control-checked-borderColor-hover: #b7bdf8;\n --control-checked-borderColor-active: #b7bdf8;\n --control-checked-borderColor-disabled: #363a4f;\n --controlTrack-bgColor-rest: #363a4f;\n --controlTrack-bgColor-hover: #494d64;\n --controlTrack-bgColor-active: #5b6078;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: #cad3f5;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: #24273a;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: #cad3f5;\n --controlKnob-borderColor-rest: #5b6078;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: #8aadf4;\n --button-default-fgColor-rest: #cad3f5;\n --button-default-bgColor-rest: #363a4f;\n --button-default-bgColor-hover: #494d64;\n --button-default-bgColor-active: #5b6078;\n --button-default-bgColor-selected: #5b6078;\n --button-default-bgColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-borderColor-rest: #494d64;\n --button-default-borderColor-hover: #494d64;\n --button-default-borderColor-active: #494d64;\n --button-default-borderColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: #24273a;\n --button-primary-fgColor-disabled: rgba(36, 39, 58, 0.6);\n --button-primary-iconColor-rest: #24273a;\n --button-primary-bgColor-rest: #a6da95;\n --button-primary-bgColor-hover: #b6e1a8;\n --button-primary-bgColor-active: #a4de91;\n --button-primary-bgColor-disabled: rgba(166, 218, 149, 0.7);\n --button-primary-borderColor-rest: #a6da95;\n --button-primary-borderColor-hover: #a6da95;\n --button-primary-borderColor-active: #a6da95;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: #b7bdf8;\n --button-invisible-fgColor-hover: #e5e8fd;\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: #939ab7;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: rgba(73, 77, 100, 0.7);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: rgba(73, 77, 100, 0.7);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: #cad3f5;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: #494d64;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: #ed8796;\n --button-danger-fgColor-hover: #24273a;\n --button-danger-fgColor-active: #24273a;\n --button-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --button-danger-iconColor-rest: #ed8796;\n --button-danger-iconColor-hover: #181926;\n --button-danger-bgColor-rest: #363a4f;\n --button-danger-bgColor-hover: #ed8796;\n --button-danger-bgColor-active: #ea7183;\n --button-danger-bgColor-disabled: #24273a;\n --button-danger-borderColor-rest: #494d64;\n --button-danger-borderColor-hover: #ed8796;\n --button-danger-borderColor-active: #ea7183;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: #eed49f;\n --buttonCounter-default-bgColor-rest: #494d64;\n --buttonCounter-invisible-bgColor-rest: #494d64;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: rgba(202, 211, 245, 0.2);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: #ed8796;\n --buttonCounter-danger-fgColor-hover: #cad3f5;\n --buttonCounter-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --focus-outlineColor: #b7bdf8;\n --menu-bgColor-active: #1e2030;\n --overlay-bgColor: #24273a;\n --overlay-borderColor: #363a4f;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: #1e2030;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: #b7bdf8;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: rgba(183, 189, 248, 0.3);\n --reactionButton-selected-bgColor-rest: rgba(183, 189, 248, 0.2);\n --reactionButton-selected-bgColor-hover: rgba(183, 189, 248, 0.35);\n --reactionButton-selected-fgColor-rest: #b7bdf8;\n --reactionButton-selected-fgColor-hover: #b7bdf8;\n --fgColor-default: #cad3f5;\n --fgColor-muted: #b8c0e0;\n --fgColor-onEmphasis: #24273a;\n --fgColor-white: #cad3f5;\n --fgColor-disabled: #5b6078;\n --fgColor-link: #b7bdf8;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: #b7bdf8;\n --fgColor-success: #a6da95;\n --fgColor-attention: #eed49f;\n --fgColor-severe: #f5a97f;\n --fgColor-danger: #ed8796;\n --fgColor-open: #a6da95;\n --fgColor-closed: #ed8796;\n --fgColor-done: #c6a0f6;\n --fgColor-sponsors: #f5bde6;\n --bgColor-default: #24273a;\n --bgColor-muted: #1e2030;\n --bgColor-inset: #181926;\n --bgColor-emphasis: #939ab7;\n --bgColor-inverse: #cad3f5;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: #363a4f;\n --bgColor-neutral-emphasis: #a5adcb;\n --bgColor-accent-muted: rgba(183, 189, 248, 0.2);\n --bgColor-accent-emphasis: #b7bdf8;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: #a6da95;\n --bgColor-attention-muted: rgba(238, 212, 159, 0.15);\n --bgColor-attention-emphasis: #eed49f;\n --bgColor-severe-muted: rgba(245, 169, 127, 0.26);\n --bgColor-severe-emphasis: #f5a97f;\n --bgColor-danger-muted: rgba(237, 135, 150, 0.26);\n --bgColor-danger-emphasis: #ed8796;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: #a6da95;\n --bgColor-closed-muted: rgba(237, 135, 150, 0.15);\n --bgColor-closed-emphasis: #ed8796;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: #c6a0f6;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: #f5bde6;\n --borderColor-default: #494d64;\n --borderColor-muted: #363a4f;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: rgba(183, 189, 248, 0.5);\n --borderColor-accent-emphasis: #b7bdf8;\n --borderColor-success-muted: #96d382;\n --borderColor-success-emphasis: #a6da95;\n --borderColor-attention-muted: rgba(240, 198, 198, 0.3);\n --borderColor-attention-emphasis: #f0c6c6;\n --borderColor-severe-muted: #f5a97f;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: #ed8796;\n --borderColor-danger-emphasis: #ed8796;\n --borderColor-open-muted: #96d382;\n --borderColor-open-emphasis: #a6da95;\n --borderColor-closed-muted: #ed8796;\n --borderColor-closed-emphasis: #ed8796;\n --borderColor-done-muted: #b7bdf8;\n --borderColor-done-emphasis: #c6a0f6;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: #f5bde6;\n --color-ansi-black: #494d64;\n --color-ansi-black-bright: #5b6078;\n --color-ansi-gray: #5b6078;\n --color-ansi-white: #b8c0e0;\n --color-ansi-white-bright: #a5adcb;\n --color-ansi-red: #ed8796;\n --color-ansi-red-bright: #ed8796;\n --color-ansi-green: #a6da95;\n --color-ansi-green-bright: #a6da95;\n --color-ansi-yellow: #eed49f;\n --color-ansi-yellow-bright: #eed49f;\n --color-ansi-blue: #8aadf4;\n --color-ansi-blue-bright: #8aadf4;\n --color-ansi-magenta: #f5bde6;\n --color-ansi-magenta-bright: #f5bde6;\n --color-ansi-cyan: #8bd5ca;\n --color-ansi-cyan-bright: #8bd5ca;\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-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\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 --bgColor-white: #24273a;\n --color-scale-white: #24273a;\n --color-scale-gray-3: #939ab7;\n --color-scale-gray-5: #6e738d;\n --color-scale-gray-6: #494d64;\n --color-scale-gray-7: #494d64;\n --color-scale-blue-2: #91d7e3;\n --color-scale-blue-5: #8aadf4;\n --color-scale-green-3: #a6da95;\n --color-scale-green-4: #a6da95;\n --color-scale-yellow-3: #f5a97f;\n --color-scale-orange-4: #f5a97f;\n --color-scale-red-4: #ed8796;\n --shadow-inset: inset 0px 1px 0px 0px #181926;\n --shadow-resting-xsmall: 0px 1px 0px 0px #181926;\n --shadow-resting-small: 0px 1px 0px 0px #181926, 0px 1px 3px 0px #181926;\n --shadow-resting-medium: 0px 3px 6px 0px #181926;\n --shadow-floating-small: 0px 0px 0px 1px #24273a, 0px 6px 12px -3px #181926,\n 0px 6px 18px 0px #181926;\n --shadow-floating-medium: 0px 0px 0px 1px #363a4f,\n 0px 8px 16px -4px #181926, 0px 4px 32px -4px #181926,\n 0px 24px 48px -12px #181926, 0px 48px 96px -24px #181926;\n --shadow-floating-large: 0px 0px 0px 1px #363a4f,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px #363a4f,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px #181926, 0px 6px 18px 0px #181926;\n --outline-focus: #8aadf4 solid 2px;\n /* Header when logged out */\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] ::selection,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] input::placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] input::placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] textarea::placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] textarea::placeholder {\n color: #a5adcb !important;\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .cm-placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .cm-placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .turbo-progress-bar,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .form-select,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .form-select {\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23a5adcb%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.427%209.427%203.396%203.396a.25.25%200%200%200%20.354%200l3.396-3.396A.25.25%200%200%200%2011.396%209H4.604a.25.25%200%200%200-.177.427M4.423%206.47%207.82%203.072a.25.25%200%200%201%20.354%200L11.57%206.47a.25.25%200%200%201-.177.427H4.6a.25.25%200%200%201-.177-.427%22/%3E%3C/svg%3E\");\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .HeaderMenu-link,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .HeaderMenu-link {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .HeaderMenu-link:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .HeaderMenu-link:hover {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .header-search-button.placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .header-search-button.placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .HeaderMenu-toggle-bar,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .HeaderMenu-toggle-bar {\n background-color: #cad3f5;\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .notification-indicator .mail-status,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .notification-indicator .mail-status {\n background-image: linear-gradient(#b7bdf8, #a0a8f6);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-r,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-r {\n color: var(--color-ansi-red);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-y,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-g,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-g {\n color: var(--color-ansi-green);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-b,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-b {\n color: var(--color-ansi-blue);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-c,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-m,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .CheckStep .ansifg-gr,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .CheckStep .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n color-scheme: dark;\n accent-color: #b7bdf8;\n color: #cad3f5;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n --color-notifications-button-hover-bg: rgba(183, 189, 248, 0.6);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-halloween-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-halloween-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-winter-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-winter-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-winter-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-winter-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: rgba(238, 212, 159, 0.3);\n --page-header-bgColor: #181926;\n --diffBlob-addition-fgColor-text: #cad3f5;\n --diffBlob-addition-fgColor-num: #cad3f5;\n --diffBlob-addition-bgColor-num: rgba(166, 218, 149, 0.3);\n --diffBlob-addition-bgColor-line: rgba(166, 218, 149, 0.15);\n --diffBlob-addition-bgColor-word: rgba(166, 218, 149, 0.3);\n --diffBlob-deletion-fgColor-text: #cad3f5;\n --diffBlob-deletion-fgColor-num: #cad3f5;\n --diffBlob-deletion-bgColor-num: rgba(237, 135, 150, 0.3);\n --diffBlob-deletion-bgColor-line: rgba(237, 135, 150, 0.15);\n --diffBlob-deletion-bgColor-word: rgba(237, 135, 150, 0.3);\n --diffBlob-hunk-bgColor-num: rgba(183, 189, 248, 0.4);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: #cad3f5;\n --codeMirror-bgColor: #24273a;\n --codeMirror-gutters-bgColor: #24273a;\n --codeMirror-gutterMarker-fgColor-default: #24273a;\n --codeMirror-gutterMarker-fgColor-muted: #6e738d;\n --codeMirror-lineNumber-fgColor: #b8c0e0;\n --codeMirror-cursor-fgColor: #cad3f5;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: #cad3f5;\n --codeMirror-lines-bgColor: #24273a;\n --codeMirror-syntax-fgColor-comment: #6e738d;\n --codeMirror-syntax-fgColor-constant: #8aadf4;\n --codeMirror-syntax-fgColor-entity: #8aadf4;\n --codeMirror-syntax-fgColor-keyword: #f5bde6;\n --codeMirror-syntax-fgColor-storage: #f5a97f;\n --codeMirror-syntax-fgColor-string: #a6da95;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: #f5a97f;\n --header-fgColor-default: #cad3f5;\n --header-fgColor-logo: #cad3f5;\n --header-bgColor: #181926;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: #1e2030;\n --headerSearch-borderColor: #363a4f;\n --avatar-bgColor: rgba(202, 211, 245, 0.26);\n --avatar-borderColor: #363a4f;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: #494d64;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: #ed8796;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: #494d64;\n --control-bgColor-disabled: rgba(30, 32, 48, 0.6);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: #cad3f5;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: rgba(165, 173, 203, 0.7);\n --control-borderColor-rest: #494d64;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: rgba(73, 77, 100, 0.75);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: rgba(91, 96, 120, 0.2);\n --control-transparent-bgColor-active: rgba(110, 115, 141, 0.5);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: #ed8796;\n --control-danger-fgColor-hover: #181926;\n --control-danger-bgColor-hover: rgba(237, 135, 150, 0.8);\n --control-danger-bgColor-active: #ed8796;\n --control-checked-bgColor-rest: #b7bdf8;\n --control-checked-bgColor-hover: #ced2fa;\n --control-checked-bgColor-active: #ced2fa;\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: #181926;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: #b7bdf8;\n --control-checked-borderColor-hover: #b7bdf8;\n --control-checked-borderColor-active: #b7bdf8;\n --control-checked-borderColor-disabled: #363a4f;\n --controlTrack-bgColor-rest: #363a4f;\n --controlTrack-bgColor-hover: #494d64;\n --controlTrack-bgColor-active: #5b6078;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: #cad3f5;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: #24273a;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: #cad3f5;\n --controlKnob-borderColor-rest: #5b6078;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: #8aadf4;\n --button-default-fgColor-rest: #cad3f5;\n --button-default-bgColor-rest: #363a4f;\n --button-default-bgColor-hover: #494d64;\n --button-default-bgColor-active: #5b6078;\n --button-default-bgColor-selected: #5b6078;\n --button-default-bgColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-borderColor-rest: #494d64;\n --button-default-borderColor-hover: #494d64;\n --button-default-borderColor-active: #494d64;\n --button-default-borderColor-disabled: rgba(54, 58, 79, 0.7);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: #24273a;\n --button-primary-fgColor-disabled: rgba(36, 39, 58, 0.6);\n --button-primary-iconColor-rest: #24273a;\n --button-primary-bgColor-rest: #a6da95;\n --button-primary-bgColor-hover: #b6e1a8;\n --button-primary-bgColor-active: #a4de91;\n --button-primary-bgColor-disabled: rgba(166, 218, 149, 0.7);\n --button-primary-borderColor-rest: #a6da95;\n --button-primary-borderColor-hover: #a6da95;\n --button-primary-borderColor-active: #a6da95;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: #b7bdf8;\n --button-invisible-fgColor-hover: #e5e8fd;\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: #939ab7;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: rgba(73, 77, 100, 0.7);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: rgba(73, 77, 100, 0.7);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: #cad3f5;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: #494d64;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: #ed8796;\n --button-danger-fgColor-hover: #24273a;\n --button-danger-fgColor-active: #24273a;\n --button-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --button-danger-iconColor-rest: #ed8796;\n --button-danger-iconColor-hover: #181926;\n --button-danger-bgColor-rest: #363a4f;\n --button-danger-bgColor-hover: #ed8796;\n --button-danger-bgColor-active: #ea7183;\n --button-danger-bgColor-disabled: #24273a;\n --button-danger-borderColor-rest: #494d64;\n --button-danger-borderColor-hover: #ed8796;\n --button-danger-borderColor-active: #ea7183;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: #eed49f;\n --buttonCounter-default-bgColor-rest: #494d64;\n --buttonCounter-invisible-bgColor-rest: #494d64;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: rgba(202, 211, 245, 0.2);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: #ed8796;\n --buttonCounter-danger-fgColor-hover: #cad3f5;\n --buttonCounter-danger-fgColor-disabled: rgba(237, 135, 150, 0.5);\n --focus-outlineColor: #b7bdf8;\n --menu-bgColor-active: #1e2030;\n --overlay-bgColor: #24273a;\n --overlay-borderColor: #363a4f;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: #1e2030;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: #b7bdf8;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: rgba(183, 189, 248, 0.3);\n --reactionButton-selected-bgColor-rest: rgba(183, 189, 248, 0.2);\n --reactionButton-selected-bgColor-hover: rgba(183, 189, 248, 0.35);\n --reactionButton-selected-fgColor-rest: #b7bdf8;\n --reactionButton-selected-fgColor-hover: #b7bdf8;\n --fgColor-default: #cad3f5;\n --fgColor-muted: #b8c0e0;\n --fgColor-onEmphasis: #24273a;\n --fgColor-white: #cad3f5;\n --fgColor-disabled: #5b6078;\n --fgColor-link: #b7bdf8;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: #b7bdf8;\n --fgColor-success: #a6da95;\n --fgColor-attention: #eed49f;\n --fgColor-severe: #f5a97f;\n --fgColor-danger: #ed8796;\n --fgColor-open: #a6da95;\n --fgColor-closed: #ed8796;\n --fgColor-done: #c6a0f6;\n --fgColor-sponsors: #f5bde6;\n --bgColor-default: #24273a;\n --bgColor-muted: #1e2030;\n --bgColor-inset: #181926;\n --bgColor-emphasis: #939ab7;\n --bgColor-inverse: #cad3f5;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: #363a4f;\n --bgColor-neutral-emphasis: #a5adcb;\n --bgColor-accent-muted: rgba(183, 189, 248, 0.2);\n --bgColor-accent-emphasis: #b7bdf8;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: #a6da95;\n --bgColor-attention-muted: rgba(238, 212, 159, 0.15);\n --bgColor-attention-emphasis: #eed49f;\n --bgColor-severe-muted: rgba(245, 169, 127, 0.26);\n --bgColor-severe-emphasis: #f5a97f;\n --bgColor-danger-muted: rgba(237, 135, 150, 0.26);\n --bgColor-danger-emphasis: #ed8796;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: #a6da95;\n --bgColor-closed-muted: rgba(237, 135, 150, 0.15);\n --bgColor-closed-emphasis: #ed8796;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: #c6a0f6;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: #f5bde6;\n --borderColor-default: #494d64;\n --borderColor-muted: #363a4f;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: rgba(183, 189, 248, 0.5);\n --borderColor-accent-emphasis: #b7bdf8;\n --borderColor-success-muted: #96d382;\n --borderColor-success-emphasis: #a6da95;\n --borderColor-attention-muted: rgba(240, 198, 198, 0.3);\n --borderColor-attention-emphasis: #f0c6c6;\n --borderColor-severe-muted: #f5a97f;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: #ed8796;\n --borderColor-danger-emphasis: #ed8796;\n --borderColor-open-muted: #96d382;\n --borderColor-open-emphasis: #a6da95;\n --borderColor-closed-muted: #ed8796;\n --borderColor-closed-emphasis: #ed8796;\n --borderColor-done-muted: #b7bdf8;\n --borderColor-done-emphasis: #c6a0f6;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: #f5bde6;\n --color-ansi-black: #494d64;\n --color-ansi-black-bright: #5b6078;\n --color-ansi-gray: #5b6078;\n --color-ansi-white: #b8c0e0;\n --color-ansi-white-bright: #a5adcb;\n --color-ansi-red: #ed8796;\n --color-ansi-red-bright: #ed8796;\n --color-ansi-green: #a6da95;\n --color-ansi-green-bright: #a6da95;\n --color-ansi-yellow: #eed49f;\n --color-ansi-yellow-bright: #eed49f;\n --color-ansi-blue: #8aadf4;\n --color-ansi-blue-bright: #8aadf4;\n --color-ansi-magenta: #f5bde6;\n --color-ansi-magenta-bright: #f5bde6;\n --color-ansi-cyan: #8bd5ca;\n --color-ansi-cyan-bright: #8bd5ca;\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-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\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 --bgColor-white: #24273a;\n --color-scale-white: #24273a;\n --color-scale-gray-3: #939ab7;\n --color-scale-gray-5: #6e738d;\n --color-scale-gray-6: #494d64;\n --color-scale-gray-7: #494d64;\n --color-scale-blue-2: #91d7e3;\n --color-scale-blue-5: #8aadf4;\n --color-scale-green-3: #a6da95;\n --color-scale-green-4: #a6da95;\n --color-scale-yellow-3: #f5a97f;\n --color-scale-orange-4: #f5a97f;\n --color-scale-red-4: #ed8796;\n --shadow-inset: inset 0px 1px 0px 0px #181926;\n --shadow-resting-xsmall: 0px 1px 0px 0px #181926;\n --shadow-resting-small: 0px 1px 0px 0px #181926, 0px 1px 3px 0px #181926;\n --shadow-resting-medium: 0px 3px 6px 0px #181926;\n --shadow-floating-small: 0px 0px 0px 1px #24273a, 0px 6px 12px -3px #181926,\n 0px 6px 18px 0px #181926;\n --shadow-floating-medium: 0px 0px 0px 1px #363a4f,\n 0px 8px 16px -4px #181926, 0px 4px 32px -4px #181926,\n 0px 24px 48px -12px #181926, 0px 48px 96px -24px #181926;\n --shadow-floating-large: 0px 0px 0px 1px #363a4f,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px #363a4f,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px #181926, 0px 6px 18px 0px #181926;\n --outline-focus: #8aadf4 solid 2px;\n /* Header when logged out */\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] ::selection,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] input::placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] input::placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] textarea::placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] textarea::placeholder {\n color: #a5adcb !important;\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .cm-placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .cm-placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .turbo-progress-bar,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .form-select,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .form-select {\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23a5adcb%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.427%209.427%203.396%203.396a.25.25%200%200%200%20.354%200l3.396-3.396A.25.25%200%200%200%2011.396%209H4.604a.25.25%200%200%200-.177.427M4.423%206.47%207.82%203.072a.25.25%200%200%201%20.354%200L11.57%206.47a.25.25%200%200%201-.177.427H4.6a.25.25%200%200%201-.177-.427%22/%3E%3C/svg%3E\");\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .HeaderMenu-link,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .HeaderMenu-link {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .HeaderMenu-link:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .HeaderMenu-link:hover {\n color: var(--fgColor-default);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .header-search-button.placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .header-search-button.placeholder {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .HeaderMenu-toggle-bar,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .HeaderMenu-toggle-bar {\n background-color: #cad3f5;\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .notification-indicator .mail-status,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .notification-indicator .mail-status {\n background-image: linear-gradient(#b7bdf8, #a0a8f6);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-r,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-r {\n color: var(--color-ansi-red);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-y,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-g,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-g {\n color: var(--color-ansi-green);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-b,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-b {\n color: var(--color-ansi-blue);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-c,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-m,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .CheckStep .ansifg-gr,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .CheckStep .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n html:not([data-light-theme=\"light\"], [data-light-theme=\"dark\"]) body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"], [data-dark-theme=\"light\"]) body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\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": 1224, "regexps": [ "https:\\/\\/(gist\\.)*github\\.com(?!((\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.(patch|diff)$)|\\/home$|\\/features($|\\/.*)|\\/marketplace($|\\?.*|\\/.*)|\\/organizations\\/plan)).*$" @@ -1772,12 +1741,12 @@ "start": 148080 } ], - "sourceCode": "/* ==UserStyle==\n@name GitHub Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.6.6\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub\n@description Soothing pastel theme for GitHub\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==/UserStyle== */\n\n@-moz-document regexp(\"https:\\/\\/(gist\\.)*github\\.com(?!((\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.(patch|diff)$)|\\/home$|\\/features($|\\/.*)|\\/marketplace($|\\?.*|\\/.*)|\\/organizations\\/plan)).*$\") {\n [data-color-mode=\"auto\"] {\n @media (prefers-color-scheme: light) {\n &[data-light-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n &[data-light-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &[data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n &[data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n html:not([data-light-theme=\"light\"], [data-light-theme=\"dark\"])\n body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"], [data-dark-theme=\"light\"])\n body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\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 #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 color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n .cm-placeholder {\n color: @subtext0;\n }\n\n accent-color: @accent-color;\n color: @text;\n\n --color-social-reaction-bg-reacted-hover: fade(@accent-color, 30%);\n --color-notifications-button-hover-bg: fade(@accent-color, 60%);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: fadeout(\n @accent-color,\n 60%\n ) !important;\n --color-calendar-halloween-graph-day-L2-bg: fadeout(\n @accent-color,\n 40%\n ) !important;\n --color-calendar-halloween-graph-day-L3-bg: fadeout(\n @accent-color,\n 20%\n ) !important;\n --color-calendar-halloween-graph-day-L4-bg: @accent-color !important;\n --color-calendar-winter-graph-day-L1-bg: fadeout(\n @accent-color,\n 60%\n ) !important;\n --color-calendar-winter-graph-day-L2-bg: fadeout(\n @accent-color,\n 40%\n ) !important;\n --color-calendar-winter-graph-day-L3-bg: fadeout(\n @accent-color,\n 20%\n ) !important;\n --color-calendar-winter-graph-day-L4-bg: @accent-color !important;\n --color-calendar-graph-day-bg: @surface0 !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: fadeout(@accent-color, 60%) !important;\n --color-calendar-graph-day-L2-bg: fadeout(@accent-color, 40%) !important;\n --color-calendar-graph-day-L3-bg: fadeout(@accent-color, 20%) !important;\n --color-calendar-graph-day-L4-bg: @accent-color !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: @accent-color;\n --color-user-mention-bg: fade(@accent-color, 30%);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: fade(@yellow, 30%);\n --page-header-bgColor: @crust;\n --diffBlob-addition-fgColor-text: @text;\n --diffBlob-addition-fgColor-num: @text;\n --diffBlob-addition-bgColor-num: fadeout(@green, 70%);\n --diffBlob-addition-bgColor-line: fadeout(@green, 85%);\n --diffBlob-addition-bgColor-word: fadeout(@green, 70%);\n --diffBlob-deletion-fgColor-text: @text;\n --diffBlob-deletion-fgColor-num: @text;\n --diffBlob-deletion-bgColor-num: fadeout(@red, 70%);\n --diffBlob-deletion-bgColor-line: fadeout(@red, 85%);\n --diffBlob-deletion-bgColor-word: fadeout(@red, 70%);\n --diffBlob-hunk-bgColor-num: fadeout(@accent-color, 60%);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: @text;\n --codeMirror-bgColor: @base;\n --codeMirror-gutters-bgColor: @base;\n --codeMirror-gutterMarker-fgColor-default: @base;\n --codeMirror-gutterMarker-fgColor-muted: @overlay0;\n --codeMirror-lineNumber-fgColor: @subtext1;\n --codeMirror-cursor-fgColor: @text;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: @text;\n --codeMirror-lines-bgColor: @base;\n --codeMirror-syntax-fgColor-comment: @overlay0;\n --codeMirror-syntax-fgColor-constant: @blue;\n --codeMirror-syntax-fgColor-entity: @blue;\n --codeMirror-syntax-fgColor-keyword: @pink;\n --codeMirror-syntax-fgColor-storage: @peach;\n --codeMirror-syntax-fgColor-string: @green;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: @peach;\n --header-fgColor-default: @text;\n --header-fgColor-logo: @text;\n --header-bgColor: @crust;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: @mantle;\n --headerSearch-borderColor: @surface0;\n --avatar-bgColor: fade(@text, 26%);\n --avatar-borderColor: @surface0;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: @surface1;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: @red;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: @surface1;\n --control-bgColor-disabled: fade(@mantle, 60%);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: @text;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: fade(@subtext0, 70%);\n --control-borderColor-rest: @surface1;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: fade(@surface1, 75%);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: fade(@surface2, 20%);\n --control-transparent-bgColor-active: fade(@overlay0, 50%);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: @red;\n --control-danger-fgColor-hover: @crust;\n --control-danger-bgColor-hover: fade(@red, 80%);\n --control-danger-bgColor-active: @red;\n --control-checked-bgColor-rest: @accent-color;\n --control-checked-bgColor-hover: lighten(@accent-color, 5%);\n --control-checked-bgColor-active: lighten(@accent-color, 5%);\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: @crust;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: @accent-color;\n --control-checked-borderColor-hover: @accent-color;\n --control-checked-borderColor-active: @accent-color;\n --control-checked-borderColor-disabled: @surface0;\n --controlTrack-bgColor-rest: @surface0;\n --controlTrack-bgColor-hover: @surface1;\n --controlTrack-bgColor-active: @surface2;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: @text;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: @base;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: @text;\n --controlKnob-borderColor-rest: @surface2;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: @blue;\n --button-default-fgColor-rest: @text;\n --button-default-bgColor-rest: @surface0;\n --button-default-bgColor-hover: @surface1;\n --button-default-bgColor-active: @surface2;\n --button-default-bgColor-selected: @surface2;\n --button-default-bgColor-disabled: fade(@surface0, 70%);\n --button-default-borderColor-rest: @surface1;\n --button-default-borderColor-hover: @surface1;\n --button-default-borderColor-active: @surface1;\n --button-default-borderColor-disabled: fade(@surface0, 70%);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: @base;\n --button-primary-fgColor-disabled: fade(@base, 60%);\n --button-primary-iconColor-rest: @base;\n --button-primary-bgColor-rest: @green;\n --button-primary-bgColor-hover: lighten(@green, 5%);\n --button-primary-bgColor-active: saturate(@green, 5%);\n --button-primary-bgColor-disabled: fade(@green, 70%);\n --button-primary-borderColor-rest: @green;\n --button-primary-borderColor-hover: @green;\n --button-primary-borderColor-active: @green;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: @accent-color;\n --button-invisible-fgColor-hover: lighten(@accent-color, 10%);\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: @overlay2;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: fade(@surface1, 70%);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: fade(@surface1, 70%);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: @text;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: @surface1;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: @red;\n --button-danger-fgColor-hover: @base;\n --button-danger-fgColor-active: @base;\n --button-danger-fgColor-disabled: fade(@red, 50%);\n --button-danger-iconColor-rest: @red;\n --button-danger-iconColor-hover: @crust;\n --button-danger-bgColor-rest: @surface0;\n --button-danger-bgColor-hover: @red;\n --button-danger-bgColor-active: darken(@red, 5%);\n --button-danger-bgColor-disabled: @base;\n --button-danger-borderColor-rest: @surface1;\n --button-danger-borderColor-hover: @surface2;\n --button-danger-borderColor-active: @surface2;\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: @yellow;\n --buttonCounter-default-bgColor-rest: @surface1;\n --buttonCounter-invisible-bgColor-rest: @surface1;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: fade(@text, 20%);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: @red;\n --buttonCounter-danger-fgColor-hover: @text;\n --buttonCounter-danger-fgColor-disabled: fade(@red, 50%);\n --focus-outlineColor: @accent-color;\n --menu-bgColor-active: @mantle;\n --overlay-bgColor: @base;\n --overlay-borderColor: @surface0;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: @mantle;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: @accent-color;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: fade(@accent-color, 30%);\n --reactionButton-selected-bgColor-rest: fade(@accent-color, 20%);\n --reactionButton-selected-bgColor-hover: fade(@accent-color, 35%);\n --reactionButton-selected-fgColor-rest: @accent-color;\n --reactionButton-selected-fgColor-hover: @accent-color;\n --fgColor-default: @text;\n --fgColor-muted: @subtext1;\n --fgColor-onEmphasis: @base;\n --fgColor-white: if(@lookup = latte, @crust, @text);\n --fgColor-disabled: @surface2;\n --fgColor-link: @accent-color;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: @accent-color;\n --fgColor-success: @green;\n --fgColor-attention: @yellow;\n --fgColor-severe: @peach;\n --fgColor-danger: @red;\n --fgColor-open: @green;\n --fgColor-closed: @red;\n --fgColor-done: @mauve;\n --fgColor-sponsors: @pink;\n --bgColor-default: @base;\n --bgColor-muted: @mantle;\n --bgColor-inset: @crust;\n --bgColor-emphasis: @overlay2;\n --bgColor-inverse: @text;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: @surface0;\n --bgColor-neutral-emphasis: @subtext0;\n --bgColor-accent-muted: fade(@accent-color, 20%);\n --bgColor-accent-emphasis: @accent-color;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: @green;\n --bgColor-attention-muted: fade(@yellow, 15%);\n --bgColor-attention-emphasis: @yellow;\n --bgColor-severe-muted: fade(@peach, 26%);\n --bgColor-severe-emphasis: @peach;\n --bgColor-danger-muted: fade(@red, 26%);\n --bgColor-danger-emphasis: @red;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: @green;\n --bgColor-closed-muted: fade(@red, 15%);\n --bgColor-closed-emphasis: @red;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: @mauve;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: @pink;\n --borderColor-default: @surface1;\n --borderColor-muted: @surface0;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: fade(@accent-color, 50%);\n --borderColor-accent-emphasis: @accent-color;\n --borderColor-success-muted: darken(@green, 5%);\n --borderColor-success-emphasis: @green;\n --borderColor-attention-muted: fade(@flamingo, 30%);\n --borderColor-attention-emphasis: @flamingo;\n --borderColor-severe-muted: @peach;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: @red;\n --borderColor-danger-emphasis: @red;\n --borderColor-open-muted: darken(@green, 5%);\n --borderColor-open-emphasis: @green;\n --borderColor-closed-muted: @red;\n --borderColor-closed-emphasis: @red;\n --borderColor-done-muted: @lavender;\n --borderColor-done-emphasis: @mauve;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: @pink;\n & when (@lookup =latte) {\n --color-ansi-black: @subtext1;\n --color-ansi-black-bright: @subtext0;\n --color-ansi-gray: @subtext0;\n --color-ansi-white: @surface2;\n --color-ansi-white-bright: @surface1;\n }\n & when not (@lookup =latte) {\n --color-ansi-black: @surface1;\n --color-ansi-black-bright: @surface2;\n --color-ansi-gray: @surface2;\n --color-ansi-white: @subtext1;\n --color-ansi-white-bright: @subtext0;\n }\n --color-ansi-red: @red;\n --color-ansi-red-bright: @red;\n --color-ansi-green: @green;\n --color-ansi-green-bright: @green;\n --color-ansi-yellow: @yellow;\n --color-ansi-yellow-bright: @yellow;\n --color-ansi-blue: @blue;\n --color-ansi-blue-bright: @blue;\n --color-ansi-magenta: @pink;\n --color-ansi-magenta-bright: @pink;\n --color-ansi-cyan: @teal;\n --color-ansi-cyan-bright: @teal;\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-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\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 --bgColor-white: @base;\n --color-scale-white: @base;\n --color-scale-gray-3: @overlay2;\n --color-scale-gray-5: @overlay0;\n --color-scale-gray-6: @surface1;\n --color-scale-gray-7: @surface1;\n --color-scale-blue-2: @sky;\n --color-scale-blue-5: @blue;\n --color-scale-green-3: @green;\n --color-scale-green-4: @green;\n --color-scale-yellow-3: @peach;\n --color-scale-orange-4: @peach;\n --color-scale-red-4: @red;\n --shadow-inset: inset 0px 1px 0px 0px @crust;\n --shadow-resting-xsmall: 0px 1px 0px 0px @crust;\n --shadow-resting-small: 0px 1px 0px 0px @crust, 0px 1px 3px 0px @crust;\n --shadow-resting-medium: 0px 3px 6px 0px @crust;\n --shadow-floating-small: 0px 0px 0px 1px @base, 0px 6px 12px -3px @crust,\n 0px 6px 18px 0px @crust;\n --shadow-floating-medium: 0px 0px 0px 1px @surface0,\n 0px 8px 16px -4px @crust, 0px 4px 32px -4px @crust,\n 0px 24px 48px -12px @crust, 0px 48px 96px -24px @crust;\n --shadow-floating-large: 0px 0px 0px 1px @surface0,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px @surface0,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px @crust, 0px 6px 18px 0px @crust;\n --outline-focus: @blue solid 2px;\n\n .turbo-progress-bar {\n background-color: @accent-color;\n }\n\n .form-select {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"]\n {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n\n /* Header when logged out */\n .HeaderMenu-link {\n color: var(--fgColor-default);\n\n &:hover {\n color: var(--fgColor-default);\n }\n }\n .header-search-button.placeholder {\n color: @subtext0;\n }\n .HeaderMenu-toggle-bar {\n background-color: @text;\n }\n .notification-indicator .mail-status {\n background-image: linear-gradient(\n @accent-color,\n darken(@accent-color, 5%)\n );\n }\n\n .CheckStep {\n .ansifg-r {\n color: var(--color-ansi-red);\n }\n .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n .ansifg-g {\n color: var(--color-ansi-green);\n }\n .ansifg-b {\n color: var(--color-ansi-blue);\n }\n .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n }\n }\n}\n\n@-moz-document url-prefix(\"https://viewscreen.githubusercontent.com/markdown/mermaid\")\n{\n [data-color-mode=\"auto\"] {\n @media (prefers-color-scheme: light) {\n &[data-light-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n &[data-light-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &[data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n &[data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\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 ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n background-color: @base;\n\n --color-btn-text: @text;\n --color-btn-bg: @surface0;\n --color-btn-border: @surface1;\n --color-btn-hover-bg: @surface1;\n --color-btn-hover-border: @surface2;\n --color-btn-active-bg: @surface2;\n --color-btn-selected-bg: @surface2;\n --color-btn-counter-bg: @surface2;\n --color-btn-outline-text: @accent-color;\n --color-fg-muted: @subtext1;\n\n #diagram {\n .node rect,\n .node circle,\n .node ellipse,\n .node polygon,\n .node path {\n fill: fade(@accent-color, 10%);\n stroke: @accent-color;\n }\n\n .label text,\n span,\n p {\n fill: @text;\n color: @text;\n }\n\n .flowchart-link,\n .marker {\n stroke: @subtext0;\n fill: @subtext0;\n }\n\n .edgeLabel {\n background-color: @crust;\n }\n }\n\n .octicon {\n fill: var(--color-fg-muted) !important;\n }\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 color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\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\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// vim:ft=less\n", + "sourceCode": "/* ==UserStyle==\n@name GitHub Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.6.7\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub\n@description Soothing pastel theme for GitHub\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==/UserStyle== */\n\n@-moz-document regexp(\"https:\\/\\/(gist\\.)*github\\.com(?!((\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.(patch|diff)$)|\\/home$|\\/features($|\\/.*)|\\/marketplace($|\\?.*|\\/.*)|\\/organizations\\/plan)).*$\") {\n [data-color-mode=\"auto\"] {\n @media (prefers-color-scheme: light) {\n &[data-light-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n &[data-light-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &[data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n &[data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n html:not([data-light-theme=\"light\"], [data-light-theme=\"dark\"])\n body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"], [data-dark-theme=\"light\"])\n body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\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 #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 color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n .cm-placeholder {\n color: @subtext0;\n }\n\n accent-color: @accent-color;\n color: @text;\n\n --color-social-reaction-bg-reacted-hover: fade(@accent-color, 30%);\n --color-notifications-button-hover-bg: fade(@accent-color, 60%);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: fadeout(\n @accent-color,\n 60%\n ) !important;\n --color-calendar-halloween-graph-day-L2-bg: fadeout(\n @accent-color,\n 40%\n ) !important;\n --color-calendar-halloween-graph-day-L3-bg: fadeout(\n @accent-color,\n 20%\n ) !important;\n --color-calendar-halloween-graph-day-L4-bg: @accent-color !important;\n --color-calendar-winter-graph-day-L1-bg: fadeout(\n @accent-color,\n 60%\n ) !important;\n --color-calendar-winter-graph-day-L2-bg: fadeout(\n @accent-color,\n 40%\n ) !important;\n --color-calendar-winter-graph-day-L3-bg: fadeout(\n @accent-color,\n 20%\n ) !important;\n --color-calendar-winter-graph-day-L4-bg: @accent-color !important;\n --color-calendar-graph-day-bg: @surface0 !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: fadeout(@accent-color, 60%) !important;\n --color-calendar-graph-day-L2-bg: fadeout(@accent-color, 40%) !important;\n --color-calendar-graph-day-L3-bg: fadeout(@accent-color, 20%) !important;\n --color-calendar-graph-day-L4-bg: @accent-color !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: @accent-color;\n --color-user-mention-bg: fade(@accent-color, 30%);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: fade(@yellow, 30%);\n --page-header-bgColor: @crust;\n --diffBlob-addition-fgColor-text: @text;\n --diffBlob-addition-fgColor-num: @text;\n --diffBlob-addition-bgColor-num: fadeout(@green, 70%);\n --diffBlob-addition-bgColor-line: fadeout(@green, 85%);\n --diffBlob-addition-bgColor-word: fadeout(@green, 70%);\n --diffBlob-deletion-fgColor-text: @text;\n --diffBlob-deletion-fgColor-num: @text;\n --diffBlob-deletion-bgColor-num: fadeout(@red, 70%);\n --diffBlob-deletion-bgColor-line: fadeout(@red, 85%);\n --diffBlob-deletion-bgColor-word: fadeout(@red, 70%);\n --diffBlob-hunk-bgColor-num: fadeout(@accent-color, 60%);\n --diffBlob-expander-iconColor: #848d97;\n --codeMirror-fgColor: @text;\n --codeMirror-bgColor: @base;\n --codeMirror-gutters-bgColor: @base;\n --codeMirror-gutterMarker-fgColor-default: @base;\n --codeMirror-gutterMarker-fgColor-muted: @overlay0;\n --codeMirror-lineNumber-fgColor: @subtext1;\n --codeMirror-cursor-fgColor: @text;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: @text;\n --codeMirror-lines-bgColor: @base;\n --codeMirror-syntax-fgColor-comment: @overlay0;\n --codeMirror-syntax-fgColor-constant: @blue;\n --codeMirror-syntax-fgColor-entity: @blue;\n --codeMirror-syntax-fgColor-keyword: @pink;\n --codeMirror-syntax-fgColor-storage: @peach;\n --codeMirror-syntax-fgColor-string: @green;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: @peach;\n --header-fgColor-default: @text;\n --header-fgColor-logo: @text;\n --header-bgColor: @crust;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: @mantle;\n --headerSearch-borderColor: @surface0;\n --avatar-bgColor: fade(@text, 26%);\n --avatar-borderColor: @surface0;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: @surface1;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: @red;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: @surface1;\n --control-bgColor-disabled: fade(@mantle, 60%);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: @text;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: fade(@subtext0, 70%);\n --control-borderColor-rest: @surface1;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: fade(@surface1, 75%);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: fade(@surface2, 20%);\n --control-transparent-bgColor-active: fade(@overlay0, 50%);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: @red;\n --control-danger-fgColor-hover: @crust;\n --control-danger-bgColor-hover: fade(@red, 80%);\n --control-danger-bgColor-active: @red;\n --control-checked-bgColor-rest: @accent-color;\n --control-checked-bgColor-hover: lighten(@accent-color, 5%);\n --control-checked-bgColor-active: lighten(@accent-color, 5%);\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: @crust;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: @accent-color;\n --control-checked-borderColor-hover: @accent-color;\n --control-checked-borderColor-active: @accent-color;\n --control-checked-borderColor-disabled: @surface0;\n --controlTrack-bgColor-rest: @surface0;\n --controlTrack-bgColor-hover: @surface1;\n --controlTrack-bgColor-active: @surface2;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: @text;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: @base;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: @text;\n --controlKnob-borderColor-rest: @surface2;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: @blue;\n --button-default-fgColor-rest: @text;\n --button-default-bgColor-rest: @surface0;\n --button-default-bgColor-hover: @surface1;\n --button-default-bgColor-active: @surface2;\n --button-default-bgColor-selected: @surface2;\n --button-default-bgColor-disabled: fade(@surface0, 70%);\n --button-default-borderColor-rest: @surface1;\n --button-default-borderColor-hover: @surface1;\n --button-default-borderColor-active: @surface1;\n --button-default-borderColor-disabled: fade(@surface0, 70%);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: @base;\n --button-primary-fgColor-disabled: fade(@base, 60%);\n --button-primary-iconColor-rest: @base;\n --button-primary-bgColor-rest: @green;\n --button-primary-bgColor-hover: lighten(@green, 5%);\n --button-primary-bgColor-active: saturate(@green, 5%);\n --button-primary-bgColor-disabled: fade(@green, 70%);\n --button-primary-borderColor-rest: @green;\n --button-primary-borderColor-hover: @green;\n --button-primary-borderColor-active: @green;\n --button-primary-borderColor-disabled: #77c982;\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: @accent-color;\n --button-invisible-fgColor-hover: lighten(@accent-color, 10%);\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: @overlay2;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: fade(@surface1, 70%);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: fade(@surface1, 70%);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: @text;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: @surface1;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: @red;\n --button-danger-fgColor-hover: @base;\n --button-danger-fgColor-active: @base;\n --button-danger-fgColor-disabled: fade(@red, 50%);\n --button-danger-iconColor-rest: @red;\n --button-danger-iconColor-hover: @crust;\n --button-danger-bgColor-rest: @surface0;\n --button-danger-bgColor-hover: @red;\n --button-danger-bgColor-active: darken(@red, 5%);\n --button-danger-bgColor-disabled: @base;\n --button-danger-borderColor-rest: @surface1;\n --button-danger-borderColor-hover: @red;\n --button-danger-borderColor-active: darken(@red, 5%);\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: @yellow;\n --buttonCounter-default-bgColor-rest: @surface1;\n --buttonCounter-invisible-bgColor-rest: @surface1;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: fade(@text, 20%);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: @red;\n --buttonCounter-danger-fgColor-hover: @text;\n --buttonCounter-danger-fgColor-disabled: fade(@red, 50%);\n --focus-outlineColor: @accent-color;\n --menu-bgColor-active: @mantle;\n --overlay-bgColor: @base;\n --overlay-borderColor: @surface0;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: @mantle;\n --treeViewItem-leadingVisual-iconColor-rest: #848d97;\n --underlineNav-borderColor-active: @accent-color;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: fade(@accent-color, 30%);\n --reactionButton-selected-bgColor-rest: fade(@accent-color, 20%);\n --reactionButton-selected-bgColor-hover: fade(@accent-color, 35%);\n --reactionButton-selected-fgColor-rest: @accent-color;\n --reactionButton-selected-fgColor-hover: @accent-color;\n --fgColor-default: @text;\n --fgColor-muted: @subtext1;\n --fgColor-onEmphasis: @base;\n --fgColor-white: if(@lookup = latte, @crust, @text);\n --fgColor-disabled: @surface2;\n --fgColor-link: @accent-color;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: @accent-color;\n --fgColor-success: @green;\n --fgColor-attention: @yellow;\n --fgColor-severe: @peach;\n --fgColor-danger: @red;\n --fgColor-open: @green;\n --fgColor-closed: @red;\n --fgColor-done: @mauve;\n --fgColor-sponsors: @pink;\n --bgColor-default: @base;\n --bgColor-muted: @mantle;\n --bgColor-inset: @crust;\n --bgColor-emphasis: @overlay2;\n --bgColor-inverse: @text;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: @surface0;\n --bgColor-neutral-emphasis: @subtext0;\n --bgColor-accent-muted: fade(@accent-color, 20%);\n --bgColor-accent-emphasis: @accent-color;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: @green;\n --bgColor-attention-muted: fade(@yellow, 15%);\n --bgColor-attention-emphasis: @yellow;\n --bgColor-severe-muted: fade(@peach, 26%);\n --bgColor-severe-emphasis: @peach;\n --bgColor-danger-muted: fade(@red, 26%);\n --bgColor-danger-emphasis: @red;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: @green;\n --bgColor-closed-muted: fade(@red, 15%);\n --bgColor-closed-emphasis: @red;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: @mauve;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: @pink;\n --borderColor-default: @surface1;\n --borderColor-muted: @surface0;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: fade(@accent-color, 50%);\n --borderColor-accent-emphasis: @accent-color;\n --borderColor-success-muted: darken(@green, 5%);\n --borderColor-success-emphasis: @green;\n --borderColor-attention-muted: fade(@flamingo, 30%);\n --borderColor-attention-emphasis: @flamingo;\n --borderColor-severe-muted: @peach;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: @red;\n --borderColor-danger-emphasis: @red;\n --borderColor-open-muted: darken(@green, 5%);\n --borderColor-open-emphasis: @green;\n --borderColor-closed-muted: @red;\n --borderColor-closed-emphasis: @red;\n --borderColor-done-muted: @lavender;\n --borderColor-done-emphasis: @mauve;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: @pink;\n & when (@lookup =latte) {\n --color-ansi-black: @subtext1;\n --color-ansi-black-bright: @subtext0;\n --color-ansi-gray: @subtext0;\n --color-ansi-white: @surface2;\n --color-ansi-white-bright: @surface1;\n }\n & when not (@lookup =latte) {\n --color-ansi-black: @surface1;\n --color-ansi-black-bright: @surface2;\n --color-ansi-gray: @surface2;\n --color-ansi-white: @subtext1;\n --color-ansi-white-bright: @subtext0;\n }\n --color-ansi-red: @red;\n --color-ansi-red-bright: @red;\n --color-ansi-green: @green;\n --color-ansi-green-bright: @green;\n --color-ansi-yellow: @yellow;\n --color-ansi-yellow-bright: @yellow;\n --color-ansi-blue: @blue;\n --color-ansi-blue-bright: @blue;\n --color-ansi-magenta: @pink;\n --color-ansi-magenta-bright: @pink;\n --color-ansi-cyan: @teal;\n --color-ansi-cyan-bright: @teal;\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-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\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 --bgColor-white: @base;\n --color-scale-white: @base;\n --color-scale-gray-3: @overlay2;\n --color-scale-gray-5: @overlay0;\n --color-scale-gray-6: @surface1;\n --color-scale-gray-7: @surface1;\n --color-scale-blue-2: @sky;\n --color-scale-blue-5: @blue;\n --color-scale-green-3: @green;\n --color-scale-green-4: @green;\n --color-scale-yellow-3: @peach;\n --color-scale-orange-4: @peach;\n --color-scale-red-4: @red;\n --shadow-inset: inset 0px 1px 0px 0px @crust;\n --shadow-resting-xsmall: 0px 1px 0px 0px @crust;\n --shadow-resting-small: 0px 1px 0px 0px @crust, 0px 1px 3px 0px @crust;\n --shadow-resting-medium: 0px 3px 6px 0px @crust;\n --shadow-floating-small: 0px 0px 0px 1px @base, 0px 6px 12px -3px @crust,\n 0px 6px 18px 0px @crust;\n --shadow-floating-medium: 0px 0px 0px 1px @surface0,\n 0px 8px 16px -4px @crust, 0px 4px 32px -4px @crust,\n 0px 24px 48px -12px @crust, 0px 48px 96px -24px @crust;\n --shadow-floating-large: 0px 0px 0px 1px @surface0,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px @surface0,\n 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px @crust, 0px 6px 18px 0px @crust;\n --outline-focus: @blue solid 2px;\n\n .turbo-progress-bar {\n background-color: @accent-color;\n }\n\n .form-select {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"]\n {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n\n /* Header when logged out */\n .HeaderMenu-link {\n color: var(--fgColor-default);\n\n &:hover {\n color: var(--fgColor-default);\n }\n }\n .header-search-button.placeholder {\n color: @subtext0;\n }\n .HeaderMenu-toggle-bar {\n background-color: @text;\n }\n .notification-indicator .mail-status {\n background-image: linear-gradient(\n @accent-color,\n darken(@accent-color, 5%)\n );\n }\n\n .CheckStep {\n .ansifg-r {\n color: var(--color-ansi-red);\n }\n .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n .ansifg-g {\n color: var(--color-ansi-green);\n }\n .ansifg-b {\n color: var(--color-ansi-blue);\n }\n .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n }\n }\n}\n\n@-moz-document url-prefix(\"https://viewscreen.githubusercontent.com/markdown/mermaid\")\n{\n [data-color-mode=\"auto\"] {\n @media (prefers-color-scheme: light) {\n &[data-light-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n &[data-light-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &[data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n &[data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\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 ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n background-color: @base;\n\n --color-btn-text: @text;\n --color-btn-bg: @surface0;\n --color-btn-border: @surface1;\n --color-btn-hover-bg: @surface1;\n --color-btn-hover-border: @surface2;\n --color-btn-active-bg: @surface2;\n --color-btn-selected-bg: @surface2;\n --color-btn-counter-bg: @surface2;\n --color-btn-outline-text: @accent-color;\n --color-fg-muted: @subtext1;\n\n #diagram {\n .node rect,\n .node circle,\n .node ellipse,\n .node polygon,\n .node path {\n fill: fade(@accent-color, 10%);\n stroke: @accent-color;\n }\n\n .label text,\n span,\n p {\n fill: @text;\n color: @text;\n }\n\n .flowchart-link,\n .marker {\n stroke: @subtext0;\n fill: @subtext0;\n }\n\n .edgeLabel {\n background-color: @crust;\n }\n }\n\n .octicon {\n fill: var(--color-fg-muted) !important;\n }\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 color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\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\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// vim:ft=less\n", "usercssData": { "name": "GitHub Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/github", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/github", - "version": "1.6.6", + "version": "1.6.7", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css", "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub", "description": "Soothing pastel theme for GitHub", @@ -1848,7 +1817,7 @@ "label": "Accent", "name": "accentColor", "value": "lavender", - "default": "sapphire", + "default": "mauve", "options": [ { "name": "rosewater", @@ -1932,12 +1901,12 @@ "author": "Catppuccin", "description": "Soothing pastel theme for GitHub", "name": "GitHub Catppuccin", - "originalDigest": "9f9aef21e58e206b9d9e12177262d9a7f52879f7", + "originalDigest": "dd70691d2cae12e0d49952eb81f82c58016e5f8c", "_id": "707de53d-4c74-462b-befa-7b946665e44e", - "_rev": 1713299543573, + "_rev": 1714741608068, "id": 40, - "etag": "W/\"1790ffe803a4620757b0d8ad1800701256d5a666274384925873f40d0d53928d\"", - "updateDate": 1713299543448 + "etag": "W/\"b95f51481103975e58832783dc081dbb0db7a0b2b81d3bb269822c2a3b1321f9\"", + "updateDate": 1714741605668 }, { "enabled": true, @@ -2118,7 +2087,7 @@ "name": "Wikiwand Catppuccin", "originalDigest": "525ec86e524391c34a17d621f26ad4ff2f3ba95b", "_id": "2b505832-cc5a-4902-bf4f-e868b4dab84d", - "_rev": 1690105930236, + "_rev": 1714073410227, "id": 42, "etag": "W/\"911c9a35b929124df85cde8898aad93c5cc477022a21c3ae8266df69f2762a47\"" }, @@ -2306,7 +2275,7 @@ "name": "Reddit Catppuccin", "originalDigest": "5dff9df8fedd15f40a4394957bc8307336396fc7", "_id": "6a5b44ca-c395-44a4-8e9f-f54309f309e1", - "_rev": 1712581304171, + "_rev": 1714738524287, "id": 44, "etag": "W/\"29406f00204f1630c3f4c070d4106654be10b2c7f268169341f82e9c719e4573\"", "updateDate": 1712581304106 @@ -2502,7 +2471,7 @@ "name": "Twitch Catppuccin", "originalDigest": "be354aeb2934572e80fb7a3e00514f114b3ed949", "_id": "f0c36e57-93df-42f7-b12e-2c38612254fd", - "_rev": 1712856189678, + "_rev": 1714073410291, "id": 45, "etag": "W/\"6ee6ea9f8799aec6ad80503a6f43f4b1284c6fde2c89f3629d914cbfc147e69a\"", "updateDate": 1712856189537 @@ -2691,7 +2660,7 @@ "name": "Brave Search Catppuccin", "originalDigest": "6dfa5168d9e18ec5211863f03afd5e17f33ad0ac", "_id": "8d7c5abd-49c7-4900-a70b-e3c3a2c82fcb", - "_rev": 1712856189708, + "_rev": 1714073410313, "id": 47, "etag": "W/\"3909a1ea0368ee8906b446b932f3e36e673b5166ee6720a65915e701a05b34de\"", "updateDate": 1712856189538 @@ -2880,7 +2849,7 @@ "name": "Ecosia Catppuccin", "originalDigest": "32e5b1bd035f0c523edca0cd243d1ca4e67cc67b", "_id": "7535f38a-fbeb-42ef-acc7-688bab97ca48", - "_rev": 1712856189548, + "_rev": 1714073410328, "id": 48, "etag": "W/\"45a918d8a24522e53e22bfd636fdd0a748b14dc8890535299743cdc64e9f0b81\"", "updateDate": 1712856189381 @@ -3192,7 +3161,7 @@ "name": "SearXNG Catppuccin", "originalDigest": "51ff99660d8c986099facb02dcb67868b10a395a", "_id": "56ebf55d-dc89-4726-b362-a0cd9f5f0989", - "_rev": 1712856189613, + "_rev": 1714073410335, "id": 49, "etag": "W/\"bc453c86ec983c423e27989ba038d0f77598b63fe7c201e04c15b187c2a417c4\"", "updateDate": 1712856189537 @@ -3388,7 +3357,7 @@ "name": "Mastodon Catppuccin", "originalDigest": "e49b53ec2e6c561466dbccc17905030ce89b4f9d", "_id": "eb3d55a7-02ee-496f-9f86-251cdae6038a", - "_rev": 1713474847000, + "_rev": 1714073410350, "id": 50, "etag": "W/\"a9ce29fdf029410fc7816b1380150bc3c6f74a75a1c2e2a115624ae335a9d7cf\"", "updateDate": 1713474846934 @@ -3669,7 +3638,7 @@ "name": "AniList/AniChart Catppuccin", "originalDigest": "e523243d5ac2b931b1efcdc9b091a216fafb5e7d", "_id": "e4e5196a-a0bb-4b1c-9c69-e3c6c07d3a74", - "_rev": 1712856189787, + "_rev": 1714073410379, "id": 53, "etag": "W/\"16c98855ef1dae941d6905b340e89ac6d5f66fdc994387d15f8a67c3a4dd3ea3\"", "updateDate": 1712856189538 @@ -3681,41 +3650,41 @@ "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 4.0.9\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube\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: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\n@var checkbox logo \"Enable YouTube logo\" 1\n@var checkbox oled \"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 4.0.14\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube\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: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\n@var checkbox logo \"Enable YouTube logo\" 1\n@var checkbox oled \"Enable black bars\" 0\n==/UserStyle== */", "start": 0 }, { - "code": ":root[dark] {\n color: #cad3f5;\n color-scheme: dark;\n /* Misc */\n /* Selected chapter */\n /* Skeleton */\n /* Ambient mode */\n /* Icons */\n /* Buttons */\n /* Search box */\n /* \"Suggestion removed\" */\n /* Video description */\n /* Thumbnails */\n /* Panels, popups, tooltips */\n /* Video player */\n /* Channel pages */\n }\n :root[dark] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root[dark] input::placeholder,\n :root[dark] textarea::placeholder {\n color: #a5adcb !important;\n }\n :root[dark],\n :root[dark] [dark],\n :root[dark] [system-icons],\n :root[dark] [darker-dark-theme],\n :root[dark][dark],\n :root[dark][system-icons],\n :root[dark][darker-dark-theme] {\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: #24273a !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: #cad3f5 !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-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: #b7bdf8 !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;\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: #24273a !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #24273a !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #363a4f !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 !important;\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: #cad3f5 !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-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 --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] #container.ytd-masthead {\n --iron-icon-fill-color: #cad3f5 !important;\n }\n :root[dark] ytd-feed-filter-chip-bar-renderer[expand-instead-of-scroll] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root[dark] #ytd-player #container {\n background: #181926 !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-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] ytd-author-comment-badge-renderer:not(\n [style*=\"--ytd-author-comment-badge-icon-background-color: transparent;\"]\n ) {\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 }\n :root[dark] #guide-skeleton,\n :root[dark] #home-container-skeleton,\n :root[dark] #home-chips,\n :root[dark] #search-container {\n background-color: #24273a;\n z-index: -1;\n }\n :root[dark] #guide-skeleton .guide-ghost-icon,\n :root[dark] #guide-skeleton .guide-ghost-text,\n :root[dark] .masthead-skeleton-icon,\n :root[dark] #home-page-skeleton .skeleton-bg-color {\n background-color: #494d64;\n }\n :root[dark] #cinematics {\n mix-blend-mode: lighten;\n }\n :root[dark] .ytp-settings-button.ytp-hd-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-hdr-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-grey::after,\n :root[dark] .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8;\n }\n :root[dark] [fill=\"red\"],\n :root[dark] [fill=\"#F00\"],\n :root[dark] [fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root[dark] [fill=\"white\"] {\n fill: #cad3f5 !important;\n }\n :root[dark] yt-icon.ytd-logo [fill=\"white\"] {\n fill: #181926 !important;\n }\n :root[dark] .yt-spec-icon-shape [fill=\"#FAFAFA\"],\n :root[dark] .yt-spec-icon-shape [fill=\"#000\"],\n :root[dark] .yt-spec-icon-shape [fill=\"#fff\"],\n :root[dark] .yt-spec-icon-shape [fill=\"#FFF\"],\n :root[dark] .yt-spec-icon-shape [fill=\"#FFFFFF\"] {\n fill: #181926 !important;\n }\n :root[dark] .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon,\n :root[dark] .yt-spec-icon-badge-shape {\n color: #cad3f5;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n color: #cad3f5;\n background-color: #494d64;\n /* Accent for filled-in thumbs up (like button) */\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [fill=\"rgb(3,3,3)\"],\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [fill=\"rgb(0,0,0)\"],\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [fill=\"rgb(255,255,255)\"] {\n fill: #cad3f5 !important;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [stroke=\"rgb(0,0,0)\"],\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [stroke=\"rgb(255,255,255)\"] {\n stroke: #cad3f5 !important;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [animated-icon-type=\"LIKE\"] g path[fill] {\n fill: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [animated-icon-type=\"LIKE\"] g path[fill] + [stroke] {\n stroke: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover {\n background-color: #5b6078;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n color: #cad3f5;\n border-color: #5b6078;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover {\n background-color: #5b6078;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: #cad3f5;\n /* Accent for filled-in thumbs up (like button) */\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text path[d=\"M3,11h3v10H3V11z M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11v10h10.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z\"] {\n fill: #b7bdf8;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {\n background-color: #a0a8f6;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal,\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {\n color: #cad3f5;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.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--outline {\n color: #b7bdf8;\n border-color: #5b6078;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {\n background-color: #b7bdf8;\n color: #181926;\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.3);\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--disabled.yt-spec-button-shape-next--filled {\n color: #a5adcb;\n background-color: rgba(73, 77, 100, 0.7);\n }\n :root[dark] ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8;\n }\n :root[dark] .sbsb_a {\n background: var(--yt-spec-raised-background);\n }\n :root[dark] .sbdd_b {\n border-color: var(--yt-spec-raised-background);\n background-color: var(--yt-spec-raised-background);\n }\n :root[dark] .sbpqs_a,\n :root[dark] .gsfs {\n color: var(--yt-spec-text-primary);\n }\n :root[dark] .sbsb_i {\n color: var(--yt-spec-call-to-action);\n }\n :root[dark] .sbsb_d {\n background-color: var(--yt-spec-additive-background);\n }\n :root[dark] .sbdd_c {\n visibility: hidden;\n }\n :root[dark] .sbpqs_c {\n color: #8087a2;\n }\n :root[dark] .sbpqs_a::before,\n :root[dark] .sbqs_c::before {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224%22%20viewBox%3D%221%201%2027%2027%22%20width%3D%2224%22%20focusable%3D%22false%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%22%20pointer-events%3D%22none%22%20display%3D%22block%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22m20.87%2020.17-5.59-5.59A6.96%206.96%200%200%200%2017%2010c0-3.87-3.13-7-7-7s-7%203.13-7%207a6.995%206.995%200%200%200%2011.58%205.29l5.59%205.59zM10%2016c-3.31%200-6-2.69-6-6s2.69-6%206-6%206%202.69%206%206-2.69%206-6%206%22/%3E%3C/svg%3E\");\n background: none;\n }\n :root[dark] #description [style*=\"color: rgb(255, 255, 255);\"],\n :root[dark] #description [style*=\"color: rgb(19, 19, 19);\"] {\n color: #cad3f5 !important;\n }\n :root[dark] .yt-core-attributed-string__link--call-to-action-color {\n color: #b7bdf8;\n }\n :root[dark] .YtwCourseProgressViewModelHostProgressTitle,\n :root[dark] .YtwCourseProgressViewModelHostProgressSubtitle {\n color: #cad3f5;\n }\n :root[dark] .YtwCourseProgressViewModelHostProgressBar {\n background-color: rgba(202, 211, 245, 0.2);\n }\n :root[dark] .YtwCourseProgressViewModelHostProgressBar .YtwCourseProgressViewModelHostProgressBarFill {\n background-color: #cad3f5;\n }\n :root[dark] #time-status:has([aria-label=\"LIVE\"]),\n :root[dark] .badge[aria-label=\"LIVE\"] {\n --yt-spec-static-overlay-text-primary: #181926;\n --yt-spec-static-overlay-icon-active-other: #181926;\n }\n :root[dark] #thumbnail [style=\"background-color: rgba(51, 51, 51, 0.8);\"],\n :root[dark] .YtInlinePlayerControlsTopRightControlsCircleButton,\n :root[dark] .badge-shape-wiz--default.badge-shape-wiz--overlay,\n :root[dark] .branding-context-container-inner {\n background-color: #363a4f !important;\n color: #cad3f5;\n }\n :root[dark] .ytp-sb-unsubscribe {\n background-color: #5b6078;\n color: #cad3f5;\n }\n :root[dark] .ytp-sb-subscribe {\n background-color: #b7bdf8;\n color: #181926;\n }\n :root[dark] ytd-thumbnail-overlay-resume-playback-renderer {\n background-color: #494d64;\n }\n :root[dark] .ytp-tooltip-text {\n background: #363a4f !important;\n color: #cad3f5;\n text-shadow: none !important;\n }\n :root[dark] .ytp-popup {\n background: #363a4f !important;\n text-shadow: none;\n }\n :root[dark] .ytp-panel-menu,\n :root[dark] .ytp-panel-header,\n :root[dark] .ytp-panel-footer,\n :root[dark] .ytp-menuitem-label,\n :root[dark] .ytp-premium-label,\n :root[dark] .ytp-menuitem-content,\n :root[dark] .ytp-menuitem-label-count,\n :root[dark] .ytp-menu-label-secondary,\n :root[dark] .ytd-menu-title-renderer {\n color: #cad3f5;\n }\n :root[dark] .ytp-panel-header {\n border-bottom-color: #5b6078;\n }\n :root[dark] .ytp-panel-footer-content-link {\n color: #b7bdf8;\n }\n :root[dark] .ytp-panel-back-button {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22m19.41%2020.09-4.58-4.59%204.58-4.59L18%209.5l-6%206%206%206z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root[dark] .ytp-menuitem-toggle-checkbox {\n background-color: #5b6078;\n }\n :root[dark] .ytp-menuitem-toggle-checkbox::after {\n background-color: #a5adcb;\n }\n :root[dark] .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background-color: #494d64;\n }\n :root[dark] .ytp-menuitem svg > path:not([fill=\"none\"]) {\n fill: #cad3f5 !important;\n }\n :root[dark] .ytp-menuitem[aria-haspopup=\"true\"] .ytp-menuitem-content {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22m12.59%2020.34%204.58-4.59-4.58-4.59L14%209.75l6%206-6%206z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root[dark] .ytp-menuitem[role=\"menuitemradio\"][aria-checked=\"true\"] .ytp-menuitem-label {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22M9%2016.2%204.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root[dark] .ytp-cards-button .ytp-cards-button-icon use {\n fill: #24273a;\n }\n :root[dark] .ytp-cards-button .ytp-cards-button-icon path {\n fill: #cad3f5;\n }\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #5b6078;\n border-bottom-color: #5b6078;\n }\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5;\n }\n :root[dark] .html5-video-player {\n color: #cad3f5;\n }\n :root[dark] .html5-video-player .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .html5-video-player .ytp-svg-fill,\n :root[dark] .html5-video-player [fill=\"#fff\"] {\n fill: #cad3f5 !important;\n }\n :root[dark] .html5-video-player .ytp-volume-slider-handle,\n :root[dark] .html5-video-player .ytp-volume-slider-handle::before {\n background-color: #cad3f5;\n }\n :root[dark] .html5-video-player .ytp-volume-slider-handle::after {\n background-color: rgba(202, 211, 245, 0.2);\n }\n :root[dark] .html5-video-player .ytp-time-current,\n :root[dark] .html5-video-player .ytp-time-separator,\n :root[dark] .html5-video-player .ytp-time-duration {\n color: #cad3f5;\n }\n :root[dark] .html5-video-player .ytp-button[aria-pressed]::after,\n :root[dark] .html5-video-player .ytp-subtitles-button[aria-pressed]::after {\n background-color: #b7bdf8;\n }\n :root[dark] .html5-video-player .ytp-autonav-toggle-button {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2230%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.7%2011c2.95%200%205.3-2.21%205.3-5s-2.35-5-5.3-5H7.3C4.35%201%202%203.21%202%206s2.35%205%205.3%205z%22%20fill%3D%22%23cad3f5%22/%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.3%201C4.35%201%202%203.21%202%206s2.35%205%205.3%205h15.4A5.16%205.16%200%200%200%2028%206l-.03-.54A5.16%205.16%200%200%200%2022.7%201zm15.4%2011c3.45%200%206.3-2.6%206.3-6s-2.85-6-6.3-6H7.3C3.85%200%201%202.6%201%206s2.85%206%206.3%206z%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.3%22/%3E%3C/svg%3E\");\n }\n :root[dark] .html5-video-player .ytp-autonav-toggle-button::after {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.5%2016a7.5%207.5%200%201%200%200-15%207.5%207.5%200%200%200%200%2015%22%20fill%3D%22%235b6078%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17%208.5a8.5%208.5%200%201%201-17%200%208.5%208.5%200%200%201%2017%200m-1%200a7.5%207.5%200%201%201-15%200%207.5%207.5%200%200%201%2015%200%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.15%22/%3E%3Cpath%20d%3D%22M5.5%2012h2V5h-2zm4-7v7h2V5z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root[dark] .html5-video-player .ytp-autonav-toggle-button[aria-checked=\"true\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2230%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.7%2011c2.95%200%205.3-2.21%205.3-5s-2.35-5-5.3-5H7.3C4.35%201%202%203.21%202%206s2.35%205%205.3%205zm-2.7-.75v-8.5l6.7%204.26z%22%20fill%3D%22%23cad3f5%22/%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.3%201C4.35%201%202%203.21%202%206s2.35%205%205.3%205h15.4A5.16%205.16%200%200%200%2028%206l-.03-.54A5.16%205.16%200%200%200%2022.7%201zm15.4%2011c3.45%200%206.3-2.6%206.3-6s-2.85-6-6.3-6H7.3C3.85%200%201%202.6%201%206s2.85%206%206.3%206z%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.3%22/%3E%3C/svg%3E\");\n }\n :root[dark] .html5-video-player .ytp-autonav-toggle-button[aria-checked=\"true\"]::after {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17%208.5a8.5%208.5%200%201%201-17%200%208.5%208.5%200%200%201%2017%200m-5%200L6.5%205v7zm-1.86%200L7.5%206.82v3.36zM8.5%2016a7.5%207.5%200%201%200%200-15%207.5%207.5%200%200%200%200%2015%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.15%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%208.5a7.5%207.5%200%201%201-15%200%207.5%207.5%200%200%201%2015%200m-4%200L6.5%2012V5z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root[dark] #shorts-container {\n --yt-spec-static-overlay-text-primary: #cad3f5;\n /* Buy super thanks button */\n }\n :root[dark] #shorts-container .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal {\n color: #cad3f5;\n }\n :root[dark] #shorts-container ytd-reel-video-renderer:not([is-watch-while-mode]) .yt-spec-button-shape-with-label__label {\n color: #b8c0e0;\n }\n :root[dark] #shorts-container .YtdShortsSuggestedActionStaticHostContainer {\n background-color: #363a4f;\n }\n :root[dark] #shorts-container .YtdShortsSuggestedActionStaticHostContainer .YtdShortsSuggestedActionStaticHostLeadingIcon,\n :root[dark] #shorts-container .YtdShortsSuggestedActionStaticHostContainer .YtdShortsSuggestedActionStaticHostPrimaryText {\n color: #cad3f5;\n }\n :root[dark] .yt-tab-shape-wiz__tab {\n color: #b8c0e0;\n }\n :root[dark] .yt-tab-shape-wiz__tab--tab-selected {\n color: #cad3f5;\n }\n :root[dark] .yt-tab-group-shape-wiz__slider {\n background-color: #cad3f5;\n }\n :root[dark] .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: #b8c0e0;\n }\n :root[dark] .truncated-text-wiz,\n :root[dark] .page-header-view-model-wiz__page-header-content-metadata {\n color: #b8c0e0;\n }\n :root[dark] .page-header-view-model-wiz__page-header-title,\n :root[dark] [style=\"color: rgb(255, 255, 255);\"]:has(svg),\n :root[dark] .truncated-text-wiz__absolute-button {\n color: #cad3f5 !important;\n }\n :root[dark] .yt-contextual-sheet-layout-wiz {\n background-color: #1e2030;\n }\n :root[dark] .yt-contextual-sheet-layout-wiz .yt-list-item-view-model-wiz__container--tappable:hover {\n background-color: #363a4f;\n }\n :root[dark] .yt-contextual-sheet-layout-wiz .yt-list-item-view-model-wiz__title,\n :root[dark] .yt-contextual-sheet-layout-wiz .yt-list-item-view-model-wiz__accessory,\n :root[dark] .yt-contextual-sheet-layout-wiz .radio-shape-wiz__label-container {\n color: #cad3f5;\n }\n :root:not([dark]) {\n color: #cad3f5;\n color-scheme: dark;\n /* Misc */\n /* Selected chapter */\n /* Skeleton */\n /* Ambient mode */\n /* Icons */\n /* Buttons */\n /* Search box */\n /* \"Suggestion removed\" */\n /* Video description */\n /* Thumbnails */\n /* Panels, popups, tooltips */\n /* Video player */\n /* Channel pages */\n }\n :root:not([dark]) ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root:not([dark]) input::placeholder,\n :root:not([dark]) textarea::placeholder {\n color: #a5adcb !important;\n }\n :root:not([dark]),\n :root:not([dark]) [dark],\n :root:not([dark]) [system-icons],\n :root:not([dark]) [darker-dark-theme],\n :root:not([dark])[dark],\n :root:not([dark])[system-icons],\n :root:not([dark])[darker-dark-theme] {\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: #24273a !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: #cad3f5 !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-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: #b7bdf8 !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;\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: #24273a !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #24273a !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #363a4f !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 !important;\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: #cad3f5 !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-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 --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([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:not([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:not([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:not([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:not([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:not([dark]) #container.ytd-masthead {\n --iron-icon-fill-color: #cad3f5 !important;\n }\n :root:not([dark]) ytd-feed-filter-chip-bar-renderer[expand-instead-of-scroll] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root:not([dark]) #ytd-player #container {\n background: #181926 !important;\n }\n :root:not([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:not([dark]) yt-live-chat-renderer {\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:not([dark]) ytd-author-comment-badge-renderer:not(\n [style*=\"--ytd-author-comment-badge-icon-background-color: transparent;\"]\n ) {\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 }\n :root:not([dark]) #guide-skeleton,\n :root:not([dark]) #home-container-skeleton,\n :root:not([dark]) #home-chips,\n :root:not([dark]) #search-container {\n background-color: #24273a;\n z-index: -1;\n }\n :root:not([dark]) #guide-skeleton .guide-ghost-icon,\n :root:not([dark]) #guide-skeleton .guide-ghost-text,\n :root:not([dark]) .masthead-skeleton-icon,\n :root:not([dark]) #home-page-skeleton .skeleton-bg-color {\n background-color: #494d64;\n }\n :root:not([dark]) #cinematics {\n mix-blend-mode: lighten;\n }\n :root:not([dark]) .ytp-settings-button.ytp-hd-quality-badge::after,\n :root:not([dark]) .ytp-settings-button.ytp-hdr-quality-badge::after,\n :root:not([dark]) .ytp-settings-button.ytp-4k-quality-badge::after,\n :root:not([dark]) .ytp-settings-button.ytp-5k-quality-badge::after,\n :root:not([dark]) .ytp-settings-button.ytp-8k-quality-badge::after,\n :root:not([dark]) .ytp-settings-button.ytp-3d-badge-grey::after,\n :root:not([dark]) .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8;\n }\n :root:not([dark]) [fill=\"red\"],\n :root:not([dark]) [fill=\"#F00\"],\n :root:not([dark]) [fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root:not([dark]) [fill=\"white\"] {\n fill: #cad3f5 !important;\n }\n :root:not([dark]) yt-icon.ytd-logo [fill=\"white\"] {\n fill: #181926 !important;\n }\n :root:not([dark]) .yt-spec-icon-shape [fill=\"#FAFAFA\"],\n :root:not([dark]) .yt-spec-icon-shape [fill=\"#000\"],\n :root:not([dark]) .yt-spec-icon-shape [fill=\"#fff\"],\n :root:not([dark]) .yt-spec-icon-shape [fill=\"#FFF\"],\n :root:not([dark]) .yt-spec-icon-shape [fill=\"#FFFFFF\"] {\n fill: #181926 !important;\n }\n :root:not([dark]) .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon,\n :root:not([dark]) .yt-spec-icon-badge-shape {\n color: #cad3f5;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n color: #cad3f5;\n background-color: #494d64;\n /* Accent for filled-in thumbs up (like button) */\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [fill=\"rgb(3,3,3)\"],\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [fill=\"rgb(0,0,0)\"],\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [fill=\"rgb(255,255,255)\"] {\n fill: #cad3f5 !important;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [stroke=\"rgb(0,0,0)\"],\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [stroke=\"rgb(255,255,255)\"] {\n stroke: #cad3f5 !important;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [animated-icon-type=\"LIKE\"] g path[fill] {\n fill: #b7bdf8 !important;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [animated-icon-type=\"LIKE\"] g path[fill] + [stroke] {\n stroke: #b7bdf8 !important;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover {\n background-color: #5b6078;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n color: #cad3f5;\n border-color: #5b6078;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover {\n background-color: #5b6078;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: #cad3f5;\n /* Accent for filled-in thumbs up (like button) */\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text path[d=\"M3,11h3v10H3V11z M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11v10h10.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z\"] {\n fill: #b7bdf8;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {\n background-color: #a0a8f6;\n }\n :root:not([dark]) .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal,\n :root:not([dark]) .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {\n color: #cad3f5;\n }\n :root:not([dark]) .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root:not([dark]) .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {\n color: #b7bdf8;\n border-color: #5b6078;\n }\n :root:not([dark]) .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {\n background-color: #b7bdf8;\n color: #181926;\n }\n :root:not([dark]) .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: #b7bdf8;\n }\n :root:not([dark]) .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root:not([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:not([dark]) .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--filled {\n color: #a5adcb;\n background-color: rgba(73, 77, 100, 0.7);\n }\n :root:not([dark]) ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8;\n }\n :root:not([dark]) .sbsb_a {\n background: var(--yt-spec-raised-background);\n }\n :root:not([dark]) .sbdd_b {\n border-color: var(--yt-spec-raised-background);\n background-color: var(--yt-spec-raised-background);\n }\n :root:not([dark]) .sbpqs_a,\n :root:not([dark]) .gsfs {\n color: var(--yt-spec-text-primary);\n }\n :root:not([dark]) .sbsb_i {\n color: var(--yt-spec-call-to-action);\n }\n :root:not([dark]) .sbsb_d {\n background-color: var(--yt-spec-additive-background);\n }\n :root:not([dark]) .sbdd_c {\n visibility: hidden;\n }\n :root:not([dark]) .sbpqs_c {\n color: #8087a2;\n }\n :root:not([dark]) .sbpqs_a::before,\n :root:not([dark]) .sbqs_c::before {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224%22%20viewBox%3D%221%201%2027%2027%22%20width%3D%2224%22%20focusable%3D%22false%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%22%20pointer-events%3D%22none%22%20display%3D%22block%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22m20.87%2020.17-5.59-5.59A6.96%206.96%200%200%200%2017%2010c0-3.87-3.13-7-7-7s-7%203.13-7%207a6.995%206.995%200%200%200%2011.58%205.29l5.59%205.59zM10%2016c-3.31%200-6-2.69-6-6s2.69-6%206-6%206%202.69%206%206-2.69%206-6%206%22/%3E%3C/svg%3E\");\n background: none;\n }\n :root:not([dark]) #description [style*=\"color: rgb(255, 255, 255);\"],\n :root:not([dark]) #description [style*=\"color: rgb(19, 19, 19);\"] {\n color: #cad3f5 !important;\n }\n :root:not([dark]) .yt-core-attributed-string__link--call-to-action-color {\n color: #b7bdf8;\n }\n :root:not([dark]) .YtwCourseProgressViewModelHostProgressTitle,\n :root:not([dark]) .YtwCourseProgressViewModelHostProgressSubtitle {\n color: #cad3f5;\n }\n :root:not([dark]) .YtwCourseProgressViewModelHostProgressBar {\n background-color: rgba(202, 211, 245, 0.2);\n }\n :root:not([dark]) .YtwCourseProgressViewModelHostProgressBar .YtwCourseProgressViewModelHostProgressBarFill {\n background-color: #cad3f5;\n }\n :root:not([dark]) #time-status:has([aria-label=\"LIVE\"]),\n :root:not([dark]) .badge[aria-label=\"LIVE\"] {\n --yt-spec-static-overlay-text-primary: #181926;\n --yt-spec-static-overlay-icon-active-other: #181926;\n }\n :root:not([dark]) #thumbnail [style=\"background-color: rgba(51, 51, 51, 0.8);\"],\n :root:not([dark]) .YtInlinePlayerControlsTopRightControlsCircleButton,\n :root:not([dark]) .badge-shape-wiz--default.badge-shape-wiz--overlay,\n :root:not([dark]) .branding-context-container-inner {\n background-color: #363a4f !important;\n color: #cad3f5;\n }\n :root:not([dark]) .ytp-sb-unsubscribe {\n background-color: #5b6078;\n color: #cad3f5;\n }\n :root:not([dark]) .ytp-sb-subscribe {\n background-color: #b7bdf8;\n color: #181926;\n }\n :root:not([dark]) ytd-thumbnail-overlay-resume-playback-renderer {\n background-color: #494d64;\n }\n :root:not([dark]) .ytp-tooltip-text {\n background: #363a4f !important;\n color: #cad3f5;\n text-shadow: none !important;\n }\n :root:not([dark]) .ytp-popup {\n background: #363a4f !important;\n text-shadow: none;\n }\n :root:not([dark]) .ytp-panel-menu,\n :root:not([dark]) .ytp-panel-header,\n :root:not([dark]) .ytp-panel-footer,\n :root:not([dark]) .ytp-menuitem-label,\n :root:not([dark]) .ytp-premium-label,\n :root:not([dark]) .ytp-menuitem-content,\n :root:not([dark]) .ytp-menuitem-label-count,\n :root:not([dark]) .ytp-menu-label-secondary,\n :root:not([dark]) .ytd-menu-title-renderer {\n color: #cad3f5;\n }\n :root:not([dark]) .ytp-panel-header {\n border-bottom-color: #5b6078;\n }\n :root:not([dark]) .ytp-panel-footer-content-link {\n color: #b7bdf8;\n }\n :root:not([dark]) .ytp-panel-back-button {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22m19.41%2020.09-4.58-4.59%204.58-4.59L18%209.5l-6%206%206%206z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) .ytp-menuitem-toggle-checkbox {\n background-color: #5b6078;\n }\n :root:not([dark]) .ytp-menuitem-toggle-checkbox::after {\n background-color: #a5adcb;\n }\n :root:not([dark]) .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background-color: #494d64;\n }\n :root:not([dark]) .ytp-menuitem svg > path:not([fill=\"none\"]) {\n fill: #cad3f5 !important;\n }\n :root:not([dark]) .ytp-menuitem[aria-haspopup=\"true\"] .ytp-menuitem-content {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22m12.59%2020.34%204.58-4.59-4.58-4.59L14%209.75l6%206-6%206z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) .ytp-menuitem[role=\"menuitemradio\"][aria-checked=\"true\"] .ytp-menuitem-label {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22M9%2016.2%204.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) .ytp-cards-button .ytp-cards-button-icon use {\n fill: #24273a;\n }\n :root:not([dark]) .ytp-cards-button .ytp-cards-button-icon path {\n fill: #cad3f5;\n }\n :root:not([dark]) .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #5b6078;\n border-bottom-color: #5b6078;\n }\n :root:not([dark]) .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5;\n }\n :root:not([dark]) .html5-video-player {\n color: #cad3f5;\n }\n :root:not([dark]) .html5-video-player .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root:not([dark]) .html5-video-player .ytp-svg-fill,\n :root:not([dark]) .html5-video-player [fill=\"#fff\"] {\n fill: #cad3f5 !important;\n }\n :root:not([dark]) .html5-video-player .ytp-volume-slider-handle,\n :root:not([dark]) .html5-video-player .ytp-volume-slider-handle::before {\n background-color: #cad3f5;\n }\n :root:not([dark]) .html5-video-player .ytp-volume-slider-handle::after {\n background-color: rgba(202, 211, 245, 0.2);\n }\n :root:not([dark]) .html5-video-player .ytp-time-current,\n :root:not([dark]) .html5-video-player .ytp-time-separator,\n :root:not([dark]) .html5-video-player .ytp-time-duration {\n color: #cad3f5;\n }\n :root:not([dark]) .html5-video-player .ytp-button[aria-pressed]::after,\n :root:not([dark]) .html5-video-player .ytp-subtitles-button[aria-pressed]::after {\n background-color: #b7bdf8;\n }\n :root:not([dark]) .html5-video-player .ytp-autonav-toggle-button {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2230%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.7%2011c2.95%200%205.3-2.21%205.3-5s-2.35-5-5.3-5H7.3C4.35%201%202%203.21%202%206s2.35%205%205.3%205z%22%20fill%3D%22%23cad3f5%22/%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.3%201C4.35%201%202%203.21%202%206s2.35%205%205.3%205h15.4A5.16%205.16%200%200%200%2028%206l-.03-.54A5.16%205.16%200%200%200%2022.7%201zm15.4%2011c3.45%200%206.3-2.6%206.3-6s-2.85-6-6.3-6H7.3C3.85%200%201%202.6%201%206s2.85%206%206.3%206z%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.3%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) .html5-video-player .ytp-autonav-toggle-button::after {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.5%2016a7.5%207.5%200%201%200%200-15%207.5%207.5%200%200%200%200%2015%22%20fill%3D%22%235b6078%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17%208.5a8.5%208.5%200%201%201-17%200%208.5%208.5%200%200%201%2017%200m-1%200a7.5%207.5%200%201%201-15%200%207.5%207.5%200%200%201%2015%200%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.15%22/%3E%3Cpath%20d%3D%22M5.5%2012h2V5h-2zm4-7v7h2V5z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) .html5-video-player .ytp-autonav-toggle-button[aria-checked=\"true\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2230%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.7%2011c2.95%200%205.3-2.21%205.3-5s-2.35-5-5.3-5H7.3C4.35%201%202%203.21%202%206s2.35%205%205.3%205zm-2.7-.75v-8.5l6.7%204.26z%22%20fill%3D%22%23cad3f5%22/%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.3%201C4.35%201%202%203.21%202%206s2.35%205%205.3%205h15.4A5.16%205.16%200%200%200%2028%206l-.03-.54A5.16%205.16%200%200%200%2022.7%201zm15.4%2011c3.45%200%206.3-2.6%206.3-6s-2.85-6-6.3-6H7.3C3.85%200%201%202.6%201%206s2.85%206%206.3%206z%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.3%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) .html5-video-player .ytp-autonav-toggle-button[aria-checked=\"true\"]::after {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17%208.5a8.5%208.5%200%201%201-17%200%208.5%208.5%200%200%201%2017%200m-5%200L6.5%205v7zm-1.86%200L7.5%206.82v3.36zM8.5%2016a7.5%207.5%200%201%200%200-15%207.5%207.5%200%200%200%200%2015%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.15%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%208.5a7.5%207.5%200%201%201-15%200%207.5%207.5%200%200%201%2015%200m-4%200L6.5%2012V5z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) #shorts-container {\n --yt-spec-static-overlay-text-primary: #cad3f5;\n /* Buy super thanks button */\n }\n :root:not([dark]) #shorts-container .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal {\n color: #cad3f5;\n }\n :root:not([dark]) #shorts-container ytd-reel-video-renderer:not([is-watch-while-mode]) .yt-spec-button-shape-with-label__label {\n color: #b8c0e0;\n }\n :root:not([dark]) #shorts-container .YtdShortsSuggestedActionStaticHostContainer {\n background-color: #363a4f;\n }\n :root:not([dark]) #shorts-container .YtdShortsSuggestedActionStaticHostContainer .YtdShortsSuggestedActionStaticHostLeadingIcon,\n :root:not([dark]) #shorts-container .YtdShortsSuggestedActionStaticHostContainer .YtdShortsSuggestedActionStaticHostPrimaryText {\n color: #cad3f5;\n }\n :root:not([dark]) .yt-tab-shape-wiz__tab {\n color: #b8c0e0;\n }\n :root:not([dark]) .yt-tab-shape-wiz__tab--tab-selected {\n color: #cad3f5;\n }\n :root:not([dark]) .yt-tab-group-shape-wiz__slider {\n background-color: #cad3f5;\n }\n :root:not([dark]) .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: #b8c0e0;\n }\n :root:not([dark]) .truncated-text-wiz,\n :root:not([dark]) .page-header-view-model-wiz__page-header-content-metadata {\n color: #b8c0e0;\n }\n :root:not([dark]) .page-header-view-model-wiz__page-header-title,\n :root:not([dark]) [style=\"color: rgb(255, 255, 255);\"]:has(svg),\n :root:not([dark]) .truncated-text-wiz__absolute-button {\n color: #cad3f5 !important;\n }\n :root:not([dark]) .yt-contextual-sheet-layout-wiz {\n background-color: #1e2030;\n }\n :root:not([dark]) .yt-contextual-sheet-layout-wiz .yt-list-item-view-model-wiz__container--tappable:hover {\n background-color: #363a4f;\n }\n :root:not([dark]) .yt-contextual-sheet-layout-wiz .yt-list-item-view-model-wiz__title,\n :root:not([dark]) .yt-contextual-sheet-layout-wiz .yt-list-item-view-model-wiz__accessory,\n :root:not([dark]) .yt-contextual-sheet-layout-wiz .radio-shape-wiz__label-container {\n color: #cad3f5;\n }", - "start": 1128, + "code": ":root[dark] {\n color: #cad3f5;\n color-scheme: dark;\n /* Misc */\n /* Selected chapter */\n /* Skeleton */\n /* Ambient mode */\n /* Icons */\n /* Buttons */\n /* Search box */\n /* \"Suggestion removed\" */\n /* Video description */\n /* Thumbnails */\n /* Panels, popups, tooltips */\n /* Video player */\n /* Channel pages */\n }\n :root[dark] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root[dark] input::placeholder,\n :root[dark] textarea::placeholder {\n color: #a5adcb !important;\n }\n :root[dark],\n :root[dark] [dark],\n :root[dark] [system-icons],\n :root[dark] [darker-dark-theme],\n :root[dark][dark],\n :root[dark][system-icons],\n :root[dark][darker-dark-theme] {\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: #24273a !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: #cad3f5 !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-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: #b7bdf8 !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;\n --yt-spec-static-overlay-background-medium: rgba(24, 25, 38, 0.5) !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: #24273a !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #24273a !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #363a4f !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 !important;\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: #cad3f5 !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-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 --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] #container.ytd-masthead {\n --iron-icon-fill-color: #cad3f5 !important;\n }\n :root[dark] ytd-feed-filter-chip-bar-renderer[expand-instead-of-scroll] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root[dark] #ytd-player #container {\n background: #181926 !important;\n }\n :root[dark] .ytp-progress-list {\n background: rgba(54, 58, 79, 0.8);\n }\n :root[dark] .ytp-load-progress {\n background: #6e738d;\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-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] ytd-author-comment-badge-renderer:not(\n [style*=\"--ytd-author-comment-badge-icon-background-color: transparent;\"]\n ) {\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 }\n :root[dark] #guide-skeleton,\n :root[dark] #home-container-skeleton,\n :root[dark] #home-chips {\n background-color: #24273a;\n z-index: -1;\n }\n :root[dark] #guide-skeleton .guide-ghost-icon,\n :root[dark] #guide-skeleton .guide-ghost-text,\n :root[dark] .masthead-skeleton-icon,\n :root[dark] #home-page-skeleton .skeleton-bg-color {\n background-color: #494d64;\n }\n :root[dark] #cinematics {\n mix-blend-mode: lighten;\n }\n :root[dark] .ytp-settings-button.ytp-hd-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-hdr-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-grey::after,\n :root[dark] .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8;\n }\n :root[dark] [fill=\"red\"],\n :root[dark] [fill=\"#F00\"],\n :root[dark] [fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root[dark] [fill=\"white\"] {\n fill: #cad3f5 !important;\n }\n :root[dark] yt-icon.ytd-logo [fill=\"white\"] {\n fill: #181926 !important;\n }\n :root[dark] .yt-spec-icon-shape [fill=\"#FAFAFA\"],\n :root[dark] .yt-spec-icon-shape [fill=\"#000\"],\n :root[dark] .yt-spec-icon-shape [fill=\"#fff\"],\n :root[dark] .yt-spec-icon-shape [fill=\"#FFF\"],\n :root[dark] .yt-spec-icon-shape [fill=\"#FFFFFF\"] {\n fill: #181926 !important;\n }\n :root[dark] .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon,\n :root[dark] .yt-spec-icon-badge-shape {\n color: #cad3f5;\n }\n :root[dark] .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: #b7bdf8 !important;\n color: #363a4f !important;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n color: #cad3f5;\n background-color: #363a4f;\n /* Accent for filled-in thumbs up (like button) */\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [fill=\"rgb(3,3,3)\"],\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [fill=\"rgb(0,0,0)\"],\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [fill=\"rgb(255,255,255)\"] {\n fill: #cad3f5 !important;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [stroke=\"rgb(0,0,0)\"],\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [stroke=\"rgb(255,255,255)\"] {\n stroke: #cad3f5 !important;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [animated-icon-type=\"LIKE\"] g path[fill] {\n fill: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [animated-icon-type=\"LIKE\"] g path[fill] + [stroke] {\n stroke: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover {\n background-color: #494d64;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n color: #cad3f5;\n border-color: #5b6078;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover {\n background-color: #5b6078;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: #cad3f5;\n /* Accent for filled-in thumbs up (like button) */\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text path[d=\"M3,11h3v10H3V11z M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11v10h10.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z\"] {\n fill: #b7bdf8;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {\n background-color: #a0a8f6;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal,\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {\n color: #cad3f5;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.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--outline {\n color: #b7bdf8;\n border-color: #5b6078;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {\n background-color: #b7bdf8;\n color: #181926;\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.3);\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--disabled.yt-spec-button-shape-next--filled {\n color: #a5adcb;\n background-color: rgba(73, 77, 100, 0.7);\n }\n :root[dark] ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8;\n }\n :root[dark] .sbsb_a {\n background: var(--yt-spec-raised-background);\n }\n :root[dark] .sbdd_b {\n border-color: var(--yt-spec-raised-background);\n background-color: var(--yt-spec-raised-background);\n }\n :root[dark] .sbpqs_a,\n :root[dark] .gsfs {\n color: var(--yt-spec-text-primary);\n }\n :root[dark] .sbsb_i {\n color: var(--yt-spec-call-to-action);\n }\n :root[dark] .sbsb_d {\n background-color: var(--yt-spec-additive-background);\n }\n :root[dark] .sbdd_c {\n visibility: hidden;\n }\n :root[dark] .sbpqs_c {\n color: #8087a2;\n }\n :root[dark] .sbpqs_a::before,\n :root[dark] .sbqs_c::before {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224%22%20viewBox%3D%221%201%2027%2027%22%20width%3D%2224%22%20focusable%3D%22false%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%22%20pointer-events%3D%22none%22%20display%3D%22block%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22m20.87%2020.17-5.59-5.59A6.96%206.96%200%200%200%2017%2010c0-3.87-3.13-7-7-7s-7%203.13-7%207a6.995%206.995%200%200%200%2011.58%205.29l5.59%205.59zM10%2016c-3.31%200-6-2.69-6-6s2.69-6%206-6%206%202.69%206%206-2.69%206-6%206%22/%3E%3C/svg%3E\");\n background: none;\n }\n :root[dark] #description [style*=\"color: rgb(255, 255, 255);\"],\n :root[dark] #description [style*=\"color: rgb(19, 19, 19);\"] {\n color: #cad3f5 !important;\n }\n :root[dark] .yt-core-attributed-string__link--call-to-action-color {\n color: #b7bdf8;\n }\n :root[dark] .YtwCourseProgressViewModelHostProgressTitle,\n :root[dark] .YtwCourseProgressViewModelHostProgressSubtitle {\n color: #cad3f5;\n }\n :root[dark] .YtwCourseProgressViewModelHostProgressBar {\n background-color: rgba(202, 211, 245, 0.2);\n }\n :root[dark] .YtwCourseProgressViewModelHostProgressBar .YtwCourseProgressViewModelHostProgressBarFill {\n background-color: #cad3f5;\n }\n :root[dark] #time-status:has([aria-label=\"LIVE\"]),\n :root[dark] .badge[aria-label=\"LIVE\"] {\n --yt-spec-static-overlay-text-primary: #181926;\n --yt-spec-static-overlay-icon-active-other: #181926;\n }\n :root[dark] #thumbnail [style=\"background-color: rgba(51, 51, 51, 0.8);\"],\n :root[dark] .YtInlinePlayerControlsTopRightControlsCircleButton,\n :root[dark] .badge-shape-wiz--default.badge-shape-wiz--overlay,\n :root[dark] .branding-context-container-inner {\n background-color: #363a4f !important;\n color: #cad3f5;\n }\n :root[dark] .ytp-sb-unsubscribe {\n background-color: #5b6078;\n color: #cad3f5;\n }\n :root[dark] .ytp-sb-subscribe {\n background-color: #b7bdf8;\n color: #181926;\n }\n :root[dark] ytd-thumbnail-overlay-resume-playback-renderer {\n background-color: #494d64;\n }\n :root[dark] .ytp-tooltip-text {\n background: #363a4f !important;\n color: #cad3f5;\n text-shadow: none !important;\n }\n :root[dark] .ytp-popup {\n background: #363a4f !important;\n text-shadow: none;\n }\n :root[dark] .ytp-panel-menu,\n :root[dark] .ytp-panel-header,\n :root[dark] .ytp-panel-footer,\n :root[dark] .ytp-menuitem-label,\n :root[dark] .ytp-premium-label,\n :root[dark] .ytp-menuitem-content,\n :root[dark] .ytp-menuitem-label-count,\n :root[dark] .ytp-menu-label-secondary,\n :root[dark] .ytd-menu-title-renderer {\n color: #cad3f5;\n }\n :root[dark] .ytp-panel-header {\n border-bottom-color: #5b6078;\n }\n :root[dark] .ytp-panel-footer-content-link {\n color: #b7bdf8;\n }\n :root[dark] .ytp-panel-back-button {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22m19.41%2020.09-4.58-4.59%204.58-4.59L18%209.5l-6%206%206%206z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root[dark] .ytp-menuitem-toggle-checkbox {\n background-color: #5b6078;\n }\n :root[dark] .ytp-menuitem-toggle-checkbox::after {\n background-color: #a5adcb;\n }\n :root[dark] .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background-color: #494d64;\n }\n :root[dark] .ytp-menuitem svg > path:not([fill=\"none\"]) {\n fill: #cad3f5 !important;\n }\n :root[dark] .ytp-menuitem[aria-haspopup=\"true\"] .ytp-menuitem-content {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22m12.59%2020.34%204.58-4.59-4.58-4.59L14%209.75l6%206-6%206z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root[dark] .ytp-menuitem[role=\"menuitemradio\"][aria-checked=\"true\"] .ytp-menuitem-label {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22M9%2016.2%204.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root[dark] .ytp-cards-button .ytp-cards-button-icon use {\n fill: #24273a;\n }\n :root[dark] .ytp-cards-button .ytp-cards-button-icon path {\n fill: #cad3f5;\n }\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #5b6078;\n border-bottom-color: #5b6078;\n }\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5;\n }\n :root[dark] .html5-video-player {\n color: #cad3f5;\n }\n :root[dark] .html5-video-player .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .html5-video-player .ytp-svg-fill,\n :root[dark] .html5-video-player [fill=\"#fff\"] {\n fill: #cad3f5 !important;\n }\n :root[dark] .html5-video-player .ytp-volume-slider-handle,\n :root[dark] .html5-video-player .ytp-volume-slider-handle::before {\n background-color: #cad3f5;\n }\n :root[dark] .html5-video-player .ytp-volume-slider-handle::after {\n background-color: rgba(202, 211, 245, 0.2);\n }\n :root[dark] .html5-video-player .ytp-time-current,\n :root[dark] .html5-video-player .ytp-time-separator,\n :root[dark] .html5-video-player .ytp-time-duration {\n color: #cad3f5;\n }\n :root[dark] .html5-video-player .ytp-button[aria-pressed]::after,\n :root[dark] .html5-video-player .ytp-subtitles-button[aria-pressed]::after {\n background-color: #b7bdf8;\n }\n :root[dark] .html5-video-player .ytp-autonav-toggle-button {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2230%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.7%2011c2.95%200%205.3-2.21%205.3-5s-2.35-5-5.3-5H7.3C4.35%201%202%203.21%202%206s2.35%205%205.3%205z%22%20fill%3D%22%23cad3f5%22/%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.3%201C4.35%201%202%203.21%202%206s2.35%205%205.3%205h15.4A5.16%205.16%200%200%200%2028%206l-.03-.54A5.16%205.16%200%200%200%2022.7%201zm15.4%2011c3.45%200%206.3-2.6%206.3-6s-2.85-6-6.3-6H7.3C3.85%200%201%202.6%201%206s2.85%206%206.3%206z%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.3%22/%3E%3C/svg%3E\");\n }\n :root[dark] .html5-video-player .ytp-autonav-toggle-button::after {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.5%2016a7.5%207.5%200%201%200%200-15%207.5%207.5%200%200%200%200%2015%22%20fill%3D%22%235b6078%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17%208.5a8.5%208.5%200%201%201-17%200%208.5%208.5%200%200%201%2017%200m-1%200a7.5%207.5%200%201%201-15%200%207.5%207.5%200%200%201%2015%200%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.15%22/%3E%3Cpath%20d%3D%22M5.5%2012h2V5h-2zm4-7v7h2V5z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root[dark] .html5-video-player .ytp-autonav-toggle-button[aria-checked=\"true\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2230%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.7%2011c2.95%200%205.3-2.21%205.3-5s-2.35-5-5.3-5H7.3C4.35%201%202%203.21%202%206s2.35%205%205.3%205zm-2.7-.75v-8.5l6.7%204.26z%22%20fill%3D%22%23cad3f5%22/%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.3%201C4.35%201%202%203.21%202%206s2.35%205%205.3%205h15.4A5.16%205.16%200%200%200%2028%206l-.03-.54A5.16%205.16%200%200%200%2022.7%201zm15.4%2011c3.45%200%206.3-2.6%206.3-6s-2.85-6-6.3-6H7.3C3.85%200%201%202.6%201%206s2.85%206%206.3%206z%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.3%22/%3E%3C/svg%3E\");\n }\n :root[dark] .html5-video-player .ytp-autonav-toggle-button[aria-checked=\"true\"]::after {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17%208.5a8.5%208.5%200%201%201-17%200%208.5%208.5%200%200%201%2017%200m-5%200L6.5%205v7zm-1.86%200L7.5%206.82v3.36zM8.5%2016a7.5%207.5%200%201%200%200-15%207.5%207.5%200%200%200%200%2015%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.15%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%208.5a7.5%207.5%200%201%201-15%200%207.5%207.5%200%200%201%2015%200m-4%200L6.5%2012V5z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root[dark] #shorts-container {\n --yt-spec-static-overlay-text-primary: #cad3f5;\n /* Buy super thanks button */\n }\n :root[dark] #shorts-container .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal {\n color: #cad3f5;\n }\n :root[dark] #shorts-container ytd-reel-video-renderer:not([is-watch-while-mode]) .yt-spec-button-shape-with-label__label {\n color: #b8c0e0;\n }\n :root[dark] #shorts-container ytd-reel-video-renderer[is-watch-while-mode] .yt-spec-button-shape-with-label__label {\n color: #cad3f5;\n }\n :root[dark] #shorts-container .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal,\n :root[dark] #shorts-container .YtdDesktopShortsVolumeControlsBackgroundScrim {\n background-color: rgba(36, 39, 58, 0.6);\n color: #cad3f5;\n }\n :root[dark] #shorts-container .YtdDesktopShortsVolumeControlsMuteIcon {\n color: #cad3f5 !important;\n }\n :root[dark] #shorts-container .YtdShortsSuggestedActionStaticHostContainer {\n background-color: rgba(36, 39, 58, 0.6);\n }\n :root[dark] #shorts-container .YtdShortsSuggestedActionStaticHostContainer .YtdShortsSuggestedActionStaticHostLeadingIcon,\n :root[dark] #shorts-container .YtdShortsSuggestedActionStaticHostContainer .YtdShortsSuggestedActionStaticHostPrimaryText {\n color: #cad3f5;\n }\n :root[dark] .yt-tab-shape-wiz__tab {\n color: #b8c0e0;\n }\n :root[dark] .yt-tab-shape-wiz__tab--tab-selected {\n color: #cad3f5;\n }\n :root[dark] .yt-tab-group-shape-wiz__slider {\n background-color: #cad3f5;\n }\n :root[dark] .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: #b8c0e0;\n }\n :root[dark] .truncated-text-wiz,\n :root[dark] .page-header-view-model-wiz__page-header-content-metadata {\n color: #b8c0e0;\n }\n :root[dark] .page-header-view-model-wiz__page-header-title,\n :root[dark] [style=\"color: rgb(255, 255, 255);\"]:has(svg),\n :root[dark] .truncated-text-wiz__absolute-button {\n color: #cad3f5 !important;\n }\n :root[dark] .yt-contextual-sheet-layout-wiz {\n background-color: #1e2030;\n }\n :root[dark] .yt-contextual-sheet-layout-wiz .yt-list-item-view-model-wiz__container--tappable:hover {\n background-color: #363a4f;\n }\n :root[dark] .yt-contextual-sheet-layout-wiz .yt-list-item-view-model-wiz__title,\n :root[dark] .yt-contextual-sheet-layout-wiz .yt-list-item-view-model-wiz__accessory,\n :root[dark] .yt-contextual-sheet-layout-wiz .radio-shape-wiz__label-container {\n color: #cad3f5;\n }\n :root:not([dark]) {\n color: #cad3f5;\n color-scheme: dark;\n /* Misc */\n /* Selected chapter */\n /* Skeleton */\n /* Ambient mode */\n /* Icons */\n /* Buttons */\n /* Search box */\n /* \"Suggestion removed\" */\n /* Video description */\n /* Thumbnails */\n /* Panels, popups, tooltips */\n /* Video player */\n /* Channel pages */\n }\n :root:not([dark]) ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root:not([dark]) input::placeholder,\n :root:not([dark]) textarea::placeholder {\n color: #a5adcb !important;\n }\n :root:not([dark]),\n :root:not([dark]) [dark],\n :root:not([dark]) [system-icons],\n :root:not([dark]) [darker-dark-theme],\n :root:not([dark])[dark],\n :root:not([dark])[system-icons],\n :root:not([dark])[darker-dark-theme] {\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: #24273a !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: #cad3f5 !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-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: #b7bdf8 !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;\n --yt-spec-static-overlay-background-medium: rgba(24, 25, 38, 0.5) !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: #24273a !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #24273a !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #363a4f !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 !important;\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: #cad3f5 !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-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 --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([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:not([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:not([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:not([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:not([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:not([dark]) #container.ytd-masthead {\n --iron-icon-fill-color: #cad3f5 !important;\n }\n :root:not([dark]) ytd-feed-filter-chip-bar-renderer[expand-instead-of-scroll] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root:not([dark]) #ytd-player #container {\n background: #181926 !important;\n }\n :root:not([dark]) .ytp-progress-list {\n background: rgba(54, 58, 79, 0.8);\n }\n :root:not([dark]) .ytp-load-progress {\n background: #6e738d;\n }\n :root:not([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:not([dark]) yt-live-chat-renderer {\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:not([dark]) ytd-author-comment-badge-renderer:not(\n [style*=\"--ytd-author-comment-badge-icon-background-color: transparent;\"]\n ) {\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 }\n :root:not([dark]) #guide-skeleton,\n :root:not([dark]) #home-container-skeleton,\n :root:not([dark]) #home-chips {\n background-color: #24273a;\n z-index: -1;\n }\n :root:not([dark]) #guide-skeleton .guide-ghost-icon,\n :root:not([dark]) #guide-skeleton .guide-ghost-text,\n :root:not([dark]) .masthead-skeleton-icon,\n :root:not([dark]) #home-page-skeleton .skeleton-bg-color {\n background-color: #494d64;\n }\n :root:not([dark]) #cinematics {\n mix-blend-mode: lighten;\n }\n :root:not([dark]) .ytp-settings-button.ytp-hd-quality-badge::after,\n :root:not([dark]) .ytp-settings-button.ytp-hdr-quality-badge::after,\n :root:not([dark]) .ytp-settings-button.ytp-4k-quality-badge::after,\n :root:not([dark]) .ytp-settings-button.ytp-5k-quality-badge::after,\n :root:not([dark]) .ytp-settings-button.ytp-8k-quality-badge::after,\n :root:not([dark]) .ytp-settings-button.ytp-3d-badge-grey::after,\n :root:not([dark]) .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8;\n }\n :root:not([dark]) [fill=\"red\"],\n :root:not([dark]) [fill=\"#F00\"],\n :root:not([dark]) [fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root:not([dark]) [fill=\"white\"] {\n fill: #cad3f5 !important;\n }\n :root:not([dark]) yt-icon.ytd-logo [fill=\"white\"] {\n fill: #181926 !important;\n }\n :root:not([dark]) .yt-spec-icon-shape [fill=\"#FAFAFA\"],\n :root:not([dark]) .yt-spec-icon-shape [fill=\"#000\"],\n :root:not([dark]) .yt-spec-icon-shape [fill=\"#fff\"],\n :root:not([dark]) .yt-spec-icon-shape [fill=\"#FFF\"],\n :root:not([dark]) .yt-spec-icon-shape [fill=\"#FFFFFF\"] {\n fill: #181926 !important;\n }\n :root:not([dark]) .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon,\n :root:not([dark]) .yt-spec-icon-badge-shape {\n color: #cad3f5;\n }\n :root:not([dark]) .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: #b7bdf8 !important;\n color: #363a4f !important;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n color: #cad3f5;\n background-color: #363a4f;\n /* Accent for filled-in thumbs up (like button) */\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [fill=\"rgb(3,3,3)\"],\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [fill=\"rgb(0,0,0)\"],\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [fill=\"rgb(255,255,255)\"] {\n fill: #cad3f5 !important;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [stroke=\"rgb(0,0,0)\"],\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [stroke=\"rgb(255,255,255)\"] {\n stroke: #cad3f5 !important;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [animated-icon-type=\"LIKE\"] g path[fill] {\n fill: #b7bdf8 !important;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal [animated-icon-type=\"LIKE\"] g path[fill] + [stroke] {\n stroke: #b7bdf8 !important;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover {\n background-color: #494d64;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n color: #cad3f5;\n border-color: #5b6078;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover {\n background-color: #5b6078;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: #cad3f5;\n /* Accent for filled-in thumbs up (like button) */\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text path[d=\"M3,11h3v10H3V11z M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11v10h10.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z\"] {\n fill: #b7bdf8;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {\n background-color: #a0a8f6;\n }\n :root:not([dark]) .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal,\n :root:not([dark]) .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {\n color: #cad3f5;\n }\n :root:not([dark]) .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root:not([dark]) .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {\n color: #b7bdf8;\n border-color: #5b6078;\n }\n :root:not([dark]) .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {\n background-color: #b7bdf8;\n color: #181926;\n }\n :root:not([dark]) .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: #b7bdf8;\n }\n :root:not([dark]) .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root:not([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:not([dark]) .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--filled {\n color: #a5adcb;\n background-color: rgba(73, 77, 100, 0.7);\n }\n :root:not([dark]) ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8;\n }\n :root:not([dark]) .sbsb_a {\n background: var(--yt-spec-raised-background);\n }\n :root:not([dark]) .sbdd_b {\n border-color: var(--yt-spec-raised-background);\n background-color: var(--yt-spec-raised-background);\n }\n :root:not([dark]) .sbpqs_a,\n :root:not([dark]) .gsfs {\n color: var(--yt-spec-text-primary);\n }\n :root:not([dark]) .sbsb_i {\n color: var(--yt-spec-call-to-action);\n }\n :root:not([dark]) .sbsb_d {\n background-color: var(--yt-spec-additive-background);\n }\n :root:not([dark]) .sbdd_c {\n visibility: hidden;\n }\n :root:not([dark]) .sbpqs_c {\n color: #8087a2;\n }\n :root:not([dark]) .sbpqs_a::before,\n :root:not([dark]) .sbqs_c::before {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224%22%20viewBox%3D%221%201%2027%2027%22%20width%3D%2224%22%20focusable%3D%22false%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%22%20pointer-events%3D%22none%22%20display%3D%22block%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22m20.87%2020.17-5.59-5.59A6.96%206.96%200%200%200%2017%2010c0-3.87-3.13-7-7-7s-7%203.13-7%207a6.995%206.995%200%200%200%2011.58%205.29l5.59%205.59zM10%2016c-3.31%200-6-2.69-6-6s2.69-6%206-6%206%202.69%206%206-2.69%206-6%206%22/%3E%3C/svg%3E\");\n background: none;\n }\n :root:not([dark]) #description [style*=\"color: rgb(255, 255, 255);\"],\n :root:not([dark]) #description [style*=\"color: rgb(19, 19, 19);\"] {\n color: #cad3f5 !important;\n }\n :root:not([dark]) .yt-core-attributed-string__link--call-to-action-color {\n color: #b7bdf8;\n }\n :root:not([dark]) .YtwCourseProgressViewModelHostProgressTitle,\n :root:not([dark]) .YtwCourseProgressViewModelHostProgressSubtitle {\n color: #cad3f5;\n }\n :root:not([dark]) .YtwCourseProgressViewModelHostProgressBar {\n background-color: rgba(202, 211, 245, 0.2);\n }\n :root:not([dark]) .YtwCourseProgressViewModelHostProgressBar .YtwCourseProgressViewModelHostProgressBarFill {\n background-color: #cad3f5;\n }\n :root:not([dark]) #time-status:has([aria-label=\"LIVE\"]),\n :root:not([dark]) .badge[aria-label=\"LIVE\"] {\n --yt-spec-static-overlay-text-primary: #181926;\n --yt-spec-static-overlay-icon-active-other: #181926;\n }\n :root:not([dark]) #thumbnail [style=\"background-color: rgba(51, 51, 51, 0.8);\"],\n :root:not([dark]) .YtInlinePlayerControlsTopRightControlsCircleButton,\n :root:not([dark]) .badge-shape-wiz--default.badge-shape-wiz--overlay,\n :root:not([dark]) .branding-context-container-inner {\n background-color: #363a4f !important;\n color: #cad3f5;\n }\n :root:not([dark]) .ytp-sb-unsubscribe {\n background-color: #5b6078;\n color: #cad3f5;\n }\n :root:not([dark]) .ytp-sb-subscribe {\n background-color: #b7bdf8;\n color: #181926;\n }\n :root:not([dark]) ytd-thumbnail-overlay-resume-playback-renderer {\n background-color: #494d64;\n }\n :root:not([dark]) .ytp-tooltip-text {\n background: #363a4f !important;\n color: #cad3f5;\n text-shadow: none !important;\n }\n :root:not([dark]) .ytp-popup {\n background: #363a4f !important;\n text-shadow: none;\n }\n :root:not([dark]) .ytp-panel-menu,\n :root:not([dark]) .ytp-panel-header,\n :root:not([dark]) .ytp-panel-footer,\n :root:not([dark]) .ytp-menuitem-label,\n :root:not([dark]) .ytp-premium-label,\n :root:not([dark]) .ytp-menuitem-content,\n :root:not([dark]) .ytp-menuitem-label-count,\n :root:not([dark]) .ytp-menu-label-secondary,\n :root:not([dark]) .ytd-menu-title-renderer {\n color: #cad3f5;\n }\n :root:not([dark]) .ytp-panel-header {\n border-bottom-color: #5b6078;\n }\n :root:not([dark]) .ytp-panel-footer-content-link {\n color: #b7bdf8;\n }\n :root:not([dark]) .ytp-panel-back-button {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22m19.41%2020.09-4.58-4.59%204.58-4.59L18%209.5l-6%206%206%206z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) .ytp-menuitem-toggle-checkbox {\n background-color: #5b6078;\n }\n :root:not([dark]) .ytp-menuitem-toggle-checkbox::after {\n background-color: #a5adcb;\n }\n :root:not([dark]) .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background-color: #494d64;\n }\n :root:not([dark]) .ytp-menuitem svg > path:not([fill=\"none\"]) {\n fill: #cad3f5 !important;\n }\n :root:not([dark]) .ytp-menuitem[aria-haspopup=\"true\"] .ytp-menuitem-content {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22m12.59%2020.34%204.58-4.59-4.58-4.59L14%209.75l6%206-6%206z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) .ytp-menuitem[role=\"menuitemradio\"][aria-checked=\"true\"] .ytp-menuitem-label {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22M9%2016.2%204.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) .ytp-cards-button .ytp-cards-button-icon use {\n fill: #24273a;\n }\n :root:not([dark]) .ytp-cards-button .ytp-cards-button-icon path {\n fill: #cad3f5;\n }\n :root:not([dark]) .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #5b6078;\n border-bottom-color: #5b6078;\n }\n :root:not([dark]) .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5;\n }\n :root:not([dark]) .html5-video-player {\n color: #cad3f5;\n }\n :root:not([dark]) .html5-video-player .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root:not([dark]) .html5-video-player .ytp-svg-fill,\n :root:not([dark]) .html5-video-player [fill=\"#fff\"] {\n fill: #cad3f5 !important;\n }\n :root:not([dark]) .html5-video-player .ytp-volume-slider-handle,\n :root:not([dark]) .html5-video-player .ytp-volume-slider-handle::before {\n background-color: #cad3f5;\n }\n :root:not([dark]) .html5-video-player .ytp-volume-slider-handle::after {\n background-color: rgba(202, 211, 245, 0.2);\n }\n :root:not([dark]) .html5-video-player .ytp-time-current,\n :root:not([dark]) .html5-video-player .ytp-time-separator,\n :root:not([dark]) .html5-video-player .ytp-time-duration {\n color: #cad3f5;\n }\n :root:not([dark]) .html5-video-player .ytp-button[aria-pressed]::after,\n :root:not([dark]) .html5-video-player .ytp-subtitles-button[aria-pressed]::after {\n background-color: #b7bdf8;\n }\n :root:not([dark]) .html5-video-player .ytp-autonav-toggle-button {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2230%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.7%2011c2.95%200%205.3-2.21%205.3-5s-2.35-5-5.3-5H7.3C4.35%201%202%203.21%202%206s2.35%205%205.3%205z%22%20fill%3D%22%23cad3f5%22/%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.3%201C4.35%201%202%203.21%202%206s2.35%205%205.3%205h15.4A5.16%205.16%200%200%200%2028%206l-.03-.54A5.16%205.16%200%200%200%2022.7%201zm15.4%2011c3.45%200%206.3-2.6%206.3-6s-2.85-6-6.3-6H7.3C3.85%200%201%202.6%201%206s2.85%206%206.3%206z%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.3%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) .html5-video-player .ytp-autonav-toggle-button::after {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.5%2016a7.5%207.5%200%201%200%200-15%207.5%207.5%200%200%200%200%2015%22%20fill%3D%22%235b6078%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17%208.5a8.5%208.5%200%201%201-17%200%208.5%208.5%200%200%201%2017%200m-1%200a7.5%207.5%200%201%201-15%200%207.5%207.5%200%200%201%2015%200%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.15%22/%3E%3Cpath%20d%3D%22M5.5%2012h2V5h-2zm4-7v7h2V5z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) .html5-video-player .ytp-autonav-toggle-button[aria-checked=\"true\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2230%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.7%2011c2.95%200%205.3-2.21%205.3-5s-2.35-5-5.3-5H7.3C4.35%201%202%203.21%202%206s2.35%205%205.3%205zm-2.7-.75v-8.5l6.7%204.26z%22%20fill%3D%22%23cad3f5%22/%3E%3Cpath%20opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.3%201C4.35%201%202%203.21%202%206s2.35%205%205.3%205h15.4A5.16%205.16%200%200%200%2028%206l-.03-.54A5.16%205.16%200%200%200%2022.7%201zm15.4%2011c3.45%200%206.3-2.6%206.3-6s-2.85-6-6.3-6H7.3C3.85%200%201%202.6%201%206s2.85%206%206.3%206z%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.3%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) .html5-video-player .ytp-autonav-toggle-button[aria-checked=\"true\"]::after {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17%208.5a8.5%208.5%200%201%201-17%200%208.5%208.5%200%200%201%2017%200m-5%200L6.5%205v7zm-1.86%200L7.5%206.82v3.36zM8.5%2016a7.5%207.5%200%201%200%200-15%207.5%207.5%200%200%200%200%2015%22%20fill%3D%22%2324273a%22%20fill-opacity%3D%22.15%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%208.5a7.5%207.5%200%201%201-15%200%207.5%207.5%200%200%201%2015%200m-4%200L6.5%2012V5z%22%20fill%3D%22%23cad3f5%22/%3E%3C/svg%3E\");\n }\n :root:not([dark]) #shorts-container {\n --yt-spec-static-overlay-text-primary: #cad3f5;\n /* Buy super thanks button */\n }\n :root:not([dark]) #shorts-container .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal {\n color: #cad3f5;\n }\n :root:not([dark]) #shorts-container ytd-reel-video-renderer:not([is-watch-while-mode]) .yt-spec-button-shape-with-label__label {\n color: #b8c0e0;\n }\n :root:not([dark]) #shorts-container ytd-reel-video-renderer[is-watch-while-mode] .yt-spec-button-shape-with-label__label {\n color: #cad3f5;\n }\n :root:not([dark]) #shorts-container .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal,\n :root:not([dark]) #shorts-container .YtdDesktopShortsVolumeControlsBackgroundScrim {\n background-color: rgba(36, 39, 58, 0.6);\n color: #cad3f5;\n }\n :root:not([dark]) #shorts-container .YtdDesktopShortsVolumeControlsMuteIcon {\n color: #cad3f5 !important;\n }\n :root:not([dark]) #shorts-container .YtdShortsSuggestedActionStaticHostContainer {\n background-color: rgba(36, 39, 58, 0.6);\n }\n :root:not([dark]) #shorts-container .YtdShortsSuggestedActionStaticHostContainer .YtdShortsSuggestedActionStaticHostLeadingIcon,\n :root:not([dark]) #shorts-container .YtdShortsSuggestedActionStaticHostContainer .YtdShortsSuggestedActionStaticHostPrimaryText {\n color: #cad3f5;\n }\n :root:not([dark]) .yt-tab-shape-wiz__tab {\n color: #b8c0e0;\n }\n :root:not([dark]) .yt-tab-shape-wiz__tab--tab-selected {\n color: #cad3f5;\n }\n :root:not([dark]) .yt-tab-group-shape-wiz__slider {\n background-color: #cad3f5;\n }\n :root:not([dark]) .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: #b8c0e0;\n }\n :root:not([dark]) .truncated-text-wiz,\n :root:not([dark]) .page-header-view-model-wiz__page-header-content-metadata {\n color: #b8c0e0;\n }\n :root:not([dark]) .page-header-view-model-wiz__page-header-title,\n :root:not([dark]) [style=\"color: rgb(255, 255, 255);\"]:has(svg),\n :root:not([dark]) .truncated-text-wiz__absolute-button {\n color: #cad3f5 !important;\n }\n :root:not([dark]) .yt-contextual-sheet-layout-wiz {\n background-color: #1e2030;\n }\n :root:not([dark]) .yt-contextual-sheet-layout-wiz .yt-list-item-view-model-wiz__container--tappable:hover {\n background-color: #363a4f;\n }\n :root:not([dark]) .yt-contextual-sheet-layout-wiz .yt-list-item-view-model-wiz__title,\n :root:not([dark]) .yt-contextual-sheet-layout-wiz .yt-list-item-view-model-wiz__accessory,\n :root:not([dark]) .yt-contextual-sheet-layout-wiz .radio-shape-wiz__label-container {\n color: #cad3f5;\n }", + "start": 1129, "domains": [ "youtube.com" ] }, { "code": ":root[dark] {\n color-scheme: dark;\n }\n :root[dark] ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root[dark] input::placeholder,\n :root[dark] textarea::placeholder {\n color: #a5adcb !important;\n }\n :root[dark] [src=\"https://www.gstatic.com/youtube/img/creator/yt_studio_logo_white.svg\"] {\n content: url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2097.55%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22%23b7bdf8%22%20d%3D%22M17.1%200S6.4%200%203.8.7a4.15%204.15%200%200%200-3%203C0%206.4%200%2012%200%2012a45%2045%200%200%200%20.7%208.2%204.32%204.32%200%200%200%203%203c2.7.8%2013.4.8%2013.4.8s10.7%200%2013.4-.7a4.32%204.32%200%200%200%203-3%2045%2045%200%200%200%20.7-8.2s.1-5.7-.6-8.3a4.32%204.32%200%200%200-3-3C27.9%200%2017.1%200%2017.1%200m-3.4%206.9%208.9%205.1-8.9%205.1z%22/%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22M76.3.9v4.4c0%201.1%200%202%20.1%203.3h-.1A3.36%203.36%200%200%200%2073.4%207c-2.3%200-3.3%202-3.3%206.6V16c0%204.9.8%206.6%203.2%206.6a3.42%203.42%200%200%200%203.2-2.4h.1l.4%202.1h2.6V.9zm6.688.4c-1.126.032-1.687.55-1.687%202.1%200%201.7.599%202.1%201.799%202.1s1.8-.5%201.8-2.1-.6-2.1-1.8-2.1zM45%201.4c-3.6%200-5%201.7-5%204.9s1.1%204.5%203.7%206.8c1.6%201.4%202.8%202.5%202.8%204.8%200%201.5-.4%202.2-1.6%202.2s-1.7-.8-1.6-3.6h-3.1c-.6%204.2.8%206.1%204.5%206.2%203.5%200%205-1.5%205-5.4%200-3.1-1.3-4.4-3.7-6.6-1.9-1.8-2.8-2.5-2.8-4.6%200-1.4.3-2.2%201.6-2.2s1.6%201.1%201.5%203.9l3.1-.2c.5-4.2-.8-6.2-4.4-6.2m7.6%201.4-.4%204.5h-1.4v2.6H52v8.8c0%202.7.4%203.8%202.6%203.8a7.4%207.4%200%200%200%203.1-.6l-.6-2.2a5.2%205.2%200%200%201-1.3.2c-.5%200-.7-.3-.7-1.7V9.9h2.2V7.3H55V2.8zM91%207c-3.3%200-4.7%201.8-4.7%206.7v2.2c0%204.7%201.1%206.7%204.6%206.7s4.7-2%204.7-6.7v-2.2C95.6%208.9%2094.3%207%2091%207m-31.8.3v11.4c0%202.7.9%204%202.9%204a3.46%203.46%200%200%200%203.2-2.1h.1l.3%201.8h2.7V7.3H65v12a1.51%201.51%200%200%201-1.4%201c-.7%200-1-.6-1-1.9V7.3zm22.3%200v15.1h3.2V7.3zm9.4%202c1%200%201.3%201%201.3%203.1v4.7c0%202.2-.4%203.1-1.3%203.1s-1.2-.9-1.2-3.1v-4.7c0-2%20.2-3.1%201.2-3.1M75%209.4a1.56%201.56%200%200%201%201.3.8v8.5c-.2.9-.9%201.4-1.4%201.3-1%200-1.3-1-1.3-4.4v-1.9c0-3.3.3-4.3%201.4-4.3%22/%3E%3C/svg%3E\");\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 --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 --iron-icon-fill-color: unset !important;\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 --ytcp-general-background-a: #24273a !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-black-3: #24273a !important;\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 --ytcp-general-background-c: #181926 !important;\n --ytcp-menu-background: #363a4f !important;\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 --ytcp-call-to-action: #b7bdf8 !important;\n --ytcp-call-to-action-inverse: #1e2030 !important;\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 --yt-spec-brand-background-primary: #363a4f !important;\n --yt-compact-link-icon-color: #939ab7 !important;\n --ytcp-icon-active: #b7bdf8 !important;\n --ytcp-icon-inactive: #939ab7 !important;\n --ytcp-icon-disabled: #6e738d !important;\n --ytcp-icon-active-inverse: #8087a2 !important;\n --ytcp-icon-disabled-inverse: #b8c0e0 !important;\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: #b7bdf8 !important;\n --ytcp-themed-blue: #b7bdf8 !important;\n --ytcp-badge-blue: rgba(183, 189, 248, 0.3);\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 --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 {\n color-scheme: dark;\n }\n :root ::selection {\n background-color: rgba(183, 189, 248, 0.3);\n }\n :root input::placeholder,\n :root textarea::placeholder {\n color: #a5adcb !important;\n }\n :root [src=\"https://www.gstatic.com/youtube/img/creator/yt_studio_logo_white.svg\"] {\n content: url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2097.55%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22%23b7bdf8%22%20d%3D%22M17.1%200S6.4%200%203.8.7a4.15%204.15%200%200%200-3%203C0%206.4%200%2012%200%2012a45%2045%200%200%200%20.7%208.2%204.32%204.32%200%200%200%203%203c2.7.8%2013.4.8%2013.4.8s10.7%200%2013.4-.7a4.32%204.32%200%200%200%203-3%2045%2045%200%200%200%20.7-8.2s.1-5.7-.6-8.3a4.32%204.32%200%200%200-3-3C27.9%200%2017.1%200%2017.1%200m-3.4%206.9%208.9%205.1-8.9%205.1z%22/%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22M76.3.9v4.4c0%201.1%200%202%20.1%203.3h-.1A3.36%203.36%200%200%200%2073.4%207c-2.3%200-3.3%202-3.3%206.6V16c0%204.9.8%206.6%203.2%206.6a3.42%203.42%200%200%200%203.2-2.4h.1l.4%202.1h2.6V.9zm6.688.4c-1.126.032-1.687.55-1.687%202.1%200%201.7.599%202.1%201.799%202.1s1.8-.5%201.8-2.1-.6-2.1-1.8-2.1zM45%201.4c-3.6%200-5%201.7-5%204.9s1.1%204.5%203.7%206.8c1.6%201.4%202.8%202.5%202.8%204.8%200%201.5-.4%202.2-1.6%202.2s-1.7-.8-1.6-3.6h-3.1c-.6%204.2.8%206.1%204.5%206.2%203.5%200%205-1.5%205-5.4%200-3.1-1.3-4.4-3.7-6.6-1.9-1.8-2.8-2.5-2.8-4.6%200-1.4.3-2.2%201.6-2.2s1.6%201.1%201.5%203.9l3.1-.2c.5-4.2-.8-6.2-4.4-6.2m7.6%201.4-.4%204.5h-1.4v2.6H52v8.8c0%202.7.4%203.8%202.6%203.8a7.4%207.4%200%200%200%203.1-.6l-.6-2.2a5.2%205.2%200%200%201-1.3.2c-.5%200-.7-.3-.7-1.7V9.9h2.2V7.3H55V2.8zM91%207c-3.3%200-4.7%201.8-4.7%206.7v2.2c0%204.7%201.1%206.7%204.6%206.7s4.7-2%204.7-6.7v-2.2C95.6%208.9%2094.3%207%2091%207m-31.8.3v11.4c0%202.7.9%204%202.9%204a3.46%203.46%200%200%200%203.2-2.1h.1l.3%201.8h2.7V7.3H65v12a1.51%201.51%200%200%201-1.4%201c-.7%200-1-.6-1-1.9V7.3zm22.3%200v15.1h3.2V7.3zm9.4%202c1%200%201.3%201%201.3%203.1v4.7c0%202.2-.4%203.1-1.3%203.1s-1.2-.9-1.2-3.1v-4.7c0-2%20.2-3.1%201.2-3.1M75%209.4a1.56%201.56%200%200%201%201.3.8v8.5c-.2.9-.9%201.4-1.4%201.3-1%200-1.3-1-1.3-4.4v-1.9c0-3.3.3-4.3%201.4-4.3%22/%3E%3C/svg%3E\");\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 --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 --iron-icon-fill-color: unset !important;\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 --ytcp-general-background-a: #24273a !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-black-3: #24273a !important;\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 --ytcp-general-background-c: #181926 !important;\n --ytcp-menu-background: #363a4f !important;\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 --ytcp-call-to-action: #b7bdf8 !important;\n --ytcp-call-to-action-inverse: #1e2030 !important;\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 --yt-spec-brand-background-primary: #363a4f !important;\n --yt-compact-link-icon-color: #939ab7 !important;\n --ytcp-icon-active: #b7bdf8 !important;\n --ytcp-icon-inactive: #939ab7 !important;\n --ytcp-icon-disabled: #6e738d !important;\n --ytcp-icon-active-inverse: #8087a2 !important;\n --ytcp-icon-disabled-inverse: #b8c0e0 !important;\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: #b7bdf8 !important;\n --ytcp-themed-blue: #b7bdf8 !important;\n --ytcp-badge-blue: rgba(183, 189, 248, 0.3);\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 --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 }", - "start": 70382, + "start": 72021, "urlPrefixes": [ "https://studio.youtube.com" ] }, { "code": "html[darker-dark-theme] {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n /* Ambient mode */\n /* Comment box */\n /* Bottom bar */\n /* Chips */\n /* Buttons */\n }\n html[darker-dark-theme] #cinematics {\n mix-blend-mode: lighten;\n }\n html[darker-dark-theme] .mobile-topbar-header[data-mode=\"watch\"],\n html[darker-dark-theme] ytm-mobile-topbar-renderer:not([ambient-topbar]) {\n background: #24273a;\n }\n html[darker-dark-theme] .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-logo,\n html[darker-dark-theme] .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-title,\n html[darker-dark-theme] .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-header-content {\n color: #cad3f5;\n }\n html[darker-dark-theme] .yt-spec-bottom-sheet-layout__bottom-sheet-renderer-container,\n html[darker-dark-theme] .modern-styling {\n background: #363a4f;\n }\n html[darker-dark-theme] .yt-spec-bottom-sheet-layout__bottom-sheet-layout-header-wrapper {\n border-bottom-color: #363a4f;\n }\n html[darker-dark-theme] .yt-spec-bottom-sheet-layout__bottom-sheet-content {\n color: #cad3f5;\n }\n html[darker-dark-theme] .engagement-panel-container {\n background: #1e2030;\n }\n html[darker-dark-theme] ytm-pivot-bar-renderer {\n background: #1e2030;\n color: #cad3f5;\n border-top-color: #363a4f;\n }\n html[darker-dark-theme] .chip-bar {\n background-color: #24273a;\n }\n html[darker-dark-theme] [chip-style*=\"STYLE_\"] .chip-container {\n color: #cad3f5;\n background-color: #363a4f;\n }\n html[darker-dark-theme] [chip-style*=\"STYLE_\"].selected .chip-container {\n color: #181926;\n background-color: #b7bdf8;\n }\n html[darker-dark-theme] .yt-spec-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__fill {\n background-color: #cad3f5;\n }\n html[darker-dark-theme] .yt-spec-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__stroke {\n border-color: #494d64;\n }\n html[darker-dark-theme] .yt-spec-touch-feedback-shape--overlay-touch-response-inverse .yt-spec-touch-feedback-shape__fill {\n background-color: #b7bdf8;\n }\n html[darker-dark-theme] .yt-spec-touch-feedback-shape--overlay-touch-response .yt-spec-touch-feedback-shape__fill {\n background-color: #cad3f5;\n }\n html {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n /* Ambient mode */\n /* Comment box */\n /* Bottom bar */\n /* Chips */\n /* Buttons */\n }\n html #cinematics {\n mix-blend-mode: lighten;\n }\n html .mobile-topbar-header[data-mode=\"watch\"],\n html ytm-mobile-topbar-renderer:not([ambient-topbar]) {\n background: #24273a;\n }\n html .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-logo,\n html .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-title,\n html .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-header-content {\n color: #cad3f5;\n }\n html .yt-spec-bottom-sheet-layout__bottom-sheet-renderer-container,\n html .modern-styling {\n background: #363a4f;\n }\n html .yt-spec-bottom-sheet-layout__bottom-sheet-layout-header-wrapper {\n border-bottom-color: #363a4f;\n }\n html .yt-spec-bottom-sheet-layout__bottom-sheet-content {\n color: #cad3f5;\n }\n html .engagement-panel-container {\n background: #1e2030;\n }\n html ytm-pivot-bar-renderer {\n background: #1e2030;\n color: #cad3f5;\n border-top-color: #363a4f;\n }\n html .chip-bar {\n background-color: #24273a;\n }\n html [chip-style*=\"STYLE_\"] .chip-container {\n color: #cad3f5;\n background-color: #363a4f;\n }\n html [chip-style*=\"STYLE_\"].selected .chip-container {\n color: #181926;\n background-color: #b7bdf8;\n }\n html .yt-spec-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__fill {\n background-color: #cad3f5;\n }\n html .yt-spec-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__stroke {\n border-color: #494d64;\n }\n html .yt-spec-touch-feedback-shape--overlay-touch-response-inverse .yt-spec-touch-feedback-shape__fill {\n background-color: #b7bdf8;\n }\n html .yt-spec-touch-feedback-shape--overlay-touch-response .yt-spec-touch-feedback-shape__fill {\n background-color: #cad3f5;\n }", - "start": 85007, + "start": 86646, "domains": [ "m.youtube.com" ] }, { "code": "/* prettier-ignore */", - "start": 89213 + "start": 90852 } ], - "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 4.0.9\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube\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: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\n@var checkbox logo \"Enable YouTube logo\" 1\n@var checkbox oled \"Enable black bars\" 0\n==/UserStyle== */\n\n@-moz-document domain('youtube.com') {\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root:not([dark]) {\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 @white: if(@lookup = latte, @base, @text);\n @black: if(@lookup = latte, @text, @base);\n\n color: @text;\n color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n &,\n [dark],\n [system-icons],\n [darker-dark-theme],\n &[dark],\n &[system-icons],\n &[darker-dark-theme] {\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: @base !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: @text !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-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: @accent-color !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;\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: @base !important;\n --yt-spec-brand-background-secondary: @mantle !important;\n --yt-spec-general-background-a: @base !important;\n --yt-spec-general-background-b: @base !important;\n --yt-spec-general-background-c: @crust !important;\n --yt-spec-error-background: @base !important;\n --yt-spec-10-percent-layer: @surface0 !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 !important;\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: @text !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-secondary-background-color: @surface1;\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 --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 &: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 /* Misc */\n\n & when (@logo = 0) {\n ytd-topbar-logo-renderer,\n svg.ytd-consent-bump-v2-lightbox {\n display: none;\n }\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 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 #container.ytd-masthead {\n --iron-icon-fill-color: @text !important;\n }\n\n ytd-feed-filter-chip-bar-renderer[expand-instead-of-scroll]\n #chips-wrapper.ytd-feed-filter-chip-bar-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n #ytd-player #container when (@oled =0) {\n background: @crust !important;\n }\n\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-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 ytd-author-comment-badge-renderer:not(\n [style*=\"--ytd-author-comment-badge-icon-background-color: transparent;\"]\n ) {\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 }\n\n /* Skeleton */\n #guide-skeleton,\n #home-container-skeleton,\n #home-chips,\n #search-container {\n background-color: @base;\n z-index: -1;\n }\n\n #guide-skeleton .guide-ghost-icon,\n #guide-skeleton .guide-ghost-text,\n .masthead-skeleton-icon,\n #home-page-skeleton .skeleton-bg-color {\n background-color: @surface1;\n }\n\n /* Ambient mode */\n #cinematics {\n mix-blend-mode: lighten;\n }\n\n .ytp-settings-button.ytp-hd-quality-badge::after,\n .ytp-settings-button.ytp-hdr-quality-badge::after,\n .ytp-settings-button.ytp-4k-quality-badge::after,\n .ytp-settings-button.ytp-5k-quality-badge::after,\n .ytp-settings-button.ytp-8k-quality-badge::after,\n .ytp-settings-button.ytp-3d-badge-grey::after,\n .ytp-settings-button.ytp-3d-badge::after {\n background-color: @accent-color;\n }\n\n /* Icons */\n\n [fill=\"red\"],\n [fill=\"#F00\"],\n [fill=\"#FF0000\"] {\n fill: @accent-color !important;\n }\n\n [fill=\"white\"] {\n fill: if(@lookup = latte, @base, @text) !important;\n }\n\n yt-icon.ytd-logo [fill=\"white\"] {\n fill: @crust !important;\n }\n\n .yt-spec-icon-shape {\n [fill=\"#FAFAFA\"],\n [fill=\"#000\"],\n [fill=\"#fff\"],\n [fill=\"#FFF\"],\n [fill=\"#FFFFFF\"] {\n fill: @crust !important;\n }\n }\n .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon,\n .yt-spec-icon-badge-shape {\n color: @text;\n }\n\n /* Buttons */\n\n .yt-spec-button-shape-next--mono {\n &.yt-spec-button-shape-next--tonal {\n color: @text;\n background-color: @surface1;\n\n [fill=\"rgb(3,3,3)\"],\n [fill=\"rgb(0,0,0)\"],\n [fill=\"rgb(255,255,255)\"] {\n fill: @text !important;\n }\n\n [stroke=\"rgb(0,0,0)\"],\n [stroke=\"rgb(255,255,255)\"] {\n stroke: @text !important;\n }\n\n /* Accent for filled-in thumbs up (like button) */\n [animated-icon-type=\"LIKE\"] {\n g path[fill] {\n fill: @accent-color !important;\n\n + [stroke] {\n stroke: @accent-color !important;\n }\n }\n }\n\n &:hover {\n background-color: @surface2;\n }\n }\n\n &.yt-spec-button-shape-next--outline {\n color: @text;\n border-color: @surface2;\n\n &:hover {\n background-color: @surface2;\n }\n }\n\n &.yt-spec-button-shape-next--text {\n color: @text;\n\n /* Accent for filled-in thumbs up (like button) */\n path[d=\"M3,11h3v10H3V11z M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11v10h10.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z\"] {\n fill: @accent-color;\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent-color;\n\n &:hover {\n background-color: darken(@accent-color, 5%);\n }\n }\n }\n\n .yt-spec-button-shape-next--overlay {\n &.yt-spec-button-shape-next--tonal,\n &.yt-spec-button-shape-next--text {\n color: @text;\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent-color;\n }\n }\n\n .yt-spec-button-shape-next--call-to-action {\n &.yt-spec-button-shape-next--outline {\n color: @accent-color;\n border-color: @surface2;\n\n &:hover {\n background-color: @accent-color;\n color: @crust;\n }\n }\n\n &.yt-spec-button-shape-next--text {\n color: @accent-color;\n\n &:hover {\n background-color: fade(@accent-color, 30%);\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent-color;\n }\n }\n\n .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--filled {\n color: @subtext0;\n background-color: fade(@surface1, 70%);\n }\n\n /* Search box */\n\n ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: @accent-color;\n }\n\n .sbsb_a {\n background: var(--yt-spec-raised-background);\n }\n .sbdd_b {\n border-color: var(--yt-spec-raised-background);\n background-color: var(--yt-spec-raised-background);\n }\n .sbpqs_a,\n .gsfs {\n color: var(--yt-spec-text-primary);\n }\n .sbsb_i {\n color: var(--yt-spec-call-to-action);\n }\n .sbsb_d {\n background-color: var(--yt-spec-additive-background);\n }\n .sbdd_c {\n visibility: hidden;\n }\n\n /* \"Suggestion removed\" */\n .sbpqs_c {\n color: @overlay1;\n }\n\n .sbpqs_a::before,\n .sbqs_c::before {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n background: none;\n }\n\n /* Video description */\n\n #description {\n [style*=\"color: rgb(255, 255, 255);\"],\n [style*=\"color: rgb(19, 19, 19);\"] {\n color: @text !important;\n }\n }\n\n .yt-core-attributed-string__link--call-to-action-color {\n color: @accent-color;\n }\n\n .YtwCourseProgressViewModelHostProgressTitle,\n .YtwCourseProgressViewModelHostProgressSubtitle {\n color: @text;\n }\n\n .YtwCourseProgressViewModelHostProgressBar {\n background-color: fade(@white, 20%);\n\n .YtwCourseProgressViewModelHostProgressBarFill {\n background-color: @text;\n }\n }\n\n /* Thumbnails */\n\n #time-status:has([aria-label=\"LIVE\"]),\n .badge[aria-label=\"LIVE\"] {\n --yt-spec-static-overlay-text-primary: @crust;\n --yt-spec-static-overlay-icon-active-other: @crust;\n }\n #thumbnail [style=\"background-color: rgba(51, 51, 51, 0.8);\"],\n .YtInlinePlayerControlsTopRightControlsCircleButton,\n .badge-shape-wiz--default.badge-shape-wiz--overlay,\n .branding-context-container-inner {\n background-color: @surface0 !important;\n color: @text;\n }\n .ytp-sb-unsubscribe {\n background-color: @surface2;\n color: @text;\n }\n .ytp-sb-subscribe {\n background-color: @accent-color;\n color: @crust;\n }\n ytd-thumbnail-overlay-resume-playback-renderer {\n background-color: @surface1;\n }\n\n /* Panels, popups, tooltips */\n\n .ytp-tooltip-text {\n background: @surface0 !important;\n color: @text;\n text-shadow: none !important;\n }\n\n .ytp-popup {\n background: @surface0 !important;\n text-shadow: none;\n }\n\n .ytp-panel-menu,\n .ytp-panel-header,\n .ytp-panel-footer,\n .ytp-menuitem-label,\n .ytp-premium-label,\n .ytp-menuitem-content,\n .ytp-menuitem-label-count,\n .ytp-menu-label-secondary,\n .ytd-menu-title-renderer {\n color: @text;\n }\n\n .ytp-panel-header {\n border-bottom-color: @surface2;\n }\n\n .ytp-panel-footer-content-link {\n color: @accent-color;\n }\n\n .ytp-panel-back-button {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .ytp-menuitem-toggle-checkbox {\n background-color: @surface2;\n\n &::after {\n background-color: @subtext0;\n }\n }\n\n .ytp-menuitem {\n &:not([aria-disabled=\"true\"]):hover {\n background-color: @surface1;\n }\n\n svg > path:not([fill=\"none\"]) {\n fill: @text !important;\n }\n\n &[aria-haspopup=\"true\"] .ytp-menuitem-content {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n &[role=\"menuitemradio\"][aria-checked=\"true\"] .ytp-menuitem-label {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n /* Video player */\n\n .ytp-cards-button {\n .ytp-cards-button-icon {\n use {\n fill: @black;\n }\n path {\n fill: @white;\n }\n }\n }\n .ytp-cards-teaser {\n .ytp-cards-teaser-box {\n background-color: @surface2;\n border-bottom-color: @surface2;\n }\n .ytp-cards-teaser-text {\n color: @text;\n }\n }\n\n .html5-video-player {\n color: @white;\n\n .ytp-swatch-background-color {\n background-color: @accent-color !important;\n }\n\n .ytp-svg-fill,\n [fill=\"#fff\"] {\n fill: @white !important;\n }\n\n .ytp-volume-slider-handle {\n &,\n &::before {\n background-color: @white;\n }\n &::after {\n background-color: fade(@white, 20%);\n }\n }\n\n .ytp-time-current,\n .ytp-time-separator,\n .ytp-time-duration {\n color: @white;\n }\n\n .ytp-button,\n .ytp-subtitles-button {\n &[aria-pressed]::after {\n background-color: @accent-color;\n }\n }\n\n .ytp-autonav-toggle-button {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n\n &::after {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n\n &[aria-checked=\"true\"] {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n\n &::after {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n }\n }\n }\n\n #shorts-container {\n --yt-spec-static-overlay-text-primary: @white;\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal {\n color: @white;\n }\n\n ytd-reel-video-renderer:not([is-watch-while-mode]) {\n .yt-spec-button-shape-with-label__label {\n color: @subtext1;\n }\n }\n\n /* Buy super thanks button */\n .YtdShortsSuggestedActionStaticHostContainer {\n background-color: @surface0;\n\n .YtdShortsSuggestedActionStaticHostLeadingIcon,\n .YtdShortsSuggestedActionStaticHostPrimaryText {\n color: @text;\n }\n }\n }\n\n /* Channel pages */\n .yt-tab-shape-wiz__tab {\n color: @subtext1;\n }\n .yt-tab-shape-wiz__tab--tab-selected {\n color: @text;\n }\n .yt-tab-group-shape-wiz__slider {\n background-color: @text;\n }\n .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: @subtext1;\n }\n .truncated-text-wiz,\n .page-header-view-model-wiz__page-header-content-metadata {\n color: @subtext1;\n }\n .page-header-view-model-wiz__page-header-title,\n [style=\"color: rgb(255, 255, 255);\"]:has(svg),\n .truncated-text-wiz__absolute-button {\n color: @text !important;\n }\n .yt-contextual-sheet-layout-wiz {\n background-color: @mantle;\n\n .yt-list-item-view-model-wiz__container--tappable:hover {\n background-color: @surface0;\n }\n\n .yt-list-item-view-model-wiz__title,\n .yt-list-item-view-model-wiz__accessory,\n .radio-shape-wiz__label-container {\n color: @text;\n }\n }\n }\n}\n\n@-moz-document url-prefix('https://studio.youtube.com')\n{\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 color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n [src=\"https://www.gstatic.com/youtube/img/creator/yt_studio_logo_white.svg\"]\n {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\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 --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 --iron-icon-fill-color: unset !important;\n\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 --ytcp-general-background-a: @base !important;\n --yt-spec-base-background: @base !important;\n --yt-spec-black-3: @base !important;\n\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 --ytcp-general-background-c: @crust !important;\n --ytcp-menu-background: @surface0 !important;\n\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 --ytcp-call-to-action: @accent-color !important;\n --ytcp-call-to-action-inverse: @mantle !important;\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 --yt-spec-brand-background-primary: @surface0 !important;\n\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: @overlay0 !important;\n --ytcp-icon-active-inverse: @overlay1 !important;\n --ytcp-icon-disabled-inverse: @subtext1 !important;\n\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: @accent-color !important;\n --ytcp-themed-blue: @accent-color !important;\n --ytcp-badge-blue: fade(@accent-color, 30%);\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 --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}\n\n@-moz-document domain('m.youtube.com') {\n html[darker-dark-theme] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n html {\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 background-color: @base !important;\n color: @text !important;\n\n /* Ambient mode */\n #cinematics {\n mix-blend-mode: lighten;\n }\n\n .mobile-topbar-header[data-mode=\"watch\"],\n ytm-mobile-topbar-renderer:not([ambient-topbar]) {\n background: @base;\n }\n\n .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-logo,\n .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-title,\n .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-header-content {\n color: @text;\n }\n\n .yt-spec-bottom-sheet-layout__bottom-sheet-renderer-container,\n .modern-styling {\n background: @surface0;\n }\n\n .yt-spec-bottom-sheet-layout__bottom-sheet-layout-header-wrapper {\n border-bottom-color: @surface0;\n }\n\n .yt-spec-bottom-sheet-layout__bottom-sheet-content {\n color: @text;\n }\n\n /* Comment box */\n .engagement-panel-container {\n background: @mantle;\n }\n\n /* Bottom bar */\n ytm-pivot-bar-renderer {\n background: @mantle;\n color: @text;\n border-top-color: @surface0;\n }\n\n /* Chips */\n .chip-bar {\n background-color: @base;\n }\n\n [chip-style*=\"STYLE_\"] {\n .chip-container {\n color: @text;\n background-color: @surface0;\n }\n\n &.selected .chip-container {\n color: @crust;\n background-color: @accent-color;\n }\n }\n\n /* Buttons */\n\n .yt-spec-touch-feedback-shape--touch-response {\n .yt-spec-touch-feedback-shape__fill {\n background-color: @text;\n }\n\n .yt-spec-touch-feedback-shape__stroke {\n border-color: @surface1;\n }\n }\n\n .yt-spec-touch-feedback-shape--overlay-touch-response-inverse\n .yt-spec-touch-feedback-shape__fill {\n background-color: @accent-color;\n }\n .yt-spec-touch-feedback-shape--overlay-touch-response\n .yt-spec-touch-feedback-shape__fill {\n background-color: @text;\n }\n }\n}\n\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// vim:ft=less\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 4.0.14\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube\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: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\n@var checkbox logo \"Enable YouTube logo\" 1\n@var checkbox oled \"Enable black bars\" 0\n==/UserStyle== */\n\n@-moz-document domain('youtube.com') {\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root:not([dark]) {\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 @white: if(@lookup = latte, @base, @text);\n @black: if(@lookup = latte, @text, @base);\n\n color: @text;\n color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n &,\n [dark],\n [system-icons],\n [darker-dark-theme],\n &[dark],\n &[system-icons],\n &[darker-dark-theme] {\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: @base !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: @text !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-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: @accent-color !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;\n --yt-spec-static-overlay-background-medium: fade(@crust, 50%) !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: @base !important;\n --yt-spec-brand-background-secondary: @mantle !important;\n --yt-spec-general-background-a: @base !important;\n --yt-spec-general-background-b: @base !important;\n --yt-spec-general-background-c: @crust !important;\n --yt-spec-error-background: @base !important;\n --yt-spec-10-percent-layer: @surface0 !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 !important;\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: @text !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-secondary-background-color: @surface1;\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 --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 &: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 /* Misc */\n\n & when (@logo = 0) {\n ytd-topbar-logo-renderer,\n svg.ytd-consent-bump-v2-lightbox {\n display: none;\n }\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 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 #container.ytd-masthead {\n --iron-icon-fill-color: @text !important;\n }\n\n ytd-feed-filter-chip-bar-renderer[expand-instead-of-scroll]\n #chips-wrapper.ytd-feed-filter-chip-bar-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n #ytd-player #container when (@oled =0) {\n background: @crust !important;\n }\n\n .ytp-progress-list when not(@lookup = latte) {\n background: fade(@surface0, 80%);\n }\n .ytp-load-progress when not(@lookup = latte) {\n background: fade(@overlay0, 100%);\n }\n\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-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 ytd-author-comment-badge-renderer:not(\n [style*=\"--ytd-author-comment-badge-icon-background-color: transparent;\"]\n ) {\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 }\n\n /* Skeleton */\n #guide-skeleton,\n #home-container-skeleton,\n #home-chips {\n background-color: @base;\n z-index: -1;\n }\n\n #guide-skeleton .guide-ghost-icon,\n #guide-skeleton .guide-ghost-text,\n .masthead-skeleton-icon,\n #home-page-skeleton .skeleton-bg-color {\n background-color: @surface1;\n }\n\n /* Ambient mode */\n #cinematics {\n mix-blend-mode: lighten;\n }\n\n .ytp-settings-button.ytp-hd-quality-badge::after,\n .ytp-settings-button.ytp-hdr-quality-badge::after,\n .ytp-settings-button.ytp-4k-quality-badge::after,\n .ytp-settings-button.ytp-5k-quality-badge::after,\n .ytp-settings-button.ytp-8k-quality-badge::after,\n .ytp-settings-button.ytp-3d-badge-grey::after,\n .ytp-settings-button.ytp-3d-badge::after {\n background-color: @accent-color;\n }\n\n /* Icons */\n\n [fill=\"red\"],\n [fill=\"#F00\"],\n [fill=\"#FF0000\"] {\n fill: @accent-color !important;\n }\n\n [fill=\"white\"] {\n fill: if(@lookup = latte, @base, @text) !important;\n }\n\n yt-icon.ytd-logo [fill=\"white\"] {\n fill: @crust !important;\n }\n\n .yt-spec-icon-shape {\n [fill=\"#FAFAFA\"],\n [fill=\"#000\"],\n [fill=\"#fff\"],\n [fill=\"#FFF\"],\n [fill=\"#FFFFFF\"] {\n fill: @crust !important;\n }\n }\n\n .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon,\n .yt-spec-icon-badge-shape {\n color: @text;\n }\n\n .yt-spec-icon-badge-shape--type-notification\n .yt-spec-icon-badge-shape__badge {\n background-color: @accent-color !important;\n color: @surface0 !important;\n }\n\n /* Buttons */\n\n .yt-spec-button-shape-next--mono {\n &.yt-spec-button-shape-next--tonal {\n color: @text;\n background-color: @surface0;\n\n [fill=\"rgb(3,3,3)\"],\n [fill=\"rgb(0,0,0)\"],\n [fill=\"rgb(255,255,255)\"] {\n fill: @text !important;\n }\n\n [stroke=\"rgb(0,0,0)\"],\n [stroke=\"rgb(255,255,255)\"] {\n stroke: @text !important;\n }\n\n /* Accent for filled-in thumbs up (like button) */\n [animated-icon-type=\"LIKE\"] {\n g path[fill] {\n fill: @accent-color !important;\n\n + [stroke] {\n stroke: @accent-color !important;\n }\n }\n }\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n &.yt-spec-button-shape-next--outline {\n color: @text;\n border-color: @surface2;\n\n &:hover {\n background-color: @surface2;\n }\n }\n\n &.yt-spec-button-shape-next--text {\n color: @text;\n\n /* Accent for filled-in thumbs up (like button) */\n path[d=\"M3,11h3v10H3V11z M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11v10h10.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z\"] {\n fill: @accent-color;\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent-color;\n\n &:hover {\n background-color: darken(@accent-color, 5%);\n }\n }\n }\n\n .yt-spec-button-shape-next--overlay {\n &.yt-spec-button-shape-next--tonal,\n &.yt-spec-button-shape-next--text {\n color: @text;\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent-color;\n }\n }\n\n .yt-spec-button-shape-next--call-to-action {\n &.yt-spec-button-shape-next--outline {\n color: @accent-color;\n border-color: @surface2;\n\n &:hover {\n background-color: @accent-color;\n color: @crust;\n }\n }\n\n &.yt-spec-button-shape-next--text {\n color: @accent-color;\n\n &:hover {\n background-color: fade(@accent-color, 30%);\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent-color;\n }\n }\n\n .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--filled {\n color: @subtext0;\n background-color: fade(@surface1, 70%);\n }\n\n /* Search box */\n\n ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: @accent-color;\n }\n\n .sbsb_a {\n background: var(--yt-spec-raised-background);\n }\n .sbdd_b {\n border-color: var(--yt-spec-raised-background);\n background-color: var(--yt-spec-raised-background);\n }\n .sbpqs_a,\n .gsfs {\n color: var(--yt-spec-text-primary);\n }\n .sbsb_i {\n color: var(--yt-spec-call-to-action);\n }\n .sbsb_d {\n background-color: var(--yt-spec-additive-background);\n }\n .sbdd_c {\n visibility: hidden;\n }\n\n /* \"Suggestion removed\" */\n .sbpqs_c {\n color: @overlay1;\n }\n\n .sbpqs_a::before,\n .sbqs_c::before {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n background: none;\n }\n\n /* Video description */\n\n #description {\n [style*=\"color: rgb(255, 255, 255);\"],\n [style*=\"color: rgb(19, 19, 19);\"] {\n color: @text !important;\n }\n }\n\n .yt-core-attributed-string__link--call-to-action-color {\n color: @accent-color;\n }\n\n .YtwCourseProgressViewModelHostProgressTitle,\n .YtwCourseProgressViewModelHostProgressSubtitle {\n color: @text;\n }\n\n .YtwCourseProgressViewModelHostProgressBar {\n background-color: fade(@white, 20%);\n\n .YtwCourseProgressViewModelHostProgressBarFill {\n background-color: @text;\n }\n }\n\n /* Thumbnails */\n\n #time-status:has([aria-label=\"LIVE\"]),\n .badge[aria-label=\"LIVE\"] {\n --yt-spec-static-overlay-text-primary: @crust;\n --yt-spec-static-overlay-icon-active-other: @crust;\n }\n #thumbnail [style=\"background-color: rgba(51, 51, 51, 0.8);\"],\n .YtInlinePlayerControlsTopRightControlsCircleButton,\n .badge-shape-wiz--default.badge-shape-wiz--overlay,\n .branding-context-container-inner {\n background-color: @surface0 !important;\n color: @text;\n }\n .ytp-sb-unsubscribe {\n background-color: @surface2;\n color: @text;\n }\n .ytp-sb-subscribe {\n background-color: @accent-color;\n color: @crust;\n }\n ytd-thumbnail-overlay-resume-playback-renderer {\n background-color: @surface1;\n }\n\n /* Panels, popups, tooltips */\n\n .ytp-tooltip-text {\n background: @surface0 !important;\n color: @text;\n text-shadow: none !important;\n }\n\n .ytp-popup {\n background: @surface0 !important;\n text-shadow: none;\n }\n\n .ytp-panel-menu,\n .ytp-panel-header,\n .ytp-panel-footer,\n .ytp-menuitem-label,\n .ytp-premium-label,\n .ytp-menuitem-content,\n .ytp-menuitem-label-count,\n .ytp-menu-label-secondary,\n .ytd-menu-title-renderer {\n color: @text;\n }\n\n .ytp-panel-header {\n border-bottom-color: @surface2;\n }\n\n .ytp-panel-footer-content-link {\n color: @accent-color;\n }\n\n .ytp-panel-back-button {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .ytp-menuitem-toggle-checkbox {\n background-color: @surface2;\n\n &::after {\n background-color: @subtext0;\n }\n }\n\n .ytp-menuitem {\n &:not([aria-disabled=\"true\"]):hover {\n background-color: @surface1;\n }\n\n svg > path:not([fill=\"none\"]) {\n fill: @text !important;\n }\n\n &[aria-haspopup=\"true\"] .ytp-menuitem-content {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n &[role=\"menuitemradio\"][aria-checked=\"true\"] .ytp-menuitem-label {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n /* Video player */\n\n .ytp-cards-button {\n .ytp-cards-button-icon {\n use {\n fill: @black;\n }\n path {\n fill: @white;\n }\n }\n }\n .ytp-cards-teaser {\n .ytp-cards-teaser-box {\n background-color: @surface2;\n border-bottom-color: @surface2;\n }\n .ytp-cards-teaser-text {\n color: @text;\n }\n }\n\n .html5-video-player {\n color: @white;\n\n .ytp-swatch-background-color {\n background-color: @accent-color !important;\n }\n\n .ytp-svg-fill,\n [fill=\"#fff\"] {\n fill: @white !important;\n }\n\n .ytp-volume-slider-handle {\n &,\n &::before {\n background-color: @white;\n }\n &::after {\n background-color: fade(@white, 20%);\n }\n }\n\n .ytp-time-current,\n .ytp-time-separator,\n .ytp-time-duration {\n color: @white;\n }\n\n .ytp-button,\n .ytp-subtitles-button {\n &[aria-pressed]::after {\n background-color: @accent-color;\n }\n }\n\n .ytp-autonav-toggle-button {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n\n &::after {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n\n &[aria-checked=\"true\"] {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n\n &::after {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n }\n }\n }\n\n #shorts-container {\n --yt-spec-static-overlay-text-primary: @white;\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal {\n color: @white;\n }\n\n ytd-reel-video-renderer:not([is-watch-while-mode]) {\n .yt-spec-button-shape-with-label__label {\n color: @subtext1;\n }\n }\n ytd-reel-video-renderer[is-watch-while-mode]\n .yt-spec-button-shape-with-label__label {\n color: @white;\n }\n\n .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal,\n .YtdDesktopShortsVolumeControlsBackgroundScrim {\n background-color: fade(@black, 60%);\n color: @white;\n }\n\n .YtdDesktopShortsVolumeControlsMuteIcon {\n color: @white !important;\n }\n\n /* Buy super thanks button */\n .YtdShortsSuggestedActionStaticHostContainer {\n background-color: fade(@black, 60%);\n\n .YtdShortsSuggestedActionStaticHostLeadingIcon,\n .YtdShortsSuggestedActionStaticHostPrimaryText {\n color: @text;\n }\n }\n }\n\n /* Channel pages */\n .yt-tab-shape-wiz__tab {\n color: @subtext1;\n }\n .yt-tab-shape-wiz__tab--tab-selected {\n color: @text;\n }\n .yt-tab-group-shape-wiz__slider {\n background-color: @text;\n }\n .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: @subtext1;\n }\n .truncated-text-wiz,\n .page-header-view-model-wiz__page-header-content-metadata {\n color: @subtext1;\n }\n .page-header-view-model-wiz__page-header-title,\n [style=\"color: rgb(255, 255, 255);\"]:has(svg),\n .truncated-text-wiz__absolute-button {\n color: @text !important;\n }\n .yt-contextual-sheet-layout-wiz {\n background-color: @mantle;\n\n .yt-list-item-view-model-wiz__container--tappable:hover {\n background-color: @surface0;\n }\n\n .yt-list-item-view-model-wiz__title,\n .yt-list-item-view-model-wiz__accessory,\n .radio-shape-wiz__label-container {\n color: @text;\n }\n }\n }\n}\n\n@-moz-document url-prefix('https://studio.youtube.com')\n{\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 color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n [src=\"https://www.gstatic.com/youtube/img/creator/yt_studio_logo_white.svg\"]\n {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\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 --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 --iron-icon-fill-color: unset !important;\n\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 --ytcp-general-background-a: @base !important;\n --yt-spec-base-background: @base !important;\n --yt-spec-black-3: @base !important;\n\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 --ytcp-general-background-c: @crust !important;\n --ytcp-menu-background: @surface0 !important;\n\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 --ytcp-call-to-action: @accent-color !important;\n --ytcp-call-to-action-inverse: @mantle !important;\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 --yt-spec-brand-background-primary: @surface0 !important;\n\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: @overlay0 !important;\n --ytcp-icon-active-inverse: @overlay1 !important;\n --ytcp-icon-disabled-inverse: @subtext1 !important;\n\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: @accent-color !important;\n --ytcp-themed-blue: @accent-color !important;\n --ytcp-badge-blue: fade(@accent-color, 30%);\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 --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}\n\n@-moz-document domain('m.youtube.com') {\n html[darker-dark-theme] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n html {\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 background-color: @base !important;\n color: @text !important;\n\n /* Ambient mode */\n #cinematics {\n mix-blend-mode: lighten;\n }\n\n .mobile-topbar-header[data-mode=\"watch\"],\n ytm-mobile-topbar-renderer:not([ambient-topbar]) {\n background: @base;\n }\n\n .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-logo,\n .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-title,\n .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-header-content {\n color: @text;\n }\n\n .yt-spec-bottom-sheet-layout__bottom-sheet-renderer-container,\n .modern-styling {\n background: @surface0;\n }\n\n .yt-spec-bottom-sheet-layout__bottom-sheet-layout-header-wrapper {\n border-bottom-color: @surface0;\n }\n\n .yt-spec-bottom-sheet-layout__bottom-sheet-content {\n color: @text;\n }\n\n /* Comment box */\n .engagement-panel-container {\n background: @mantle;\n }\n\n /* Bottom bar */\n ytm-pivot-bar-renderer {\n background: @mantle;\n color: @text;\n border-top-color: @surface0;\n }\n\n /* Chips */\n .chip-bar {\n background-color: @base;\n }\n\n [chip-style*=\"STYLE_\"] {\n .chip-container {\n color: @text;\n background-color: @surface0;\n }\n\n &.selected .chip-container {\n color: @crust;\n background-color: @accent-color;\n }\n }\n\n /* Buttons */\n\n .yt-spec-touch-feedback-shape--touch-response {\n .yt-spec-touch-feedback-shape__fill {\n background-color: @text;\n }\n\n .yt-spec-touch-feedback-shape__stroke {\n border-color: @surface1;\n }\n }\n\n .yt-spec-touch-feedback-shape--overlay-touch-response-inverse\n .yt-spec-touch-feedback-shape__fill {\n background-color: @accent-color;\n }\n .yt-spec-touch-feedback-shape--overlay-touch-response\n .yt-spec-touch-feedback-shape__fill {\n background-color: @text;\n }\n }\n}\n\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// vim:ft=less\n", "usercssData": { "name": "YouTube Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/youtube", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube", - "version": "4.0.9", + "version": "4.0.14", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css", "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube", "description": "Soothing pastel theme for YouTube", @@ -3786,7 +3755,7 @@ "label": "Accent", "name": "accentColor", "value": "lavender", - "default": "sapphire", + "default": "mauve", "options": [ { "name": "rosewater", @@ -3887,12 +3856,12 @@ "description": "Soothing pastel theme for YouTube", "name": "YouTube Catppuccin", "preferScheme": "dark", - "originalDigest": "906047555dfc1573ad58a8c929e6f089875753ec", + "originalDigest": "8bd69f09afa30d40a90acd9a478612f0ee2bd049", "_id": "e5b4796b-635a-45b8-afad-4b79566305fb", - "_rev": 1713474846934, + "_rev": 1714741607269, "id": 54, - "etag": "W/\"e2cd36f98c8df18fc3255b47e5b00e92f7244e00091398e53bb26121ddbbcd91\"", - "updateDate": 1713474846826 + "etag": "W/\"5b3fdda3a7ca6b87534b4503630222d218bebabd51dd9d5bc9a4b953cb90b171\"", + "updateDate": 1714741605832 }, { "enabled": true, @@ -4078,7 +4047,7 @@ "name": "Hoppscotch Catppuccin", "originalDigest": "12d5043a3ec909b8f1a66ed9a090960603e2635c", "_id": "fd9a88d6-881c-45fa-b7cd-fa555859234f", - "_rev": 1712856189568, + "_rev": 1714073410454, "id": 57, "etag": "W/\"af82d53aabfac3780f109c0230a05b9c9c61ef099b3f06a971c6912d5a696ea7\"", "updateDate": 1712856189536 @@ -4268,7 +4237,7 @@ "name": "Stylus Catppuccin", "originalDigest": "0b60feeb3a8621d6f0d43dccb7f485045aab233a", "_id": "7ea25e5f-d4bc-4e92-a971-9ed55a8facd0", - "_rev": 1712856189719, + "_rev": 1714740205269, "id": 59, "etag": "W/\"dae148d3c59f06a6ffc19220241464d56ccb1bc04d40ff6cc119802131ee92a5\"", "updateDate": 1712856189538 @@ -4465,7 +4434,7 @@ "name": "DeepL Catppuccin", "originalDigest": "f7714fae92908c729ea174664eacd6dbaabc3e38", "_id": "a7f9bbcf-6941-41a5-8376-e6562a952bdd", - "_rev": 1713023286409, + "_rev": 1714461464680, "id": 60, "etag": "W/\"89933ae98ca211fe73c2b93eb258ff573fdb99b95fcbd8a6c0144f5245a3e953\"", "updateDate": 1712856189539 @@ -4654,7 +4623,7 @@ "name": "Hacker News Catppuccin", "originalDigest": "91ef4e3b33c6951e9e65cf5bc17deef413c01887", "_id": "530c5997-2295-4a9a-af3a-076c053e1c33", - "_rev": 1712318536489, + "_rev": 1714073410487, "id": 61, "etag": "W/\"6eacf6639392d7d8b5a2d63abc365b4f58244c567216c5a38db2a377a6b1fe95\"", "updateDate": 1712318536444 @@ -4843,7 +4812,7 @@ "name": "Proton Catppuccin", "originalDigest": "b4e4f8999892e4fac078a7702753d2f03c3b8a37", "_id": "9a2bd0a8-ed77-46b5-8e0e-3a6762ac9a54", - "_rev": 1712856189646, + "_rev": 1714073410490, "id": 62, "etag": "W/\"f84c8fbe1c5c5577f32c3f9d758734ece023f75e65be7db508de90dbf976fb72\"", "updateDate": 1712856189537 @@ -5032,7 +5001,7 @@ "name": "Modrinth Catppuccin", "originalDigest": "2133e8b3290bf779b2a7262dd1882db4af3c6463", "_id": "afbec67e-85af-4210-9ab0-f8e2c3b133cc", - "_rev": 1712856189694, + "_rev": 1714073410509, "id": 63, "etag": "W/\"bd4a1796e1ce8826654ac7bb85a390b215b5ff2bace1377d0eed57442f3b10b0\"", "updateDate": 1712856189537 @@ -5221,7 +5190,7 @@ "name": "Pinterest Catppuccin", "originalDigest": "ef107550e8464b91c2524124f7383127d3922f04", "_id": "34c0289c-7758-4564-8b76-4b783b1c0663", - "_rev": 1712856189758, + "_rev": 1714073410513, "id": 66, "etag": "W/\"5946896ea7da3c680f52d3e00307b3ea34ec49d8f191078719156db0c1aedb27\"", "updateDate": 1712856189538 @@ -5418,7 +5387,7 @@ "name": "Syncthing Catppuccin", "originalDigest": "d2701b807e56dce6cc083a4d4a676a958b37a42f", "_id": "98ee3487-dfae-4980-9296-b165f8e386bc", - "_rev": 1712856189626, + "_rev": 1714073410529, "id": 67, "etag": "W/\"0de9d1aa8de3ce85df4cc2848e87ba23fbad1ca517fa0b89e12bbefa4667bd49\"", "updateDate": 1712856189537 @@ -5614,7 +5583,7 @@ "name": "Instagram Catppuccin", "originalDigest": "ad04e90a8e5a6e2c91cfe6d4659e88b3075e4a4c", "_id": "c53381d5-ffa6-401f-9e4d-9b23dd552b2e", - "_rev": 1712856189742, + "_rev": 1714073410544, "id": 68, "etag": "W/\"f7b8c54c9ecdc46e0436368077950926ac1a6f5265140325eed117242fd3a26a\"", "updateDate": 1712856189538 @@ -5803,7 +5772,7 @@ "name": "Gmail Catppuccin", "originalDigest": "8fbb8d7596ef72962b9d48c4509bbe01c1b299b7", "_id": "f9a24a30-2a71-44d7-937b-1f768445f52f", - "_rev": 1712856189562, + "_rev": 1714073410566, "id": 69, "etag": "W/\"bf7bed128e7b950cc3e958853dadcdb774ce82db02b6146cc78ddb494ee850dc\"", "updateDate": 1712856189536 @@ -5949,7 +5918,7 @@ "name": "Discord Catppuccin", "originalDigest": "1761b52714fab015a4c627ee5e93b628b6438ea1", "_id": "4cf398fd-b13c-4ad5-a557-86c103abe4b3", - "_rev": 1700610480281, + "_rev": 1714073410576, "id": 70, "etag": "W/\"aab9ae83f6624b0385f333ad2b821b02b9d5cccb9754786e640d8f09e413447c\"" }, @@ -6137,7 +6106,7 @@ "name": "Codeberg Catppuccin", "originalDigest": "cb0280537bad216fdc09ae967ef3292f3c419167", "_id": "3349733a-dd52-4820-a867-5df5b50caf3d", - "_rev": 1712856190036, + "_rev": 1714073410603, "id": 71, "etag": "W/\"5227286c39b340e81b5167ed556a728c9d6dce868c8feb29408d13b23708d354\"", "updateDate": 1712856189540 @@ -6326,7 +6295,7 @@ "name": "NixOS Wiki Catppuccin", "originalDigest": "be41658ae0cc022848e83a4fd0531fb6de4906dc", "_id": "5b0a6791-1913-4db7-9caf-37e2562a5854", - "_rev": 1712856189658, + "_rev": 1714073410616, "id": 72, "etag": "W/\"9d39f69d2adf3f13468bc8ba13f7ab29f44df92a04b5c9c5357451871ab40fa3\"", "updateDate": 1712856189537 @@ -6515,7 +6484,7 @@ "name": "LinkedIn Catppuccin", "originalDigest": "28ab5a616f8f3df0fe63e475502825c4ee47f242", "_id": "a97719a3-aab8-45b6-b3fc-b3f9b9532ae3", - "_rev": 1712856189927, + "_rev": 1714307967284, "id": 73, "etag": "W/\"bee4541622302ff762b9d573d8e32768b8e2ffeb3a3367f1898603fdab2a115c\"", "updateDate": 1712856189539 @@ -6744,7 +6713,7 @@ "name": "Invidious Catppuccin", "originalDigest": "1c4633c4ddcbd95f43f9189adbe8cb0621759832", "_id": "009f1ea2-c381-4a78-861a-5ba574aa3b38", - "_rev": 1712856189959, + "_rev": 1714073410649, "id": 74, "etag": "W/\"3fee0263415051ac2e3b48a0bfc10b2e075f877b6d02e8178f7edcad88dc005f\"", "updateDate": 1712856189539 @@ -6928,7 +6897,7 @@ "name": "Spotify Web Catppuccin", "originalDigest": "70466563b1bbbbbef1337dc7b28fbdd50f11a927", "_id": "3e77d7a8-1ef5-471e-94d3-b27a45c139db", - "_rev": 1700768771939, + "_rev": 1714073410662, "id": 75, "etag": "W/\"1904a3585f35a765748352b3e62b24fc4c232b9c832b7e38a16435f21a4d9cc5\"" }, @@ -7116,13 +7085,13 @@ "name": "Startpage Catppuccin", "originalDigest": "f5400ccdb58afe97ed094cca636dc6f748e4aac5", "_id": "43bf17bd-1f70-43ae-b922-315a74ca62e6", - "_rev": 1712856189999, + "_rev": 1714073410673, "id": 76, "etag": "W/\"5f9a65b82495e3841add38f00d62229c5c399e5e342f5ab7855c6da5787abe13\"", "updateDate": 1712856189539 }, { - "enabled": false, + "enabled": true, "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css", "url": "https://github.com/catppuccin/userstyles/tree/main/styles/google", "installDate": 1701626585369, @@ -7305,7 +7274,7 @@ "name": "Google Catppuccin", "originalDigest": "a943b26c1648a566cd19189ea4b6c183bfffab5a", "_id": "d05b6aa1-9e26-40b5-907c-2c14d43f9b3e", - "_rev": 1712856189893, + "_rev": 1714145040697, "id": 77, "etag": "W/\"a982cb9975192aeae29e9386afcf6985205415c41bf4041fd09ce1b3e58841d6\"", "updateDate": 1712856189539 @@ -7495,7 +7464,7 @@ "name": "Tuta Catppuccin", "originalDigest": "181810aba8bd0f418966ed9b3a39855227d47aea", "_id": "4faab84b-a8da-40c9-a730-00e2a5875c52", - "_rev": 1712856190010, + "_rev": 1714073410801, "id": 78, "etag": "W/\"2346093010b152b08bb1c17b89617b5faced195f21f04a7c8d2419a57626deb5\"", "updateDate": 1712856189539 @@ -7684,7 +7653,7 @@ "name": "Advent Of Code Catppuccin", "originalDigest": "cc61b2d82ce39013f7cecb7f236e1761b894acb2", "_id": "586cf385-d153-4a8c-ad90-b68bf72dcafd", - "_rev": 1712856189902, + "_rev": 1714073410807, "id": 79, "etag": "W/\"0292e370a85ab388eb3b37be8ff77183397797faabb6d15d807c3483e4864ca3\"", "updateDate": 1712856189539 @@ -7873,7 +7842,7 @@ "name": "Microsoft Word Catppuccin", "originalDigest": "8c3ab6da6f1d27ae7ae442ef9d311e3489ea9abb", "_id": "3928cbee-b009-4c6e-ae8d-30d4d72bef8e", - "_rev": 1712856189687, + "_rev": 1714073410834, "id": 80, "etag": "W/\"c1377d30604621ff9f0a8396efbcc5bda868aeebe22c9cf42dbc1f4991ae18db\"", "updateDate": 1712856189537 @@ -8062,7 +8031,7 @@ "name": "Arch Wiki Catppuccin", "originalDigest": "bea458d0147edd589a3277607e84212f33039bf9", "_id": "baf775bf-dfce-42cc-8ba5-69abe61ae1f5", - "_rev": 1712856189536, + "_rev": 1714073410844, "id": 81, "etag": "W/\"8458341f2d1e79af6d934cb3f1efbaa483a9e8fe0cf6707701ea31d3f15a51ad\"", "updateDate": 1712856189379 @@ -8251,7 +8220,7 @@ "name": "Next.js Catppuccin", "originalDigest": "b942f9de741143b073b33b6342e1b716a5a9439b", "_id": "ed87506f-efb2-475c-b70e-71e108744a5f", - "_rev": 1712856189402, + "_rev": 1714073410855, "id": 82, "etag": "W/\"7ec6c055e9050222365afb6517772fbdd7b833b6ed6d66f07074752181535117\"", "updateDate": 1712856189376 @@ -8440,7 +8409,7 @@ "name": "DuckDuckGo Catppuccin", "originalDigest": "b59fbefae36d0abbdc08b236ad8e787a6f0365d5", "_id": "e709eda7-d12f-4ee2-bda0-5e1645c6ebb2", - "_rev": 1713388446699, + "_rev": 1714073410894, "id": 83, "etag": "W/\"eec91ae8868fda460bd39e3b7b54aa551192feffd51ccc4a3eb681f68b31a8a8\"", "updateDate": 1713388446625 @@ -8629,7 +8598,7 @@ "name": "npm Catppuccin", "originalDigest": "330a7f66d7900d4bffbbfa0fee1c0f9fde3ac1bc", "_id": "bf690d66-0749-4900-9b51-5903860bf126", - "_rev": 1712856189524, + "_rev": 1714073410919, "id": 84, "etag": "W/\"ac56f511076efdb6655df53c2fb6498abae0127984b4afbacf399e6c9147c3b5\"", "updateDate": 1712856189379 @@ -8818,7 +8787,7 @@ "name": "tldraw Catppuccin", "originalDigest": "373f767c22aea79518d4ff6ef114873c89ecfa25", "_id": "b12e07e8-ef5a-48a4-8c2a-d65a29af8e78", - "_rev": 1712856190033, + "_rev": 1714073410950, "id": 85, "etag": "W/\"0abf5a71d6705164ae90c5b2b96ac39166c0c7867c1842d04f79cf5bc203f56f\"", "updateDate": 1712856189539 @@ -9037,9 +9006,2040 @@ "name": "Twitter Catppuccin", "originalDigest": "053078eb731f7470ae423cc07ae2ecf55fa93654", "_id": "43e5f82b-5257-4bc8-9af9-96780fe8bc73", - "_rev": 1713115393603, + "_rev": 1714073410959, "id": 86, "etag": "W/\"89b565c4d59232a098ea602b9e142510f5c2eaa0cc11ed874cf5f7ec55c8c79a\"", "updateDate": 1713115393560 + }, + { + "enabled": true, + "installDate": 1714738400474, + "sections": [ + { + "code": "/* ==UserStyle==\n@name Minimal Reddit\n@namespace reddit.com\n@version 5.6.6.2\n@description Wide posts and remove bloat from homepage\n@homepageURL https://github.com/zenstorage/minimal-reddit\n@supportURL https://github.com/zenstorage/minimal-reddit/issues\n@author hdy\n@license MIT\n@preprocessor stylus\n\n@var checkbox customColors 'Custom bgk color' 0\n@var color bgkColor 'Base background color' rgb(26, 26, 27)\n@var range bgkTransparency 'Background transparency' [1, 0, 1, .01]\n@var range bgkBlur 'Background blur' [0, 0, 20, 1, 'px']\n@var checkbox customBackground 'Custom main background ' 0\n@var text bgkURL 'Background main URL' ''https://w.wallhaven.cc/full/r7/wallhaven-r73mk1.jpg''\n@var color bkgColor 'Background main color, this replace the URL' #030303\n@var range blurBackground 'Blur main background' [0, 0, 10, 1, 'px']\n@var range navbarShowing 'Navbar top' [0, 0, 40, 1, 'px']\n@var checkbox useOlLogo 'Use old logo' 0\n@var checkbox noBreakLineSub 'No break line Sub name in search bar' 1\n@var select dropdownEffect 'Dropdown effect' ['None', 'Opacity', 'F-Top', 'F-Left', 'F-Bottom', 'F-Right', 'Pulse']\n@var color iconsColor 'Icons color' #d7dadc\n@var select imgPosts 'Images in posts' ['Default', 'Scroll', 'Resize', 'resizeOnHover: Resize on Hover', 'imgFullHeight: Full Height']\n@var checkbox scrollLongT 'Add scroll to long text in posts' 0\n@var checkbox widePosts 'Wide posts' 1\n@var range widthPosts 'Width posts' [100, 30, 100, 1, '%']\n@var checkbox boxShadowPosts 'Add shadow to posts' 0\n@var select countInPosts 'Add count in posts' ['None', 'Outside-T', 'Outside-B', 'Inside-LB', 'Inside-RB', 'Inside-RT', 'Inside-Below-Votes']\n@var color countColor 'Count color' #a8aaab\n@var select scalePost 'Post hover scale' ['None', 'Scale', 'noScale: Scale without extra shadow']\n@var checkbox scalePostFixed 'Scale post fixed' 0\n@var number scaleNum 'Post hover scale num' [1.03, 0, 10, .01]\n@var number postPadd 'Posts padding around' [0, 0, 40, 1, 'px']\n@var checkbox invertPostSidebar 'Invert posts to sidebar' 0\n@var number borderRadius 'Border raius' [4, 0, 30, 1, 'px']\n@var checkbox border 'No border in section' 0\n@var select marginSection 'No margin in section' ['Default' ,'Create-Post', 'Sort-Post', 'Posts', 'Sidebar', 'Create-Sort', 'Create-Sort-Posts', 'All']\n@var checkbox paddingSectionSide 'No padding in siders section' 0\n@var select settingsSeg 'Settings page style' ['Default', 'Segmented', 'Segmented-Alt', 'Segmented-S']\n@var color cOverlayOffColor 'Comments overlay offset color' #131313cc\n@var range cOverlayOffWidth 'Comments overlay offset width' [100, 0, 100, 1, '%']\n@var range cOverlayOffBlur 'Comments overlay offset blur' [0, 0, 50, 1, 'px']\n@var color commentsOverlayC 'Comments overlay color' #1c1c1ce6\n@var range commentsOverlayB 'Comments overlay opacity' [0, 0, 1, 0.1]\n@var checkbox segmentComments 'Segment comments in post page' 0\n@var checkbox separatorPosts 'Add separator between posts' 0\n@var color separatorColor 'Separator color' #acacac\n@var checkbox navbarBoxShadow 'Add shadow to navbar' 0\n@var checkbox hRightSidebar 'Minimize right sidebar' 0 \n@var number widthSubNav 'Width dropdown subbar' [270, 72, 270, 1, 'px']\n@var select subBar 'SubBar' ['Default', 'Remove', 'Minimize','MinimizeWidth', 'Compact', 'Blossom', 'Width', 'CompactV2', 'CompactV2H']\n@var color subBarAltBgk 'Alternate bgk in items subbar' #00000000\n@var select sortPosts 'Sort posts' ['Default', 'Remove', 'Sticky']\n@var number fontTitle 'Font size title' [18, 12, 50, 1, 'px']\n@var number fontParagraph 'Font size paragraph, comments' [14, 10, 50, 1, 'px']\n@var select textTransform 'Title and comments transform' ['Default', 'Capitalize', 'Full-Width', 'Lowercase', 'Uppercase']\n@var select iconNoLabel 'Hide icons label' ['Default', 'Hide', 'Hide-C']\n@var select voteStyle 'Buttons vote style' ['Default', 'Remove', 'Material', 'Material-Alt', 'Material-AltD', 'Material-C','Filled', 'Outline', 'Arrow-Alt', 'Double-Arrow', 'Arrow-S-OF', 'Arrow-S-Outline', 'Arrow-S-Filled', 'Arrow-R-OF', 'Arrow-R-Outline', 'Arrow-R-Filled', 'Correct-Incorrect']\n@var color upVoteColor 'Upvote select color' #ff4500\n@var color downVoteColor 'Upvote select color' #7193ff\n@var select cAlignment 'Community header alighment' ['Default', 'Left', 'Center', 'Right']\n@var select bannerR 'Subreddits banner' ['Default' , 'Compact', 'Remove', 'Unified']\n@var select mediaHide 'Hide media and show on hover' ['Default*', 'Videos', 'Photos', 'Both']\n@var checkbox mediaBorder 'Add border to img/gif' 0\n@var color imgBorder 'Post image border color' #6d85ff\n@var color gifBorder 'Post gif border color' #e66fff\n@var color pSliderColor 'Player slider color' #fff\n@var color pSliderColorR 'Player slider color remain' #434343\n@var color pSliderColorV 'Player slider volume color' #fff3\n@var color pIconsColor 'Player icons color, NEED userjs' #fff\n@var range imageBorderRadius 'Border radius images' [0, 0, 50, 1, 'px']\n@var select albumStyle 'Image album style' ['Default', 'Scroll-Y', 'Scroll-X']\n@var select albumType 'Image album type' ['Default' ,'Mandatory', 'Proximity']\n@var select albumAlign 'Image album align'['None', 'Start', 'Center*', 'End']\n@var select switchStyle 'Switch style' ['Default', 'Default-E*', 'Checkbox', 'Checkbox-Alt', 'SliderG', '3D', '2D', 'Cartoon', 'Fill', 'Text']\n@var color switchColorOn 'Switch bkg on Color' #0079d3\n@var color switchColorOff 'Switch bkg off Color' #d7dadc1a\n@var range switchBRadius 'Switch border radius' [15, 0, 100, 1, 'px']\n@var range switchRotate 'Switch rotate' [0, -360, 360, 1, 'deg']\n@var color sliderColor 'Slider color' #ffffff\n@var range sliderBRadius 'Slider border radius' [57, 0, 100, 1, '%']\n@var select postHideL 'Post hide mode' ['None', 'Blacklist', 'Whitelist']\n@var text postHide 'Hide/Show posts that title contains word' Word1, Word2\n@var checkbox googleSans 'Use Google Sans' 0\n@var checkbox firaCode 'Use Fira Code font in code elements' 0\n@var number hideAfter 'Hide posts after:' [999999, 0, 999999, 1]\n@var checkbox fixGifsWidth 'Fix the width of gifs expanding more than the content in comments' 1\n@var checkbox fixHeightPostFixed 'Fix the height of pinned posts on the profile page' 1\n@var checkbox fixIframeBgkWhite 'Fix iframe with background white' 1\n@var checkbox fixIframeHeightPost 'Fix some iframe height cropped in posts' 1\n@var checkbox commentsFullWidth 'Set comments to use full width' 0\n@var checkbox oCommentsPost 'Remove overlay posts' 0\n@var checkbox nsfwResults 'Remove nsfw search in search bar' 0\n@var checkbox skeleton 'Remove skeleton loading' 0\n@var checkbox postWImages 'Remove posts with images' 0\n@var checkbox postWVideo 'Remove posts with videos' 0\n@var checkbox rCrossPost 'Remove cross post' 0\n@var checkbox trending 'Remove trending today' 1\n@var checkbox trendingS 'Remove trending search' 1\n@var checkbox suggestedPosts 'Remove suggested posts' 0\n@var checkbox logo 'Remove reddit logo' 0\n@var checkbox toTop 'Remove back to top' 0\n@var checkbox viewFullImage 'Remove view full image' 0\n@var checkbox rRightSidebar 'Remove right sidebar in home page' 0\n@var checkbox rRightSidebarP 'Remove right sidebar in posts' 0\n@var checkbox rRightSidebarO 'Remove right sidebar in overlay posts' 0\n@var checkbox rRightSidebarS 'Remove right sidebar in subreddits' 0\n@var checkbox rRecentPosts 'Remove recent posts' 0\n@var checkbox popular 'Remove popular in navbar' 1\n@var checkbox moderator 'Remove moderator in navbar' 0\n@var checkbox coins 'Remove coins in navbar' 1\n@var checkbox chat 'Remove chat in navbar' 1\n@var checkbox notifications 'Remove notifications in navbar' 0\n@var checkbox createPostNav 'Remove create post in navbar' 1\n@var checkbox advertise 'Remove advertise in navbar' 1\n@var checkbox dropdown 'Remove header user dropdown' 0\n@var checkbox statusOn 'Remove status changer dropdown' 0\n@var checkbox profile 'Remove profile dropdown' 0\n@var checkbox avatarP 'Remove avatar personalize dropdown' 0\n@var checkbox userConfig 'Remove user settings dropdown' 0\n@var checkbox dDarkM 'Remove dark mode dropdown' 0\n@var checkbox cComunity 'Remove create community dropdown' 0\n@var checkbox dAdvertise 'Remove advertise dropdown' 1\n@var checkbox dPremium 'Remove premium dropdown' 1\n@var checkbox dExplore 'Remove explore dropdown' 1\n@var checkbox helpCenter 'Remove help center dropdown' 1\n@var checkbox dMore 'Remove more dropdown' 1\n@var checkbox dPolicies 'Remove policies dropdown' 1\n@var checkbox dExit 'Remove exit dropdown' 0\n@var checkbox createPost 'Remove create post' 0\n@var checkbox profileHover 'Remove profile tooltip hover' 0\n@var checkbox subHover 'Remove subreddit tooltip hover' 0\n@var checkbox voteArrowsC 'Remove vote arrows in comments' 0\n@var checkbox voteArrowsP 'Remove vote arrows in posts' 0\n@var checkbox iconsSubsP 'Remove subs icons in posts' 0\n@var checkbox dateSentP 'Remove sent by in post' 0\n@var checkbox title 'Remove title bar in posts' 0\n@var checkbox rTopInfos 'Remove top information in posts' 0\n@var checkbox rFlairs 'Remove flairs' 0\n@var checkbox bottomBar 'Remove bottom actions in section' 0\n@var range iGrayscale 'Image grayscale' [0, 0, 100, 1, '%']\n@var range iSepia 'Image sepia' [0, 0, 100, 1, '%']\n@var range iBlur 'Image blur' [0, 0, 20, 1, 'px']\n@var range iBrightness 'Image brightness' [100, 0, 360, 1, '%']\n@var range iHue 'Image hue rotate' [0, 0, 100, 1, 'deg']\n@var range iSaturate 'Image saturate' [100, 0, 1000, 1, '%']\n@var range iOpacity 'Image opacity' [100, 0, 100, 1, '%']\n@var range iContrast 'Image contrast' [100, 0, 1000, 1, '%']\n@var range iInvert 'Image invert' [0, 0, 100, 1, '%']\n@var range iRotate 'Image rotate' [0, -360, 360, 1, 'deg']\n==/UserStyle== */", + "start": 0 + }, + { + "code": "@import url(\"https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/fira_code.min.css\");\n @font-face {\n font-family: 'Material Symbols Outlined';\n font-style: normal;\n font-weight: 400;\n src: url(\"https://fonts.gstatic.com/s/materialsymbolsoutlined/v141/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2\") format('woff2');\n }\n @font-face {\n font-family: 'Google Sans';\n font-style: normal;\n font-weight: 400;\n font-display: block;\n src: url(\"https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2\") format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n }\n @font-face {\n font-family: 'Google Sans';\n font-style: normal;\n font-weight: 400;\n font-display: block;\n src: url(\"https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2\") format('woff2');\n unicode-range: U+0370-03FF;\n }\n @font-face {\n font-family: 'Google Sans';\n font-style: normal;\n font-weight: 400;\n font-display: block;\n src: url(\"https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Mwp5MKg.woff2\") format('woff2');\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n }\n @font-face {\n font-family: 'Google Sans';\n font-style: normal;\n font-weight: 400;\n font-display: block;\n src: url(\"https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Bwp5MKg.woff2\") format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;\n }\n @font-face {\n font-family: 'Google Sans';\n font-style: normal;\n font-weight: 400;\n font-display: block;\n src: url(\"https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2\") format('woff2');\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n }\n @font-face {\n font-family: 'Google Sans';\n font-style: normal;\n font-weight: 400;\n font-display: block;\n src: url(\"https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2\") format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n }\n @font-face {\n font-family: 'Google Sans';\n font-style: normal;\n font-weight: 500;\n font-display: block;\n src: url(\"https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2\") format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n }\n @font-face {\n font-family: 'Google Sans';\n font-style: normal;\n font-weight: 500;\n font-display: block;\n src: url(\"https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2\") format('woff2');\n unicode-range: U+0370-03FF;\n }\n @font-face {\n font-family: 'Google Sans';\n font-style: normal;\n font-weight: 500;\n font-display: block;\n src: url(\"https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Mwp5MKg.woff2\") format('woff2');\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n }\n @font-face {\n font-family: 'Google Sans';\n font-style: normal;\n font-weight: 500;\n font-display: block;\n src: url(\"https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Bwp5MKg.woff2\") format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;\n }\n @font-face {\n font-family: 'Google Sans';\n font-style: normal;\n font-weight: 500;\n font-display: block;\n src: url(\"https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2\") format('woff2');\n unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n }\n @font-face {\n font-family: 'Google Sans';\n font-style: normal;\n font-weight: 500;\n font-display: block;\n src: url(\"https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2\") format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n }\n :root {\n --ml-primary-bgk: rgba(26,26,27,0.68) !important;\n --ml-primary-transparent-bgk: rgba(26,26,27,0.48) !important;\n --ml-secondary-bgk: rgba(39,39,41,0.68) !important;\n --ml-primary-hover: rgba(44,44,46,0.68) !important;\n --ml-secondary-hover: rgba(35,35,36,0.68) !important;\n --ml-primary-active: var(--ml-secondary-bgk) !important;\n --ml-primary-active-hover: rgba(51,51,53,0.68) !important;\n --ml-dropdown-item-hover: rgba(23,34,43,0.68) !important;\n --ml-border-color-p: rgba(44,44,46,0.68);\n --ml-border-color-s: rgba(53,53,55,0.68);\n --ml-border-color-h: rgba(208,208,210,0.68);\n --ml-border-color-h1: rgba(162,162,165,0.68);\n --ml-border-color-h2: rgba(116,116,120,0.68);\n --ml-border-color-h3: rgba(93,93,97,0.68);\n }\n #SearchDropdownContent,\n .TMMvbwyeh9yuHKmQWHrE3,\n ._2uYY-KeuYHKiwl-9aF0UiL,\n ._3DQXGvoE1SM3Kmz20of7Iz,\n ._3fRnnkCBwqAZG6nmxhTKHr,\n ._1T423RClx-mTPxfuiCw4UN,\n ._2Bejocqb-InO8686E2ehf {\n animation-name: slide !important;\n animation-duration: 0.15s !important;\n animation-iteration-count: 1 !important;\n z-index: 99 !important;\n }\n@-moz-keyframes slide {\n 0% {\n opacity: 0;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n@-webkit-keyframes slide {\n 0% {\n opacity: 0;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n@-o-keyframes slide {\n 0% {\n opacity: 0;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n@keyframes slide {\n 0% {\n opacity: 0;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n ._3nSp9cdBpqL13CqjdMr2L_,\n ._1BJGsKulUQfhJyO19XsBph,\n .K4Eem3pMbRbAYioOfqN5E {\n width: 50% !important;\n }\n ._2udhMC-jldHp_EpAuBeSR1,\n .K4Eem3pMbRbAYioOfqN5E {\n max-width: 50% !important;\n }\n ._3obgdFz00GvpqpuX8QCsNK,\n ._31N0dvxfpsO6Ur5AKx4O5d {\n max-width: 100% !important;\n min-width: 100% !important;\n }\n ._1npCwF50X2J7Wt82SZi6J0 {\n max-width: unset !important;\n width: calc(50% + 312px + 24px);\n }\n .u35lf2ynn4jHsVUwPmNU {\n margin-inline: 0 !important;\n }\n ._2Xq-4oyrEvHjL5U_EeMnK8 {\n margin-inline: 24px 0 !important;\n }\n .u35lf2ynn4jHsVUwPmNU {\n max-width: unset !important;\n width: 100% !important;\n }\n ._2DJXORCrmcNpPTSq0LqL6i._26pbaCw90eAC80WRqUfICJ::after {\n max-width: unset !important;\n width: calc(50% + 312px + 24px + 8%);\n }\n ._29lagmmeH1Fb03mLJEq0Dt {\n background: none !important;\n }\n ._3xX726aBn29LDbsDtzr_6E {\n max-width: 100% !important;\n }\n .eZLYleuk3b8ykGiskfpo3 {\n max-width: unset !important;\n }\n ._2lzCpzHH0OvyFsvuESLurr {\n justify-content: center !important;\n }\n ._1BJGsKulUQfhJyO19XsBph._3SktesklDBwXt2pEl0sHY8 {\n max-width: 50% !important;\n }\n ._3Oa0THmZ3f5iZXAQ0hBJ0k:has(img) {\n height: 100% !important;\n }\n ._3Oa0THmZ3f5iZXAQ0hBJ0k:has(img) img {\n height: 100% !important;\n }\n :is(.rpBJOHq2PR60pnwJlUyP0 > div: has(._3Qkp11fjcAw9I9wtLo8frE),\n ._2mO8vClBdPxiJ30y_C6od2 > div > div:has(._2dkUkgRYbhbpU_2O2Wc5am)):has(._203iZ8LUuIrz_IJbiOAJDH) {\n transform: scale(1.03) !important;\n }\n ._1poyrkZ7g36PawDueRza-J {\n border-radius: 4px !important;\n }\n ._3Qkp11fjcAw9I9wtLo8frE,\n .wBtTDilkW_rtT2k5x3eie,\n ._2jJNpBqXMbbyOiGCElTYxZ,\n ._1G4yU68P50vRZ4USXfaceV,\n ._3Im6OD67aKo33nql4FpSp_,\n .uI_hDmU5GSiudtABRz_37,\n ._3xuFbFM3vrCqdGuKGhhhn0,\n ._2lHXa-mLMsRfm1Q5JxgU4r,\n ._3uJguwDAW5Ra1r4aegBvBq,\n ._2h6EM3mo5Qn9Eqm18v5Hiz {\n border-radius: 4px !important;\n }\n .hpxKmfWP2ZiwdKaWpefMn,\n ._ZhON3a3vplThB8NFwuJn {\n border-radius: 4px 4px 0 0 !important;\n }\n .TMMvbwyeh9yuHKmQWHrE3,\n ._2uYY-KeuYHKiwl-9aF0UiL {\n border-radius: 0 0 4px 4px !important;\n }\n ._1DeR7_QiQnu2UK0e2dDfYD,\n .zgT5MfUrDMC54cpiCpZFu,\n ._3Qkp11fjcAw9I9wtLo8frE,\n ._3jiriKeNer8y0-1r6oWIFM,\n ._2LoNYeXgOQfq1adQ3jWSbi:not(._1N53zdZlGyvjHMUoXkJa42)._2sPOgUISlhUYTMcHhUPCTP,\n ._3MknXZVbkWU8JL9XGlzASi._3F2J0fSnCI3ZvF_tBSaV0s,\n .wBtTDilkW_rtT2k5x3eie,\n ._2jJNpBqXMbbyOiGCElTYxZ,\n ._1G4yU68P50vRZ4USXfaceV,\n ._3Im6OD67aKo33nql4FpSp_,\n ._3xuFbFM3vrCqdGuKGhhhn0,\n ._2lHXa-mLMsRfm1Q5JxgU4r {\n border: unset !important;\n z-index: unset !important;\n transition: 0.1s ease;\n }\n :is(._1DeR7_QiQnu2UK0e2dDfYD,\n ._3Qkp11fjcAw9I9wtLo8frE,\n ._3xuFbFM3vrCqdGuKGhhhn0,\n #SearchDropdown,\n [name=\"createPost\"]):hover,\n ._2LoNYeXgOQfq1adQ3jWSbi:not(._1N53zdZlGyvjHMUoXkJa42)._2sPOgUISlhUYTMcHhUPCTP,\n ._3MknXZVbkWU8JL9XGlzASi._3F2J0fSnCI3ZvF_tBSaV0s {\n filter: contrast(90%) brightness(115%) !important;\n }\n ._20fGT0XJD3MvX9yBsVeKMn {\n width: 20px !important;\n transition: 0.3s ease;\n }\n ._20fGT0XJD3MvX9yBsVeKMn:hover {\n width: 270px !important;\n }\n #AppRouter-main-content {\n padding-left: 20px !important;\n }\n .XuI5nsPhP6eDNKSKFz-e4 {\n width: max-content !important;\n }\n ._3k3RwDkEsbX50bb-DBvuWj > a:nth-of-type(odd) {\n background-color: rgba(0,0,0,0) !important;\n }\n ._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp {\n box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12) !important;\n }\n ._3jiriKeNer8y0-1r6oWIFM._3rS8YTDjcT7fs0k9W4rxDG[role=\"navigation\"] {\n width: 270px;\n }\n ._2SdHzo12ISmrC8H86TgSCp._29WrubtjAcKqzJSPdQqQ4h,\n ._2SdHzo12ISmrC8H86TgSCp._3wqmjmv3tb_k-PROt7qFZe {\n font-size: 18px !important;\n }\n ._2rszc84L136gWQrkwH6IaM ._1qeIAgB0cPwnLhDF9XSiJM,\n ._292iotee39Lmt0MkQZ2hPV {\n font-size: 14px !important;\n }\n shreddit-player {\n --volume-slider-bg: rgba(255,255,255,0.2) !important;\n }\n ._2SdHzo12ISmrC8H86TgSCp,\n ._3cjCphgls6DH-irkVaA0GM {\n text-transform: Default !important;\n }\n :is(.icon-upvote,\n .icon-upvote_fill,\n .icon-downvote,\n .icon-downvote_fill)::before {\n font-family: Material Symbols Outlined !important;\n }\n .icon-upvote::before {\n content: \"\\e5d8\" !important;\n }\n .icon-downvote::before {\n content: \"\\e5db\" !important;\n }\n .icon-upvote_fill::before {\n content: \"\\e5d8\" !important;\n }\n .icon-downvote_fill::before {\n content: \"\\e5db\" !important;\n }\n span:has(> :is(.icon-upvote,\n .icon-upvote_fill)) {\n transform: scale(1) rotate(0) !important;\n }\n span:has(> :is(.icon-downvote,\n .icon-downvote_fill)) {\n transform: scale(1) rotate(0) !important;\n }\n ._3fRnnkCBwqAZG6nmxhTKHr {\n box-shadow: unset !important;\n }\n ._1BJGsKulUQfhJyO19XsBph,\n ._3nSp9cdBpqL13CqjdMr2L_ {\n transition: 0.15s ease;\n }\n ._1f4QVsU6jdEkvigYTcqIG7[data-testid=\"typeahead_nsfw_toggle\"],\n ._2LJ9gkn2k4DlHhF8C1QhF6:has(._1wzhGvvafQFOWAyA157okr) {\n display: none !important;\n }\n ._3Tc8YYRhVDX9vlR0XePZfH {\n display: none !important;\n }\n #TrendingPostsContainer {\n display: none !important;\n }\n ._3LzqitwwvqMy0VShIuQwvX,\n ._3LzqitwwvqMy0VShIuQwvX ~ [href*=\"source=trending\"] {\n display: none !important;\n }\n ._3dZnYgFFpifT-M_Vs2FAq6[href=\"/r/popular/\"] {\n display: none !important;\n }\n #change-username-tooltip-id {\n gap: 8px !important;\n/* Moderator */\n }\n #change-username-tooltip-id > * {\n margin: 0 !important;\n }\n #change-username-tooltip-id > *:empty {\n display: none !important;\n }\n #change-username-tooltip-id [data-testid=\"reddit-chat-button\"] {\n display: none !important;\n }\n #change-username-tooltip-id > ._2zZ-KGHbWWqrwGlHWXR90y:has(.icon-add) {\n display: none !important;\n }\n #change-username-tooltip-id > ._2zZ-KGHbWWqrwGlHWXR90y._2I12Htze2UzJmmfnrgYJOn._1dBtowHdRHcGyLbVEaOL8t {\n display: none !important;\n }\n .XEkFoehJNxIH9Wlr5Ilzd._3Av66iQf7_N4Z-XZxsek76 {\n background-color: rgba(10,10,10,0.4) !important;\n }\n #header-search-bar {\n background: none !important;\n }\n .h-jI8r2f9ozTNqu_2TBeY {\n background: none !important;\n }\n #INBOX--TOOLTIP *:not([role=\"button\"],\n ._3smo-GSstogGTGh6ArpwI0,\n ._3mUSJN4kdLCGjq-K-JLJw._2n4UrzwZ3VBdRmFUYAHF_9._3ds5pVvIyBrh1GgQ2O7AFd,\n ._8INvnNiEMHRndJ0M-LiY) {\n background: none !important;\n }\n ._1vYrJH5uc57mZQJPN4l34E,\n ._2XCnMY85ivEZUL6cAgK0nV {\n display: none !important;\n }\n [data-testid=\"frontpage-sidebar\"] div._2vEf-C2keJaBMY9qk_BxVn:nth-child(1) {\n display: none !important;\n }\n [data-testid=\"frontpage-sidebar\"] div._2vEf-C2keJaBMY9qk_BxVn:nth-child(2) {\n margin-top: 0 !important;\n }\n ._3wwag2ZgVLfNKLCuEuXF7h {\n display: none !important;\n }\n ._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu:has(.icon-topic_activism) {\n display: none !important;\n }\n ._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu[href='/premium'] {\n display: none !important;\n }\n ._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu:has(.icon-discover) {\n display: none !important;\n }\n ._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu[href^='https://www.reddithelp.com/hc/'] {\n display: none !important;\n }\n ._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu:has(.icon-info) {\n display: none !important;\n }\n ._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu:has(.icon-rules),\n ._27B2PE8qRdRlQHbzPBidG6 {\n display: none !important;\n }\n ._2_tDEnGMLxpM6uOa2kaDB3._1XWObl-3b9tPy64oaG6fax,\n ._1dwExqTGJH2jnA-MYGkEL-,\n .tErWI93xEKrI2OkozPs7J {\n filter: grayscale(0%) sepia(0%) blur(0px) brightness(100%) hue-rotate(0deg) saturate(100%) opacity(100%) contrast(100%) invert(0%) !important;\n transform: rotate(0deg) !important;\n }\n .rpBJOHq2PR60pnwJlUyP0 > div[style='height: 10px;'] {\n display: none !important;\n }\n ._2_tDEnGMLxpM6uOa2kaDB3._1XWObl-3b9tPy64oaG6fax,\n ._1dwExqTGJH2jnA-MYGkEL-,\n .tErWI93xEKrI2OkozPs7J {\n border-radius: 0px !important;\n }\n ._2e2g485kpErHhJQUiyvvC2[aria-checked=\"true\"] {\n background-color: #0079d3 !important;\n }\n ._2e2g485kpErHhJQUiyvvC2[aria-checked=\"false\"] {\n background-color: rgba(215,218,220,0.102) !important;\n }\n ._2FKpII1jz0h6xCAw1kQAvS {\n background-color: #fff !important;\n border-radius: 57% !important;\n }\n ._2e2g485kpErHhJQUiyvvC2 {\n border-radius: 15px !important;\n transform: rotate(0deg) !important;\n }\n pre,\n code {\n font-family: 'Fira Code', 'ui-monospace' !important;\n }\n ._2R6TbsJdSgxwd1OzbbrIjl > ._3t5uN8xUmg0TOwRCOGQEcU {\n width: max-content !important;\n }\n .fuCmx3adjKY3tXA4Zfx2p {\n min-height: 300px !important;\n }\n #credential_picker_container {\n color-scheme: normal;\n }\n .STit0dLageRsa2yR4te_b:has(iframe.media-element) .m3aNC6yp8RrNM_-a0rrfa {\n max-height: unset !important;\n }\n .STit0dLageRsa2yR4te_b:has(iframe.media-element) ._3gBRFDB5C34UWyxEe_U6mD {\n display: none !important;\n }\n .STit0dLageRsa2yR4te_b:has(iframe.media-element) ._3JgI-GOrkmyIeDeyzXdyUD {\n position: relative !important;\n }\n .STit0dLageRsa2yR4te_b:has(iframe.media-element) iframe.media-element {\n height: revert-layer !important;\n }\n ._3tw__eCCe7j-epNCKGXUKk {\n width: 100% !important;\n max-width: 100% !important;\n }\n ._2e2g485kpErHhJQUiyvvC2._1L5kUnhRYhUJ4TkMbOTKkI {\n display: unset !important;\n }\n ._2e2g485kpErHhJQUiyvvC2._1L5kUnhRYhUJ4TkMbOTKkI ._2FKpII1jz0h6xCAw1kQAvS {\n transform: translateX(calc(35px - 19.5px - 1px)) !important;\n }\n ._2FKpII1jz0h6xCAw1kQAvS {\n transition: 0.15s ease !important;\n }", + "start": 12096, + "domains": [ + "reddit.com" + ] + }, + { + "code": "", + "start": 28109, + "regexps": [ + "^https:\\/\\/(?:www|new)\\.reddit\\.com\\/r\\/\\w+\\/.*$" + ] + }, + { + "code": "._3Kd8DQpBIbsr5E1JcrMFTY {\n display: none !important;\n }", + "start": 28191, + "urls": [ + "https://www.reddit.com/", + "https://new.reddit.com/" + ] + }, + { + "code": "", + "start": 28345, + "regexps": [ + "https:\\/\\/(?:www|new)\\.reddit\\.com/r/(.+)/comments/(.+).*" + ] + }, + { + "code": "", + "start": 28459, + "urlPrefixes": [ + "https://www.reddit.com/settings/", + "https://new.reddit.com/settings/" + ] + } + ], + "sourceCode": "/* ==UserStyle==\n@name Minimal Reddit\n@namespace reddit.com\n@version 5.6.6.2\n@description Wide posts and remove bloat from homepage\n@homepageURL https://github.com/zenstorage/minimal-reddit\n@supportURL https://github.com/zenstorage/minimal-reddit/issues\n@author hdy\n@license MIT\n@preprocessor stylus\n\n@var checkbox customColors 'Custom bgk color' 0\n@var color bgkColor 'Base background color' rgb(26, 26, 27)\n@var range bgkTransparency 'Background transparency' [1, 0, 1, .01]\n@var range bgkBlur 'Background blur' [0, 0, 20, 1, 'px']\n@var checkbox customBackground 'Custom main background ' 0\n@var text bgkURL 'Background main URL' ''https://w.wallhaven.cc/full/r7/wallhaven-r73mk1.jpg''\n@var color bkgColor 'Background main color, this replace the URL' #030303\n@var range blurBackground 'Blur main background' [0, 0, 10, 1, 'px']\n@var range navbarShowing 'Navbar top' [0, 0, 40, 1, 'px']\n@var checkbox useOlLogo 'Use old logo' 0\n@var checkbox noBreakLineSub 'No break line Sub name in search bar' 1\n@var select dropdownEffect 'Dropdown effect' ['None', 'Opacity', 'F-Top', 'F-Left', 'F-Bottom', 'F-Right', 'Pulse']\n@var color iconsColor 'Icons color' #d7dadc\n@var select imgPosts 'Images in posts' ['Default', 'Scroll', 'Resize', 'resizeOnHover: Resize on Hover', 'imgFullHeight: Full Height']\n@var checkbox scrollLongT 'Add scroll to long text in posts' 0\n@var checkbox widePosts 'Wide posts' 1\n@var range widthPosts 'Width posts' [100, 30, 100, 1, '%']\n@var checkbox boxShadowPosts 'Add shadow to posts' 0\n@var select countInPosts 'Add count in posts' ['None', 'Outside-T', 'Outside-B', 'Inside-LB', 'Inside-RB', 'Inside-RT', 'Inside-Below-Votes']\n@var color countColor 'Count color' #a8aaab\n@var select scalePost 'Post hover scale' ['None', 'Scale', 'noScale: Scale without extra shadow']\n@var checkbox scalePostFixed 'Scale post fixed' 0\n@var number scaleNum 'Post hover scale num' [1.03, 0, 10, .01]\n@var number postPadd 'Posts padding around' [0, 0, 40, 1, 'px']\n@var checkbox invertPostSidebar 'Invert posts to sidebar' 0\n@var number borderRadius 'Border raius' [4, 0, 30, 1, 'px']\n@var checkbox border 'No border in section' 0\n@var select marginSection 'No margin in section' ['Default' ,'Create-Post', 'Sort-Post', 'Posts', 'Sidebar', 'Create-Sort', 'Create-Sort-Posts', 'All']\n@var checkbox paddingSectionSide 'No padding in siders section' 0\n@var select settingsSeg 'Settings page style' ['Default', 'Segmented', 'Segmented-Alt', 'Segmented-S']\n@var color cOverlayOffColor 'Comments overlay offset color' #131313cc\n@var range cOverlayOffWidth 'Comments overlay offset width' [100, 0, 100, 1, '%']\n@var range cOverlayOffBlur 'Comments overlay offset blur' [0, 0, 50, 1, 'px']\n@var color commentsOverlayC 'Comments overlay color' #1c1c1ce6\n@var range commentsOverlayB 'Comments overlay opacity' [0, 0, 1, 0.1]\n@var checkbox segmentComments 'Segment comments in post page' 0\n@var checkbox separatorPosts 'Add separator between posts' 0\n@var color separatorColor 'Separator color' #acacac\n@var checkbox navbarBoxShadow 'Add shadow to navbar' 0\n@var checkbox hRightSidebar 'Minimize right sidebar' 0 \n@var number widthSubNav 'Width dropdown subbar' [270, 72, 270, 1, 'px']\n@var select subBar 'SubBar' ['Default', 'Remove', 'Minimize','MinimizeWidth', 'Compact', 'Blossom', 'Width', 'CompactV2', 'CompactV2H']\n@var color subBarAltBgk 'Alternate bgk in items subbar' #00000000\n@var select sortPosts 'Sort posts' ['Default', 'Remove', 'Sticky']\n@var number fontTitle 'Font size title' [18, 12, 50, 1, 'px']\n@var number fontParagraph 'Font size paragraph, comments' [14, 10, 50, 1, 'px']\n@var select textTransform 'Title and comments transform' ['Default', 'Capitalize', 'Full-Width', 'Lowercase', 'Uppercase']\n@var select iconNoLabel 'Hide icons label' ['Default', 'Hide', 'Hide-C']\n@var select voteStyle 'Buttons vote style' ['Default', 'Remove', 'Material', 'Material-Alt', 'Material-AltD', 'Material-C','Filled', 'Outline', 'Arrow-Alt', 'Double-Arrow', 'Arrow-S-OF', 'Arrow-S-Outline', 'Arrow-S-Filled', 'Arrow-R-OF', 'Arrow-R-Outline', 'Arrow-R-Filled', 'Correct-Incorrect']\n@var color upVoteColor 'Upvote select color' #ff4500\n@var color downVoteColor 'Upvote select color' #7193ff\n@var select cAlignment 'Community header alighment' ['Default', 'Left', 'Center', 'Right']\n@var select bannerR 'Subreddits banner' ['Default' , 'Compact', 'Remove', 'Unified']\n@var select mediaHide 'Hide media and show on hover' ['Default*', 'Videos', 'Photos', 'Both']\n@var checkbox mediaBorder 'Add border to img/gif' 0\n@var color imgBorder 'Post image border color' #6d85ff\n@var color gifBorder 'Post gif border color' #e66fff\n@var color pSliderColor 'Player slider color' #fff\n@var color pSliderColorR 'Player slider color remain' #434343\n@var color pSliderColorV 'Player slider volume color' #fff3\n@var color pIconsColor 'Player icons color, NEED userjs' #fff\n@var range imageBorderRadius 'Border radius images' [0, 0, 50, 1, 'px']\n@var select albumStyle 'Image album style' ['Default', 'Scroll-Y', 'Scroll-X']\n@var select albumType 'Image album type' ['Default' ,'Mandatory', 'Proximity']\n@var select albumAlign 'Image album align'['None', 'Start', 'Center*', 'End']\n@var select switchStyle 'Switch style' ['Default', 'Default-E*', 'Checkbox', 'Checkbox-Alt', 'SliderG', '3D', '2D', 'Cartoon', 'Fill', 'Text']\n@var color switchColorOn 'Switch bkg on Color' #0079d3\n@var color switchColorOff 'Switch bkg off Color' #d7dadc1a\n@var range switchBRadius 'Switch border radius' [15, 0, 100, 1, 'px']\n@var range switchRotate 'Switch rotate' [0, -360, 360, 1, 'deg']\n@var color sliderColor 'Slider color' #ffffff\n@var range sliderBRadius 'Slider border radius' [57, 0, 100, 1, '%']\n@var select postHideL 'Post hide mode' ['None', 'Blacklist', 'Whitelist']\n@var text postHide 'Hide/Show posts that title contains word' Word1, Word2\n@var checkbox googleSans 'Use Google Sans' 0\n@var checkbox firaCode 'Use Fira Code font in code elements' 0\n@var number hideAfter 'Hide posts after:' [999999, 0, 999999, 1]\n@var checkbox fixGifsWidth 'Fix the width of gifs expanding more than the content in comments' 1\n@var checkbox fixHeightPostFixed 'Fix the height of pinned posts on the profile page' 1\n@var checkbox fixIframeBgkWhite 'Fix iframe with background white' 1\n@var checkbox fixIframeHeightPost 'Fix some iframe height cropped in posts' 1\n@var checkbox commentsFullWidth 'Set comments to use full width' 0\n@var checkbox oCommentsPost 'Remove overlay posts' 0\n@var checkbox nsfwResults 'Remove nsfw search in search bar' 0\n@var checkbox skeleton 'Remove skeleton loading' 0\n@var checkbox postWImages 'Remove posts with images' 0\n@var checkbox postWVideo 'Remove posts with videos' 0\n@var checkbox rCrossPost 'Remove cross post' 0\n@var checkbox trending 'Remove trending today' 1\n@var checkbox trendingS 'Remove trending search' 1\n@var checkbox suggestedPosts 'Remove suggested posts' 0\n@var checkbox logo 'Remove reddit logo' 0\n@var checkbox toTop 'Remove back to top' 0\n@var checkbox viewFullImage 'Remove view full image' 0\n@var checkbox rRightSidebar 'Remove right sidebar in home page' 0\n@var checkbox rRightSidebarP 'Remove right sidebar in posts' 0\n@var checkbox rRightSidebarO 'Remove right sidebar in overlay posts' 0\n@var checkbox rRightSidebarS 'Remove right sidebar in subreddits' 0\n@var checkbox rRecentPosts 'Remove recent posts' 0\n@var checkbox popular 'Remove popular in navbar' 1\n@var checkbox moderator 'Remove moderator in navbar' 0\n@var checkbox coins 'Remove coins in navbar' 1\n@var checkbox chat 'Remove chat in navbar' 1\n@var checkbox notifications 'Remove notifications in navbar' 0\n@var checkbox createPostNav 'Remove create post in navbar' 1\n@var checkbox advertise 'Remove advertise in navbar' 1\n@var checkbox dropdown 'Remove header user dropdown' 0\n@var checkbox statusOn 'Remove status changer dropdown' 0\n@var checkbox profile 'Remove profile dropdown' 0\n@var checkbox avatarP 'Remove avatar personalize dropdown' 0\n@var checkbox userConfig 'Remove user settings dropdown' 0\n@var checkbox dDarkM 'Remove dark mode dropdown' 0\n@var checkbox cComunity 'Remove create community dropdown' 0\n@var checkbox dAdvertise 'Remove advertise dropdown' 1\n@var checkbox dPremium 'Remove premium dropdown' 1\n@var checkbox dExplore 'Remove explore dropdown' 1\n@var checkbox helpCenter 'Remove help center dropdown' 1\n@var checkbox dMore 'Remove more dropdown' 1\n@var checkbox dPolicies 'Remove policies dropdown' 1\n@var checkbox dExit 'Remove exit dropdown' 0\n@var checkbox createPost 'Remove create post' 0\n@var checkbox profileHover 'Remove profile tooltip hover' 0\n@var checkbox subHover 'Remove subreddit tooltip hover' 0\n@var checkbox voteArrowsC 'Remove vote arrows in comments' 0\n@var checkbox voteArrowsP 'Remove vote arrows in posts' 0\n@var checkbox iconsSubsP 'Remove subs icons in posts' 0\n@var checkbox dateSentP 'Remove sent by in post' 0\n@var checkbox title 'Remove title bar in posts' 0\n@var checkbox rTopInfos 'Remove top information in posts' 0\n@var checkbox rFlairs 'Remove flairs' 0\n@var checkbox bottomBar 'Remove bottom actions in section' 0\n@var range iGrayscale 'Image grayscale' [0, 0, 100, 1, '%']\n@var range iSepia 'Image sepia' [0, 0, 100, 1, '%']\n@var range iBlur 'Image blur' [0, 0, 20, 1, 'px']\n@var range iBrightness 'Image brightness' [100, 0, 360, 1, '%']\n@var range iHue 'Image hue rotate' [0, 0, 100, 1, 'deg']\n@var range iSaturate 'Image saturate' [100, 0, 1000, 1, '%']\n@var range iOpacity 'Image opacity' [100, 0, 100, 1, '%']\n@var range iContrast 'Image contrast' [100, 0, 1000, 1, '%']\n@var range iInvert 'Image invert' [0, 0, 100, 1, '%']\n@var range iRotate 'Image rotate' [0, -360, 360, 1, 'deg']\n==/UserStyle== */\n@-moz-document domain('reddit.com') {\n\t/* Fira Code Font */\n\t@import url('https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/fira_code.min.css');\n\n\t/* Variables */\n\ti=!important;\n\n\t/* Mixins */\n\tdis(typ=none) {\n\t\tdisplay: typ i;\n\t}\n\t/* Keyframe | Dropdown Animation */\n\tdEffect(itX, itY, etX, etY) {\n\t\t#SearchDropdownContent,\n\t\t.TMMvbwyeh9yuHKmQWHrE3,\n\t\t._2uYY-KeuYHKiwl-9aF0UiL,\n\t\t._3DQXGvoE1SM3Kmz20of7Iz,\n\t\t._3fRnnkCBwqAZG6nmxhTKHr,\n\t\t._1T423RClx-mTPxfuiCw4UN,\n\t\t._2Bejocqb-InO8686E2ehf {\n\t\t\tanimation-name: slide i;\n\t\t\tanimation-duration: 0.15s i;\n\t\t\tanimation-iteration-count: 1 i;\n\t\t\tz-index: 99 i;\n\t\t}\n\t\t@keyframes slide {\n\t\t\t0% {\n\t\t\t\topacity: 0;\n\t\t\t\ttransform: translate(itX, itY);\n\t\t\t}\n\t\t\t100% {\n\t\t\t\topacity: 1;\n\t\t\t\ttransform: translate(etX, etY);\n\t\t\t}\n\t\t}\n\t}\n\t/* Count Posts */\n\tcPost(t=unset, r=unset, b=unset, l=unset, tX=0) {\n\t\t.rpBJOHq2PR60pnwJlUyP0 {\n\t\t\tcounter-reset: counter i;\n\n\t\t\t& > div:has(.Post) {\n\t\t\t\tposition: relative i;\n\n\t\t\t\t&::before {\n\t\t\t\t\tcounter-increment: counter i;\n\t\t\t\t\tcontent: counter(counter) i;\n\t\t\t\t\tposition: absolute i;\n\t\t\t\t\ttop: t i;\n\t\t\t\t\tright: r i;\n\t\t\t\t\tbottom: b i;\n\t\t\t\t\tleft: l i;\n\t\t\t\t\twidth: 40px i;\n\t\t\t\t\tcolor: #a8a9aa i;\n\t\t\t\t\ttext-align: center i;\n\t\t\t\t\tz-index: 4 i;\n\t\t\t\t\ttranslate: tX 0 i;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t/* Votes Content */\n\tvotesStyle(up, down, upF=up, downF=down, tS=1, rUp=0, rDown=0) {\n\t\t.icon-upvote::before {\n\t\t\tcontent: up i;\n\t\t}\n\t\t.icon-downvote::before {\n\t\t\tcontent: down i;\n\t\t}\n\t\t.icon-upvote_fill::before {\n\t\t\tcontent: upF i;\n\t\t}\n\t\t.icon-downvote_fill::before {\n\t\t\tcontent: downF i;\n\t\t}\n\t\tspan:has( > :is(.icon-upvote, .icon-upvote_fill)) {\n\t\t\ttransform: scale(tS) rotate(rUp) i;\n\t\t}\n\t\tspan:has( > :is(.icon-downvote, .icon-downvote_fill)) {\n\t\t\ttransform: scale(tS) rotate(rDown) i;\n\t\t}\n\t}\n\t/* Subreddit bar */\n\tsidebarCV2() {\n\t\t/* Hide All Excertp Name Subs */\n\t\t._20fGT0XJD3MvX9yBsVeKMn *:not(._2aqH0n-kSzFY7HZZ5GL-Jb,\n\t\t._2MgAHlPDdKvXiG-Qbz5cbC,\n\t\t._3k3RwDkEsbX50bb-DBvuWj) {\n\t\t\tdis();\n\t\t}\n\t\t/* Links */\n\t\t._26MVepkxZHzpNv1cuAA4JA {\n\t\t\tdis();\n\t\t\twidth: 10px;\n\t\t}\n\t\t/* Name Subs */\n\t\t._2MgAHlPDdKvXiG-Qbz5cbC {\n\t\t\tpadding: 0 i;\n\t\t}\n\n\t\t._2MgAHlPDdKvXiG-Qbz5cbC:hover {\n\t\t\tcolor: #eee i;\n\t\t\ttext-decoration: underline i;\n\t\t}\n\n\t\t._2MgAHlPDdKvXiG-Qbz5cbC::after {\n\t\t\tcontent: \"-\" i;\n\t\t\tmargin-left: 8px i;\n\t\t}\n\t\t/* Sidebar */\n\t\t._20fGT0XJD3MvX9yBsVeKMn {\n\t\t\twidth: 100% i;\n\t\t\theight: 18px i;\n\t\t\ttop: 0 i;\n\t\t\tz-index: 999 i;\n\t\t\tflex-direction: row i;\n\t\t}\n\t\t/* Sidebar Container */\n\t\t._3k3RwDkEsbX50bb-DBvuWj {\n\t\t\tdis(contents);\n\t\t}\n\t\t/* Sidebar and Section Container */\n\t\t._1nxEQl5D2Bx2jxDILRHemb._3x1dyL19KnZ4kI6i9TlRp4 {\n\t\t\tpadding-left: 0 i;\n\t\t}\n\t}\n\t/* Font Face */\n\t@font-face {\n\t\tfont-family: 'Material Symbols Outlined';\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tsrc: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v141/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');\n\t}\n\t/* Google Sans */\n\t@font-face {\n\t\tfont-family: 'Google Sans';\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tfont-display: block;\n\t\tsrc: url(https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2) format('woff2');\n\t\tunicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\n\t}\n\t@font-face {\n\t\tfont-family: 'Google Sans';\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tfont-display: block;\n\t\tsrc: url(https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2) format('woff2');\n\t\tunicode-range: U+0370-03FF\n\t}\n\t@font-face {\n\t\tfont-family: 'Google Sans';\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tfont-display: block;\n\t\tsrc: url(https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Mwp5MKg.woff2) format('woff2');\n\t\tunicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F\n\t}\n\t@font-face {\n\t\tfont-family: 'Google Sans';\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tfont-display: block;\n\t\tsrc: url(https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Bwp5MKg.woff2) format('woff2');\n\t\tunicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB\n\t}\n\t@font-face {\n\t\tfont-family: 'Google Sans';\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tfont-display: block;\n\t\tsrc: url(https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2) format('woff2');\n\t\tunicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\n\t}\n\t@font-face {\n\t\tfont-family: 'Google Sans';\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tfont-display: block;\n\t\tsrc: url(https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2) format('woff2');\n\t\tunicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\n\t}\n\t@font-face {\n\t\tfont-family: 'Google Sans';\n\t\tfont-style: normal;\n\t\tfont-weight: 500;\n\t\tfont-display: block;\n\t\tsrc: url(https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2) format('woff2');\n\t\tunicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\n\t}\n\t@font-face {\n\t\tfont-family: 'Google Sans';\n\t\tfont-style: normal;\n\t\tfont-weight: 500;\n\t\tfont-display: block;\n\t\tsrc: url(https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2) format('woff2');\n\t\tunicode-range: U+0370-03FF\n\t}\n\t@font-face {\n\t\tfont-family: 'Google Sans';\n\t\tfont-style: normal;\n\t\tfont-weight: 500;\n\t\tfont-display: block;\n\t\tsrc: url(https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Mwp5MKg.woff2) format('woff2');\n\t\tunicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F\n\t}\n\t@font-face {\n\t\tfont-family: 'Google Sans';\n\t\tfont-style: normal;\n\t\tfont-weight: 500;\n\t\tfont-display: block;\n\t\tsrc: url(https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Bwp5MKg.woff2) format('woff2');\n\t\tunicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB\n\t}\n\t@font-face {\n\t\tfont-family: 'Google Sans';\n\t\tfont-style: normal;\n\t\tfont-weight: 500;\n\t\tfont-display: block;\n\t\tsrc: url(https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2) format('woff2');\n\t\tunicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\n\t}\n\t@font-face {\n\t\tfont-family: 'Google Sans';\n\t\tfont-style: normal;\n\t\tfont-weight: 500;\n\t\tfont-display: block;\n\t\tsrc: url(https://fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2) format('woff2');\n\t\tunicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\n\t}\n\tif googleSans { \n\t\thtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {\n\t\t\tfont-family: 'Google Sans', sans-serif i;\n\t\t}\n\t}\n\t/* Style */\n\tbgkT=alpha(bgkColor,\n\tbgkTransparency);\n\t/* Vars */\n\t:root {\n\t\t--ml-primary-bgk: bgkT i;\n\t\t--ml-primary-transparent-bgk: alpha(bgkColor, bgkTransparency - 0.2) i;\n\t\t--ml-secondary-bgk: lighten(bgkT, 6%) i;\n\t\t--ml-primary-hover: lighten(bgkT, 8%) i;\n\t\t--ml-secondary-hover: lighten(bgkT, 4%) i;\n\t\t--ml-primary-active: var(--ml-secondary-bgk) i;\n\t\t--ml-primary-active-hover: lighten(bgkT, 11%) i;\n\t\t--ml-dropdown-item-hover: lighten(saturation(hue(bgkT, 207deg), 30%), 3%) i;\n\t\t--ml-border-color-p: lighten(bgkT, 8%);\n\t\t--ml-border-color-s: lighten(bgkT, 12%);\n\t\t--ml-border-color-h: lighten(bgkT, 80%);\n\t\t--ml-border-color-h1: lighten(bgkT, 60%);\n\t\t--ml-border-color-h2: lighten(bgkT, 40%);\n\t\t--ml-border-color-h3: lighten(bgkT, 30%);\n\t}\n\tif customColors {\n\t\t[class*=\"subredditvars\"],\n\t\t.theme-beta,\n\t\t:root {\n\t\t\t--newRedditTheme-line: var(--ml-border-color-p) i;\n\t\t\t--newRedditTheme-lineShaded80: var(--ml-border-color-p) i;\n\t\t\t--newRedditTheme-lineShaded90: var(--ml-border-color-p) i;\n\t\t\t--newRedditTheme-lineShadedNinety: var(--ml-border-color-p) i;\n\t\t\t--newCommunityTheme-line: var(--ml-border-color-p) i;\n\t\t\t--newCommunityTheme-button: var(--ml-border-color-h) i;\n\t\t\t--newCommunityTheme-bodyText: var(--ml-border-color-h) i;\n\t\t\t--newRedditTheme-button: var(--ml-border-color-h) i;\n\t\t\t--newRedditTheme-actionIcon: var(--ml-border-color-h1) i;\n\t\t\t--newCommunityTheme-navIcon: var(--ml-border-color-h) i;\n\t\t\t--newCommunityTheme-actionIcon: var(--ml-border-color-h2) i;\n\t\t\t--newCommunityTheme-field: var(--ml-border-color-p) i;\n\t\t\t--newCommunityTheme-body: var(--ml-primary-bgk) i;\n\t\t\t--newCommunityTheme-buttonAlpha05: rgba(208, 208, 208, 0.015) i;\n\t\t\t--newRedditTheme-flair: var(--ml-secondary-bgk) i;\n\t\t\t--newCommunityTheme-widgetColors-sidebarWidgetTitleColor: var(--ml-border-color-h1) i;\n\t\t\t--newCommunityTheme-metaText: var(--ml-border-color-h1) i;\n\t\t\t--newCommunityTheme-titleText: var(--ml-border-color-h) i;\n\t\t\t--background: var(--ml-primary-bgk) i;\n\t\t\t--newRedditTheme-navIconFaded10: var(--ml-primary-hover) i;\n\t\t\t--newRedditTheme-body: var(--ml-primary-bgk) i;\n\t\t\t--newCommunityTheme-navBar-submenuBackgroundColor: var(--ml-primary-bgk) i;\n\t\t\t--newCommunityTheme-navBar-inactiveLink: var(--ml-border-color-h1) i;\n\t\t\t--newRedditTheme-bodyText: var(--ml-border-color-h) i;\n\t\t\t--postBodyLink-VisitedLinkColor: var(--ml-border-color-h1) i;\n\t\t\t--newRedditTheme-metaText: var(--ml-border-color-h1) i;\n\t\t\t--newRedditTheme-post: var(--ml-primary-bgk) i;\n\t\t\t--newCommunityTheme-buttonAlpha50: var(--ml-border-color-h3) i;\n\t\t\t--newRedditTheme-field: var(--ml-primary-bgk) i;\n\t\t\t--newCommunityTheme-inactive: var(--ml-border-color-h3) i;\n\t\t\t--newCommunityTheme-postTransparent20: var(--ml-primary-bgk) i;\n\t\t\t--newCommunityTheme-postLine: var(--ml-border-color-p) i;\n\t\t}\n\t\t.SQnoC3ObvgnGjWt90zD9Z {\n\t\t\t--postTitle-VisitedLinkColor: var(--ml-border-color-h1) i;\n\t\t\t--postTitleLink-VisitedLinkColor: var(--ml-border-color-h2) i;\n\t\t\t--postBodyLink-VisitedLinkColor: var(--ml-border-color-h3) i;\n\t\t}\n\t\t/* Header */\n\t\t._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Header search */\n\t\t._1DeR7_QiQnu2UK0e2dDfYD {\n\t\t\tbackground-color: var(--ml-secondary-bgk) i;\n\t\t\tborder-color: var(--ml-border-color-s) i;\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\t\tborder-color: var(--ml-border-color-h) i;\n\t\t\t}\n\t\t}\n\t\t/* Header items hover */\n\t\t.PH-V9ggsF2mi5JTDmDqdR:focus,\n\t\t.PH-V9ggsF2mi5JTDmDqdR:hover {\n\t\t\tbackground-color: var(--ml-primary-hover) i;\n\t\t}\n\t\t/* Header subs */\n\t\t._3jiriKeNer8y0-1r6oWIFM._3rS8YTDjcT7fs0k9W4rxDG:focus,\n\t\t._3jiriKeNer8y0-1r6oWIFM._3rS8YTDjcT7fs0k9W4rxDG:hover,\n\t\t._3jiriKeNer8y0-1r6oWIFM._24x5wRDxU1y38uXQXvLE4m {\n\t\t\tborder-color: var(--ml-border-color-p) i\n\t\t}\n\t\t/* Subs dropdown */\n\t\t.TMMvbwyeh9yuHKmQWHrE3 {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Subs filter */\n\t\t._37tmRmxaFMjRRrvwcY2JmY {\n\t\t\tbackground-color: var(--ml-secondary-bgk) i;\n\t\t\tborder-color: var(--ml-border-color-s) i;\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\t\tborder-color: var(--ml-border-color-h) i;\n\t\t\t}\n\t\t}\n\t\t/* Header user item hover */\n\t\t._18X7KoiaLuKbuLqg4zE8BH._3F3oKTToidUQ0CbMS1cccX,\n\t\t._18X7KoiaLuKbuLqg4zE8BH:focus,\n\t\t._18X7KoiaLuKbuLqg4zE8BH:hover {\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Search dropdown/user dropdown */\n\t\t._2uYY-KeuYHKiwl-9aF0UiL {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Search dropdown items hover */\n\t\t._20OHBqoDD71_8fv7tuG6u6:hover,\n\t\t._1f4QVsU6jdEkvigYTcqIG7:hover {\n\t\t\tbackground-color: var(--ml-secondary-bgk) i;\n\t\t}\n\t\t/* Notifications dropdown */\n\t\t._3uJguwDAW5Ra1r4aegBvBq {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* User dropdown items hover */\n\t\t.NiNJXib52w4C8FUidB5af:hover,\n\t\t.nBh6t8H3UNZpI1Ce9s6yQ:hover,\n\t\t._3fbofimxVp_hpVM6I1TGMS:hover {\n\t\t\tbackground-color: var(--ml-secondary-hover) i;\n\t\t}\n\t\t/* Section create post */\n\t\t._2jJNpBqXMbbyOiGCElTYxZ {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Section create post input */\n\t\t.zgT5MfUrDMC54cpiCpZFu {\n\t\t\tbackground-color: var(--ml-secondary-bgk) i;\n\t\t\tborder-color: var(--ml-border-color-s) i;\n\t\t\t&:focus,\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\t\tborder-color: var(--ml-border-color-h) i\n\t\t\t}\n\t\t}\n\t\t/* Section create post media/link hover */\n\t\ta._27e9yld2jAIIWQNc4A70if:hover {\n\t\t\tbackground-color: var(--ml-secondary-hover) i;\n\t\t}\n\t\t/* Section sort post */\n\t\t.wBtTDilkW_rtT2k5x3eie {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Section sort post item active */\n\t\ta.M2Hk_S2yvXpsNPfZMBMur._1s79QnBguPbckxiiPvFXGP {\n\t\t\tbackground-color: var(--ml-primary-active) i;\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t.U2iuzTD5-OeYSFP8fg9ky:active,\n\t\t.U2iuzTD5-OeYSFP8fg9ky:hover,\n\t\t._2yF1lH154qN6wYff1cVkh6:active,\n\t\t._2yF1lH154qN6wYff1cVkh6:hover {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t}\n\t\t/* Section sort post cards dropdown */\n\t\t._2uYY-KeuYHKiwl-9aF0UiL {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Section posts */\n\t\t.rpBJOHq2PR60pnwJlUyP0 .Post {\n\t\t\tbackground-color: var(--ml-primary-transparent-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Section posts inside */\n\t\t._1poyrkZ7g36PawDueRza-J {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t}\n\t\t/* Section cross posts */\n\t\t._2ED-O3JtIcOqp8iIL1G5cg {\n\t\t\tbackground-color: transparent i;\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t._3JgI-GOrkmyIeDeyzXdyUD,\n\t\t.m3aNC6yp8RrNM_-a0rrfa {\n\t\t\tbackground-color: transparent i;\n\t\t}\n\t\t/* Sidebar items */\n\t\t._1G4yU68P50vRZ4USXfaceV._2QeqBqfT5UbHBoViZUt-wX,\n\t\t._3Im6OD67aKo33nql4FpSp_,\n\t\t._3Im6OD67aKo33nql4FpSp_ {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Sidebar items header */\n\t\t._ZhON3a3vplThB8NFwuJn {\n\t\t\tbackground-color: transparent i;\n\t\t}\n\t\t/* Post page bkg */\n\t\t.uI_hDmU5GSiudtABRz_37 {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder: 1px solid var(--ml-border-color-p);\n\t\t}\n\t\t/* Post page container post bkg */\n\t\t.uI_hDmU5GSiudtABRz_37 .Post {\n\t\t\tbackground-color: transparent i;\n\t\t}\n\t\t/* Post page comment input */\n\t\t.VBa-xDMEbFi3vsO4id4OC,\n\t\t._2LoNYeXgOQfq1adQ3jWSbi {\n\t\t\tbackground-color: transparent i;\n\t\t}\n\t\t._2LoNYeXgOQfq1adQ3jWSbi {\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Post page comment input mode selector */\n\t\t._17TqawK-44tH0psnHPIhzS {\n\t\t\tbackground-color: var(--ml-secondary-bgk) i;\n\t\t}\n\t\t/* Post page order select comments */\n\t\t._2ulKn_zs7Y3LWsOqoFLHPo {\n\t\t\tbackground-color: transparent i;\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Post page thread line */\n\t\t._36AIN2ppxy_z-XSDxTvYj5 > .threadline {\n\t\t\tborder-color: var(--ml-border-color-s) i;\n\t\t}\n\t\t/* Post page container comments */\n\t\t._2M2wOqmeoPVvcSsJ6Po9-V {\n\t\t\tbackground-color: transparent i;\n\t\t}\n\t\t/* Post page input searcj comment */\n\t\t._2WVAyd_SvtylHMe7sKaua9 {\n\t\t\tbackground-color: var(--ml-secondary-bgk) i;\n\t\t}\n\t\t/* Search page item type hover/activated */\n\t\t._2jNQT-6WbFOjX2hdDWV56w:hover {\n\t\t\tbackground-color: var(--ml-primary-hover) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Search page sidebar items */\n\t\t.DpriHZnFiOfa0afZpg8vf,\n\t\t._3lfTEmyI7x9ib1wz4e8RWP {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* User page tabs */\n\t\t._2vH__bwuub4wzWRqcvhh3m {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* User page fixed posts */\n\t\t._1j2O3iNM1HoiXK7B2dmp7b {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder: 1px solid var(--ml-border-color-p) i;\n\t\t}\n\t\t/* User page posts/comments container */\n\t\t._3KGXodqw9Ht3MoBpe8_gzB {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t}\n\t\t/* User page posts/comments items */\n\t\t._3KGXodqw9Ht3MoBpe8_gzB .Post,\n\t\t._3KGXodqw9Ht3MoBpe8_gzB .Post > div,\n\t\t._3KGXodqw9Ht3MoBpe8_gzB ._3aoyec8unb9DkDxSv2XOMX {\n\t\t\tbackground-color: transparent i;\n\t\t}\n\t\t/* User page posts/comments container */\n\t\t._1lhlKOukuHHzZKIlnXcHmQ {\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t._1lhlKOukuHHzZKIlnXcHmQ:hover {\n\t\t\tborder-color: var(--ml-border-color-h1) i;\n\t\t}\n\t\t/* User page posts/comments */\n\t\t.Post ._2otRz3OtuWajw1RleFDJ5P {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t}\n\t\t.Post + .Comment {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t}\n\t\t.FeLWdhOO-cVXowAo3Rndk {\n\t\t\tbackground-color: var(--ml-primary-transparent-bgk) i;\n\t\t}\n\t\t._2mg6JuVCrcHWJkUQvZXFcZ {\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t\t&:hover {\n\t\t\t\tborder-color: var(--ml-border-color-h1) i;\n\t\t\t}\n\t\t}\n\t\t._1g70Ndz7edo5LA6hie1Gkt {\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t\t&:hover {\n\t\t\t\tborder-color: var(--ml-border-color-h1) i;\n\t\t\t}\n\t\t}\n\t\t/* Create post page header? */\n\t\t._1HWpiNu6dkOnZixxwDYTVJ {\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Create post page select community */\n\t\t._2sfaZWDVT8JLAt2J9p4IzV {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t\tposition: relative i;\n\t\t\tz-index: 2 i;\n\t\t}\n\t\t/* Create post page select community dropdown */\n\t\t._3DQXGvoE1SM3Kmz20of7Iz {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Create post page container create */\n\t\t._3w_665DK_NH7yIsRMuZkqB {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tbackdrop-filter: blur(bgkBlur);\n\t\t\tposition: relative i;\n\t\t\tz-index: 1 i;\n\t\t}\n\t\t/* Create post page mode selector */\n\t\t._1HVLi6b9dq2O2gkgGAO1Fa {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t}\n\t\t/* Create post page bottom notifications */\n\t\t._22Te0a5VxZnLITkTavQh95 {\n\t\t\tbackground-color: var(--ml-secondary-bgk) i;\n\t\t}\n\t\t/* Create post page select type hover */\n\t\t.Z1w8VkpQ23E1Wdq_My3U4:focus:not([disabled]),\n\t\t.Z1w8VkpQ23E1Wdq_My3U4:hover:not([disabled]) {\n\t\t\tbackground-color: var(--ml-secondary-hover) i;\n\t\t}\n\t\t.Z1w8VkpQ23E1Wdq_My3U4 {\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t.Z1w8VkpQ23E1Wdq_My3U4::after {\n\t\t\tbackground-color: var(--ml-border-color-h) i;\n\t\t}\n\t\t/* Create post page title/body input */\n\t\t._1ec_Oj5SWdypd8L-VELKg-,\n\t\t._3MknXZVbkWU8JL9XGlzASi {\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Create post page tags */\n\t\t._5x1WjCc4HQF6tqnODOql0 {\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Create post page sidebar items */\n\t\t._1Zj2sAyYL2zB-kzZQcWiW {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Recent posts icon */\n\t\t._2c1ElNxHftd8W_nZtcG9zf,\n\t\t._78ohNtfA1urjgUhnN1jLi {\n\t\t\tborder-color: var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Code bgk */\n\t\t._3GnarIQX9tD_qsgXkfSDz1 {\n\t\t\tbackground-color: var(--ml-secondary-bgk) i;\n\t\t}\n\t\t/* Dropdown hover items */\n\t\t._3LwUIE7yX7CZQKmD2L87vf._1oYEKCssGFjqxQ9jJMNj5G:active,\n\t\t._3LwUIE7yX7CZQKmD2L87vf._1oYEKCssGFjqxQ9jJMNj5G:focus,\n\t\t._3LwUIE7yX7CZQKmD2L87vf._1oYEKCssGFjqxQ9jJMNj5G:hover {\n\t\t\tbackground-color: var(--ml-secondary-bgk) i;\n\t\t}\n\t\t/* Popups */\n\t\t._2Bejocqb-InO8686E2ehf,\n\t\t._3uK2I0hi3JFTKnMUFHD2Pd,\n\t\t.HQ2VJViRjokXpRbJzPvvc {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t}\n\t\t/* Popups without borders */\n\t\t._3uK2I0hi3JFTKnMUFHD2Pd,\n\t\t.HQ2VJViRjokXpRbJzPvvc,\n\t\t._3uK2I0hi3JFTKnMUFHD2Pd::after {\n\t\t\tborder: 1px solid var(--ml-border-color-p) i;\n\t\t}\n\t\t/* Buttons */\n\t\t._1QUX9-zZuGtifS6jJBUyh- {\n\t\t\tborder-color: var(--ml-border-color-h1) i;\n\t\t\tcolor: var(--ml-border-color-h1) i;\n\t\t}\n\t\t._2tU8R9NTqhvBrhoNAXWWcP:disabled,\n\t\t._2tU8R9NTqhvBrhoNAXWWcP[data-disabled],\n\t\t._2tU8R9NTqhvBrhoNAXWWcP[disabled] {\n\t\t\tfilter: unset i;\n\t\t}\n\t\t/* Text */\n\t\t.wdFbe8PT7DInxaiHo2Me1,\n\t\t._27rjoZBkLhiqLLjBu-xU_p,\n\t\t.icon._3pDOQfbIbQuT4PBwPGp85E,\n\t\t._3D7vaSdKwBK4pdvYmH0ib ._180jOSBDwwE60X5UR8zt3-._2a8MIP8QlMF7KPqTup62Vt,\n\t\t._3a2ZHWaih05DgAOtvu6cIo {\n\t\t\tcolor: var(--ml-border-color-h) i;\n\t\t}\n\t\t._2VDnxV3G5ZvEDq10Z-_fM9,\n\t\t._3z4bYCMDgBrJ-Be0By6hNr,\n\t\t.Rz5N3cHNgTGZsIQJqBfgk,\n\t\t._3-miAEojrCvx_4FQ8x3P-s,\n\t\t._2fCzxBE1dlMh4OFc7B3Dun,\n\t\t._23wugcdiaj44hdfugIAlnX,\n\t\t._2VF2J19pUIMSLJFky-7PEI,\n\t\t._1GQzFyg5xYq94euL74ZaeJ {\n\t\t\tcolor: var(--ml-border-color-h1) i;\n\t\t}\n\t\t._6Ej82J4aTDK36LLOcpFbC:disabled,\n\t\t._6Ej82J4aTDK36LLOcpFbC:placeholder-shown {\n\t\t\tcolor: var(--ml-border-color-h1) i;\n\t\t}\n\t\t/* Icons */\n\t\t.cq0sTeCPC4GI78UNPdClD.cq0sTeCPC4GI78UNPdClD,\n\t\t._2VtQ8EjxlJXdicVJhc73gQ,\n\t\t._3PYsg_uRJ6AGptv-hi7kqu {\n\t\t\tcolor: var(--ml-border-color-h) i;\n\t\t\tfill: var(--ml-border-color-h) i;\n\t\t}\n\t}\n\t/* Custom Bkg */\n\tif customBackground {\n\t\t/* Bkg image */\n\t\t._2wxsLGNmMLx6sEMLJyn2o9::before {\n\t\t\tbackground-image: url(bgkURL) i;\n\t\t\tbackground-position: center i;\n\t\t\tbackground-size: cover i;\n\t\t\tbackground-repeat: no-repeat i;\n\t\t\tfilter: blur(blurBackground);\n\t\t\t/* Bkg color */\n\t\t\tif bkgColor!='#030303' {\n\t\t\t\t& {\n\t\t\t\t\tbackground: bkgColor i;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t/* Dropdown Sink */\n\tif dropdownEffect=='Opacity' {\n\t\tdEffect(0, 0, 0, 0)\n\t}\n\tif dropdownEffect=='F-Top' {\n\t\tdEffect(0, -20%, 0, 0)\n\t}\n\tif dropdownEffect=='F-Left' {\n\t\tdEffect(-20%, 0, 0, 0)\n\t}\n\tif dropdownEffect=='F-Bottom' {\n\t\tdEffect(0, 20%, 0, 0)\n\t}\n\tif dropdownEffect=='F-Right' {\n\t\tdEffect(20%, 0, 0, 0)\n\t}\n\tif dropdownEffect=='Pulse' {\n\t\t#SearchDropdownContent,\n\t\t.TMMvbwyeh9yuHKmQWHrE3,\n\t\t._2uYY-KeuYHKiwl-9aF0UiL,\n\t\t._3DQXGvoE1SM3Kmz20of7Iz,\n\t\t._3oNU8Gzy2V3jDPhFfeEFbD,\n\t\t._1T423RClx-mTPxfuiCw4UN,\n\t\t._2Bejocqb-InO8686E2ehf {\n\t\t\tanimation-name: pulse i;\n\t\t\tanimation-duration: 0.3s i;\n\t\t\tanimation-iteration-count: 1 i;\n\t\t}\n\t\t@keyframes pulse {\n\t\t\t0% {\n\t\t\t\ttransform: scale(0.98);\n\t\t\t}\n\t\t\t50% {\n\t\t\t\ttransform: scale(1.01);\n\t\t\t}\n\t\t\t100% {\n\t\t\t\ttransform: scale(1);\n\t\t\t}\n\t\t}\n\t}\n\t/* Icons Color */\n\tif iconsColor!='#d7dadc' {\n\t\t.icon,\n\t\t._2rszc84L136gWQrkwH6IaM,\n\t\t.uoWjzSc1sqcAD_cLV6MWa,\n\t\t._1LXnp2ufrzN6ioaTLTjGQ1 {\n\t\t\tcolor: iconsColor i;\n\t\t}\n\t}\n\t/* Images in Posts */\n\tif imgPosts=='Scroll' {\n\t\t._3Oa0THmZ3f5iZXAQ0hBJ0k > div,\n\t\t._26daP6nhhW7BT-CMzL0ijs,\n\t\t.KVyBaj7FjzElWsqJDmw7v ._3o5Vzct5tn9PE7e-emdDmf,\n\t\ta._1ti9kvv_PMZEF2phzAjsGW {\n\t\t\toverflow: auto i;\n\t\t\toverscroll-behavior: contain i;\n\t\t}\n\t}\n\telse if imgPosts=='Resize' {\n\t\t._3o5Vzct5tn9PE7e-emdDmf > div:has(._1dwExqTGJH2jnA-MYGkEL-) {\n\t\t\theight: 100% i;\n\t\t}\n\t\t._1dwExqTGJH2jnA-MYGkEL-,\n\t\t._2_tDEnGMLxpM6uOa2kaDB3 {\n\t\t\tmax-height: 100% i;\n\t\t}\n\t\ta._1ti9kvv_PMZEF2phzAjsGW {\n\t\t\toverflow: auto i;\n\t\t\toverscroll-behavior: contain i;\n\t\t}\n\t}\n\telse if imgPosts=='resizeOnHover' {\n\t\t.ImageBox-image:not(.media-element):hover {\n\t\t\theight: 100% i;\n\t\t\twidth: 100% i;\n\t\t\tobject-fit: scale-down i;\n\t\t}\n\t\tdiv[class=\"\"]:has( > ._1dwExqTGJH2jnA-MYGkEL-) {\n\t\t\theight: 100% i;\n\t\t\twidth: 100% i;\n\t\t}\n\t\t._1dwExqTGJH2jnA-MYGkEL-:not([style=\"max-height: 100%;\"]):hover {\n\t\t\theight: 100% i;\n\t\t\twidth: 100% i;\n\t\t\tobject-fit: scale-down i;\n\t\t}\n\t}\n\telse if imgPosts=='imgFullHeight' {\n\t\t.STit0dLageRsa2yR4te_b:has(._3hUbl08LBz2mbXjy0iYhOS, ._3b8u2OJXaSDdBWoRB7zUoK, img.media-element:is([style*=\"max-height: 512px\"], [style*=\"max-height:512px\"])), .KVyBaj7FjzElWsqJDmw7v:has(._3b8u2OJXaSDdBWoRB7zUoK, ._1dwExqTGJH2jnA-MYGkEL-) {\n\t\t\theight: max-content i;\n\n\t\t\t& ._1apobczT0TzIKMWpza0OhL {\n\t\t\t\tdisplay: flex i;\n\t\t\t}\n\n\t\t\t& ._3gBRFDB5C34UWyxEe_U6mD {\n\t\t\t\tdisplay: none i;\n\t\t\t}\n\n\t\t\t& ._3JgI-GOrkmyIeDeyzXdyUD, & [style*=\"left:0px\"], & [style*=\"left: 0px\"], & ._2Ev7WJU0f45KxlmClce9t8 {\n\t\t\t\tposition: relative i;\n\t\t\t\theight: max-content i;\n\t\t\t}\n\n\t\t\t& .media-element, & .m3aNC6yp8RrNM_-a0rrfa, & [style*=\"max-height: 512px\"], & [style*=\"max-height:512px\"] {\n\t\t\t\tmax-height: unset i;\n\t\t\t}\n\n\t\t\t& :is(figure, li, ul), & ._1ti9kvv_PMZEF2phzAjsGW, & .KVyBaj7FjzElWsqJDmw7v {\n\t\t\t\theight: max-content i;\n\t\t\t}\n\t\t}\n\t\t.rpBJOHq2PR60pnwJlUyP0 > div[style^=\"height\"] {\n\t\t\theight: unset i;\n\n\t\t\t& > .wwHbgRV0ZXGp5CHHlpo5u {\n\t\t\t\tdisplay: unset i;\n\t\t\t}\n\t\t}\n\t}\n\t/* Long Text Scroll */\n\tif scrollLongT {\n\t\t.Chtkt3BCZQruf0LtmFg2c {\n\t\t\toverflow-y: scroll i;\n\t\t\tmask-image: linear-gradient(180deg, #000 60%, #000);\n\t\t}\n\t}\n\t/* Wide Posts */\n\tif widePosts {\n\t\t._3nSp9cdBpqL13CqjdMr2L_,\n\t\t._1BJGsKulUQfhJyO19XsBph,\n\t\t.K4Eem3pMbRbAYioOfqN5E {\n\t\t\twidth: widthPosts i;\n\t\t}\n\t\t._2udhMC-jldHp_EpAuBeSR1,\n\t\t.K4Eem3pMbRbAYioOfqN5E {\n\t\t\tmax-width: widthPosts i;\n\t\t}\n\t\t/* \t\t._1npCwF50X2J7Wt82SZi6J0, */\n\t\t._3obgdFz00GvpqpuX8QCsNK,\n\t\t._31N0dvxfpsO6Ur5AKx4O5d {\n\t\t\tmax-width: 100% i;\n\t\t\tmin-width: 100% i;\n\t\t}\n\t\t._1npCwF50X2J7Wt82SZi6J0 {\n\t\t\tmax-width: unset i;\n\t\t\twidth: 'calc(%s + 312px + 24px)' % widthPosts\n\t\t}\n\t\t.u35lf2ynn4jHsVUwPmNU {\n\t\t\tmargin-inline: 0 i;\n\t\t}\n\t\t._2Xq-4oyrEvHjL5U_EeMnK8 {\n\t\t\tmargin-inline: 24px 0 i;\n\t\t}\n\t\t.u35lf2ynn4jHsVUwPmNU {\n\t\t\tmax-width: unset i;\n\t\t\twidth: 100% i;\n\t\t}\n\t\t._2DJXORCrmcNpPTSq0LqL6i._26pbaCw90eAC80WRqUfICJ::after {\n\t\t\tmax-width: unset i;\n\t\t\twidth: 'calc(%s + 312px + 24px + 8%)' % widthPosts;\n\t\t}\n\t\t.Dx3UxiK86VcfkFQVHNXNi {\n\t\t\t/* \t\t\tmax-width: widthPosts i; */\n\t\t\t/* \t\t\ttransition: .2s ease; */\n\t\t}\n\t\t._29lagmmeH1Fb03mLJEq0Dt {\n\t\t\tbackground: none i;\n\t\t}\n\t\t._3xX726aBn29LDbsDtzr_6E {\n\t\t\tmax-width: 100% i;\n\t\t}\n\t\t.eZLYleuk3b8ykGiskfpo3 {\n\t\t\tmax-width: unset i;\n\t\t}\n\t\t._2lzCpzHH0OvyFsvuESLurr {\n\t\t\tjustify-content: center i;\n\t\t}\n\t\t._1BJGsKulUQfhJyO19XsBph._3SktesklDBwXt2pEl0sHY8 {\n\t\t\tmax-width: widthPosts i;\n\t\t}\n\t\t._3Oa0THmZ3f5iZXAQ0hBJ0k:has(img) {\n\t\t \theight: 100% i;\n\n\t\t \t& img {\n\t\t\t\theight: 100% i; \n\t\t \t}\n\t\t}\n\t}\n\t/* Box Shadow in Posts */\n\tif boxShadowPosts {\n\t\t._3Qkp11fjcAw9I9wtLo8frE {\n\t\t\tbox-shadow: 0px 8px 15px 8px rgba(0, 0, 0, 0.4) i;\n\t\t}\n\t}\n\t/* Count in Posts */\n\tif countInPosts=='Outside-T' {\n\t\tcPost(10px, , , 0, -100%)\n\t}\n\tif countInPosts=='Outside-B' {\n\t\tcPost(, , 10px, 0, -100%)\n\t}\n\tif countInPosts=='Inside-LB' {\n\t\tcPost(, , 10px, , )\n\t}\n\tif countInPosts=='Inside-RB' {\n\t\tcPost(, 0, 10px, , )\n\t}\n\tif countInPosts=='Inside-RT' {\n\t\tcPost(10px, 0, , , )\n\t}\n\tif countInPosts=='Inside-Below-Votes' {\n\t\tcPost(92px, , , 0, )\n\t}\n\t/* Post Hover Scale */\n\tif scalePost=='Scale'||scalePost=='noScale' {\n\t\t.rpBJOHq2PR60pnwJlUyP0 > div:has(.Post),\n\t\t._2mO8vClBdPxiJ30y_C6od2 > div > div:has(._2dkUkgRYbhbpU_2O2Wc5am) {\n\t\t\tposition: relative i;\n\t\t\ttransition: .2s ease i;\n\n\t\t\t&:hover {\n\t\t\t\ttransform: scale(scaleNum) i;\n\t\t\t\tbox-shadow: 0px 0px 55px 26px rgba(0, 0, 0, 0.4) i;\n\t\t\t\tz-index: 9 i;\n\t\t\t}\n\t\t}\n\t}\n\tif scalePost=='noScale' {\n\t\t:is(.rpBJOHq2PR60pnwJlUyP0 > div: has(._3Qkp11fjcAw9I9wtLo8frE),\n\t\t._2mO8vClBdPxiJ30y_C6od2 > div > div:has(._2dkUkgRYbhbpU_2O2Wc5am)):hover {\n\t\t\tbox-shadow: unset i;\n\t\t}\n\t}\n\t/* Scale fixed post */\n\tif scalePostFixed {\n\t\t:is(.rpBJOHq2PR60pnwJlUyP0 > div: has(._3Qkp11fjcAw9I9wtLo8frE),\n\t\t._2mO8vClBdPxiJ30y_C6od2 > div > div:has(._2dkUkgRYbhbpU_2O2Wc5am)):has(._203iZ8LUuIrz_IJbiOAJDH) {\n\t\t\ttransform: scale(scaleNum) i;\n\t\t}\n\t}\n\t/* Post padding around */\n\tif postPadd !='0' {\n\t\t.rpBJOHq2PR60pnwJlUyP0 :is(._1RYN-7H8gYctjOQeL8p2Q7,\n\t\t._3xuFbFM3vrCqdGuKGhhhn0) {\n\t\t\tpadding-top: postPadd i;\n\t\t\tpadding-right: postPadd i;\n\t\t\tpadding-bottom: postPadd i;\n\t\t\tif voteStyle=='Remove' {\n\t\t\t\tpadding: postPadd i;\n\t\t\t}\n\t\t}\n\t}\n\t/* Post padding around child */\n\t._1poyrkZ7g36PawDueRza-J {\n\t\tborder-radius: borderRadius i;\n\t}\n\t/* Invert Posts to Sidebar */\n\tif invertPostSidebar {\n\t\t._1OVBBWLtHoSPfGCRaPzpTf {\n\t\t\torder: 1 i;\n\t\t}\n\t\t._3Kd8DQpBIbsr5E1JcrMFTY {\n\t\t\tmargin: 0 24px 0 0 i;\n\t\t}\n\t}\n\t/* Separator Between Posts */\n\tif separatorPosts {\n\t\t.rpBJOHq2PR60pnwJlUyP0 > div:has(._3Qkp11fjcAw9I9wtLo8frE) {\n\t\t\tborder-bottom: 1px solid separatorColor i;\n\t\t\tmargin: 0 0 10px 0 i;\n\t\t\tif marginSection=='Posts'||marginSection=='Create-Sort-Posts'||marginSection=='All' {\n\t\t\t\tmargin: 0 i;\n\t\t\t}\n\t\t}\n\t}\n\t/* Border Radius in UI */\n\t._3Qkp11fjcAw9I9wtLo8frE,\n\t.wBtTDilkW_rtT2k5x3eie,\n\t._2jJNpBqXMbbyOiGCElTYxZ,\n\t._1G4yU68P50vRZ4USXfaceV,\n\t._3Im6OD67aKo33nql4FpSp_,\n\t.uI_hDmU5GSiudtABRz_37,\n\t._3xuFbFM3vrCqdGuKGhhhn0,\n\t._2lHXa-mLMsRfm1Q5JxgU4r,\n\t._3uJguwDAW5Ra1r4aegBvBq,\n\t._2h6EM3mo5Qn9Eqm18v5Hiz {\n\t\tborder-radius: borderRadius i;\n\t}\n\t.hpxKmfWP2ZiwdKaWpefMn,\n\t._ZhON3a3vplThB8NFwuJn {\n\t\tborder-radius: borderRadius borderRadius 0 0 i;\n\t}\n\t.TMMvbwyeh9yuHKmQWHrE3,\n\t._2uYY-KeuYHKiwl-9aF0UiL {\n\t\tborder-radius: 0 0 borderRadius borderRadius i;\n\t}\n\t/* No Border in Sectiom */\n\tif border {\n\t\t/* Search Bar, Create, Posts, SubBar Navbar, Comment, SortPosts, Create Post, Sidebar */\n\t\t._1DeR7_QiQnu2UK0e2dDfYD,\n\t\t.zgT5MfUrDMC54cpiCpZFu,\n\t\t._3Qkp11fjcAw9I9wtLo8frE,\n\t\t._3jiriKeNer8y0-1r6oWIFM,\n\t\t._2LoNYeXgOQfq1adQ3jWSbi:not(._1N53zdZlGyvjHMUoXkJa42)._2sPOgUISlhUYTMcHhUPCTP,\n\t\t._3MknXZVbkWU8JL9XGlzASi._3F2J0fSnCI3ZvF_tBSaV0s,\n\t\t.wBtTDilkW_rtT2k5x3eie,\n\t\t._2jJNpBqXMbbyOiGCElTYxZ,\n\t\t._1G4yU68P50vRZ4USXfaceV,\n\t\t._3Im6OD67aKo33nql4FpSp_,\n\t\t._3xuFbFM3vrCqdGuKGhhhn0,\n\t\t._2lHXa-mLMsRfm1Q5JxgU4r {\n\t\t\tborder: unset i;\n\t\t\tz-index: unset i;\n\t\t\ttransition: .1s ease;\n\t\t}\n\t\t/* Search Bar, Create, Posts, SubBar Navbar, Comment, SortPosts, Create Post, Sidebar, Hover */\n\t\t:is(._1DeR7_QiQnu2UK0e2dDfYD,\n\t\t._3Qkp11fjcAw9I9wtLo8frE,\n\t\t._3xuFbFM3vrCqdGuKGhhhn0,\n\t\t#SearchDropdown,\n\t\t[name=\"createPost\"]):hover,\n\t\t._2LoNYeXgOQfq1adQ3jWSbi:not(._1N53zdZlGyvjHMUoXkJa42)._2sPOgUISlhUYTMcHhUPCTP,\n\t\t._3MknXZVbkWU8JL9XGlzASi._3F2J0fSnCI3ZvF_tBSaV0s {\n\t\t\tfilter: contrast(90%) brightness(115%) i;\n\t\t}\n\t}\n\t/* Margins in Section > Create Posts, Sort Posts, Margin Between Posts and Sidebar, Posts, Sidebar Items */\n\tif marginSection=='Create-Post'||marginSection=='Create-Sort'||marginSection=='Create-Sort-Posts'||marginSection=='All' {\n\t\t._2jJNpBqXMbbyOiGCElTYxZ {\n\t\t\tmargin: 0 i;\n\t\t}\n\t}\n\tif marginSection=='Sort-Post'||marginSection=='Create-Sort'||marginSection=='Create-Sort-Posts'||marginSection=='All' {\n\t\t.wBtTDilkW_rtT2k5x3eie {\n\t\t\tmargin: 0 i;\n\t\t}\n\t}\n\tif marginSection=='Posts'||marginSection=='Create-Sort-Posts'||marginSection=='All' {\n\t\t._3Qkp11fjcAw9I9wtLo8frE {\n\t\t\tmargin: 0 i;\n\t\t}\n\t}\n\tif marginSection=='Sidebar'||marginSection=='All' {\n\t\t._3Kd8DQpBIbsr5E1JcrMFTY {\n\t\t\tmargin: 0 i;\n\t\t}\n\t}\n\t/* Padding in Sides */\n\tif paddingSectionSide {\n\t\tif subBar=='Minimize' {\n\t\t\t._31N0dvxfpsO6Ur5AKx4O5d {\n\t\t\t\tpadding: 0 0 0 30px i;\n\t\t\t}\n\t\t}\n\t\telse if subBar=='MinimizeWidth'||subBar=='Default'||subBar=='CompactV2'||subBar=='CompactV2H' {\n\t\t\t._31N0dvxfpsO6Ur5AKx4O5d {\n\t\t\t\tpadding: 0 i;\n\t\t\t}\n\t\t}\n\t\telse if subBar=='Compact' {\n\t\t\t._31N0dvxfpsO6Ur5AKx4O5d {\n\t\t\t\tpadding: 0 0 0 40px i;\n\t\t\t}\n\t\t}\n\t\t._31N0dvxfpsO6Ur5AKx4O5d {\n\t\t\tpadding: 0 i;\n\t\t}\n\t}\n\t/* Comments Overlay Color/Opacity */\n\t/* \t._2DJXORCrmcNpPTSq0LqL6i._26pbaCw90eAC80WRqUfICJ::after {\n\t\tmax-width: unset i;\n\t\twidth: cOverlayOffWidth i;\n\t\tif cOverlayOffColor!='#131313cc' {\n\t\t\tbackground: cOverlayOffColor i;\n\t\t}\n\t} */\n\t/* Comments Overlay Blur */\n\t._2DJXORCrmcNpPTSq0LqL6i._26pbaCw90eAC80WRqUfICJ::after {\n\t\t/* \t\tbackdrop-filter: blur(cOverlayOffBlur) i; */\n\t}\n\t._2DJXORCrmcNpPTSq0LqL6i {\n\t\tif commentsOverlayC!='#1c1c1ce6' {\n\t\t\t/* \t\t\tbackground-color: alpha(commentsOverlayC, commentsOverlayB) i; */\n\t\t}\n\t} // Segment Comments\n\tif segmentComments {\n\t\t._3cjCphgls6DH-irkVaA0GM[data-testid=\"comment\"] {\n\t\t\tbackground-color: rgba(255, 255, 255, 0.02) i;\n\t\t\tborder-radius: 10px i;\n\t\t\tpadding: 10px i;\n\t\t\twidth: fit-content i;\n\t\t\t& ._2-UiOdhyj4wHBv7Rc2FeDr._1yyTGHoIL7vZ6fNJ2-s3dL {\n\t\t\t\tmargin: 0 i;\n\t\t\t\t& .media-element {\n\t\t\t\t\tborder-radius: 8px i;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t/* SubBar View*/\n\tif subBar=='Default' {}\n\tif subBar=='Remove' {\n\t\tdiv._3jiriKeNer8y0-1r6oWIFM:nth-child(4) {\n\t\t\tdis();\n\t\t}\n\t\t/* Sidebar and Section Container */\n\t\t._1nxEQl5D2Bx2jxDILRHemb._3x1dyL19KnZ4kI6i9TlRp4 {\n\t\t\tpadding-left: 0 i;\n\t\t}\n\t\t/* Sidebar */\n\t\t._20fGT0XJD3MvX9yBsVeKMn {\n\t\t\tdis();\n\t\t}\n\t}\n\tif subBar=='Minimize' {\n\t\t._20fGT0XJD3MvX9yBsVeKMn {\n\t\t\tleft: -240px i;\n\t\t\ttransition: .2s ease;\n\n\t\t\t&:hover {\n\t\t\t\tleft: 0 i;\n\t\t\t}\n\t\t}\n\t\t._1nxEQl5D2Bx2jxDILRHemb._3x1dyL19KnZ4kI6i9TlRp4 {\n\t\t\tpadding-left: 30px i;\n\t\t}\n\t\t/* Close SubBar */\n\t\t.FRrbwuHy8Zmlubp3nowLZ {\n\t\t\tjustify-content: end i;\n\t\t}\n\t}\n\tif subBar=='MinimizeWidth' {\n\t\t._20fGT0XJD3MvX9yBsVeKMn {\n\t\t\twidth: 20px i;\n\t\t\ttransition: .3s ease;\n\t\t}\n\t\t._20fGT0XJD3MvX9yBsVeKMn:hover {\n\t\t\twidth: 270px i;\n\t\t}\n\t\t#AppRouter-main-content {\n\t\t\tpadding-left: 20px i;\n\t\t}\n\t}\n\tif subBar=='Compact' {\n\t\t._20fGT0XJD3MvX9yBsVeKMn {\n\t\t\t/* Heading */\n\t\t\t[role=\"heading\"] {\n\t\t\t\tdis();\n\t\t\t}\n\t\t\t/* Names Subs, Links */\n\t\t\t._1nBP1OfpQDgTmzRFqaVult,\n\t\t\t._2aqH0n-kSzFY7HZZ5GL-Jb,\n\t\t\t._2aqH0n-kSzFY7HZZ5GL-Jb + div {\n\t\t\t\tdis();\n\t\t\t}\n\t\t\t/* SubBar */\n\t\t\t& {\n\t\t\t\twidth: 45px i;\n\t\t\t}\n\t\t\t/* Close Button */\n\t\t\t.FRrbwuHy8Zmlubp3nowLZ {\n\t\t\t\tjustify-content: center i;\n\t\t\t\tpadding: 10px 0 10px 0 i;\n\t\t\t\twidth: 45px i;\n\t\t\t}\n\t\t\t._2oY_N7NWiAv9m_mFIRdwVX {\n\t\t\t\tpadding: 0 i;\n\t\t\t}\n\t\t\t/* Subs and Links Container*/\n\t\t\t._3k3RwDkEsbX50bb-DBvuWj {\n\t\t\t\tdis(flex);\n\t\t\t\tflex-direction: column i;\n\t\t\t\talign-items: center i;\n\t\t\t}\n\t\t\t/* Search Subreddits */\n\t\t\t#header-subreddit-filter {\n\t\t\t\tmargin: 5px 0px i;\n\t\t\t\twidth: 100% i;\n\t\t\t}\n\t\t\t/* Create Community */\n\t\t\t#focus-CreateCommunity {\n\t\t\t\twidth: auto i;\n\t\t\t}\n\t\t\t/* Subs, Links */\n\t\t\t._2MgAHlPDdKvXiG-Qbz5cbC {\n\t\t\t\tpadding: 0 i;\n\t\t\t}\n\t\t\t/* Tag 'A' Subs and Links */\n\t\t\t._2MgAHlPDdKvXiG-Qbz5cbC {\n\t\t\t\tpadding: 5px 10px i;\n\t\t\t}\n\t\t\t/* Image Subs and Links */\n\t\t\t._34CfAAowTqdbNDYXz5tBTW._3HTtcITrR-crvsRovLrijl[role=\"presentation\"] {\n\t\t\t\theight: 25px i;\n\t\t\t\twidth: 25px i;\n\t\t\t}\n\t\t\t/* SubBar show only subs */\n\t\t\t._3k3RwDkEsbX50bb-DBvuWj > a:not([id^=\"focus-subt\"],\n\t\t\t[id=\"focus-NotificationsInbox\"]),\n\t\t\t._2XRPX11qL4-HxWPuHAzOW5 {\n\t\t\t\tdisplay: none i;\n\t\t\t}\n\t\t}\n\t\t/* Sidebar and Section Container */\n\t\t._1nxEQl5D2Bx2jxDILRHemb._3x1dyL19KnZ4kI6i9TlRp4 {\n\t\t\tpadding-left: 45px i;\n\t\t}\n\t}\n\tif subBar=='Blossom' {\n\t\t._20fGT0XJD3MvX9yBsVeKMn {\n\t\t\tclip-path: polygon(0% 0%, 0 40%, 5% 50%, 0 60%, 0% 100%) i;\n\t\t\ttransition: .15s ease i;\n\t\t\t&:hover {\n\t\t\t\tclip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%) i;\n\t\t\t\tleft: 0 i;\n\t\t\t}\n\t\t}\n\t\t#AppRouter-main-content {\n\t\t\tpadding-left: 13.5px i;\n\t\t}\n\t}\n\tif subBar=='Width' {\n\t\t._20fGT0XJD3MvX9yBsVeKMn {\n\t\t\tclip-path: polygon(0 0, 10% 0, 10% 100%, 0% 100%);\n\t\t\ttransition: .15s ease;\n\t\t\t&:hover {\n\t\t\t\tclip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\n\t\t\t}\n\t\t}\n\t\t#AppRouter-main-content {\n\t\t\tpadding-left: 27px i;\n\t\t}\n\t}\n\tif subBar=='CompactV2' {\n\t\tsidebarCV2()\n\t}\n\tif subBar=='CompactV2H' {\n\t\t/* Sidebar */\n\t\t._20fGT0XJD3MvX9yBsVeKMn {\n\t\t\tflex-wrap: wrap i;\n\t\t}\n\t\t/* Sidebar Hover */\n\t\t._20fGT0XJD3MvX9yBsVeKMn:hover {\n\t\t\theight: max-content i;\n\t\t}\n\t\tsidebarCV2()\n\t}\n\t/* Minmize Navbar */\n\tif subBar=='Minimize'||subBar=='Compact' {\n\t\t._2GyPfdsi-MbQFyHRECo9GO {\n\t\t\ttop: - navbarShowing i;\n\t\t\ttransition: .2s ease;\n\n\t\t\t&:hover,\n\t\t\t&:focus-within {\n\t\t\t\ttop: 0px i;\n\t\t\t}\n\t\t}\n\n\t\t#AppRouter-main-content {\n\t\t\ttop: - navbarShowing i;\n\t\t\tposition: relative i;\n\t\t}\n\t\t.e8fTXufFydLy7wHBm6rHP:has(> [src^=\"/message/unread\"]) {\n\t\t\tposition: fixed i;\n\t\t\tleft: 30px i;\n\t\t}\n\t\t#overlayScrollContainer {\n\t\t\ttop: - navbarShowing i;\n\t\t}\n\n\t\t._20fGT0XJD3MvX9yBsVeKMn {\n\t\t\ttop: 49 - navbarShowing i;\n\t\t}\n\t}\n\telse if subBar=='CompactV2'||subBar=='CompactV2H' {\n\t\tbody:has(._20fGT0XJD3MvX9yBsVeKMn) ._2GyPfdsi-MbQFyHRECo9GO {\n\t\t\ttop: 18px - navbarShowing i;\n\t\t\ttransition: .2s ease;\n\n\t\t\t&:hover,\n\t\t\t&:focus-within {\n\t\t\t\ttop: 18px i;\n\t\t\t}\n\t\t}\n\t\t#AppRouter-main-content {\n\t\t\ttop: - navbarShowing i;\n\t\t\tposition: relative i;\n\t\t}\n\t\t#overlayScrollContainer {\n\t\t\ttop: - navbarShowing i;\n\t\t}\n\t\t._20fGT0XJD3MvX9yBsVeKMn {\n\t\t\ttop: 0 !important;\n\t\t}\n\t}\n\t/* Old Logo */\n\tif useOlLogo {\n\t\t._30BbATRhFv3V83DHNDjJAO {\n\t\t\tbackground-image: url('https://raw.githubusercontent.com/zenstorage/others/main/reddit.webp') i;\n\t\t\tbackground-position: left i;\n\t\t\tbackground-size: 80% i;\n\t\t\tbackground-repeat: no-repeat i;\n\t\t\t& svg {\n\t\t\t\topacity: 0 i;\n\t\t\t}\n\t\t}\n\t}\n\t/* No break line of Sub in search bar*/\n\tif noBreakLineSub {\n\t\t.XuI5nsPhP6eDNKSKFz-e4 {\n\t\t\twidth: max-content i;\n\t\t}\n\t}\n\tif subBarAltBgk!='#00000000' {\n\t\t._3k3RwDkEsbX50bb-DBvuWj > a:nth-of-type(odd) {\n\t\t\tbackground-color: subBarAltBgk i;\n\t\t}\n\t}\n\t/* Box Shadow to Navbar */\n\tif navbarBoxShadow {\n\t\t._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp {\n\t\t\tbox-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12) i;\n\t\t}\n\t}\n\t/* Minimize Right Sidebar */\n\tif hRightSidebar {\n\t\tif rRightSidebar=='1'||rRightSidebarS=='1' {}\n\t\telse {\n\t\t\t._3Kd8DQpBIbsr5E1JcrMFTY {\n\t\t\t\tposition: absolute i;\n\t\t\t\tright: -270px i;\n\t\t\t\tmargin: 0 i;\n\t\t\t\ttransition: .2s ease i;\n\t\t\t\tz-index: 4 i;\n\n\t\t\t\t&:hover {\n\t\t\t\t\ttransform: translateX(-275px);\n\t\t\t\t}\n\t\t\t}\n\t\t\t._1OVBBWLtHoSPfGCRaPzpTf {\n\t\t\t\tmargin-right: 42px i;\n\t\t\t}\n\t\t\tbody {\n\t\t\t\toverflow-x: hidden i;\n\t\t\t}\n\t\t}\n\t}\n\t/* Width dropdown subbar */\n\t._3jiriKeNer8y0-1r6oWIFM._3rS8YTDjcT7fs0k9W4rxDG[role=\"navigation\"] {\n\t\twidth: widthSubNav;\n\t}\n\t/* Sort Posts */\n\tif sortPosts=='Default' {}\n\telse if sortPosts=='Remove' {\n\t\t.wBtTDilkW_rtT2k5x3eie {\n\t\t\tdis();\n\t\t}\n\t}\n\telse if sortPosts=='Sticky' {\n\t\tif subBar=='CompactV2'||subBar=='CompactV2H' {\n\t\t\t.wBtTDilkW_rtT2k5x3eie {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: 18px + 48 - navbarShowing i;\n\t\t\t\tz-index: 999 i;\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\t.wBtTDilkW_rtT2k5x3eie {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: 48px - navbarShowing i;\n\t\t\t\tz-index: 999 i;\n\t\t\t}\n\t\t}\n\t}\n\t/* Community Header Align */\n\tif cAlignment=='Left' {\n\t\t._3JDs8KEQIXSMn1bTF2ZqJ_ {\n\t\t\tmax-width: max-content i;\n\t\t\tmargin-left: 10px i;\n\t\t}\n\t\t._2RkQc9Gtsq3cPQNZLYv4zc {\n\t\t\tjustify-content: left i;\n\t\t}\n\t}\n\telse if cAlignment=='Center' {\n\t\t._3JDs8KEQIXSMn1bTF2ZqJ_ {\n\t\t\tmax-width: max-content i;\n\t\t}\n\t\t._2RkQc9Gtsq3cPQNZLYv4zc {\n\t\t\tjustify-content: center i;\n\t\t}\n\t}\n\telse if cAlignment=='Right' {\n\t\t._3JDs8KEQIXSMn1bTF2ZqJ_ {\n\t\t\tmax-width: max-content i;\n\t\t\tmargin-right: 10px i;\n\t\t}\n\t\t._2RkQc9Gtsq3cPQNZLYv4zc {\n\t\t\tjustify-content: right i;\n\t\t}\n\t}\n\tif cAlignment=='Left'||cAlignment=='Center'||cAlignment=='Right' {\n\t\t._2RkQc9Gtsq3cPQNZLYv4zc {\n\t\t\twidth: 100% i;\n\t\t\tmax-width: unset i;\n\t\t\tdis(flex)\n\t\t}\n\t}\n\t/* FONT POST TITLE */\n\t._2SdHzo12ISmrC8H86TgSCp._29WrubtjAcKqzJSPdQqQ4h,\n\t._2SdHzo12ISmrC8H86TgSCp._3wqmjmv3tb_k-PROt7qFZe {\n\t\tfont-size: fontTitle i;\n\t}\n\t/* FONT POST P, COMMENTS */\n\t._2rszc84L136gWQrkwH6IaM ._1qeIAgB0cPwnLhDF9XSiJM,\n\t._292iotee39Lmt0MkQZ2hPV {\n\t\tfont-size: fontParagraph i;\n\t}\n\t/* Player Colors */\n\tif pSliderColor!='#fff' {\n\t\t._3fnsfWuIyofBJBBCbeOZzM,\n\t\t._2MDmJfq0z5K-d2xH--GnRU {\n\t\t\tbackground-color: pSliderColor i;\n\t\t}\n\t\tshreddit-player {\n\t\t\t--slider-fg: pSliderColor i;\n\t\t}\n\t}\n\tif pSliderColorV!='#fff3' {\n\t\tshreddit-player {\n\t\t\t--volume-slider-bg: pSliderColorV i;\n\t\t}\n\t}\n\tif pSliderColorR!='#434343' {\n\t\t._169ZVSyFxp9z4y1H0OYA7w {\n\t\t\tbackground-color: pSliderColorR i;\n\t\t}\n\t\tshreddit-player {\n\t\t\t--time-slider-bg: pSliderColorR i;\n\t\t}\n\t}\n\tif pIconsColor!='#fff' {\n\t\tshreddit-player {\n\t\t\t:host {\n\t\t\t\t& .slider-track-fill,\n\t\t\t\t& .slider-thumb {\n\t\t\t\t\tbackground: pIconsColor i;\n\t\t\t\t}\n\t\t\t\t& .text-white {\n\t\t\t\t\tcolor: pIconsColor i;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tif pSliderColor!='#fff' {\n\t\t.vjs-play-progress,\n\t\t.vjs-volume-level {\n\t\t\tbackground-color: pSliderColor i;\n\t\t\t&::before {\n\t\t\t\tcolor: pSliderColor i;\n\t\t\t}\n\t\t}\n\t}\n\t/* Title Transform */\n\t._2SdHzo12ISmrC8H86TgSCp,\n\t._3cjCphgls6DH-irkVaA0GM {\n\t\ttext-transform: textTransform i;\n\t}\n\t/* Hide Icons Label */\n\tif iconNoLabel=='Hide'||iconNoLabel=='Hide-C' {\n\t\t/* Labels Icons */\n\t\ta.M2Hk_S2yvXpsNPfZMBMur > span {\n\t\t\tdis();\n\t\t}\n\t\t.icon:not(.icon-karma_fill) + span:not(._2aqH0n-kSzFY7HZZ5GL-Jb,\n\t\t._1nBP1OfpQDgTmzRFqaVult,\n\t\t[class=\"\"]) {\n\t\t\tdis();\n\t\t}\n\t\t.pthKOcceozMuXLYrLlbL1 + ._2-cXnP74241WI7fpcpfPmg {\n\t\t\tdis();\n\t\t}\n\t\t.U2iuzTD5-OeYSFP8fg9ky > ._1F02c6Yw0dfhdWwl99UrYn > i {\n\t\t\tdis();\n\t\t}\n\t\t/* Icons */\n\t\t.icon:not(.icon-home_fill,\n\t\t.icon-side_menu,\n\t\t._3CG2U_hX3HI-ibl5v2RCq1,\n\t\t.icon-text_post,\n\t\t.icon-community,\n\t\t.icon-notification) {\n\t\t\tpadding: 0 i;\n\t\t\tmargin: 0 i;\n\t\t}\n\t\t.pthKOcceozMuXLYrLlbL1 {\n\t\t\tmargin: 0 i;\n\t\t}\n\t\t/* Icons Container */\n\t\t._3RzIwmCawx9KWuyuEKa-3s {\n\t\t\tmin-width: auto i;\n\t\t}\n\t\t._1muOrgIRB6t41qDocDiXul {\n\t\t\tpadding: 8px i;\n\t\t}\n\t\t._1F02c6Yw0dfhdWwl99UrYn._1F02c6Yw0dfhdWwl99UrYn {\n\t\t\twidth: auto i;\n\t\t}\n\t\t._2uYY-KeuYHKiwl-9aF0UiL {\n\t\t\tmin-width: auto i;\n\t\t}\n\t\t/* Share Comments */\n\t\t._374Hkkigy4E4srsI2WktEd {\n\t\t\tfont-size: 0 i;\n\t\t}\n\t\t[id*='comment-share-menu'] {\n\t\t\tz-index: 5 i;\n\t\t}\n\t\t[id*='comment-share-menu']::before {\n\t\t\tcontent: \"\\f282\" i;\n\t\t\tz-index: -1 i;\n\t\t\tfont-size: 20px i;\n\t\t\tline-height: 18px i;\n\t\t\twidth: 20px i;\n\t\t\theight: 20px i;\n\t\t\tfont-family: redesignFont2020 i;\n\t\t\tposition: absolute i;\n\t\t\tpadding: 6px 4px i;\n\t\t}\n\t\t._374Hkkigy4E4srsI2WktEd {\n\t\t\tmin-width: 28px i;\n\t\t\tmin-height: 32px i;\n\t\t}\n\t\t/* Popup Over Share */\n\t\t._2uYY-KeuYHKiwl-9aF0UiL {\n\t\t\tz-index: 6 i;\n\t\t}\n\t\t/* More Align */\n\t\t._1oAH8WzvQU6SeYEsM1msMu .icon-overflow_horizontal::before {\n\t\t\tvertical-align: middle i;\n\t\t}\n\t}\n\tif iconNoLabel=='Hide-C' {\n\t\t/* Labels Icons Sort Post */\n\t\ta.M2Hk_S2yvXpsNPfZMBMur {\n\t\t\tmax-width: unset i;\n\t\t\theight: 36px i;\n\t\t\t> span {\n\t\t\t\tdis(unset);\n\t\t\t}\n\t\t}\n\t\ta.M2Hk_S2yvXpsNPfZMBMur:not(._1s79QnBguPbckxiiPvFXGP) {\n\t\t\tmax-width: 36px i;\n\t\t\t> .icon {\n\t\t\t\tpadding-right: 0 i;\n\t\t\t}\n\t\t}\n\t\t._1s79QnBguPbckxiiPvFXGP > .icon {\n\t\t\tpadding-right: 8px i;\n\t\t}\n\t}\n\t/* Buttons Vote Style */\n\tif voteStyle=='Remove' {\n\t\t._23h0-EcaBUorIHC-JZyh6J,\n\t\t._15Igkrvvp7jIfVHt0eKzFd,\n\t\t._2oM1YqCxIwkvwyeZamWwhW {\n\t\t\tdis();\n\t\t}\n\t}\n\tif voteStyle=='Material'||voteStyle=='Material-Alt'||voteStyle=='Material-AltD'||voteStyle=='Material-C' {\n\t\t:is(.icon-upvote,\n\t\t.icon-upvote_fill,\n\t\t.icon-downvote,\n\t\t.icon-downvote_fill)::before {\n\t\t\tfont-family: Material Symbols Outlined i;\n\t\t}\n\t}\n\tif voteStyle=='Filled' {\n\t\tvotesStyle(\"\\f34f\", \"\\f198\")\n\t}\n\tif voteStyle=='Outline' {\n\t\tvotesStyle(\"\\f34e\", \"\\f197\")\n\t}\n\tif voteStyle=='Arrow-Alt' {\n\t\tvotesStyle(\"\\F34A\", \"\\F193\")\n\t}\n\tif voteStyle=='Double-Arrow' {\n\t\tvotesStyle(\"\\F1DA\", \"\\F1D8\")\n\t}\n\tif voteStyle=='Arrow-S-OF' {\n\t\tvotesStyle(\"\\F27E\", \"\\F27E\", \"\\F27F\", \"\\F27F\", , -90deg, 90deg)\n\t}\n\tif voteStyle=='Arrow-S-Outline' {\n\t\tvotesStyle(\"\\F27E\", \"\\F27E\", , , , -90deg, 90deg)\n\t}\n\tif voteStyle=='Arrow-S-Filled' {\n\t\tvotesStyle(\"\\F27F\", \"\\F27F\", , , , -90deg, 90deg)\n\t}\n\tif voteStyle=='Arrow-R-OF' {\n\t\tvotesStyle(\"\\F235\", \"\\F235\", \"\\F236\", \"\\F236\", , -90deg, 90deg)\n\t}\n\tif voteStyle=='Arrow-R-Outline' {\n\t\tvotesStyle(\"\\F235\", \"\\F235\", , , , -90deg, 90deg)\n\t}\n\tif voteStyle=='Arrow-R-Filled' {\n\t\tvotesStyle(\"\\F236\", \"\\F236\", , , , -90deg, 90deg)\n\t}\n\tif voteStyle=='Correct-Incorrect' {\n\t\tvotesStyle(\"\\F150\", \"\\F156\")\n\t}\n\tif voteStyle=='Material' {\n\t\tvotesStyle(\"\\e5d8\", \"\\e5db\")\n\t}\n\tif voteStyle=='Material-Alt' {\n\t\tvotesStyle(\"\\e316\", \"\\e313\", , , 1.4)\n\t}\n\tif voteStyle=='Material-AltD' {\n\t\tvotesStyle(\"\\eacf\", \"\\ead0\", , , 1.4)\n\t}\n\tif voteStyle=='Material-C' {\n\t\tvotesStyle(\"\\f182\", \"\\f181\", , , 1.4)\n\t}\n\t/* UPVOTE, DOWNVOTE */\n\tif upVoteColor!='#ff4500' {\n\t\t.icon-upvote_fill::before,\n\t\t.icon-upvote:hover {\n\t\t\tcolor: upVoteColor i;\n\t\t}\n\t\t._2oM1YqCxIwkvwyeZamWwhW:has(.icon.icon-upvote_fill) ._25IkBM0rRUqWX5ZojEMAFQ {\n\t\t\tcolor: upVoteColor i;\n\t\t}\n\t\t._1E9mcoVn4MYnuBQSVDt1gC:has(.icon.icon-upvote_fill) ._3a2ZHWaih05DgAOtvu6cIo {\n\t\t\tcolor: upVoteColor i;\n\t\t}\n\t}\n\tif downVoteColor!='#7193ff' {\n\t\t.icon-downvote_fill::before,\n\t\t.icon-downvote:hover {\n\t\t\tcolor: downVoteColor i;\n\t\t}\n\t\t._2oM1YqCxIwkvwyeZamWwhW:has(.icon.icon-downvote_fill) ._25IkBM0rRUqWX5ZojEMAFQ {\n\t\t\tcolor: downVoteColor i;\n\t\t}\n\t\t._1E9mcoVn4MYnuBQSVDt1gC:has(.icon.icon-downvote_fill) ._3a2ZHWaih05DgAOtvu6cIo {\n\t\t\tcolor: downVoteColor i;\n\t\t}\n\t}\n\t/* Notifications Box Background */\n\t._3fRnnkCBwqAZG6nmxhTKHr {\n\t\tbox-shadow: unset i;\n\t}\n\t/* TRANSITIONS WIDE POSTS */\n\t._1BJGsKulUQfhJyO19XsBph,\n\t._3nSp9cdBpqL13CqjdMr2L_ {\n\t\ttransition: 0.15s ease;\n\t}\n\t/* Overlay Comments Posts */\n\tif oCommentsPost {\n\t\tbody {\n\t\t\toverflow: auto i;\n\t\t}\n\t\t._2DJXORCrmcNpPTSq0LqL6i {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Nsfw results search bar */\n\tif nsfwResults {\n\t\t._1f4QVsU6jdEkvigYTcqIG7[data-testid=\"typeahead_nsfw_toggle\"],\n\t\t._2LJ9gkn2k4DlHhF8C1QhF6:has(._1wzhGvvafQFOWAyA157okr) {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Skeletor loading */\n\tif skeleton {\n\t\t._2XRPX11qL4-HxWPuHAzOW5:not([role=\"heading\"]),\n\t\t.fzTkuBRFT8iIn1XnJX_Yn._34yMY7-6MNnz3utfjExvIq {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Post with image */\n\tif postWImages {\n\t\t._3Qkp11fjcAw9I9wtLo8frE:has(._2_tDEnGMLxpM6uOa2kaDB3) {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Post with video */\n\tif postWVideo {\n\t\t._3Qkp11fjcAw9I9wtLo8frE:has(shreddit-player) {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Coss post */\n\tif rCrossPost {\n\t\t.rpBJOHq2PR60pnwJlUyP0 > div:has(._2ED-O3JtIcOqp8iIL1G5cg) {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Suggested Posts */\n\tif suggestedPosts {\n\t\t._3Qkp11fjcAw9I9wtLo8frE:has(.nAL34ZVf4KfyEoZIzUgmN) {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Reddit Logo */\n\tif logo {\n\t\t._30BbATRhFv3V83DHNDjJAO {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Back to Top */\n\tif toTop {\n\t\t._3Tc8YYRhVDX9vlR0XePZfH {\n\t\t\tdis();\n\t\t}\n\t}\n\tif title {\n\t\t.y8HYJ-y_lTUHkQIc1mdCq {\n\t\t\tdis();\n\t\t}\n\t}\n\tif trending {\n\t\t#TrendingPostsContainer {\n\t\t\tdis();\n\t\t}\n\t}\n\tif trendingS {\n\t\t._3LzqitwwvqMy0VShIuQwvX,\n\t\t._3LzqitwwvqMy0VShIuQwvX ~ [href*=\"source=trending\"] {\n\t\t\tdis();\n\t\t}\n\t}\n\tif viewFullImage {\n\t\t._3hUbl08LBz2mbXjy0iYhOS,\n\t\t._3b8u2OJXaSDdBWoRB7zUoK {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Popular */\n\tif popular {\n\t\t._3dZnYgFFpifT-M_Vs2FAq6[href=\"/r/popular/\"] {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Coins */\n\tif coins {\n\t\tspan._3dZnYgFFpifT-M_Vs2FAq6 {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Container popular and coins */\n\tif coins=='1' && popular=='1' {\n\t\t.x0hiXHicn7r3BG9m1FJH4 {\n\t\t\tdis();\n\t\t}\n\t}\n\t#change-username-tooltip-id {\n\t\tgap: 8px i;\n\t\t> * {\n\t\t\tmargin: 0 i;\n\t\t\t&:empty {\n\t\t\t\tdis();\n\t\t\t}\n\t\t}\n\t\t/* Moderator */\n\t\tif moderator {\n\t\t\t> ._2zZ-KGHbWWqrwGlHWXR90y:has(.icon-mod) {\n\t\t\t\tdis();\n\t\t\t}\n\t\t}\n\t\t/* Chat */\n\t\tif chat {\n\t\t\t[data-testid=\"reddit-chat-button\"] {\n\t\t\t\tdis();\n\t\t\t}\n\t\t}\n\t\t/* Notifications */\n\t\tif notifications {\n\t\t\t> ._2zZ-KGHbWWqrwGlHWXR90y:has(.icon-notification) {\n\t\t\t\tdis();\n\t\t\t}\n\t\t}\n\t\t/* Create Post */\n\t\tif createPostNav {\n\t\t\t> ._2zZ-KGHbWWqrwGlHWXR90y:has(.icon-add) {\n\t\t\t\tdis();\n\t\t\t}\n\t\t}\n\t\t/* Advertise */\n\t\tif advertise {\n\t\t\t> ._2zZ-KGHbWWqrwGlHWXR90y._2I12Htze2UzJmmfnrgYJOn._1dBtowHdRHcGyLbVEaOL8t {\n\t\t\t\tdis();\n\t\t\t}\n\t\t}\n\t}\n\t/* Left Dropwdown */\n\t.XEkFoehJNxIH9Wlr5Ilzd._3Av66iQf7_N4Z-XZxsek76 {\n\t\tbackground-color: rgba(10, 10, 10, 0.4) i;\n\t}\n\t/* Navbar Seach Bar */\n\t#header-search-bar {\n\t\tbackground: none i;\n\t}\n\t.h-jI8r2f9ozTNqu_2TBeY {\n\t\tbackground: none i;\n\t}\n\t/* Notifications Back */\n\t#INBOX--TOOLTIP *:not([role=\"button\"],\n\t._3smo-GSstogGTGh6ArpwI0,\n\t._3mUSJN4kdLCGjq-K-JLJw._2n4UrzwZ3VBdRmFUYAHF_9._3ds5pVvIyBrh1GgQ2O7AFd,\n\t._8INvnNiEMHRndJ0M-LiY) {\n\t\tbackground: none i;\n\t}\n\t/* Dropdown Notifications */\n\t._27rjoZBkLhiqLLjBu-xU_p,\n\t.icon._3pDOQfbIbQuT4PBwPGp85E {\n\t\t/* \t\tcolor: #d7dadc; */\n\t}\n\t._2VDnxV3G5ZvEDq10Z-_fM9 {\n\t\t/* \t\tcolor: rgb(198, 202, 204); */\n\t}\n\t/* Reddit, Inc. */\n\t._1vYrJH5uc57mZQJPN4l34E,\n\t._2XCnMY85ivEZUL6cAgK0nV {\n\t\tdis();\n\t}\n\t/* Reddit Premium */\n\t[data-testid=\"frontpage-sidebar\"] div._2vEf-C2keJaBMY9qk_BxVn:nth-child(1) {\n\t\tdis();\n\t}\n\t/* Reddit Premium Sibling */\n\t[data-testid=\"frontpage-sidebar\"] div._2vEf-C2keJaBMY9qk_BxVn:nth-child(2) {\n\t\tmargin-top: 0 i;\n\t}\n\t/* Empty Results in Search*/\n\t._3wwag2ZgVLfNKLCuEuXF7h {\n\t\tdis();\n\t}\n\t/* Dropdown */\n\tif dropdown {\n\t\t.header-user-dropdown {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Status Online */\n\tif statusOn {\n\t\t._2uYY-KeuYHKiwl-9aF0UiL > div:nth-child(1) > div:nth-child(2) > button:nth-child(1) {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Profile */\n\tif profile {\n\t\t.NiNJXib52w4C8FUidB5af[href^='/user/'] {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Avatar Personalize*/\n\tif avatarP {\n\t\t.NiNJXib52w4C8FUidB5af[href^='/user/'] + * {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* User Config*/\n\tif userConfig {\n\t\t.NiNJXib52w4C8FUidB5af[href='/settings/'] {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* REMOVE DIV WITH MINHAS COISAS */\n\tif userConfig=='1' && avatarP=='1' && profile=='1' && statusOn=='1' {\n\t\tdiv._1pjbWqnK8P0fDmz8PgLxXY:nth-child(1) > span:nth-child(1),\n\t\tdiv._1pjbWqnK8P0fDmz8PgLxXY:nth-child(1) {\n\t\t\tdis();\n\t\t}\n\t\t._2uYY-KeuYHKiwl-9aF0UiL > div:nth-child(1) > div:nth-child(2),\n\t\t._2uYY-KeuYHKiwl-9aF0UiL {\n\t\t\tpadding: 0 i;\n\t\t}\n\t}\n\t/* Dark Mode Dropdown */\n\tif dDarkM {\n\t\tdiv._1pjbWqnK8P0fDmz8PgLxXY:nth-child(3),\n\t\t._2uYY-KeuYHKiwl-9aF0UiL > div:nth-child(1) > div:nth-child(4) {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Create Community Dropdown */\n\tif cComunity {\n\t\t._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu:has(.icon-community) {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Advertise Dropdown */\n\tif dAdvertise {\n\t\t._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu:has(.icon-topic_activism) {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Premium Dropdown*/\n\tif dPremium {\n\t\t._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu[href='/premium'] {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Explore Dropdown */\n\tif dExplore {\n\t\t._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu:has(.icon-discover) {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Help Center Dropdown */\n\tif helpCenter {\n\t\t._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu[href^='https://www.reddithelp.com/hc/'] {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* More Dropdown */\n\tif dMore {\n\t\t._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu:has(.icon-info) {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Policies Dropdown */\n\tif dPolicies {\n\t\t._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu:has(.icon-rules),\n\t\t._27B2PE8qRdRlQHbzPBidG6 {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Exit Dropdown */\n\tif dExit {\n\t\t._3fbofimxVp_hpVM6I1TGMS.GCltVwsXPu5lE-gs4Nucu:has(.icon-logout) {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Create Post */\n\tif createPost {\n\t\t._2jJNpBqXMbbyOiGCElTYxZ {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Profile Tooltip Hover */\n\tif profileHover {\n\t\t._1sbZnfdaxhCOFVUCJ3Z75m {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Subreddit Tooltip Hover */\n\tif subHover {\n\t\t.cwnB_XN2JIEYp4vZcMrLM {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Vote Arrows Comments */\n\tif voteArrowsC {\n\t\t._1ewTEGuogtFmDvDII2T2Yy {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Vote Arrows in Post*/\n\tif voteArrowsP {\n\t\t._23h0-EcaBUorIHC-JZyh6J,\n\t\t.K4Eem3pMbRbAYioOfqN5E ._2oM1YqCxIwkvwyeZamWwhW {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Subreddit Icons in Post */\n\tif iconsSubsP {\n\t\t._1WX5Y5qFVBTdr6hCPpARDB,\n\t\t.icon._1WX5Y5qFVBTdr6hCPpARDB {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Date Sent */\n\tif dateSentP {\n\t\t.nU4Je7n-eSXStTBAPMYt8 ._2mHuuvyV9doV3zwbZPtIPG:has([href^='/r/']) ~ * {\n\t\t\t/* \t\t\tdis(); */\n\t\t}\n\t\t._3V4xlrklKBP2Hg51ejjjvz,\n\t\t._2fCzxBE1dlMh4OFc7B3Dun,\n\t\t._2mHuuvyV9doV3zwbZPtIPG:has([href^='/user/']),\n\t\t._2VF2J19pUIMSLJFky-7PEI {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Remove Comments, Share, ... */\n\tif bottomBar {\n\t\t._1ixsU4oQRnNfZ91jhBU74y,\n\t\t._3-miAEojrCvx_4FQ8x3P-s,\n\t\t.P8SGAKMtRxNwlmLz1zdJu.HZ-cv9q391bm8s7qT54B3 ._2_lhaFUJdP8q0o2L9MN2TN {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Filter in Images, Images in List, Gifs */\n\t._2_tDEnGMLxpM6uOa2kaDB3._1XWObl-3b9tPy64oaG6fax,\n\t._1dwExqTGJH2jnA-MYGkEL-,\n\t.tErWI93xEKrI2OkozPs7J {\n\t\tfilter: grayscale(iGrayscale) sepia(iSepia) blur(iBlur) brightness(iBrightness) hue-rotate(iHue) saturate(iSaturate) opacity(iOpacity) contrast(iContrast) invert(iInvert) i;\n\t\ttransform: rotate(iRotate) i;\n\t}\n\tif rTopInfos {\n\t\t._14-YvdFiW5iVvfe5wdgmET {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Flairs */\n\tif rFlairs {\n\t\t._2xu1HuBz1Yx6SP10AGVx_I {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Bloat Divs Empty in Section*/\n\t.rpBJOHq2PR60pnwJlUyP0 > div[style='height: 10px;'] {\n\t\tdis();\n\t}\n\tif mediaHide=='Videos' || mediaHide=='Both' {\n\t\t/* Video Container */\n\t\t._3JgI-GOrkmyIeDeyzXdyUD:has(media-telemetry-observer),\n\t\t[data-isvideoplayer=\"1\"] {\n\t\t\tfilter: brightness(0);\n\t\t\ttransition: 0.15s ease;\n\t\t}\n\n\t\t/* Video Container Hover */\n\t\t._3JgI-GOrkmyIeDeyzXdyUD:has(media-telemetry-observer):hover,\n\t\t[data-isvideoplayer=\"1\"]:hover {\n\t\t\tfilter: unset;\n\t\t}\n\t}\n\t/* Photos/Videos Hide in Post */\n\tif mediaHide=='Photos' || mediaHide=='Both' {\n\t\t/* Image Container */\n\t\t._3Oa0THmZ3f5iZXAQ0hBJ0k > div:has(._2_tDEnGMLxpM6uOa2kaDB3) {\n\t\t\tfilter: brightness(0);\n\t\t\ttransition: 0.15s ease;\n\t\t}\n\n\t\t/* Image Container Hover */\n\t\t._3Oa0THmZ3f5iZXAQ0hBJ0k > div:has(._2_tDEnGMLxpM6uOa2kaDB3):hover {\n\t\t\tfilter: unset;\n\t\t}\n\t}\n\t/* Border img/gif in posts */\n\tif mediaBorder {\n\t\t/* Gifs */\n\t\t.tErWI93xEKrI2OkozPs7J,\n\t\t._1dwExqTGJH2jnA-MYGkEL-[src*=\".gif\"] {\n\t\t\tborder: 1px solid gifBorder i;\n\t\t}\n\t\t/* Images */\n\t\t._2_tDEnGMLxpM6uOa2kaDB3,\n\t\t._1dwExqTGJH2jnA-MYGkEL-:is([src*=\".png\"],\n\t\t[src*=\".jpg\"]) {\n\t\t\tborder: 1px solid imgBorder i;\n\t\t}\n\t}\n\t/* Border Radius in Images */\n\t._2_tDEnGMLxpM6uOa2kaDB3._1XWObl-3b9tPy64oaG6fax,\n\t._1dwExqTGJH2jnA-MYGkEL-,\n\t.tErWI93xEKrI2OkozPs7J {\n\t\tborder-radius: imageBorderRadius i;\n\t}\n\t/* Image album */\n\tif albumStyle=='Scroll-Y' {\n\t\t.KVyBaj7FjzElWsqJDmw7v ._28TEYBuEdOuE3kN6UyoKMa {\n\t\t\tposition: unset i;\n\t\t\tscroll-snap-align: albumAlign i;\n\t\t}\n\t\t._1apobczT0TzIKMWpza0OhL {\n\t\t\toverflow-y: scroll i;\n\t\t\toverscroll-behavior: contain i;\n\t\t\tscroll-snap-type: y albumType i;\n\t\t}\n\t\t._1apobczT0TzIKMWpza0OhL ~ a {\n\t\t\t/* \t\t\tdis(); */\n\t\t\topacity: 0.15;\n\t\t}\n\t}\n\tif albumStyle=='Scroll-X' {\n\t\t.KVyBaj7FjzElWsqJDmw7v ._28TEYBuEdOuE3kN6UyoKMa {\n\t\t\tposition: unset i;\n\t\t\tscroll-snap-align: albumAlign i;\n\t\t\tmin-width: 100% i;\n\t\t}\n\t\t._1apobczT0TzIKMWpza0OhL {\n\t\t\toverflow-x: scroll i;\n\t\t\toverscroll-behavior: contain i;\n\t\t\tscroll-snap-type: x albumType i;\n\t\t\tdis(flex);\n\t\t\tflex-direction: row i;\n\t\t}\n\t\t._1apobczT0TzIKMWpza0OhL ~ a {\n\t\t\t/* \t\t\tdis(); */\n\t\t\topacity: 0.15;\n\t\t}\n\t}\n\t/* Switch Bkg Color|Radius|Rotate */\n\t._2e2g485kpErHhJQUiyvvC2[aria-checked=\"true\"] {\n\t\tbackground-color: switchColorOn i;\n\t}\n\t._2e2g485kpErHhJQUiyvvC2[aria-checked=\"false\"] {\n\t\tbackground-color: switchColorOff i;\n\t}\n\t/* Slider Color|Radius */\n\t._2FKpII1jz0h6xCAw1kQAvS {\n\t\tbackground-color: sliderColor i;\n\t\tborder-radius: sliderBRadius i;\n\t}\n\t._2e2g485kpErHhJQUiyvvC2 {\n\t\tborder-radius: switchBRadius i;\n\t\ttransform: rotate(switchRotate) i;\n\t}\n\t/* Hide posts with words. Modified from Twitch Compact Left Panel */\n\ttitle='';\n\tfor w in postHide {\n\t\ttitle = title + '.SQnoC3ObvgnGjWt90zD9Z[href*=' + w + ' i],'\n\t}\n\tif postHideL=='Blacklist' {\n\t\t\tif postHide!='Word1, Word2' {\n\t\t\t.rpBJOHq2PR60pnwJlUyP0 > div:has(:is({title})) {\n\t\t\t\tdis();\n\t\t\t}\n\t\t}\n\t}\n\tif postHideL=='Whitelist' {\n\t\t\tif postHide!='Word1, Word2' {\n\t\t\t.rpBJOHq2PR60pnwJlUyP0 > div:not(:has(:is({title}))) {\n\t\t\t\tdis();\n\t\t\t}\n\t\t}\n\t}\n\t/* Fira Code */\n\tif firaCode {\n\t\tpre,\n\t\tcode {\n\t\t\tfont-family: 'Fira Code', 'ui-monospace' i;\n\t\t}\n\t}\n /* Hide posts after */\n if hideAfter!=999999 {\n .rpBJOHq2PR60pnwJlUyP0 > *:nth-child({hideAfter}):has(.Post:not(.promotedlink)) ~ * {\n dis();\n }\n ._3tBFh6Ty3gSaxW4gcm6hZ_ {\n dis();\n }\n }\n\t/* Fix a tags with gifs */\n\tif fixGifsWidth {\n\t\t._2R6TbsJdSgxwd1OzbbrIjl > ._3t5uN8xUmg0TOwRCOGQEcU {\n\t\t\twidth: max-content i;\n\t\t}\n\t}\n\t/* Fixes the height of pinned posts on the profile page */\n\tif fixHeightPostFixed {\n\t\t.fuCmx3adjKY3tXA4Zfx2p {\n\t\t\tmin-height: 300px i;\n\t\t}\n\t}\n\t/* Fixes iframe bgk white */\n\tif fixIframeBgkWhite {\n\t\t#credential_picker_container {\n\t\t\tcolor-scheme: normal;\n\t\t}\n\t}\n\t/* Fixes iframe height cropped in posts */\n\tif fixIframeHeightPost {\n\t\t.STit0dLageRsa2yR4te_b:has(iframe.media-element) {\n\t\t\t& .m3aNC6yp8RrNM_-a0rrfa {\n\t\t\t\tmax-height: unset i;\n\t\t\t}\n\n\t\t\t& ._3gBRFDB5C34UWyxEe_U6mD {\n\t\t\t\tdisplay: none i;\n\t\t\t}\n\n\t\t\t& ._3JgI-GOrkmyIeDeyzXdyUD {\n\t\t\t\tposition: relative i;\n\t\t\t}\n\n\t\t\t& iframe.media-element {\n\t\t\t\theight: revert-layer i;\n\t\t\t}\n\t\t}\n\t}\n\t/* Comments use full width */\n\tif commentsFullWidth {\n\t\t._3tw__eCCe7j-epNCKGXUKk {\n\t\t\twidth: 100% i;\n\t\t\tmax-width: 100% i;\n\t\t}\n\t}\n\t/* Switch style */\n\tif switchStyle=='Default-E'||switchStyle=='Cartoon' {\n\t\t._2e2g485kpErHhJQUiyvvC2._1L5kUnhRYhUJ4TkMbOTKkI {\n\t\t\tdis(unset);\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2._1L5kUnhRYhUJ4TkMbOTKkI ._2FKpII1jz0h6xCAw1kQAvS {\n\t\t\ttransform: translateX(calc(35px - 19.5px - 1px)) i;\n\t\t}\n\t\t._2FKpII1jz0h6xCAw1kQAvS {\n\t\t\ttransition: .15s ease i;\n\t\t}\n\t}\n\tif switchStyle=='Checkbox' {\n\t\t._2e2g485kpErHhJQUiyvvC2._1asGWL2_XadHoBuUlNArOq {\n\t\t\theight: 18px i;\n\t\t\twidth: 18px i;\n\t\t\tborder-radius: 40% i;\n\t\t\ttransition: 0.1s ease i;\n\t\t}\n\n\t\t._2e2g485kpErHhJQUiyvvC2._1asGWL2_XadHoBuUlNArOq > * {\n\t\t\tdis();\n\t\t}\n\t}\n\tif switchStyle=='Checkbox-Alt' {\n\t\t._2e2g485kpErHhJQUiyvvC2._1asGWL2_XadHoBuUlNArOq {\n\t\t\theight: 18px i;\n\t\t\twidth: 18px i;\n\t\t\tborder-radius: 40% i;\n\t\t\ttransition: 0.1s ease i;\n\t\t}\n\n\t\t._2e2g485kpErHhJQUiyvvC2._1asGWL2_XadHoBuUlNArOq > * {\n\t\t\tdis();\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2[aria-checked=\"true\"]::before {\n\t\t\tcontent: '✓' i;\n\t\t\tcolor: lighten(switchColorOn, 80%);\n\t\t\tposition: absolute i;\n\t\t\ttop: 0 i;\n\t\t\tleft: 0 i;\n\t\t\tright: 0 i;\n\t\t\tbottom: 0 i;\n\t\t\tline-height: 16px i;\n\t\t}\n\t}\n\tif switchStyle=='SliderG' {\n\t\t._2FKpII1jz0h6xCAw1kQAvS {\n\t\t\ttransform: scale(1.25) i;\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2._1asGWL2_XadHoBuUlNArOq {\n\t\t\theight: 20px i;\n\t\t\twidth: 40px i;\n\t\t}\n\t}\n\tif switchStyle=='3D' {\n\t\t._2FKpII1jz0h6xCAw1kQAvS {\n\t\t\ttransform: translateY(-20%) i;\n\t\t\tbox-shadow: 0px 5px 0px 1px rgb(17, 17, 17) i;\n\t\t\toutline: 1.5px solid rgb(17, 17, 17) i;\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2 {\n\t\t\tborder: 1px solid rgb(17, 17, 17) i;\n\t\t}\n\t}\n\tif switchStyle=='2D' {\n\t\t._2e2g485kpErHhJQUiyvvC2 {\n\t\t\tborder-radius: 0 i;\n\t\t\tborder: 1px solid #000 i;\n\t\t\theight: 10px i;\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2 ._2FKpII1jz0h6xCAw1kQAvS {\n\t\t\tborder-radius: 0 i;\n\t\t\twidth: 12px i;\n\t\t\theight: 12px i;\n\t\t\tborder: 1px solid #000 i;\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2[aria-checked=\"false\"] ._2FKpII1jz0h6xCAw1kQAvS {\n\t\t\ttransform: translate(calc(12px - 8px), -9px) i;\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2[aria-checked=\"true\"] ._2FKpII1jz0h6xCAw1kQAvS {\n\t\t\ttransform: translate(calc(37px - 12px - 8px), -9px) i;\n\t\t}\n\t\t._2FKpII1jz0h6xCAw1kQAvS {\n\t\t\ttransition: .15s ease i;\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2 {\n\t\t\tdis(unset);\n\t\t}\n\t}\n\tif switchStyle=='Cartoon' {\n\t\t._2e2g485kpErHhJQUiyvvC2[aria-checked=\"true\"] ._2FKpII1jz0h6xCAw1kQAvS::after {\n\t\t\tcontent: 'on' i;\n\t\t\tpadding: 0 i;\n\t\t\tcolor: #000 i;\n\t\t\tfont-size: 12px i;\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2[aria-checked=\"false\"] ._2FKpII1jz0h6xCAw1kQAvS::after {\n\t\t\tcontent: 'off' i;\n\t\t\tpadding: 0 i;\n\t\t\tcolor: #000 i;\n\t\t\tfont-size: 12px i;\n\t\t}\n\t\t._2FKpII1jz0h6xCAw1kQAvS {\n\t\t\toutline: 1px solid #000 i;\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2 {\n\t\t\toutline: 1px solid #000 i;\n\t\t\tbox-shadow: 3px 3px 0 0 #000 i;\n\t\t}\n\t}\n\tif switchStyle=='Fill' {\n\t\t._2FKpII1jz0h6xCAw1kQAvS {\n\t\t\tdis();\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2[aria-checked=\"true\"] {\n\t\t\tbackground-color: switchColorOff i;\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2[aria-checked=\"false\"] {\n\t\t\tbox-shadow: inset 0px 0px 0px 0px sliderColor i;\n\t\t\ttransition: .15s ease i;\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2[aria-checked=\"true\"] {\n\t\t\tbox-shadow: inset 40px 0px 0px 0px sliderColor i;\n\t\t\ttransition: .15s ease i;\n\t\t}\n\t}\n\tif switchStyle=='Text' {\n\t\t._2e2g485kpErHhJQUiyvvC2 {\n\t\t\tdis(contents);\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2[aria-checked=\"false\"] ._2FKpII1jz0h6xCAw1kQAvS::after {\n\t\t\tcontent: 'OFF' i;\n\t\t\tpadding: 0 i;\n\t\t\tcolor: switchColorOff i;\n\t\t}\n\t\t._2e2g485kpErHhJQUiyvvC2[aria-checked=\"true\"] ._2FKpII1jz0h6xCAw1kQAvS::after {\n\t\t\tcontent: 'ON' i;\n\t\t\tpadding: 0 i;\n\t\t\tcolor: switchColorOn i;\n\t\t}\n\t\t._2FKpII1jz0h6xCAw1kQAvS {\n\t\t\tbackground-color: transparent i;\n\t\t}\n\t}\n}\n@-moz-document regexp('^https:\\\\/\\\\/(?:www|new)\\\\.reddit\\\\.com\\\\/r\\\\/\\\\w+\\\\/.*$') {\n\tif rRightSidebarS {\n\t\t._3Kd8DQpBIbsr5E1JcrMFTY {\n\t\t\tdis();\n\t\t}\n\t}\n\tif hRightSidebar {\n\t\tif (rRightSidebarS=='1') {}\n\t\telse {\n\t\t\t._3Kd8DQpBIbsr5E1JcrMFTY {\n\t\t\t\tposition: absolute i;\n\t\t\t\tright: -270px i;\n\t\t\t\tmargin: 0 i;\n\t\t\t\ttransition: .2s ease i;\n\t\t\t\tz-index: 4 i;\n\n\t\t\t\t&:hover {\n\t\t\t\t\ttransform: translateX(-275px);\n\t\t\t\t}\n\t\t\t}\n\t\t\t._1OVBBWLtHoSPfGCRaPzpTf {\n\t\t\t\tmargin-right: 42px i;\n\t\t\t}\n\n\t\t\tbody {\n\t\t\t\toverflow-x: hidden i;\n\t\t\t}\n\t\t}\n\t}\n\t/* BANNER SUBREDDIT */\n\tif bannerR=='Compact' {\n\t\t._2L5G9B5yaoqW3IegiYN-FL {\n\t\t\theight: 56px i;\n\t\t}\n\t}\n\tif bannerR=='Remove' {\n\t\t._2L5G9B5yaoqW3IegiYN-FL {\n\t\t\tdis();\n\t\t}\n\n\t\t.MSTY2ZpsdupobywLEfx9u {\n\t\t\tpadding-top: 30px i;\n\t\t}\n\t}\n\tif bannerR=='Unified' {\n\t\t.MSTY2ZpsdupobywLEfx9u {\n\t\t\theight: 0 i;\n\t\t}\n\t\t._3JDs8KEQIXSMn1bTF2ZqJ_ {\n\t\t\tbackground-color: rgba(0, 0, 0, 0.5) i;\n\t\t\tborder-radius: borderRadius borderRadius 0 0 i;\n\t\t\ttransform: translateY(-100%) i;\n\t\t\tbackdrop-filter: blur(2px);\n\t\t}\n\t\t._1gVVmSnHZpkUgVShsn7-ua {\n\t\t\tbackground-color: transparent i;\n\t\t}\n\t\t._2L5G9B5yaoqW3IegiYN-FL {\n\t\t\tmin-height: 104px i;\n\t\t}\n\t\t._33aRtz9JtW0dIrBNKFAl0y {\n\t\t\tcolor: #cbcfd0 i;\n\t\t}\n\t}\n}\n@-moz-document url('https://www.reddit.com/'),\nurl(\"https://new.reddit.com/\") {\n\t/* Sidebar */\n\tif rRightSidebar {\n\t\t._3Kd8DQpBIbsr5E1JcrMFTY {\n\t\t\tdis();\n\t\t}\n\t}\n\t/* Recent posts */\n\tif rRecentPosts {\n\t\t._3Im6OD67aKo33nql4FpSp_ {\n\t\t\tdis();\n\t\t}\n\t}\n}\n@-moz-document regexp('https:\\\\/\\\\/(?:www|new)\\\\.reddit\\\\.com/r/(.+)/comments/(.+).*') {\n\tif bannerR=='Compact' {\n\t\t._2L5G9B5yaoqW3IegiYN-FL {\n\t\t\theight: 56px i;\n\t\t}\n\t}\n\tif bannerR=='Remove' {\n\t\t._2L5G9B5yaoqW3IegiYN-FL {\n\t\t\tbackground: none i;\n\t\t\theight: 60px i;\n\t\t}\n\t}\n\tif rRightSidebarP {\n\t\t/* SIDEBAR PAGE */\n\t\t._3Kd8DQpBIbsr5E1JcrMFTY {\n\t\t\tdis();\n\t\t}\n\t\t/* MARGIN CONTAINER SECTION EMBED */\n\t\t.u35lf2ynn4jHsVUwPmNU {\n\t\t\tmargin: 32px i;\n\t\t}\n\t}\n\tif rRightSidebarO {\n\t\t/* SIDEBAR OVERLAY POST */\n\t\t._2Xq-4oyrEvHjL5U_EeMnK8._20b4i5iUhjZQqDZ1BM_Q-9 {\n\t\t\tdis();\n\t\t}\n\t}\n\tif bannerR=='Unified' {\n\t\t._1gVVmSnHZpkUgVShsn7-ua {\n\t\t\theight: 0 i;\n\t\t}\n\t\t._1_TJAX-8zAT3vVN1Iz7cys {\n\t\t\ttransform: translateY(-100%) i;\n\t\t}\n\t\t._2L5G9B5yaoqW3IegiYN-FL {\n\t\t\tmin-height: 104px i;\n\t\t}\n\t}\n}\n@-moz-document url-prefix('https://www.reddit.com/settings/'),\nurl-prefix(\"https://new.reddit.com/settings/\") {\n\t/* Settings page style */\n\tif settingsSeg=='Segmented'||settingsSeg=='Segmented-Alt'||settingsSeg=='Segmented-S' {\n\t\t#AppRouter-main-content {\n\t\t\tbackground-color: bkgColor i;\n\t\t\tpadding-bottom: 30px i;\n\t\t\t/* Custom Bkg */\n\t\t\tif customBackground {\n\t\t\t\t/* Bkg image */\n\t\t\t\tbackground-image: url(bgkURL) i;\n\t\t\t\tbackground-position: center i;\n\t\t\t\tbackground-size: cover i;\n\t\t\t\tbackground-repeat: no-repeat i;\n\t\t\t\tfilter: blur(blurBackground);\n\t\t\t\t/* Bkg color */\n\t\t\t\tif bkgColor!='#000' {\n\t\t\t\t\t& {\n\t\t\t\t\t\tbackground: bkgColor i;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.aq7Z-V1l4XpWUOsbbPQed {\n\t\t\twidth: 80% i;\n\t\t\tmargin: 20px auto 0 i;\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tborder-radius: borderRadius i;\n\t\t}\n\t\t._3FtOlkq31vuUJkzTkq4--W {\n\t\t\tborder-radius: borderRadius borderRadius 0 0 i;\n\t\t}\n\t}\n\tif settingsSeg=='Segmented-Alt'||settingsSeg=='Segmented-S' {\n\t\t#AppRouter-main-content {\n\t\t\tpadding-bottom: 0 i;\n\t\t}\n\t\t._3FtOlkq31vuUJkzTkq4--W,\n\t\t.aq7Z-V1l4XpWUOsbbPQed {\n\t\t\tbackground: transparent i;\n\t\t}\n\t\t._1VNcq3ynegRchfLyPqmKJ_ {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t}\n\t\t._1OrNGmpfcSuSebbZM5vYq4 {\n\t\t\tpadding: 0 20px i;\n\t\t\tpadding-bottom: 10px i;\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tborder-radius: 0 0 borderRadius borderRadius i;\n\t\t}\n\t\t._1VNcq3ynegRchfLyPqmKJ_ {\n\t\t\tborder-radius: borderRadius borderRadius 0 0 i;\n\t\t}\n\t}\n\tif settingsSeg=='Segmented-S' {\n\t\t._1VNcq3ynegRchfLyPqmKJ_ {\n\t\t\tborder-radius: borderRadius i;\n\t\t}\n\t\t.M7VDHU4AdgCc6tHaZ-UUy {\n\t\t\tbackground-color: transparent i;\n\t\t\tborder: none i;\n\t\t\tpadding: 0 i;\n\t\t}\n\t\t.aq7Z-V1l4XpWUOsbbPQed {\n\t\t\tmax-width: 1200px i;\n\t\t}\n\t\t._1PoD47oSHsBQ37RfRPY-G-._1Ico4fvlryEwDknLqa0-lP {\n\t\t\tbackground-color: var(--ml-primary-bgk) i;\n\t\t\tborder-radius: 0 0 borderRadius borderRadius i;\n\t\t}\n\t\t._1OrNGmpfcSuSebbZM5vYq4 {\n\t\t\tmargin-top: 20px i;\n\t\t}\n\t\t._3FtOlkq31vuUJkzTkq4--W:has(._1PoD47oSHsBQ37RfRPY-G-._1Ico4fvlryEwDknLqa0-lP[href=\"/settings/account\"]) ._1VNcq3ynegRchfLyPqmKJ_ {\n\t\t\tborder-bottom-left-radius: 0 i;\n\t\t}\n\t}\n}", + "updateUrl": "https://userstyles.world/api/style/9384.user.css", + "usercssData": { + "name": "Minimal Reddit", + "namespace": "reddit.com", + "version": "5.6.6.2", + "description": "Wide posts and remove bloat from homepage", + "homepageURL": "https://github.com/zenstorage/minimal-reddit", + "supportURL": "https://github.com/zenstorage/minimal-reddit/issues", + "author": "hdy", + "license": "MIT", + "preprocessor": "stylus", + "vars": { + "customColors": { + "type": "checkbox", + "label": "Custom bgk color", + "name": "customColors", + "value": "0", + "default": "0", + "options": null + }, + "bgkColor": { + "type": "color", + "label": "Base background color", + "name": "bgkColor", + "value": null, + "default": "rgb(26, 26, 27)", + "options": null + }, + "bgkTransparency": { + "type": "range", + "label": "Background transparency", + "name": "bgkTransparency", + "value": 0.68, + "default": 1, + "options": null, + "min": 0, + "max": 1, + "step": 0.01, + "units": null + }, + "bgkBlur": { + "type": "range", + "label": "Background blur", + "name": "bgkBlur", + "value": 14, + "default": 0, + "options": null, + "min": 0, + "max": 20, + "step": 1, + "units": "px" + }, + "customBackground": { + "type": "checkbox", + "label": "Custom main background ", + "name": "customBackground", + "value": "0", + "default": "0", + "options": null + }, + "bgkURL": { + "type": "text", + "label": "Background main URL", + "name": "bgkURL", + "value": null, + "default": "'https://w.wallhaven.cc/full/r7/wallhaven-r73mk1.jpg'", + "options": null + }, + "bkgColor": { + "type": "color", + "label": "Background main color, this replace the URL", + "name": "bkgColor", + "value": null, + "default": "#030303", + "options": null + }, + "blurBackground": { + "type": "range", + "label": "Blur main background", + "name": "blurBackground", + "value": 0, + "default": 0, + "options": null, + "min": 0, + "max": 10, + "step": 1, + "units": "px" + }, + "navbarShowing": { + "type": "range", + "label": "Navbar top", + "name": "navbarShowing", + "value": 0, + "default": 0, + "options": null, + "min": 0, + "max": 40, + "step": 1, + "units": "px" + }, + "useOlLogo": { + "type": "checkbox", + "label": "Use old logo", + "name": "useOlLogo", + "value": "0", + "default": "0", + "options": null + }, + "noBreakLineSub": { + "type": "checkbox", + "label": "No break line Sub name in search bar", + "name": "noBreakLineSub", + "value": null, + "default": "1", + "options": null + }, + "dropdownEffect": { + "type": "select", + "label": "Dropdown effect", + "name": "dropdownEffect", + "value": "Opacity", + "default": "None", + "options": [ + { + "name": "None", + "label": "None", + "value": "None" + }, + { + "name": "Opacity", + "label": "Opacity", + "value": "Opacity" + }, + { + "name": "F-Top", + "label": "F-Top", + "value": "F-Top" + }, + { + "name": "F-Left", + "label": "F-Left", + "value": "F-Left" + }, + { + "name": "F-Bottom", + "label": "F-Bottom", + "value": "F-Bottom" + }, + { + "name": "F-Right", + "label": "F-Right", + "value": "F-Right" + }, + { + "name": "Pulse", + "label": "Pulse", + "value": "Pulse" + } + ] + }, + "iconsColor": { + "type": "color", + "label": "Icons color", + "name": "iconsColor", + "value": null, + "default": "#d7dadc", + "options": null + }, + "imgPosts": { + "type": "select", + "label": "Images in posts", + "name": "imgPosts", + "value": null, + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Scroll", + "label": "Scroll", + "value": "Scroll" + }, + { + "name": "Resize", + "label": "Resize", + "value": "Resize" + }, + { + "name": "resizeOnHover", + "label": " Resize on Hover", + "value": "resizeOnHover" + }, + { + "name": "imgFullHeight", + "label": " Full Height", + "value": "imgFullHeight" + } + ] + }, + "scrollLongT": { + "type": "checkbox", + "label": "Add scroll to long text in posts", + "name": "scrollLongT", + "value": null, + "default": "0", + "options": null + }, + "widePosts": { + "type": "checkbox", + "label": "Wide posts", + "name": "widePosts", + "value": "1", + "default": "1", + "options": null + }, + "widthPosts": { + "type": "range", + "label": "Width posts", + "name": "widthPosts", + "value": 50, + "default": 100, + "options": null, + "min": 30, + "max": 100, + "step": 1, + "units": "%" + }, + "boxShadowPosts": { + "type": "checkbox", + "label": "Add shadow to posts", + "name": "boxShadowPosts", + "value": "0", + "default": "0", + "options": null + }, + "countInPosts": { + "type": "select", + "label": "Add count in posts", + "name": "countInPosts", + "value": "None", + "default": "None", + "options": [ + { + "name": "None", + "label": "None", + "value": "None" + }, + { + "name": "Outside-T", + "label": "Outside-T", + "value": "Outside-T" + }, + { + "name": "Outside-B", + "label": "Outside-B", + "value": "Outside-B" + }, + { + "name": "Inside-LB", + "label": "Inside-LB", + "value": "Inside-LB" + }, + { + "name": "Inside-RB", + "label": "Inside-RB", + "value": "Inside-RB" + }, + { + "name": "Inside-RT", + "label": "Inside-RT", + "value": "Inside-RT" + }, + { + "name": "Inside-Below-Votes", + "label": "Inside-Below-Votes", + "value": "Inside-Below-Votes" + } + ] + }, + "countColor": { + "type": "color", + "label": "Count color", + "name": "countColor", + "value": null, + "default": "#a8aaab", + "options": null + }, + "scalePost": { + "type": "select", + "label": "Post hover scale", + "name": "scalePost", + "value": null, + "default": "None", + "options": [ + { + "name": "None", + "label": "None", + "value": "None" + }, + { + "name": "Scale", + "label": "Scale", + "value": "Scale" + }, + { + "name": "noScale", + "label": " Scale without extra shadow", + "value": "noScale" + } + ] + }, + "scalePostFixed": { + "type": "checkbox", + "label": "Scale post fixed", + "name": "scalePostFixed", + "value": "1", + "default": "0", + "options": null + }, + "scaleNum": { + "type": "number", + "label": "Post hover scale num", + "name": "scaleNum", + "value": null, + "default": 1.03, + "options": null, + "min": 0, + "max": 10, + "step": 0.01, + "units": null + }, + "postPadd": { + "type": "number", + "label": "Posts padding around", + "name": "postPadd", + "value": null, + "default": 0, + "options": null, + "min": 0, + "max": 40, + "step": 1, + "units": "px" + }, + "invertPostSidebar": { + "type": "checkbox", + "label": "Invert posts to sidebar", + "name": "invertPostSidebar", + "value": "0", + "default": "0", + "options": null + }, + "borderRadius": { + "type": "number", + "label": "Border raius", + "name": "borderRadius", + "value": null, + "default": 4, + "options": null, + "min": 0, + "max": 30, + "step": 1, + "units": "px" + }, + "border": { + "type": "checkbox", + "label": "No border in section", + "name": "border", + "value": "1", + "default": "0", + "options": null + }, + "marginSection": { + "type": "select", + "label": "No margin in section", + "name": "marginSection", + "value": null, + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Create-Post", + "label": "Create-Post", + "value": "Create-Post" + }, + { + "name": "Sort-Post", + "label": "Sort-Post", + "value": "Sort-Post" + }, + { + "name": "Posts", + "label": "Posts", + "value": "Posts" + }, + { + "name": "Sidebar", + "label": "Sidebar", + "value": "Sidebar" + }, + { + "name": "Create-Sort", + "label": "Create-Sort", + "value": "Create-Sort" + }, + { + "name": "Create-Sort-Posts", + "label": "Create-Sort-Posts", + "value": "Create-Sort-Posts" + }, + { + "name": "All", + "label": "All", + "value": "All" + } + ] + }, + "paddingSectionSide": { + "type": "checkbox", + "label": "No padding in siders section", + "name": "paddingSectionSide", + "value": "0", + "default": "0", + "options": null + }, + "settingsSeg": { + "type": "select", + "label": "Settings page style", + "name": "settingsSeg", + "value": null, + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Segmented", + "label": "Segmented", + "value": "Segmented" + }, + { + "name": "Segmented-Alt", + "label": "Segmented-Alt", + "value": "Segmented-Alt" + }, + { + "name": "Segmented-S", + "label": "Segmented-S", + "value": "Segmented-S" + } + ] + }, + "cOverlayOffColor": { + "type": "color", + "label": "Comments overlay offset color", + "name": "cOverlayOffColor", + "value": null, + "default": "#131313cc", + "options": null + }, + "cOverlayOffWidth": { + "type": "range", + "label": "Comments overlay offset width", + "name": "cOverlayOffWidth", + "value": 100, + "default": 100, + "options": null, + "min": 0, + "max": 100, + "step": 1, + "units": "%" + }, + "cOverlayOffBlur": { + "type": "range", + "label": "Comments overlay offset blur", + "name": "cOverlayOffBlur", + "value": 0, + "default": 0, + "options": null, + "min": 0, + "max": 50, + "step": 1, + "units": "px" + }, + "commentsOverlayC": { + "type": "color", + "label": "Comments overlay color", + "name": "commentsOverlayC", + "value": null, + "default": "#1c1c1ce6", + "options": null + }, + "commentsOverlayB": { + "type": "range", + "label": "Comments overlay opacity", + "name": "commentsOverlayB", + "value": null, + "default": 0, + "options": null, + "min": 0, + "max": 1, + "step": 0.1, + "units": null + }, + "segmentComments": { + "type": "checkbox", + "label": "Segment comments in post page", + "name": "segmentComments", + "value": "0", + "default": "0", + "options": null + }, + "separatorPosts": { + "type": "checkbox", + "label": "Add separator between posts", + "name": "separatorPosts", + "value": "0", + "default": "0", + "options": null + }, + "separatorColor": { + "type": "color", + "label": "Separator color", + "name": "separatorColor", + "value": null, + "default": "#acacac", + "options": null + }, + "navbarBoxShadow": { + "type": "checkbox", + "label": "Add shadow to navbar", + "name": "navbarBoxShadow", + "value": "1", + "default": "0", + "options": null + }, + "hRightSidebar": { + "type": "checkbox", + "label": "Minimize right sidebar", + "name": "hRightSidebar", + "value": "0", + "default": "0", + "options": null + }, + "widthSubNav": { + "type": "number", + "label": "Width dropdown subbar", + "name": "widthSubNav", + "value": null, + "default": 270, + "options": null, + "min": 72, + "max": 270, + "step": 1, + "units": "px" + }, + "subBar": { + "type": "select", + "label": "SubBar", + "name": "subBar", + "value": "MinimizeWidth", + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Remove", + "label": "Remove", + "value": "Remove" + }, + { + "name": "Minimize", + "label": "Minimize", + "value": "Minimize" + }, + { + "name": "MinimizeWidth", + "label": "MinimizeWidth", + "value": "MinimizeWidth" + }, + { + "name": "Compact", + "label": "Compact", + "value": "Compact" + }, + { + "name": "Blossom", + "label": "Blossom", + "value": "Blossom" + }, + { + "name": "Width", + "label": "Width", + "value": "Width" + }, + { + "name": "CompactV2", + "label": "CompactV2", + "value": "CompactV2" + }, + { + "name": "CompactV2H", + "label": "CompactV2H", + "value": "CompactV2H" + } + ] + }, + "subBarAltBgk": { + "type": "color", + "label": "Alternate bgk in items subbar", + "name": "subBarAltBgk", + "value": null, + "default": "#0000", + "options": null + }, + "sortPosts": { + "type": "select", + "label": "Sort posts", + "name": "sortPosts", + "value": null, + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Remove", + "label": "Remove", + "value": "Remove" + }, + { + "name": "Sticky", + "label": "Sticky", + "value": "Sticky" + } + ] + }, + "fontTitle": { + "type": "number", + "label": "Font size title", + "name": "fontTitle", + "value": null, + "default": 18, + "options": null, + "min": 12, + "max": 50, + "step": 1, + "units": "px" + }, + "fontParagraph": { + "type": "number", + "label": "Font size paragraph, comments", + "name": "fontParagraph", + "value": null, + "default": 14, + "options": null, + "min": 10, + "max": 50, + "step": 1, + "units": "px" + }, + "textTransform": { + "type": "select", + "label": "Title and comments transform", + "name": "textTransform", + "value": null, + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Capitalize", + "label": "Capitalize", + "value": "Capitalize" + }, + { + "name": "Full-Width", + "label": "Full-Width", + "value": "Full-Width" + }, + { + "name": "Lowercase", + "label": "Lowercase", + "value": "Lowercase" + }, + { + "name": "Uppercase", + "label": "Uppercase", + "value": "Uppercase" + } + ] + }, + "iconNoLabel": { + "type": "select", + "label": "Hide icons label", + "name": "iconNoLabel", + "value": null, + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Hide", + "label": "Hide", + "value": "Hide" + }, + { + "name": "Hide-C", + "label": "Hide-C", + "value": "Hide-C" + } + ] + }, + "voteStyle": { + "type": "select", + "label": "Buttons vote style", + "name": "voteStyle", + "value": "Material", + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Remove", + "label": "Remove", + "value": "Remove" + }, + { + "name": "Material", + "label": "Material", + "value": "Material" + }, + { + "name": "Material-Alt", + "label": "Material-Alt", + "value": "Material-Alt" + }, + { + "name": "Material-AltD", + "label": "Material-AltD", + "value": "Material-AltD" + }, + { + "name": "Material-C", + "label": "Material-C", + "value": "Material-C" + }, + { + "name": "Filled", + "label": "Filled", + "value": "Filled" + }, + { + "name": "Outline", + "label": "Outline", + "value": "Outline" + }, + { + "name": "Arrow-Alt", + "label": "Arrow-Alt", + "value": "Arrow-Alt" + }, + { + "name": "Double-Arrow", + "label": "Double-Arrow", + "value": "Double-Arrow" + }, + { + "name": "Arrow-S-OF", + "label": "Arrow-S-OF", + "value": "Arrow-S-OF" + }, + { + "name": "Arrow-S-Outline", + "label": "Arrow-S-Outline", + "value": "Arrow-S-Outline" + }, + { + "name": "Arrow-S-Filled", + "label": "Arrow-S-Filled", + "value": "Arrow-S-Filled" + }, + { + "name": "Arrow-R-OF", + "label": "Arrow-R-OF", + "value": "Arrow-R-OF" + }, + { + "name": "Arrow-R-Outline", + "label": "Arrow-R-Outline", + "value": "Arrow-R-Outline" + }, + { + "name": "Arrow-R-Filled", + "label": "Arrow-R-Filled", + "value": "Arrow-R-Filled" + }, + { + "name": "Correct-Incorrect", + "label": "Correct-Incorrect", + "value": "Correct-Incorrect" + } + ] + }, + "upVoteColor": { + "type": "color", + "label": "Upvote select color", + "name": "upVoteColor", + "value": null, + "default": "#ff4500", + "options": null + }, + "downVoteColor": { + "type": "color", + "label": "Upvote select color", + "name": "downVoteColor", + "value": null, + "default": "#7193ff", + "options": null + }, + "cAlignment": { + "type": "select", + "label": "Community header alighment", + "name": "cAlignment", + "value": "Default", + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Left", + "label": "Left", + "value": "Left" + }, + { + "name": "Center", + "label": "Center", + "value": "Center" + }, + { + "name": "Right", + "label": "Right", + "value": "Right" + } + ] + }, + "bannerR": { + "type": "select", + "label": "Subreddits banner", + "name": "bannerR", + "value": null, + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Compact", + "label": "Compact", + "value": "Compact" + }, + { + "name": "Remove", + "label": "Remove", + "value": "Remove" + }, + { + "name": "Unified", + "label": "Unified", + "value": "Unified" + } + ] + }, + "mediaHide": { + "type": "select", + "label": "Hide media and show on hover", + "name": "mediaHide", + "value": null, + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Videos", + "label": "Videos", + "value": "Videos" + }, + { + "name": "Photos", + "label": "Photos", + "value": "Photos" + }, + { + "name": "Both", + "label": "Both", + "value": "Both" + } + ] + }, + "mediaBorder": { + "type": "checkbox", + "label": "Add border to img/gif", + "name": "mediaBorder", + "value": "0", + "default": "0", + "options": null + }, + "imgBorder": { + "type": "color", + "label": "Post image border color", + "name": "imgBorder", + "value": null, + "default": "#6d85ff", + "options": null + }, + "gifBorder": { + "type": "color", + "label": "Post gif border color", + "name": "gifBorder", + "value": null, + "default": "#e66fff", + "options": null + }, + "pSliderColor": { + "type": "color", + "label": "Player slider color", + "name": "pSliderColor", + "value": null, + "default": "#fff", + "options": null + }, + "pSliderColorR": { + "type": "color", + "label": "Player slider color remain", + "name": "pSliderColorR", + "value": null, + "default": "#434343", + "options": null + }, + "pSliderColorV": { + "type": "color", + "label": "Player slider volume color", + "name": "pSliderColorV", + "value": null, + "default": "#fff3", + "options": null + }, + "pIconsColor": { + "type": "color", + "label": "Player icons color, NEED userjs", + "name": "pIconsColor", + "value": null, + "default": "#fff", + "options": null + }, + "imageBorderRadius": { + "type": "range", + "label": "Border radius images", + "name": "imageBorderRadius", + "value": null, + "default": 0, + "options": null, + "min": 0, + "max": 50, + "step": 1, + "units": "px" + }, + "albumStyle": { + "type": "select", + "label": "Image album style", + "name": "albumStyle", + "value": null, + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Scroll-Y", + "label": "Scroll-Y", + "value": "Scroll-Y" + }, + { + "name": "Scroll-X", + "label": "Scroll-X", + "value": "Scroll-X" + } + ] + }, + "albumType": { + "type": "select", + "label": "Image album type", + "name": "albumType", + "value": null, + "default": "Default", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Mandatory", + "label": "Mandatory", + "value": "Mandatory" + }, + { + "name": "Proximity", + "label": "Proximity", + "value": "Proximity" + } + ] + }, + "albumAlign": { + "type": "select", + "label": "Image album align", + "name": "albumAlign", + "value": null, + "default": "Center", + "options": [ + { + "name": "None", + "label": "None", + "value": "None" + }, + { + "name": "Start", + "label": "Start", + "value": "Start" + }, + { + "name": "Center", + "label": "Center", + "value": "Center" + }, + { + "name": "End", + "label": "End", + "value": "End" + } + ] + }, + "switchStyle": { + "type": "select", + "label": "Switch style", + "name": "switchStyle", + "value": "Default-E", + "default": "Default-E", + "options": [ + { + "name": "Default", + "label": "Default", + "value": "Default" + }, + { + "name": "Default-E", + "label": "Default-E", + "value": "Default-E" + }, + { + "name": "Checkbox", + "label": "Checkbox", + "value": "Checkbox" + }, + { + "name": "Checkbox-Alt", + "label": "Checkbox-Alt", + "value": "Checkbox-Alt" + }, + { + "name": "SliderG", + "label": "SliderG", + "value": "SliderG" + }, + { + "name": "3D", + "label": "3D", + "value": "3D" + }, + { + "name": "2D", + "label": "2D", + "value": "2D" + }, + { + "name": "Cartoon", + "label": "Cartoon", + "value": "Cartoon" + }, + { + "name": "Fill", + "label": "Fill", + "value": "Fill" + }, + { + "name": "Text", + "label": "Text", + "value": "Text" + } + ] + }, + "switchColorOn": { + "type": "color", + "label": "Switch bkg on Color", + "name": "switchColorOn", + "value": null, + "default": "#0079d3", + "options": null + }, + "switchColorOff": { + "type": "color", + "label": "Switch bkg off Color", + "name": "switchColorOff", + "value": null, + "default": "#d7dadc1a", + "options": null + }, + "switchBRadius": { + "type": "range", + "label": "Switch border radius", + "name": "switchBRadius", + "value": null, + "default": 15, + "options": null, + "min": 0, + "max": 100, + "step": 1, + "units": "px" + }, + "switchRotate": { + "type": "range", + "label": "Switch rotate", + "name": "switchRotate", + "value": null, + "default": 0, + "options": null, + "min": -360, + "max": 360, + "step": 1, + "units": "deg" + }, + "sliderColor": { + "type": "color", + "label": "Slider color", + "name": "sliderColor", + "value": null, + "default": "#fff", + "options": null + }, + "sliderBRadius": { + "type": "range", + "label": "Slider border radius", + "name": "sliderBRadius", + "value": null, + "default": 57, + "options": null, + "min": 0, + "max": 100, + "step": 1, + "units": "%" + }, + "postHideL": { + "type": "select", + "label": "Post hide mode", + "name": "postHideL", + "value": null, + "default": "None", + "options": [ + { + "name": "None", + "label": "None", + "value": "None" + }, + { + "name": "Blacklist", + "label": "Blacklist", + "value": "Blacklist" + }, + { + "name": "Whitelist", + "label": "Whitelist", + "value": "Whitelist" + } + ] + }, + "postHide": { + "type": "text", + "label": "Hide/Show posts that title contains word", + "name": "postHide", + "value": null, + "default": "Word1, Word2", + "options": null + }, + "googleSans": { + "type": "checkbox", + "label": "Use Google Sans", + "name": "googleSans", + "value": "0", + "default": "0", + "options": null + }, + "firaCode": { + "type": "checkbox", + "label": "Use Fira Code font in code elements", + "name": "firaCode", + "value": "1", + "default": "0", + "options": null + }, + "hideAfter": { + "type": "number", + "label": "Hide posts after:", + "name": "hideAfter", + "value": null, + "default": 999999, + "options": null, + "min": 0, + "max": 999999, + "step": 1, + "units": null + }, + "fixGifsWidth": { + "type": "checkbox", + "label": "Fix the width of gifs expanding more than the content in comments", + "name": "fixGifsWidth", + "value": null, + "default": "1", + "options": null + }, + "fixHeightPostFixed": { + "type": "checkbox", + "label": "Fix the height of pinned posts on the profile page", + "name": "fixHeightPostFixed", + "value": null, + "default": "1", + "options": null + }, + "fixIframeBgkWhite": { + "type": "checkbox", + "label": "Fix iframe with background white", + "name": "fixIframeBgkWhite", + "value": null, + "default": "1", + "options": null + }, + "fixIframeHeightPost": { + "type": "checkbox", + "label": "Fix some iframe height cropped in posts", + "name": "fixIframeHeightPost", + "value": null, + "default": "1", + "options": null + }, + "commentsFullWidth": { + "type": "checkbox", + "label": "Set comments to use full width", + "name": "commentsFullWidth", + "value": "1", + "default": "0", + "options": null + }, + "oCommentsPost": { + "type": "checkbox", + "label": "Remove overlay posts", + "name": "oCommentsPost", + "value": null, + "default": "0", + "options": null + }, + "nsfwResults": { + "type": "checkbox", + "label": "Remove nsfw search in search bar", + "name": "nsfwResults", + "value": "1", + "default": "0", + "options": null + }, + "skeleton": { + "type": "checkbox", + "label": "Remove skeleton loading", + "name": "skeleton", + "value": null, + "default": "0", + "options": null + }, + "postWImages": { + "type": "checkbox", + "label": "Remove posts with images", + "name": "postWImages", + "value": null, + "default": "0", + "options": null + }, + "postWVideo": { + "type": "checkbox", + "label": "Remove posts with videos", + "name": "postWVideo", + "value": null, + "default": "0", + "options": null + }, + "rCrossPost": { + "type": "checkbox", + "label": "Remove cross post", + "name": "rCrossPost", + "value": null, + "default": "0", + "options": null + }, + "trending": { + "type": "checkbox", + "label": "Remove trending today", + "name": "trending", + "value": null, + "default": "1", + "options": null + }, + "trendingS": { + "type": "checkbox", + "label": "Remove trending search", + "name": "trendingS", + "value": null, + "default": "1", + "options": null + }, + "suggestedPosts": { + "type": "checkbox", + "label": "Remove suggested posts", + "name": "suggestedPosts", + "value": null, + "default": "0", + "options": null + }, + "logo": { + "type": "checkbox", + "label": "Remove reddit logo", + "name": "logo", + "value": "0", + "default": "0", + "options": null + }, + "toTop": { + "type": "checkbox", + "label": "Remove back to top", + "name": "toTop", + "value": "1", + "default": "0", + "options": null + }, + "viewFullImage": { + "type": "checkbox", + "label": "Remove view full image", + "name": "viewFullImage", + "value": null, + "default": "0", + "options": null + }, + "rRightSidebar": { + "type": "checkbox", + "label": "Remove right sidebar in home page", + "name": "rRightSidebar", + "value": "1", + "default": "0", + "options": null + }, + "rRightSidebarP": { + "type": "checkbox", + "label": "Remove right sidebar in posts", + "name": "rRightSidebarP", + "value": "0", + "default": "0", + "options": null + }, + "rRightSidebarO": { + "type": "checkbox", + "label": "Remove right sidebar in overlay posts", + "name": "rRightSidebarO", + "value": null, + "default": "0", + "options": null + }, + "rRightSidebarS": { + "type": "checkbox", + "label": "Remove right sidebar in subreddits", + "name": "rRightSidebarS", + "value": null, + "default": "0", + "options": null + }, + "rRecentPosts": { + "type": "checkbox", + "label": "Remove recent posts", + "name": "rRecentPosts", + "value": null, + "default": "0", + "options": null + }, + "popular": { + "type": "checkbox", + "label": "Remove popular in navbar", + "name": "popular", + "value": null, + "default": "1", + "options": null + }, + "moderator": { + "type": "checkbox", + "label": "Remove moderator in navbar", + "name": "moderator", + "value": "0", + "default": "0", + "options": null + }, + "coins": { + "type": "checkbox", + "label": "Remove coins in navbar", + "name": "coins", + "value": "0", + "default": "1", + "options": null + }, + "chat": { + "type": "checkbox", + "label": "Remove chat in navbar", + "name": "chat", + "value": null, + "default": "1", + "options": null + }, + "notifications": { + "type": "checkbox", + "label": "Remove notifications in navbar", + "name": "notifications", + "value": null, + "default": "0", + "options": null + }, + "createPostNav": { + "type": "checkbox", + "label": "Remove create post in navbar", + "name": "createPostNav", + "value": null, + "default": "1", + "options": null + }, + "advertise": { + "type": "checkbox", + "label": "Remove advertise in navbar", + "name": "advertise", + "value": null, + "default": "1", + "options": null + }, + "dropdown": { + "type": "checkbox", + "label": "Remove header user dropdown", + "name": "dropdown", + "value": "0", + "default": "0", + "options": null + }, + "statusOn": { + "type": "checkbox", + "label": "Remove status changer dropdown", + "name": "statusOn", + "value": "0", + "default": "0", + "options": null + }, + "profile": { + "type": "checkbox", + "label": "Remove profile dropdown", + "name": "profile", + "value": "0", + "default": "0", + "options": null + }, + "avatarP": { + "type": "checkbox", + "label": "Remove avatar personalize dropdown", + "name": "avatarP", + "value": "0", + "default": "0", + "options": null + }, + "userConfig": { + "type": "checkbox", + "label": "Remove user settings dropdown", + "name": "userConfig", + "value": "0", + "default": "0", + "options": null + }, + "dDarkM": { + "type": "checkbox", + "label": "Remove dark mode dropdown", + "name": "dDarkM", + "value": "0", + "default": "0", + "options": null + }, + "cComunity": { + "type": "checkbox", + "label": "Remove create community dropdown", + "name": "cComunity", + "value": null, + "default": "0", + "options": null + }, + "dAdvertise": { + "type": "checkbox", + "label": "Remove advertise dropdown", + "name": "dAdvertise", + "value": null, + "default": "1", + "options": null + }, + "dPremium": { + "type": "checkbox", + "label": "Remove premium dropdown", + "name": "dPremium", + "value": null, + "default": "1", + "options": null + }, + "dExplore": { + "type": "checkbox", + "label": "Remove explore dropdown", + "name": "dExplore", + "value": null, + "default": "1", + "options": null + }, + "helpCenter": { + "type": "checkbox", + "label": "Remove help center dropdown", + "name": "helpCenter", + "value": null, + "default": "1", + "options": null + }, + "dMore": { + "type": "checkbox", + "label": "Remove more dropdown", + "name": "dMore", + "value": null, + "default": "1", + "options": null + }, + "dPolicies": { + "type": "checkbox", + "label": "Remove policies dropdown", + "name": "dPolicies", + "value": null, + "default": "1", + "options": null + }, + "dExit": { + "type": "checkbox", + "label": "Remove exit dropdown", + "name": "dExit", + "value": null, + "default": "0", + "options": null + }, + "createPost": { + "type": "checkbox", + "label": "Remove create post", + "name": "createPost", + "value": "0", + "default": "0", + "options": null + }, + "profileHover": { + "type": "checkbox", + "label": "Remove profile tooltip hover", + "name": "profileHover", + "value": null, + "default": "0", + "options": null + }, + "subHover": { + "type": "checkbox", + "label": "Remove subreddit tooltip hover", + "name": "subHover", + "value": null, + "default": "0", + "options": null + }, + "voteArrowsC": { + "type": "checkbox", + "label": "Remove vote arrows in comments", + "name": "voteArrowsC", + "value": null, + "default": "0", + "options": null + }, + "voteArrowsP": { + "type": "checkbox", + "label": "Remove vote arrows in posts", + "name": "voteArrowsP", + "value": null, + "default": "0", + "options": null + }, + "iconsSubsP": { + "type": "checkbox", + "label": "Remove subs icons in posts", + "name": "iconsSubsP", + "value": "0", + "default": "0", + "options": null + }, + "dateSentP": { + "type": "checkbox", + "label": "Remove sent by in post", + "name": "dateSentP", + "value": null, + "default": "0", + "options": null + }, + "title": { + "type": "checkbox", + "label": "Remove title bar in posts", + "name": "title", + "value": null, + "default": "0", + "options": null + }, + "rTopInfos": { + "type": "checkbox", + "label": "Remove top information in posts", + "name": "rTopInfos", + "value": null, + "default": "0", + "options": null + }, + "rFlairs": { + "type": "checkbox", + "label": "Remove flairs", + "name": "rFlairs", + "value": null, + "default": "0", + "options": null + }, + "bottomBar": { + "type": "checkbox", + "label": "Remove bottom actions in section", + "name": "bottomBar", + "value": null, + "default": "0", + "options": null + }, + "iGrayscale": { + "type": "range", + "label": "Image grayscale", + "name": "iGrayscale", + "value": null, + "default": 0, + "options": null, + "min": 0, + "max": 100, + "step": 1, + "units": "%" + }, + "iSepia": { + "type": "range", + "label": "Image sepia", + "name": "iSepia", + "value": null, + "default": 0, + "options": null, + "min": 0, + "max": 100, + "step": 1, + "units": "%" + }, + "iBlur": { + "type": "range", + "label": "Image blur", + "name": "iBlur", + "value": null, + "default": 0, + "options": null, + "min": 0, + "max": 20, + "step": 1, + "units": "px" + }, + "iBrightness": { + "type": "range", + "label": "Image brightness", + "name": "iBrightness", + "value": null, + "default": 100, + "options": null, + "min": 0, + "max": 360, + "step": 1, + "units": "%" + }, + "iHue": { + "type": "range", + "label": "Image hue rotate", + "name": "iHue", + "value": null, + "default": 0, + "options": null, + "min": 0, + "max": 100, + "step": 1, + "units": "deg" + }, + "iSaturate": { + "type": "range", + "label": "Image saturate", + "name": "iSaturate", + "value": null, + "default": 100, + "options": null, + "min": 0, + "max": 1000, + "step": 1, + "units": "%" + }, + "iOpacity": { + "type": "range", + "label": "Image opacity", + "name": "iOpacity", + "value": null, + "default": 100, + "options": null, + "min": 0, + "max": 100, + "step": 1, + "units": "%" + }, + "iContrast": { + "type": "range", + "label": "Image contrast", + "name": "iContrast", + "value": null, + "default": 100, + "options": null, + "min": 0, + "max": 1000, + "step": 1, + "units": "%" + }, + "iInvert": { + "type": "range", + "label": "Image invert", + "name": "iInvert", + "value": null, + "default": 0, + "options": null, + "min": 0, + "max": 100, + "step": 1, + "units": "%" + }, + "iRotate": { + "type": "range", + "label": "Image rotate", + "name": "iRotate", + "value": null, + "default": 0, + "options": null, + "min": -360, + "max": 360, + "step": 1, + "units": "deg" + } + } + }, + "author": "hdy", + "description": "Wide posts and remove bloat from homepage", + "url": "https://github.com/zenstorage/minimal-reddit", + "name": "Minimal Reddit", + "originalDigest": "24d6f3e629de4cd772ee74f08dcb0b7d20641ee3", + "_id": "4ef7208d-3380-4332-ac07-c9c5a2976ca3", + "_rev": 1714741398401, + "installationUrl": "https://userstyles.world/style/9384", + "id": 87 + }, + { + "enabled": true, + "installDate": 1714738414810, + "sections": [ + { + "code": "/* ==UserStyle==\n@name Reddit colored comments\n@namespace userstyles.world/user/vednoc\n@description Customizable colored comments for Reddit.\n@author vednoc (https://github.com/vednoc)\n@version 1.2.0\n@license MIT\n@preprocessor stylus\n\n@var range lineWidth 'Line width' [2, 1, 8, 1]\n@var checkbox lineStyle 'Line color style: full or partial' 0\n@var checkbox hideLines 'Hide previous lines' 0\n\n@var range oldLineWidth 'Old design line width' [2, 1, 8, 1]\n@var checkbox oldLineStyle 'Old design line border style: solid or dotted' 0\n\n@var color color1 'Level 1 color' #f07178\n@var color color2 'Level 2 color' #f78c6c\n@var color color3 'Level 3 color' #ffcb6b\n@var color color4 'Level 4 color' #f3ff89\n@var color color5 'Level 5 color' #c3e88d\n@var color color6 'Level 6 color' #8de89e\n@var color color7 'Level 7 color' #89ddff\n@var color color8 'Level 8 color' #82aaff\n@var color color9 'Level 9 color' #c792ea\n@var color color10 'Level 10 color' #9a91ea\n==/UserStyle== */", + "start": 0 + }, + { + "code": ".threadline {\n border-right-width: 1px !important;\n }\n div[id^='t'] > :first-child > :nth-child(1) .threadline,\n div[id^='moreComments'] > :first-child > :nth-child(1) .threadline,\n div[id^='continueThread'] > :first-child > :nth-child(1) .threadline {\n border-right-color: #ed8796 !important;\n }\n div[id^='t'] > :first-child > :nth-child(2) .threadline,\n div[id^='moreComments'] > :first-child > :nth-child(2) .threadline,\n div[id^='continueThread'] > :first-child > :nth-child(2) .threadline {\n border-right-color: #f5a97f !important;\n }\n div[id^='t'] > :first-child > :nth-child(3) .threadline,\n div[id^='moreComments'] > :first-child > :nth-child(3) .threadline,\n div[id^='continueThread'] > :first-child > :nth-child(3) .threadline {\n border-right-color: #eed49f !important;\n }\n div[id^='t'] > :first-child > :nth-child(4) .threadline,\n div[id^='moreComments'] > :first-child > :nth-child(4) .threadline,\n div[id^='continueThread'] > :first-child > :nth-child(4) .threadline {\n border-right-color: #a6da95 !important;\n }\n div[id^='t'] > :first-child > :nth-child(5) .threadline,\n div[id^='moreComments'] > :first-child > :nth-child(5) .threadline,\n div[id^='continueThread'] > :first-child > :nth-child(5) .threadline {\n border-right-color: #8bd5ca !important;\n }\n div[id^='t'] > :first-child > :nth-child(6) .threadline,\n div[id^='moreComments'] > :first-child > :nth-child(6) .threadline,\n div[id^='continueThread'] > :first-child > :nth-child(6) .threadline {\n border-right-color: #7dc4e4 !important;\n }\n div[id^='t'] > :first-child > :nth-child(7) .threadline,\n div[id^='moreComments'] > :first-child > :nth-child(7) .threadline,\n div[id^='continueThread'] > :first-child > :nth-child(7) .threadline {\n border-right-color: #8aadf4 !important;\n }\n div[id^='t'] > :first-child > :nth-child(8) .threadline,\n div[id^='moreComments'] > :first-child > :nth-child(8) .threadline,\n div[id^='continueThread'] > :first-child > :nth-child(8) .threadline {\n border-right-color: #b7bdf8 !important;\n }\n div[id^='t'] > :first-child > :nth-child(9) .threadline,\n div[id^='moreComments'] > :first-child > :nth-child(9) .threadline,\n div[id^='continueThread'] > :first-child > :nth-child(9) .threadline {\n border-right-color: #c6a0f6 !important;\n }\n div[id^='t'] > :first-child > :nth-child(10) .threadline,\n div[id^='moreComments'] > :first-child > :nth-child(10) .threadline,\n div[id^='continueThread'] > :first-child > :nth-child(10) .threadline {\n border-right-color: #f5bde6 !important;\n }\n .comment .child,\n .comment .showreplies {\n border-left-width: 2px !important;\n border-left-style: solid !important;\n }\n .sitetable > .comment > .child {\n border-left-color: #ed8796 !important;\n }\n .sitetable > .comment > .child > .sitetable > .comment > .child {\n border-left-color: #f5a97f !important;\n }\n .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child {\n border-left-color: #eed49f !important;\n }\n .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child {\n border-left-color: #a6da95 !important;\n }\n .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child {\n border-left-color: #8bd5ca !important;\n }\n .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child {\n border-left-color: #7dc4e4 !important;\n }\n .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child {\n border-left-color: #8aadf4 !important;\n }\n .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child {\n border-left-color: #b7bdf8 !important;\n }\n .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child {\n border-left-color: #c6a0f6 !important;\n }\n .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child > .sitetable > .comment > .child {\n border-left-color: #f5bde6 !important;\n }", + "start": 1076, + "domains": [ + "reddit.com" + ] + } + ], + "sourceCode": "/* ==UserStyle==\n@name Reddit colored comments\n@namespace userstyles.world/user/vednoc\n@description Customizable colored comments for Reddit.\n@author vednoc (https://github.com/vednoc)\n@version 1.2.0\n@license MIT\n@preprocessor stylus\n\n@var range lineWidth 'Line width' [2, 1, 8, 1]\n@var checkbox lineStyle 'Line color style: full or partial' 0\n@var checkbox hideLines 'Hide previous lines' 0\n\n@var range oldLineWidth 'Old design line width' [2, 1, 8, 1]\n@var checkbox oldLineStyle 'Old design line border style: solid or dotted' 0\n\n@var color color1 'Level 1 color' #f07178\n@var color color2 'Level 2 color' #f78c6c\n@var color color3 'Level 3 color' #ffcb6b\n@var color color4 'Level 4 color' #f3ff89\n@var color color5 'Level 5 color' #c3e88d\n@var color color6 'Level 6 color' #8de89e\n@var color color7 'Level 7 color' #89ddff\n@var color color8 'Level 8 color' #82aaff\n@var color color9 'Level 9 color' #c792ea\n@var color color10 'Level 10 color' #9a91ea\n==/UserStyle== */\n\n@-moz-document domain('reddit.com') {\n t = transparent\n i = !important\n\n // Set line width.\n if lineWidth != 2 {\n .threadline {\n border-right-width: s('%spx', lineWidth) i\n }\n }\n\n // Set mode for line style.\n $mode = ()\n if lineStyle {\n $mode = '> div >'\n }\n\n for $i in 1..10 {\n div[id^='t'] > :first-child,\n div[id^='moreComments'] > :first-child,\n div[id^='continueThread'] > :first-child {\n $nth = s('%s', $i)\n\n // Set line colors.\n > :nth-child({ $nth }) { $mode } .threadline {\n border-right-color: color + $i i\n }\n\n // Set previous lines.\n if hideLines {\n > :nth-child({ $nth }) > .threadline {\n border-right-color: t i\n }\n }\n }\n }\n\n // Old design.\n .comment .child,\n .comment .showreplies {\n // Set line width.\n if oldLineWidth != 1 {\n border-left-width: s('%spx', oldLineWidth) i\n }\n\n // Set line style.\n if oldLineStyle == 0 {\n border-left-style: solid i\n }\n }\n\n $str = '.sitetable > .comment > .child '\n for $i in 1..10 {\n { $str } {\n border-left-color: color + $i i\n }\n\n $str += '> .sitetable > .comment > .child '\n }\n}\n", + "updateUrl": "https://userstyles.world/api/style/4734.user.css", + "usercssData": { + "name": "Reddit colored comments", + "namespace": "userstyles.world/user/vednoc", + "description": "Customizable colored comments for Reddit.", + "author": "vednoc (https://github.com/vednoc)", + "version": "1.2.0", + "license": "MIT", + "preprocessor": "stylus", + "vars": { + "lineWidth": { + "type": "range", + "label": "Line width", + "name": "lineWidth", + "value": 1, + "default": 2, + "options": null, + "min": 1, + "max": 8, + "step": 1, + "units": null + }, + "lineStyle": { + "type": "checkbox", + "label": "Line color style: full or partial", + "name": "lineStyle", + "value": "0", + "default": "0", + "options": null + }, + "hideLines": { + "type": "checkbox", + "label": "Hide previous lines", + "name": "hideLines", + "value": "0", + "default": "0", + "options": null + }, + "oldLineWidth": { + "type": "range", + "label": "Old design line width", + "name": "oldLineWidth", + "value": null, + "default": 2, + "options": null, + "min": 1, + "max": 8, + "step": 1, + "units": null + }, + "oldLineStyle": { + "type": "checkbox", + "label": "Old design line border style: solid or dotted", + "name": "oldLineStyle", + "value": "0", + "default": "0", + "options": null + }, + "color1": { + "type": "color", + "label": "Level 1 color", + "name": "color1", + "value": "#ed8796", + "default": "#f07178", + "options": null + }, + "color2": { + "type": "color", + "label": "Level 2 color", + "name": "color2", + "value": "#f5a97f", + "default": "#f78c6c", + "options": null + }, + "color3": { + "type": "color", + "label": "Level 3 color", + "name": "color3", + "value": "#eed49f", + "default": "#ffcb6b", + "options": null + }, + "color4": { + "type": "color", + "label": "Level 4 color", + "name": "color4", + "value": "#a6da95", + "default": "#f3ff89", + "options": null + }, + "color5": { + "type": "color", + "label": "Level 5 color", + "name": "color5", + "value": "#8bd5ca", + "default": "#c3e88d", + "options": null + }, + "color6": { + "type": "color", + "label": "Level 6 color", + "name": "color6", + "value": "#7dc4e4", + "default": "#8de89e", + "options": null + }, + "color7": { + "type": "color", + "label": "Level 7 color", + "name": "color7", + "value": "#8aadf4", + "default": "#89ddff", + "options": null + }, + "color8": { + "type": "color", + "label": "Level 8 color", + "name": "color8", + "value": "#b7bdf8", + "default": "#82aaff", + "options": null + }, + "color9": { + "type": "color", + "label": "Level 9 color", + "name": "color9", + "value": "#c6a0f6", + "default": "#c792ea", + "options": null + }, + "color10": { + "type": "color", + "label": "Level 10 color", + "name": "color10", + "value": "#f5bde6", + "default": "#9a91ea", + "options": null + } + } + }, + "author": "vednoc (https://github.com/vednoc)", + "description": "Customizable colored comments for Reddit.", + "name": "Reddit colored comments", + "originalDigest": "0f7858b2374593c6a27421d6015c3c192222aa04", + "_id": "2be19810-06b6-42cd-a774-3f30fea070df", + "_rev": 1714741566103, + "url": "https://userstyles.world/style/4734", + "installationUrl": "https://userstyles.world/style/4734", + "id": 89 } ] \ No newline at end of file diff --git a/.config/browser/violentmonkey/backup.zip b/.config/browser/violentmonkey/backup.zip index fc4113940fe0a57ce966f938b85dd11c9890c7eb..3998867fbe5a0690041bd74669294f3bf7c54066 100644 GIT binary patch delta 2838 zcmb`JX*d)L7sqEt!x$kow(KMO5>Y7I*s?F#rmRzAnQH7?$jCO9Y{N~(bWvnq!&nP3 zHP%5S8B1XhvQy!$`{BK}`|17gp7Y`VoDb(Y=fnSb{=dyNP~r{PV*-8&#?S3WfPA38o1gqme_I<$G8|Fs1K@BmKm z#jjr_egOVkW3A1+ClrpiF4+6Der8CjTP1bSBe4xY2HeHZ%9WAQwbhnaDUvt6?6zK} z5{Ty)+rky~G}|s~8XF^=yx~J0xaviFkh9i>Q%(B};hZOrh+kC7%Y)c3M_S0UqRSk* zZ!6F1@|iACH!s!{Qk&&41H*5oqsjc`w*qVK@qeH8X5fu^bDc?7Nbd^VC%V_rbz|RQ zsDC5kg2g%@$0c)V*E2^P_K+KE)mtFWVWd*ki2J50lc0;%WxL5!=G|%8=o&ynz2l%A zMq}mqh|y%A0egz4m=Y~JJ;eEeXb|(>`>NuxV1dV%sv2Gi2<}SmpkS#yWkPbeApA4* z`Ya~qW>i<#c=6!4A2WL`Z)AMJz|b1k8X`w`i0y^91yhgc+*Q}(3!AFsbl6NkCOXN* zfV(z>R z;XjxyO_(4$k9T@{fdD`k0{~Dp1Uk0=(?1!bAUN*%%3u9sN&yiiFt$yr2WqRh&ob+Ii%6s&(OleB& zf*WDlF9X^r2zhiTCd_PvrpgnWk>@a~*vw}o6+aGUt@zme#Xx*MMI_E-n~()n8pYMx zax&YY2bC}ro2Dr*nSY4)d}ZD^zD6|dRLNLI*q&6|o2+qht-IJ2YyJ&e8#+NCBEM$3 z@5G%*5j8l8Ck^GW$Kl zN44(Z{YHT&mj(FxWpolfWXdAK!wzwk_dX~?4yv2u-dvBDl^Nj%+LXUr{=DqXn&qnH zSa|4j^8SxjA54fW=|vw!-y~Lr&I6?rgnLhIJ!s$M)*+a{kK_zb_Z?8rke2NLkCT&@ z)0`mVa>8g8tj;0mgwlKqw$yK?V6&{*4$Gw(i3%ATkHeX@9gQ0DuOMbURdM_S&o_M) zB6t!U1X&Wiksz`g!Ls1U%INwwd$fRUsr2dB@ZEmTme9a&p^FI13T6s6dIK&FKTFOG zixP`_KeRfri*Mg;WE5+=_=@K8>grhwjUuqXkcUp6K{~i@Cgg%(O2>=>L@4H3-zn4i z!`tZGoucYbnR-%`+WxNwJ-AQ#t}nRp(K2G+x@I4i;Jjv?A796Hj(2lSh7PML5&H^f z!oT1J;vz(u9#GNz^$&z&?Jax>7*6x9MIlbi4kcl0L#aJxwZDH1MgNW>nS@jHS}L}0 z2_6h@q%G?hZnL;^N?`|B=R9&U{6U`{B)r;RAwUgC6tGK1-;sO-E>>uFYeYk>ac}WC z;tBgIW9v19QPW)WO4`)1fxOE*gR`0Ur&BLzbd{ZPpE_Nq$WTr$hSx~NKPWxVGDy>P z=CIR_zAJaV*V)p&0esnrzq0v7MNwQkFA5}~p<`TCf+lJ^D~=Zac~9QJ#O-VrpCBLU zl}K)h^QajebF1n<*&_vh1v;SZigH6hD832uQ zGo|BLXGm9Ma3ZXWuoNj%p3qo-O3yaq-O_<`-z9s-SbbH0RM;Le_M<6^x6VIBHe9gj z{=g2y4&s=(>86oEPiunJBaYRK*i>3gOUqqdKB5h;3GE5@PYz+}(H@`_oOD52YPvo` zfRJr#{PftQr;2FNoz^i0!_if_!7&8SG!=H&Z3*U&+tyR6A5o5(%C$(2F;LrLZD*GK zxTD@YrCB4Vi3sbOH3p?1DDVAvjoyL&h@u`V=A28ubtp07sk$MZ8vjLAL4!H9^Xn;s z7;2EiFyD#P^8xf$wquGh3x9qdlo7`hSWHZ?D|c=NuPhAk#&}r)4vd30{(zi`nGeKSE>}hQ~Q! zJ0fsbxYij5H7io-%T;vP9%nzBKhutS$p`}1ynZ?M(UXEX5uMl(Ub}30$LDWzo`s?F zp>Yfpc13@DCRJC`K0692mDo{?*lX)X2|Cl8f*Jz9TXHm~A zu3y0!slo-g>v;7{b>nxMyrxY|pqbSnfqdon8flg4rB*%B4mAR}*m4P_dR zrhASZzp_89p0r52q0TNK&>Edo`KTl{MbiiQ4UwAN_aiDo-2M$DKby~t)H->tJ*DgM zX4YyTe!1~&Rg=4vNOy6Q)f9cE zl^PcCc^p`$_Rf0K*DvAD$CvNzw!GqTCRL8h)M3ZuvlA>Rf5i&2RB+6saO}$!OR!7D zjowO0yan-j(c=N~Bv>dI|9(5RZP#w4>;269P5xIaDv*N}Q|z8RrDV{jNnw$63L;*+ zuBW9}14b8G>%|N15{u$2vk+Pi(Nbw1?vZWyr)}3e3R>DcRMX9oS*B{e4vH6gySK5` z?}iqnS)#_$;DD#_?Hl);p76-G)he0g z$3RHyQvagd2$Ki2fnSmU5CA6ePHchIh{XT)NB=0osEy+0Sn#U|L?tw9PtS^(rD@d2 zvp=g(qc+IUmE}Cwu z$5~ZY>5a=)IGR8`(eAv%f@pv4Q>t27TqHN+(;TuioVN{hDWtqx-K3IfUHCGyYBx+q zs!Tyt?|wCbO{2I*HGMD<1D&Wa(^8U1v}mM#Md1R;YT@#19+vHzg}a>jfSkMNizUm3 zP%Rg~GgF6ypR}T0JDgwrY8dWFw6KN9;TO>nrplo`zSO%$gVnv+{JQ3fo;AM^OqiO3 z(*xmfm-ST=cNv~M*GtR(SuoOWEU=g(zneehE($g9b|4VI3~QKaQakPlJ%EMMC!ljU z$MVAFpTfbHA)mT0##9-5F+cej*iZMq-Vb)U5uyk&YR0DUb4P`7gO$SOP*ZB%LlMnZ zbxVWFqPHI3yPBgI0J$q5Z3F-(@Jlx9Ukj7b^}Ec99@;`SUg7F}?Dy0U3c8JEvn#qR z;BS=md<;L)6IaYL!~NX0g6|9#%KQweU-kv^vOIh4TmujH>6~?ZhT4QEl4ct6eW!W5 zX4D#eBUBs`Lnxtj!k5VLtq6UQSi5R`0ZL^S&1q}er?x@Uk4zSIr=7c38`P^|gtYC9 zGb<1Y#^P%#@drVDQSBtvFWk|j_g>{Ak2MHGyU^ZuazLV*D+~au~-I-3%MsN>S}SUXJS%o&sJpv1G~I2mZR|5S5%+ z7|~&dC`d8`t%yx3q!>2dM7}RIXj9&CbM6V1Nc=vPe&2MV+;iM3DMa8k)*>ofJpho) zTJ7}^KR+-_eGoIEXI>f#Z>|&sGRt63xOlc4C%#L;ka+l~Cz3fSt-7Ql3~-+cV+_Ha z5d{{H&aZ0=LDR!Fhr$L`8r-OrrZ-s}7vT9sM_rD9KK=66oE`Nw;*&BB^ z&n0}GUEnA^|96}@2i7SadGMArs$fyk{Q@vv zORVm(HPEc~-Ll|jjiYXGyCF!R>t^L_8@(%9 z{m*&ARf}Q!>mF3|Z!?7bmiY%t-qeVe5Y-tgxA;%&gF^jQ*)kL7=8LE-&n?WN#2j_U z_NP2$76)SIt^^bAFTQa|m+~?Db5!4`k7ML{w|L|GZSmI2Etam#pD_(Cleh6{^m-jD zh?ia3X0qE`&Vn>2G998>M7x*B#(00vEg!h;av|EY)TD%h(_IiN1 zSY8OCUF*Kg7g*&waZaC+wEk=>lK zf?6-Q`_XN}4Ru=MrO;Cw`3=`tw-y{(6Q28uAp|}q_HM@`)s*3C4TTB1a?1|&_SD2^ zX8$@vh59AGQ*C7RvaGD8@@!Z|SZ>fz%GPI9~9934sPXpBF$OvlA<#;E=|bEtIG zz{Q0i^j&1m7Zr(N*)KXTvGanv`WEx{I}zhkZZY1 zMWqBLROpy1OKhib0->YR_~%OX&Vjw|Y46BrsvOB9i~d7}CU#xv$8vUJ?t2&Hr87*B zQ%fm?SMQGmp}xXgJjt;yo|>n=Yv*c~{^jtM2j7fJMt&nIdB+J1uHu`1pk5@}sDef` zLvwN{=4SILY@;=t{Z2>+k57R`hT}WQ5w|skF>?b|DlL8(Vay+eb<$rnz1t9J8#rGd z6pNo|{@ZE!Op@*4aUK@uBpkqvSv7%`hV)5tpM4?hOL6(-wUMOUf_{TyaLf6C?<1#k zjFJ_q;3ijBY92LWH8_*~AA>PyS#Y?;-f@^L0H`6@LdZm!BuXC0fSzRR;vzxW4h%Fm zQt}_jGJ-)t2^h2l2oAsjFc=K{Lh*ku0RRf@`8SRK6I~zxxEw)<42zD5B1B&Zi#y>X a4M_aI)W)EtWq$pU`p2^p03fRUwf+W